• Technické SEO

Definitívna kontrola správnosti pre softvér SaaS - Chrumkavá tajná omáčka

  • Antoine Goret
  • 5 min read
Definitívna kontrola správnosti pre softvér SaaS - Chrumkavá tajná omáčka

Úvod

Toto je príbeh základov SEO, ktoré sme v spoločnosti Crisp vybudovali, aby bola naša technická stratégia SEO efektívna.

Crisp je komplexný softvér na viackanálovú zákaznícku podporu pre podniky na celom svete. Mesačne pomáha viac ako 200 miliónom používateľov pri kontakte so zákazníkmi a zároveň združuje tímy okolo jedného nástroja.

Keď som prišiel do spoločnosti Crisp, používalo ju niečo menej ako 100 000 spoločností. Organické vyhľadávanie bolo tretím akvizičným kanálom za odporúčaním (podľa Google Analytics) a virálnym marketingom.

Prostredníctvom tohto článku sa podelím o technickú kontrolu SEO, ktorú som spracoval pri príchode do spoločnosti Crisp. Ide o to, aby ste sa nesnažili budovať popularitu na prepichnutom koši.

Niekoľko štatistík, o ktoré sa s vami môžem podeliť teraz, keď spolu hovoríme:

  • Naša pozícia na Ahrefe je 7900
  • Naša DR je 82
  • Mesačne nás navštívi viac ako 300 000 návštevníkov
  • Organické vyhľadávanie tvorí 50 % našej návštevnosti (okrem existujúcich zákazníkov)

Acquisition channels at Crisp (Akvizičné kanály v spoločnosti Crisp)

V tomto technickom sprievodcovi SEO sa s vami podelím o kroky, ktoré som podnikol na zlepšenie našej webovej stránky a jej prispôsobenie odporúčaniam spoločnosti Google.

Zoznámte sa s nástrojom Ranktracker

Platforma "všetko v jednom" pre efektívne SEO

Za každým úspešným podnikaním stojí silná kampaň SEO. Pri nespočetnom množstve optimalizačných nástrojov a techník, z ktorých si môžete vybrať, však môže byť ťažké zistiť, kde začať. No už sa nemusíte báť, pretože mám pre vás presne to, čo vám pomôže. Predstavujem komplexnú platformu Ranktracker na efektívne SEO

Konečne sme otvorili registráciu do nástroja Ranktracker úplne zadarmo!

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Tu sú veci, ktoré môžete očakávať na konci tohto článku:

  • Pochopenie voľby, ktorú sme urobili, keď sme sa rozhodli vytvoriť vlastný CMS bez existujúceho CMS
  • Zistite, ako môžete skontrolovať technickú SEO optimalizáciu existujúcej webovej stránky
  • Naučte sa vytvoriť jednoduchý audit, ktorý môžete predložiť svojim tímom na zlepšenie
  • Naučte sa analyzovať sémantickú relevantnosť pre vyhradenú stránku
  • Prečítajte si o nástrojoch, ktoré v spoločnosti Crisp používame na zabezpečenie tejto činnosti

Vytvorenie vlastného CMS na riadenie technického SEO

Prvá vec, ktorú môžeme ovplyvniť, je náročnosť webovej stránky, na ktorej pracujeme. V spoločnosti Crisp už pred mojimi začiatkami začal tím pracovať na webovej lokalite, ktorá bola plne hardvérovo zakódovaná.

Je to celkom jednoduché, používame programovací jazyk, ktorý sa nazýva JADE. Je to jednoduchý programovací jazyk, ktorý kompiluje kód na generovanie statických stránok HTML, ktoré ponúkame návštevníkom našich webových stránok.

Všimnite si, že náš softvér nie je vytvorený pomocou JADE, ale používa VueJS, ak chcete vedieť viac, napísali sme článok o migrácii na VueJS.

Prečo vytvárame vlastný CMS od nuly?

Moderné CMS, ako je Webflow alebo WordPress, sú dobré, neklamem vám. Ale nie sú dostatočne dobré pre naše požiadavky.

Chceme, aby naše webové stránky boli rýchle

Chceme, aby naše webové stránky boli rovnako dobré ako náš produkt, pokiaľ ide o používateľský zážitok. Pri vytváraní webovej lokality WordPress sa dodáva vyhradená databáza, požiadavky na desiatky externých zdrojov, ako sú zásuvné moduly alebo JS skripty, a preto sa spomaľuje rýchlosť načítania.

A to isté platí aj pre mnohé CMS, na ktorých sa pri budovaní technickej stratégie SEO musíte spoliehať na existujúcu štruktúru.

Od môjho príchodu do spoločnosti Crisp sa webová stránka neprestala vyvíjať a zlepšovať vďaka nápadom a vylepšeniam, ktoré na ňu prinášame.

