Marketing blog készítés II. – WordPress SEO

WordPress SEO lépéseket egy későbbi fejezetben terveztem tárgyalni, ám megrögzött SEO fanatikusként alig bírtam kivárni, hogy ne futassak le néhány auditot a friss ropogós blogomon. Az eredmény lesúlytó volt, így azonnal rá is ugrottam a javításokra. Néhány plugin, egy kis beállítás és máris hasított az oldalam.

WordPress SEO pluginok

Ahogy az előző fejezetben is említettem a wordpress pluginokkal fenntartásaim vannak, hiszen a legtöbb csilli-villi, hasznos(nak vélt) plugin telepítést követően minden egyes megnyitáskor lefut, és lassítja a betöltődést. Persze vannak hasznos ballasztok is, hisz’ egy Lada csomagtartóban is aranyat érhet egy cementeszsák télen… Tegyük félre a TOP 10-es plugin listákat, oldjuk meg kevesebből:

Yoast SEO plugin

Ok, ez nem fog gyorsítani az oldalon, de néhány ordas hibától megmenti az embert. Oldalakat lehetne írni róla teljesen feleslegesen. Én 3 dolog miatt szeretem használni

  • tudom szerkeszteni vele a Google snippetet. A Google snippet alatt értem az oldal címet (title), a meta leírást (meta description) és az url-t is (slug). A plugin vigyázó szemeit az írunkra veti és megóv minket néhány alapvető fiaskótól:
    • túl hosszú, túl rövid cím, leírás
    • nem seo-friendly url-ek (túl hosszú, alulvonás és egyéb karakterek)
    • a kiválasztott kulcsszó kimarad valamelyik elemből
  • visszajelzést kapok, hogy a kiválaszott kulcsszó elegendő alkalmommal fordul elő a szövegben. Ez főleg angol nyelvű szövegeknél, és prémium verzió szinonímák felvitele esetén működik jól, de egy kiindulási alapot jelent. Ha már ez sem passzol akkor jó eredményt csak a vak szerencse okozhat
  • minden egyéb apróságra figyelmeztet, amit egyébként tudok, csak néha elfelejtem

Eddig azt mondtam, hogy ez most nem egy hobbi blog, ne sajnáld a pénzt az eszközök beszerzésére, de ennél a pluginnél már az alap verzió is óriási segítség. Érdemes figyelni a Yoast oldalát, elcsíphetők akciók…

Azt hiszem, nem árulok el nagy újdonságot azzal, hogy a google snippet beállításai határozzák meg az oldal megjelenését a google keresőben. Miért fontos, hogy jól nézzen ki?

Egy új látogató figyelmének megszerzésére és fenntartására mindig csak egy mondatni lehetőségünk van. Ha jó a cím, nyertünk még egy mondatnyi figyelmet. Ha jó a rövid leírás nyertünk egy kattintást. A cél mindig a következő néhány másodperc elnyerése.

Nem jó a cím? Már ugrik is a tekintete a következő találatra. Ha nem jó leírás szintén. A hírlevelekről egy későbbi cikkben írok majd, de ugyanez az analógia: feladó – subject – preheader – megnyitás.

Smush Image Compression plugin

A blog főoldának mérete 0,5MB, ebben benne van az oldal betöltésének az adatmennyisége és az egyéb betöltődő javascriptek, stílusok, betűtípusok, háttérben futó analitikák méretének összessége. Egyetlen egy hero image, ennek az egész site-nak az 50%-a. Optimalizálás nélkül ugyanaz a kép 0,9MB (!), elég nagy pazarlás lenne egy dizájn elemért nemde? Millió előnye van a képeknek a szövegben is, erről essen szó később, az biztos, hogy képeink lesznek szerte az oldalon. Sokat időt beleöltem, hogy a legjobb kombót megtaláljam a képek tömörítésére. Nálam ez műkdödik:

  1. Photoshop mentés .png formátumban (leglassabb mentés, legjobb tömörítés)
  2. Tinypng oldalon 2x-3x átfuttatom
  3. Feltöltés után a Smush-sal is optimalizálom

