Technické SEO je základným stavebným kameňom úspešnej webovej stránky. Prečo je to dôležité a aké má následky jeho zanedbanie, to si rozoberieme v nedeľnej kázni pri ☕ kávičke. Lebo tento blog je asi najdlhší na mojom webe. Tak poďme na to. Ak nie sú technické parametre správne nastavené, vyhľadávače môžu stránku ignorovať, penalizovať alebo nesprávne indexovať. V tomto článku sa pozrieme na jednotlivé prvky pre technické SEO, prečo je dôležité a aké následky má ich nesprávna implementácia.
Technické SEO pre meta description
Meta popis slúži na krátke zhrnutie obsahu stránky vo výsledkoch vyhľadávania. Ak nie je vyplnený, Google si ho môže vygenerovať sám, čo môže viesť k zníženiu CTR (click-through rate). Dobrý meta description tág by mal obsahovať relevantné kľúčové slová a byť pútavý. Rozhodne to nemá byť veta skopírovaná v texte na stránke. Má to byť unikátny a originálny text.
Odporúčaná dĺžka: 150 – 160 znakov, ale môže byť aj kratší okolo 125-130 znakov.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Skontroluje prítomnosť meta description.
Ak chýba, vygeneruje si vetu z obsahu stránky, alebo len časť relevantnej vety.
Porovná relevantnosť meta popisu s obsahom stránky.
Ak je príliš krátky alebo irelevantný, môže ho ignorovať.
H1 nadpis
H1 je hlavný nadpis stránky, ktorý vyhľadávače používajú na pochopenie obsahu v texte. Každá stránka by mala mať iba jeden H1 nadpis, ktorý obsahuje hlavné kľúčové slová.
Odporúčaná dĺžka: 20 – 70 abecedných znakov bez zakončenia bodkou. H1 je vyložene oznamovacia veta a nepatrí sem žiadny otáznik, výkričník a ani grafický svg obrázok.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Skontroluje existenciu H1 nadpisu.
Porovná jeho text s obsahom stránky.
Ak chýba nadpis H1, vyhľadávač môže znížiť relevanciu stránky.
Ak je viacero H1 nadpisov, robot môže mať problém s určením hlavnej témy.
H2 nadpis
Podnadpisy H2 pomáhajú vytvárať základnú štruktúru, obsah a zlepšujú čitateľnosť. Vyhľadávače im pripisujú nižšiu váhu ako H1, ale stále sú dôležité pre SEO.
Odporúčaná dĺžka: 20 – 80 znakov
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Analyzuje ich prítomnosť a hierarchiu, ale aj dĺžku, pozíciu a poradie. Ale aj obsah a rozloženie kľúčových slov, ekvivalentov kľúčových slov a fráz.
Kontroluje, či sú relevantné k H1.
Pri absencii H2 môže stránka pôsobiť neprehľadne.
Technické SEO pre obrázky
Optimalizácia obrázkov zahŕňa správny názov obrázka, alt text a kompresiu. Alt text pomáha vyhľadávačom pochopiť obsah v obrázku.
Odporúčania:
Používať relevantný a popisný alt text na maximálne 125 znakov. Nie je stanovené či písať na začiatku veľké, alebo malé písmeno a nie je stanovené ani zakončenie bodkou.
Komprimovať obrázky na menšiu veľkosť bez straty kvality. Bezstratovú kvalitu dnes ponúkajú rôzne pluginy. Najlepšie je, ak nahrávate do knižnice obrázkov presne taký rozmer, ako budete na webe propagovať.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Skontroluje prítomnosť alt textu.
Ak chýba alt text, obrázok nebude správne indexovaný. To znamená, že ho možno nikdy nenájdete v obrázkovom indexe.
Skontroluje veľkosť obrázka – veľké súbory môžu spomaľovať načítanie. Nie len veľkosť, ale aj kvalitu obrázka. Nenahrávajte do knižnice zbytočné obrázky ktoré nepoužijete. Nenahrávajte obrázky ktoré sa javia ako rozmazané už v počítači.
Kľúčové slová a frázy
🔗 Použitie správnych kľúčových slov v obsahu pomáha vyhľadávačom pochopiť tému stránky.
Odporúčania:
Používať prirodzené rozloženie kľúčových slov.
Hustota pre technické SEO by mala byť približne 1 – 2 % vzhľadom na množstvo textu. Využite priestor spôsobom: Začiatok, stred a koniec textu celej stránky. Ak by bolo použitie kľúčových slov priveľa, použite ekvivalent slova.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Skontroluje hustotu kľúčových slov.
Vyhodnotí prirodzenosť ich použitia v textoch.
Penalizuje stránky s príliš veľkým počtom opakovaní.
Open Graph meta tagy
Tieto tagy zlepšujú zobrazenie stránky pri zdieľaní na sociálnych sieťach.
Odporúčania:
Používať OG:title, OG:description a OG:image.
Dodržiavať odporúčané rozmery pre OG:image (napr. 1200×630 px). Nezabudnite že Meta obrázky na spodnej časti niekoľko pixelov odreže kvôli textu, takže robte obrázky zvlášť pre sociálne siete ak ste si istý, že by podstatná časť obrázka na dolnej časti chýbala.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Skontroluje správnosť tagov.
Robot nedáva pre sociálne siete za nedostatky žiadne penalizácie.
Ak chýbajú tágy, zdieľané odkazy môžu vyzerať neatraktívne.
Schéma.org
Štruktúrované dáta pomáhajú vyhľadávačom lepšie pochopiť obsah stránky.
Odporúčania:
Používať JSON-LD formát. Pomáha lepšie pochopiť technické SEO.
Implementovať relevantné schémy (napr. Article, Breadcrumb, FAQ).
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Overuje, či sú správne implementované.
Ak štrukturované dáta chýbajú, stránka môže stratiť výhodu v rozšírených výsledkoch.
Minifikácia CSS a JS
Minifikácia pomáha zrýchliť načítanie stránky.
Odporúčania:
Odstrániť nadbytočné medzery a komentáre.
Kombinovať súbory do jedného súboru, ak je to možné.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Skontroluje veľkosť CSS a JS súborov.
Ak sú príliš veľké, môže penalizovať rýchlosť stránky.
Penalizácia nie je nikdy známa v akom rozsahu a kde postihne webovú stránku.
Funkcia SSL certifikátu
SSL certifikát zabezpečuje šifrovanú komunikáciu.
Odporúčania:
Používať HTTPS namiesto HTTP.
Obnovovať certifikát pravidelne a najlepšie aj s dňovým predstihom.
🛠️ Ako to vyhodnocuje robot vyhľadávača:
Ak stránka nemá SSL, môže byť označená ako nedôveryhodná.
Stránky bez HTTPS protokolu môžu mať nižšie hodnotenie.
Ak je web vyhodnotený ako nedôveryhodný, penalizácia môže byť od nižších pozícii vo vyhľadávaní až po vyradenie z indexu.
Tieto faktory majú priamy vplyv na celkové SEO a ich optimalizácia je nevyhnutná pre úspech stránky vo vyhľadávačoch. Ak namietate, že je to nezmysel venovať sa takým činnostiam, uvediem len taký drobný príklad otázkou. Prečo ešte dnes v dnešných časoch ponúkajú firmy SEO webu. Iný príklad.
Technické SEO a SEO autorita
Aj znalec a odborník webovej architektúry Neil Patel má vytvorený tester pre technické SEO webov a webových aplikácií a keď aj on ponúka SEO, tak tieto pravidlá majú stále zmysel a veľký význam. Ďalší príklad použijem ako poukázanie na správnosť, alebo nevyhnutnosť pre technické SEO. Mnohí z vás poznajú pluginy All In SEO a Rank Math SEO, alebo Yoast SEO plugin či iné nástroje.
Predstavte si že aj oni majú pre svojich priaznivcov testery na overenie správnosti použitia ich aj cudzích SEO pluginov. To je tiež jeden z dôvodov prečo inštalovať tieto, alebo iné pluginy určené pre SEO. Nikde a nikdy nehovorím a netvrdím, že technické SEO je to povinné. Rozhodne sa vždy každý podľa svojho najlepšieho uváženia. Je možné, že mnoho z vás to nepoužije, lebo nemá toľko času sa tomu venovať. Ale to už nie je chyba, to je prosto ľahostajnosť k tomu čo vytvárame a nezáleží na tom kde sa vo vyhľadávači zobrazíme.
Dlhší záver a zhrnutie
Nezabúdajme na fakt, že testery na technické SEO sú tu na to aby poukázali na nedostatky. Niektoré testery sú tu na to aby ste klikli na link a objednali si práve ich služby, takže nebudú ukazovať všetky údaje a niektoré údaje skryjú. Alebo ich vyhodnotia negatívne. Napríklad ak testujete rýchlosť webu na tools keycdn com testeri.
Ak nepoužívate cdn tak vám automaticky zníži hodnotenie. Teraz sa vám pokúsim vysvetliť ako pristupujem ku manuálnej kontrole ja. Na zistenie stavu používam (okrem svojich znalostí html jazyka) zhruba 10 rôznych testerov. Každý test sa vykonáva niekoľko minút, takže jednu stránku aj s popisom mi trvá približne jednu hodinu. Týchto desať testerov neukazuje každý rovnaké hodnoty a niektoré časti neukazuje vôbec. Tak je treba využiť znalosti jazyka a hľadať manuálne vytvorené nedostatky.
Nie len že vykonám niekoľko testov v testeroch, ale musím fyzicky skontrolovať každý znak v zdroji. Kontrola je na to dobrá, aby skutočne test nebol ovplyvnený nezmyselnými chybami zdroja kedy je nezakončený tág, alebo je v rozpore s pravidlami. To tiež môže ovplyvniť celkový výsledok testov. Aby som nezabudol na takú malú poučku. Správne urobené povely, zápisy, príkazy neovplyvnia nasledujúce aktualizácie. Čím je viac chýb tým viac nadávate na WordPress a pluginy, že po aktualizáciách vám vypadávajú rôzne časti webu, ktoré predtým boli funkčné a zobrazovali sa korektne. Aj to je technické SEO. Takže tá poučka na záver: Robte prácu poctivo a nepleťte si roboty vyhľadávačov s robotmi prehliadačov. Robot prehliadača je jedno či je zdroj v poriadku alebo nie, ten zobrazí čokoľvek napíšete. Robot prehľadávača je však naprogramovaný tak, že nevie preskakovať chyby. Zasekne sa na chybe v zdroji a ide indexovať inú možno konkurenčnú doménu.
Technické SEO v grafike
Technické SEO na tejto stránke blogu si trocha rozoberieme ako vhodne, alebo nevhodne robia firmy weby pre zákazníkov. Aj keď píšem „technické SEO“ táto kontrola patrí tiež do tejto kategórie. Nezameriavam sa v tejto chvíli na prevedenie H nadpisov, titulku a popisu. Vzal som kľúčovú frázu „vytvoríme web stránky“ a zadal som ich do Google vyhľadávania. V poradí ako sa zobrazujú som otestoval firemnú stránku tvorcu a web stránku z preferencii, na porovnanie ako to vyzerá čo dokázali urobiť sebe a čo klientovi. Takže toto bude skôr obrázkový blog, aby ste videli ako to v skutočnosti je.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Ako prvú testujem web stránku ponuky tvorby webov ktorú nájdete na obrázku vľavo. Ako druhá položka vpravo bude klientov web, stránka pre autoškolu. Aby ste pochopili význam obrázka. HTML označuje koľko je na webe správne a bezchybne URL adries. V porovnaní s klientovou autoškolou zachytil test len tri adresy. To znamená nevhodne vytvorenú štruktúru webu. Druhý obrázok je rozloženie použitých js a css skriptov. Červená znamená chyby v prevedení. Tretí zelený obrázok je o tom ako je stránka pomenovaná. Teda nevhodné je veľké písmo. Ako štvrtý obrázok je sitemapa. U klientovho webu je jedna zásadná chyba v štruktúre webu. Sitemapa sa má načítať od najdôležitejšej stránky. Teda od domény. Tu je to však naopak a sitemapa sa vytvorila vzostupne. To v preklade znamená že celková štruktúra webu je neznáma a nemá priradené ktorá stránka je domovská stránka, ktorá je landing page.
Agentúry nevedia technické SEO
Ako druhú som testoval agentúru, tiež je orientovaná v ľavo na obrázku. Test vidí len hlavnú stránku webu a aj to je hromada chýb v CSS. Všimnite si koľko URL adries je v sitemape dole. To je v nepomere s tým čo vidí tester. Technické SEO je vlastne aj to, ako pristupujú roboty vyhľadávačov a iní boti na weby. No nepleťte si prehliadač s vyhľadávačom. Máme tu niečo čo je zapísané správne malým písmom a inokedy veľkým písmom, čo už je nesprávne a aj nevhodné. Nuž a to že sa pre vlastný web nepovenovali pekným URL sa teda odpustiť nedá. Najväčší paradox som si nechal na samý spodok obrázka. Web je celý v slovenčine a zápis v hlavičke je html lang=“en“.
Otvoriť obrázok v plnom rozlíšení v novom okne.
Na obrázku vpravo je klientov web z portfólia. Hodnoty hovoria za všetko. Čo klientov web vpravo? Síce tester zachytil 9 URL adries no tie ja vidím ako hromadu nepodstatných. Za lomkou mi chýbajú kľúčové slová ktoré zachytia vlastnosti stránok. Teda mrzké URL bez hodnoty. Červený graf ukazuje ako je web nevhodne spracovaný z pozície JS a CSS štýlov. Zelený graf naopak ukazuje ako nevhodne sú stránky pomenované. Všetky na jedno „kopyto“ rovnaké, žiadne technické SEO ktoré by napomohlo Page Rankom. Doména nepatrí do názvu stránky, ale patrí tam kľúčová fráza. Na záver ukážka, ako dali celému SEO pre vyhľadávače na frak tým, že nepoužili text v nadpisoch H1, H2 a H3 si len urobili miesto aby nemuseli písať CSS pravidlo.
Správna architektúra webu neexistuje
Pre tretí obrázok som si vzal ako kľúčové slovo do vyhľadávania „profesionálne web stránky“. Už z predošlých obrázkov viete ako postupujem a aký má obrázok význam. Tu si však dám „záležať na tom“, aby som vám ukázal základný kameň webu. V ľavo (zelený graf) u developera je použitá samostatná stránka nazvaná (Blocked by Robots.txt or Blocked links a tá je viditeľná len robotom) nezmyselne a taká URL by na webe ani nemala byť.
Otvoriť obrázok v plnom rozlíšení v novom okne.
A to je digitálna agentúra. Hanba na sto rokov. Klientovi v pravo na zelenom grafe si všimnite že „digitálna agentúra“ a ani netuší ako má písať htaccess pravidlá. URL pre domena sk ešte raz zadefinoval domena sk/sk/, tak tomu ja hovorím „chudák klient. Ešte je to aj technicky zle presmerované. Nejde len tak o malú firmu ale renomovanú a známu internetovú stránku s kamennými predajňami po celom Slovensku. Podotýkam, že stránka má len slovenčinu a neprekladá sa do žiadneho jazyka.
Technické SEO a záver v ňom
Na záver článku technické SEO patrí poučka. Vždy keď vytvárate menu vždy zapíšte „kľúčové slovo“. Príklad: Vytváram podstránku „technické SEO“ takže adresu vytváram (čo najkratšiu cestu) domena bodka sk/technicke-seo/. Pomenujeme URL stránky a názov bude Technické SEO (bez zakončenia bodkou alebo iným znakom).
Posledný obrázok je ukážkou ako nepísať zdrojový kód.
Otvoriť obrázok v plnom rozlíšení v novom okne galérie.
Poučka na záver
Nerobte zbytočne medzerníky! Nemá to mať grafický efekt pretože HTML jazyk nepozná grafiku, ale má prísne pravidlá. Tak a teraz posledná poučka (v obrázku) meta name=“author“: Ak vás deweloper požiada a vy s tým súhlasíte, nie je žiadny problém mu to povoliť aby si urobil reklamu na vašom webe týmto spôsobom. Author môžete byť aj vy ak si tento zápis vyžiadate u developera, len tam nepíšte domena.sk. Tá doména nepatrí do autora, patrí tam meno, alebo názov firmy. Avšak meta name=“owner“ a meta name=“copyright“ sú vaše dáta (na koho je web registrovaný) nie developerove „meno alebo pseudonym“. Vy ste zodpovedný za obsah webu a vy si chránite vlastné autorské práva. S týmto developer nemá nič spoločné. Takže si vždy skontrolujte, čo vám tvorca webu zapísal do hlavičky head. To je to nevyhnutné technické SEO ktoré máte urobiť ako prvé.
Porovnávajte
Dole na obrázku predstavujem svoj web a jeho technické prevedenie aby ste mali z čoho porovnávať. Finta na záver: Aj statický web (kde sa nič roky nemení) môže byť vždy „čerstvou“ záležitosťou pre Google, seznam cz, či zoznam sk. Stačí raz za tridsať dní vygenerovať nový sitemap a manuálne ho odoslať do GSC (Google Search Console) na opätovné indexovanie. Nič si nenahovárajte (že veď to robí Google automaticky lebo tam je vidno dátum posledného vstupu robota) nejdem vysvetľovať prečo to máte urobiť, len si sledujte ako sa v čase posunie k lepšiemu štatistika návštevnosti. Mala by výrazne stúpnuť, aj keď nebude aktívny na sociálnych sieťach. Samozrejme za predpoladu, že máte vhodne všetko naprogramované v šablóne WordPress. Preto sa to volá technické SEO. Prajem Vám veľa dobrých návštevníkov, platiacich klientov a správne rozhodnutia.
Neváhajte napísať svoju doménu na test formou komentára. Ak už je to váš web, alebo je to web developera ktorého si chcete overiť ako pracuje. Ak chcete test neverejne, dole vo footri mám všetky kontakty ktoré by ste chceli použiť.
Pre vás pripravil Pavol Knut Navrátil