Chceme mať svoj vývoj plne pod kontrolou

Pri nástrojoch, ako je Shopify alebo WordPress, sa spoliehate na produktové tímy, že produkt nasmerujú správnym smerom, čo nemôžete ovplyvniť.

V spoločnosti Crisp sme plne zodpovední za naše optimalizácie, technické voľby a stratégiu, ktorú implementujeme, aby sme čo najrýchlejšie vybudovali najlepšiu stratégiu SEO.

Zoznámte sa s nástrojom Ranktracker

Platforma "všetko v jednom" pre efektívne SEO

Za každým úspešným podnikaním stojí silná kampaň SEO. Pri nespočetnom množstve optimalizačných nástrojov a techník, z ktorých si môžete vybrať, však môže byť ťažké zistiť, kde začať. No už sa nemusíte báť, pretože mám pre vás presne to, čo vám pomôže. Predstavujem komplexnú platformu Ranktracker na efektívne SEO

Konečne sme otvorili registráciu do nástroja Ranktracker úplne zadarmo!

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Napríklad sme implementovali označovanie schema.org na konkrétnych stránkach našich webových stránok pomocou integrácie JSON.

SERP features by using schema.org markup

Chceme vytvoriť tím technicky zdatných ľudí

V spoločnosti Crisp veríme, že každý by mal byť schopný upraviť súbor JSON a skompilovať časť kódu na úpravu obsahu webovej lokality.

Preto okolo webovej stránky zhromažďujeme tím technických pracovníkov: Front end vývojári, technickí marketéri a obchodní inžinieri pomáhajú každý deň zlepšovať webové stránky. Či už ide o kópiu alebo samotný zážitok.

Je to pre nás spôsob, ako zamestnať vysoko talentovaných ľudí, ktorí majú úplný prehľad o technických a marketingových stratégiách.

Teraz, keď ste pochopili našu filozofiu a stratégiu, poďme sa ponoriť do technickej optimalizácie SEO a do toho, ako môžeme vytvoriť lepší zážitok pomocou jednoduchých nástrojov, ktoré sú na webe k dispozícii zadarmo.

Skontrolujte svoje technické SEO jedným kliknutím

Keď začínam pracovať, rád vidím, odkiaľ začínam, a presne tento postup som použil pred tromi rokmi, keď som prišiel do spoločnosti Crisp.

Rád vytváram audit, ktorý sa pozerá do hĺbky:

  • Technický audit
  • Audit obsahu
  • Audit popularity

O tento rámec sa s vami podelím o niečo neskôr v tomto dokumente.

Maják Google je svetlom, ktoré vás prevedie odporúčaniami požiadaviek Google z hľadiska technickej optimalizácie SEO.

Napísali sme príručku o optimalizáciách Google Lighthouse, ktoré vykonávame v spoločnosti Crisp, neváhajte si ju pozrieť! Umožnilo nám to veľmi jednoducho zlepšiť naše skóre v službe Lighthouse.

Už vás nebaví čítať článok? Tu je krátky výťah:

  1. Prejdite na web.dev a spustite audit svojej webovej stránky

Example of a Google Lighthouse audit results (Príklad výsledkov auditu Google Lighthouse)

  1. Stanovenie priorít v zozname činností na opravu
  2. Zlepšite si svoje umiestnenie prirodzene

Môžete tiež použiť super Dareboost, ktorý ponúka širokú škálu optimalizácií, ktoré idú hlbšie do lievika technického SEO.

Dareboost report

Ako vidíte, stále máme niekoľko vecí, na ktorých môžeme popracovať, aby sme webovú stránku ešte viac zrýchlili a zjednodušili jej používanie.

Pomocou týchto dvoch nástrojov získate jasnú predstavu o tom, čo potrebujete dosiahnuť, aby ste zlepšili svoju technickú SEO optimalizáciu a získali vyššie pozície v obľúbených vyhľadávačoch.

Teraz, keď máte jasný prehľad o tom, čo musíte technicky zlepšiť, zamerajme sa na sémantickú relevantnosť vašej webovej stránky, aby ste pochopili, či sa zhoduje s vaším cieľovým trhom.

Pochopenie hustoty kľúčových slov pre technickú SEO

Keď som vstúpil do hry o to, ako dostať webovú stránku Crisp na mesiac, musel som sa uistiť, že náš obsah je správne vytvorený.

Musel som sa uistiť, že sémantická štruktúra webovej stránky je dobre vytvorená. Tu je môj zoznam úloh pri kontrole sémantickej štruktúry webovej stránky. Je to niečo, do čoho by ste sa mali naozaj zahĺbiť, pretože tomu venuje pozornosť veľmi malé množstvo tvorcov webových stránok, agentúr, vývojárov.

Skontrolujte štruktúru svojej webovej stránky HTML jedným kliknutím