Ilyenkor nem kiabálnak a seo auditok, hogy milyen sokat takaríthatnék meg egy kis kép optimalizációval. Legyen ez rutinszerű, ha új képet töltünk fel a blogra, így nem ég körmünkre a dolog (1-1 kép optimalizálása nem olyan fájó pont, hónapkra visszamelőleg kellene képeket cserélgetni a blogon). Mivel ez a plugin nem fut a honlap betöltéskor, nem rontja sebességet.

W3 Total Cache plugin

Ha WordPress Seo pluginek között kutatunk rengeteg lehetőséget találunk a sebesség optimalizációjára. Itt két tool a volt a toplistámon. a WP-Rocket és a W3 Total Cache. Mindkét plugin komplex megoldást kínál cache-elésre, tömörítésre és még megannyi optimalizációra. A fő különbség, hogy míg az elsőnek csak fizetős verziója van, adding a W3 TC-nek, van ingyenes is. Első körben nézzük meg az ingyenes megoldást. A beállítások tárháza végtelen, a tool  végig guide-ol a legalapvetőbb beállításokon, a finom hangolásokat később elvégezzük. Sok részletes leírás található a net-szerte a beállításokról, amíg nem készítek egy könnyen emészthető külön leírást, itt egy méretes cikk a setup-ról. A plugin szintén nem fut oldalbetöltéskor, netto siker!

Update: 2019.02.08: Felejtsük el a W3 Total Cache plugint. Teszteltem az Autoptimize plugint és tovább tudtam javítani az oldal betöltés sebességét! Részletek később…

Néhány apróság amivel még turbóztam az oldalt

A fenti három wordpress seo plugin-nel neki is vághatunk a blogolásnak. Azért ez nem kezelhetetlen mennyiség nem igaz? Azonban volt még néhány potyautas a blogon, akik szúrták a szemem, és csak feleslegesen töltögette a browser az oldal megnyitásakor. Ezeket a potyautasokat a böngésző fejlesztői eszközök (developer tool) menüpontjában tudjuk felderíteni. Kattintsunk a “network” fülre és frissítsük az oldalt (SHIFT + F5 vagy SHIFT + kattintás a frissítés gombon). Egyből feltárul előttünk milyen elemekből (request) épül fel a honlap. A requesteket egymás után (illetve tárhelytől függően kettőt, hármat egyszerre) tölti be, és ha igazán mélyre ásnánk magunkat a betöltési időkben látnánk, hogy sokszor a szerver válaszidők tovább tartanak, mint a tényleges betöltés. Példa: 5 x 100KB betöltése több időt vesz igénybe, mint 1 x 500KB betöltése. Azt, hiszem nem is kell tovább magyarázni, hogy a szükségtelen elemek le kell vadászni.

Betűkészlet optimalizálása

Talán nem tartozik szorosan a wordpress seo-hoz, és a betöltendő elemek számát sem csökkenti, de ha megvan a kiválasztott betűtípusunk – amint javaslok a google fonts könyvtárból kiválasztani – akkor a felesleges stílusokat a wordpress téma betűkészlet testreszabásánál töröljük a listáról. Ugyanabból a betűtípusból 2-3 stílust elegendő használni.

Szimbólumok használata

Az első – számomra – felesleges a font awesome betűkészlet betöltése, amit néhány kattintással kikapcsolhatunk a wordpress téma testreszabásánál. Nagyon fancy és intutív, de ugyanakkor már elcsépeltnek is érzem ezeknek a szimbólumoknak a használatát. Ha Te is így gondolod, akkor le vele!

A második a wp emoji készlet, ami egy B2B blog esetében nem esszenciális eleme a szövegtörzsnek. Cserébe, egy request-től úja megszabadulhatunk. Az emojik kilövése kicsit macerásabb de nem sokkal! Csatlakozzunk fel a tárhelyre és a wordpress témánk mappájában nyissuk meg a functions.php fájlt. Ha ez megvan, bárhova a fájl elejére vagy végére, szúrjuk be a következő két sort:

remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles' );

Ha idáig eljutottál és a blog posztok írásánál a Yoast SEO tanácsait megfogadtad, máris a SaaS blogok felső 10%-ba kerülsz. Ha már optimalizáltuk az oldalunk, feltöltöttük az első blogposztjainkat, ideje megjelenni a nagyvilágban. A következő epizódban, google search console és analytics beállítással folytatjuk.

Még mindig vannak potyautasok a site-odon? Írd meg kik ők?

Szólj hozzá!