Geniálny WordPress má dnes každý, ale nie je to úplne normálna bežná vec. Vedieť čo za týmto pojmom skrýva to už nie je všetkým vlastníkom úplne jasné. Vedia len že si založili web navalili tam hromadu informácii textov, obrázkov jpg a png. Mysliac si že je to všetko v poriadku a tak to má byť. Lenže pravda sa skrýva za skvelou prípravou, čo na web WordPressu dať. Netýka sa to len WordPressu, ale aj iných cms systémov ako Drupal a iné. Nejdem vás obťažovať inžinierskymi výrazmi webových technikálií. Asi by ste mi nerozumeli poniektorí. Skúsim to teda tak zrozumiteľne napísať.
Obrázky png, jpg, v šablóne wordpress
Málokto kto ukladá obrázky na web vie, že obrázky treba najprv doma trocha upravť. Upraviť v tom zmysle, že ich treba komprimovať aby neboli „tučné pre server a tučné pre návštevníka. Napíšem príklad: Fotografia 6000x4000px môže mať až 20Mb dát. Ide teda o rozloženie hĺbky farieb obrázka. Takýto obrázok po bezstratovom komprimovaní dosiahne „tučnotu“ 1Mb no niekedy aj 800 kB, čiže 800 kilobytov. To už je pre internet lepšie, ale stále nie to pravé makové. Ešte stále sa s tým veľkým dátovým tokom dá niečo robiť. Raw fotografiu vôbec nie je možné použiť pre weby, tú treba najprv previesť (formátovať) do jpg formátu.
Obrázky webp a avif
Už pár rokov sa na webe používajú tieto formáty obrázkov. Je to najväčšia komprimácia (stlačenie dát) obrázkov. Tam kde ste mal po komprimovaní obrázok 800 kB, u webp formátu ho stlačíte niekedy až na 150-250 kB. Všetko záleží od sýtosti farebného spektra obrázku. Dnes už sa všetko na weby dáva v týchto formátoch. Samozrejme pre geniálny WordPress sú aj také výnimky ako u mňa. Môj web by takou kompresiou utrpel na kvalite fotografie. Najlepšie sa obrázky jpg prevádzajú do súborov webp. Tento formát je najmenší pre webové stránky. Na hlavný web, teda na index, čo je úvodná stránka môjho webu, som použil webp obrázky. Tieto použité obrázky som do webp nekomprimoval, lebo už aj tak majú okolo 80 kB. Avif sa používa zriedkavejšie, pretože je dátovo väčší.
Základy techník platný vo WordPress
Povedal by som že tú prvú časť SEO pre weby máme za sebou teraz nás čaká tá druhá, hrozivejšia časť. To je správne naladiť geniálnu WordPress aplikáciu. Tak, aby bola svižná pre mobil, notebook, tablet, ale aj pre stolový počítač. To všetko treba urobiť naraz a súčasne. No a to je alchýmia na dlhé hodiny práce pre tých, čo tomu rozumejú. Vysvetlím aspoň v skratke o čo ide. V každom prípade ak treba riešiť už fungujúci web, je treba zhodnotiť obsahovú stránku a to stránku za podstránkou dôkladne. Potom je treba hromadu správnych zápisov do súboru htaccess, alebo použiť rôzne pluginy WordPressu. No nie všetky pluginy sú vhodné na všetky WordPress stránky. Pluginy sa vedia správať veľmi divoko. Práve preto je dobrá príprava a skúmanie už hotového webu. Do základov SEO patrí samozrejme aj správne rozloženie textov a meranie kľúčových slov, ktoré (už používate) a použijete.
Test rýchlosti webových stránok
Testy záležia na mnohých faktoroch a to v závislosti ako ste sa postarali v príprave webu. Teda či ste správne a vhodne pomenovali obrázok ktorý posielate na server. Samozrejme aj to keď ho použijete a vyplníte description, title a alt formáty. Tieto nevyplnené SEO faktory ovplyvňujú vyhľadávanie vo vyhľadávačoch. Ak nie sú vyplnené nik o to nemá záujem. To iste platí o adresách na weby ktoré sú (src a href) prázdne. To všetko spomaľuje načítanie html kódu webu. Nuž a prichádza teda to hlavné. Správne použiť odloženie čítania javasciptov robotmi a prehliadačmi, ktoré sú pri prvom vstupe nepotrebné na čítanie webu, ale dôležité aby web fungoval správne v plnom rozsahu. Ide o čítanie nad záhybom stránky. To je tá časť ktorá sa zobrazuje v počítači alebo tá v mobile.
K obrázku: Ak sa už pustíte do seo wordpresu, lepšie hodnotenie (screen z 14.09.2022) istotne nedosiahnete bez cieleného zdiaľania v cdn sieti. „Largest Conterful Paint“ 1.3s je čas meraný na Vancouver v Kanade. Potom príde na rad zadefinovať v htaccesse alebo v plugine, správny čas vypršania jazykov html, javascript, css a fontov. K tomu patrí aj odloženie načítania tretích strán ako je google analytics a googlemanager alebo iné cudzie linky na webe ako sú iframe.
Hlavné
Nakoniec príde to hlavné, zadať všetky použité komponenty do gzip kompresie. Teda stlačenia celého webu. Ide o formu stlačenia, kde sa vynechajú všetky medzery v html kóde stránky. Povedzme, že bez gzip má webová stránka WordPress veľkosť 1 MB. Po kompresii môže mať 500 kB, čo už je dosť veľký rozdiel aj pre návštevníka aj pre roboty.
Aby ste si nemysleli že keď toto všetko máte, že sa vám zo dňa na deň zvýši návštevnosť vášho WordPress webu. Toto je beh na dlhé trate a trvá dlhšie. Webové roboty sa musia najprv presvedčiť o stabilite vašich nastavených hodnôt a či je váš geniálny WordPress dobre naprogramovaný.
Samozrejme k tomu patrí aj kvalitný originálny text, ktorý nie je kopírovaný. Na kopírovanie je internet veľmi háklivý, na to bacha, lebo roboty vedia zadefinovať originalitu od kopírovania. Váš web si môžete otestovať na týchto adresách Website speed test, nezávisle od poskytovateľa služby testovania ako je google speed test. Výsledky sú približne rovnaké aj na GTmetrix, samozrejme čas načítania vás môže zaskočiť. Tu treba dať pozor, je tu časové obmedzenie testovania. Z toho si ale nič nerobte. Trasa na Frankfurt bude krátka a naopak na Montreal či San Francisco budú dlhšie.
Netreba zúfať
Že vo výsledku testov nedosiahnete 100% nie je až tak prosté. Sto percent majú len tie weby ktoré používajú sieť CDN. Výsledky samozrejme závisia aj od toho, kde je pre geniálny WordPress umiestnený váš hostingový server. Podstatné je, čas načítania samotného html kódu stránky a teda kumulatívne súbory. Neposledný dôležitý faktor použitia umiestnenia serveru je, či oslovujete Slovenskú verejnosť, alebo anglicky hovoriacu v zahraničí. Ak týmto zložitejším úkonom nerozumiete, radšej si nechajte poradiť. Môžete mi písať cez komentáre, alebo emailom z kontaktnej adresy. Žiadosti o rady na SEO píšte do komentárov, sú anonymné a mnohým nezainteresovaným určite pomôžu.
Nechaj si vypracovať u mňa html audit webu. Zadarmo. Opravíš čo nájdem a potom spravím tvoj web bleskovo rýchlym ja. Audit Eshopu urobím tiež, ale nie zadarmo. Preto, lebo „e-shop“ neoptimalizujem na rýchlosti kvôli „120 pluginom“. Ak sa rozhodneš dať si spraviť audit webu a nebudeš optimalizovať rýchlosti webu, máš html seo audit zadarmo. Či zaplatíš alebo nie, cenu auditu riešiť nebudem!
#seohtml #seoaudit #auditwebu #htmlaudit #auditeshop
Pavol Knut Navrátil