Používam Web developer, čo je doplnok pre Google Chrome. Ten sa veľmi ľahko používa a nestarne.

Web Developer Chrome Addon

Pri kontrole stránky a jej štruktúry kliknite na "Zobraziť osnovu dokumentu". Tu je príklad toho, čo sme urobili v spoločnosti Crisp.

Document outline

Každý Hn má vplyv na hustotu kľúčových slov a na to, ako Google chápe webovú stránku, na ktorej pracujete.

A áno, je to pravda, mohol by som sa zbaviť posledného H2, pretože znižuje hustotu kľúčového slova, na ktoré sa na tejto stránke zameriavam.

Uhádli ste kľúčové slovo, na ktorom pracujem?

Túto analýzu je potrebné skombinovať s analýzou hustoty kľúčových slov, aby ste sa uistili, že Google váš obsah pochopí správne.

Skontrolujte hustotu kľúčových slov na stránke

Aby ste pochopili, aká je hustota kľúčových slov, máte k dispozícii nástroje, ktoré vám pomôžu lepšie pochopiť, ako by ste mali štruktúrovať svoju stránku.

Pokiaľ ide o mňa, používam Alyze, čo je francúzsky softvér na analýzu hustoty kľúčových slov.

Keywords density

Pre každú stránku vám poskytne jasnú predstavu o najvýznamnejších kľúčových slovách vašej stránky.

Bonus: Analýza prehľadávania z robotov Google

Preliezanie robotov je možné analyzovať. Musíte vedieť, že máte špeciálny rozpočet, ktorý súvisí s vašou webovou stránkou. Tento rozpočet musí byť rozumne spotrebovaný vyhľadávacími robotmi Google.

Na tento účel môžete použiť nástroje, ako je napríklad oncrawl.com, aby ste zabránili chybám, príliš veľkému počtu presmerovaní alebo osirelým stránkam.

Väčšina ľudí tvrdí, že rozpočet na prehľadávanie je pre webové stránky so softvérom SaaS zanedbateľný, pretože počet stránok je príliš malý. V spoločnosti Crisp si to nemyslíme. Veríme, že Google má rád každú optimalizáciu, či už máte na svojom webe 15, 150 alebo 1500 stránok.

Pri každom novom vydaní evolúcií a vylepšení vykonám analýzu oncrawl, aby som zistil, či všetko prebieha správne.

Ale o to tu nejde, hovoríme o robotoch Google, ktorí indexujú váš obsah.

Zoznámte sa s nástrojom Ranktracker

Platforma "všetko v jednom" pre efektívne SEO

Za každým úspešným podnikaním stojí silná kampaň SEO. Pri nespočetnom množstve optimalizačných nástrojov a techník, z ktorých si môžete vybrať, však môže byť ťažké zistiť, kde začať. No už sa nemusíte báť, pretože mám pre vás presne to, čo vám pomôže. Predstavujem komplexnú platformu Ranktracker na efektívne SEO

Konečne sme otvorili registráciu do nástroja Ranktracker úplne zadarmo!

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Na tento účel musíte vyhľadať konkrétneho používateľského agenta, ktorý sa nazýva "GoogleBot". Ak máte na svojom webovom sídle nainštalovanú službu CloudFlare, pretože ste sa riadili našimi predchádzajúcimi odporúčaniami, práve tu by ste mali získať výpis svojich "zásahov". V opačnom prípade môžete požiadať o protokoly na serveri, ktorý je hostiteľom vašej webovej lokality, tie by mali byť uložené na tejto úrovni.

Hity sú návštevy vykonané GoogleBotom. Na rozdiel od všeobecného presvedčenia, GoogleBot neprechádza celú vašu webovú stránku naraz. Navštívi jednu stránku a potom webovú lokalitu opustí.

Preto musíte byť veľmi opatrní, pokiaľ ide o kvalitu jeho skúseností.

Analýzou frekvencie návštev jednotlivých stránok pochopíte, ktoré z nich sú na vašej webovej lokalite podľa Google najobľúbenejšie, a možno odhalíte niektoré nezaujímavé, ktoré by GoogleBot nemal navštevovať.

Komentár autora

Dúfam, že vám tento článok pomôže vydať sa správnym smerom. Ak chcete túto záležitosť so mnou ďalej prediskutovať, neváhajte a pridajte si ma na Linkedin alebo Twitter, rád sa s vami porozprávam.

Antoine Goret

Antoine Goret

CMO, Crisp

is Chief Marketing Officer at Crisp. Passioned for innovation and entrepreneurship, helping SMBs to change the way they chat with their users.

Začnite používať Ranktracker... zadarmo!

Zistite, čo brzdí vaše webové stránky v hodnotení.

Vytvorenie bezplatného konta

Alebo sa pri hláste pomocou svojich poverení

Different views of Ranktracker app