A weboldal keresőmotorokra történő optimalizálása során a technikai SEO-nak kéne az egyik első lépésnek lennie. Ennek köszönhetően gondoskodsz arról, hogy a tartalmad ne csak a felhasználók, hanem a keresőmotorok számára is látható és olvasható legyen.
Ebből a cikkből megtudhatod, hogy a technikai SEO mely aspektusai a legfontosabbak, hogy olyan nehéz-e, mint mondják, és hogyan ellenőrizheted a weboldalad technikai SEO-ját a Marketing Miner segítségével, lépésről lépésre.
Próbáld ki a Marketing Minert most:
Mi az a technikai SEO?
A technikai SEO a SEO azon része, amely azért felelős, hogy a weboldaladat a keresőrobotok felfedezzék, feltérképezzék, indexeljék, és végül megjelenjen a keresőmotorok keresési eredményei között.
Azáltal, hogy teljesíted a keresőmotorok műszaki követelményeit (ezek többnyire szabványosak, így nem kell minden keresőmotorhoz eltérő beállítást végrehajtanod), biztosítod, hogy a keresőrobot (crawler) gyorsabban és könnyebben megtalálja a weboldaladat.
Technikai SEO tényezők
A legfontosabb technikai SEO tényezők közé a következők tartoznak:
- Webarchitektúra
- URL-ek struktúrája
- XML oldaltérkép
- Robots.txt
- Kanonizálás és duplikált tartalom
- Átirányítás és nem működő oldalak
- Mobile friendly
- SSL tanúsítvány (HTTPS)
- Betöltési sebesség
- Strukturált adatok
- A keresőrobot (crawler) weboldalon való áthaladásának optimalizálása (feltérképezési költségkeret - crawl budget)
- Hreflang - a többnyelvű weboldalaknál
Először azonban magyarázzuk el a keresőmotorok működését, valamint a weboldal felfedezésének, indexelésének és a keresésben való megjelenítésének folyamatát.
Crawling, rendering és indexálás
Ez a 3 legfontosabb szó, amit tudnod kell a technikai SEO, de az általános SEO szempontjából is. Ezekre az elvekre épül a keresőmotorok működése.
Crawling
Crawling - a weboldal feltérképezése a keresőrobot által.
Ahhoz, hogy weboldalad megjelenjen a keresési eredmények között, először fel kell fedeznie egy keresőrobotnak (crawlernek). A keresőrobot hivatkozások segítségével mozog az interneten, aminek köszönhetően új oldalakat fedez fel.
A weboldal feltérképezését a következő tényezők könnyíthetik meg és befolyásolhatják:
- Robots.txt fájl létrehozása
- A keresőrobot áthaladásának optimalizálása a weboldalon - robot hozzáférésének blokkolása olyan részekhez, ahol nem található fontos tartalom (adminisztrációs rész, felhasználói rész…)
- A weboldal megfelő architektúrájának megtervezése
- XML oldaltérkép létrehozása és csatlakoztatása a Google Search Console-hoz
- Belső hivatkozások optimalizálása
Az alábbiakban részletesebben ismertetjük az egyes lépéseket.
Rendering
Rendering - a weboldalad robot általi megjelenítése.
A rendering az a folyamat, amelynek során a robot betölti és megjeleníti a weboldalad. A renderinget keresőmotor csak az esetek kis százalékában használja, amikor a teljes webtartalmat, beleértve a JavaScriptet, jeleníti meg. Így a JS weboldalak esetében láthatja, hogy valójában mi található rajtuk.
A legtöbb esetben azonban a keresőmotorok nem férnek hozzá a renderinghez, ezért a fontos tartalmakat HTML-ben kell szolgáltatnunk neki az oldalon, JS nélkül.
Ha szeretnéd látni, hogy a Googlebot (vagy bármely más robot) hogyan látja a weboldaladat rendering nélkül, kapcsold ki egy időre a JavaScriptet az oldalon.
A Google Chrome böngésző esetében a JS-t a fejlesztői konzolban tilthatod le. Nyisd meg a konzolt (jobb gomb -> Fejlesztői eszközök), majd kattints a fogaskerékre.
Most már csak kattints a JavaScript letiltása lehetőségre a Hibakereső alszakaszban, frissítsd az oldalt, és úgy fogod látni a weboldalt, ahogy a keresőmotor látná, ha nem használna renderinget.
Így néz ki a https://www.marketingminer.com/hu/features/keyword-research oldal, ha engedélyezzük a JavaScriptet (így látná a Googlebot, ha az egészet megjelenítené, a JS-t is beleértve):
És így néz ki a JS letiltása után (a Googlebot a legtöbb esetben így látja, amikor nem használ renderinget):
Észrevetted a különbséget?
A profiler keresőmezőjén kívül (ami még nem lenne baj) a fő H1 címsor, a "Kulcsszó kutatás" is eltűnt, amely JS segítségével generálódik. Ez már probléma, mert előfordulhat, hogy a kereső nem tudja megérteni, miről szól az oldal.
MEGJEGYZÉS: 2022. december 13-án ezt a problémát már orvosoltuk, tehát nem láthatod :)
Ezért ne feledd, hogy mindig közvetlenül a forráskódban kell létrehoznod a fontos tartalmat az oldalon (címsorok, alcímek, táblázatok, bekezdések, címkék...) HTML és nem JS használatával.
TIPP: Ha többet szeretnél megtudni a renderingről, javasoljuk, hogy olvasd el ezt a cikket: https://www.searchenginejournal.com/rendering-seo-introduction/330399/
Indexelés
Indexelés - az oldal tárolása az adatbázisban.
Ha a fenti két lépés teljesült, és a robot feltérképezte a weboldaladat, sikeresen megjelenítette azt, és úgy értékelte, hogy az oldalon lévő tartalom értékes, akkor felveszi azt az indexbe.
Az index a keresőmotorok oldalán a tartalom adatbázisa, amelyet a kereső ment el és használ a keresési eredményekben.
TIPP: A weboldal feltérképezésének, megjelenítésének és indexelésének teljes folyamatát az alábbi képen találod:
Forrás: https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics
Webarchitektúra
Mint minden háznak, a weboldalnak is megfelelő architektúrával kell rendelkeznie. A weboldal architektúrájának a kulcsszó kutatáson kell alapulnia.
A webarchitektúra a weboldal egyes céloldalainak hierarchikus elrendezését takarja.
Az alábbi kép megmutatja, hogy hogyan kell ideálisan megtervezni a weboldal architektúráját:
Az egyes céloldalak belső hivatkozások (pl. kezdőlap -> kategória -> alkategória -> termék) segítségével történő összekapcsolásával biztosítja, hogy a keresőrobot minden olyan oldalra eljusson, amelyet indexelni szeretnél.
Ez a webarchitektúra tervezet pedig éppen ellenkezőleg, helytelen:
Úgynevezett árva oldalak (orphan pages) születtek, azaz olyan oldalak, amelyekre a webarchitektúrán belül a szülőoldalról nem vezet belső hivatkozás, és ebben az esetben a keresőrobot nem tudja elérni, és esélye sincs az indexbe helyezni.
Ezek a következő oldalak:
- A termék 1, 2 és 3, amelyek ugyan hivatkoznak egymásra, de a főoldalra érkező robot nem tudja megtalálni őket, mert nem mutat rájuk belső hivatkozás a főoldalról.
- Termék 10 - ugyancsak nem vezet hozzá semmilyen belső hivatkozás.
TIPP: A már meglévő weboldalad architektúráját a következő eszköz segítségével jelenítheted meg: http://www.visualsitemapper.com/
Példa a https://www.marketingminer.com esetében
URL-ek struktúrája
Az URL-ek létrehozásakor az az ökölszabály, hogy azokat soha ne változtasd meg az idő múlásával.
Az URL címek legyenek egyszerűek és értelmesek, hogy látható legyen, mi vár a felhasználóra az adott oldalon.
Különösen akkor jön jól, ha az adott URL-t a közösségi hálózatokon is megosztod.
Biztosan hamarabb megértik, hogy mi található az adott oldalon, ha ezt az URL-t osztod meg:
https://www.marketingminer.com/hu/blog/kulcsszo-kutatas.html
Mintha egy ilyen URL-ed lenne:
https://www.marketingminer.com/hu/blog/p=?12389
Az URL-ek szerkezetéről a Google blogján találhatsz további információkat: https://developers.google.com/search/docs/crawling-indexing/url-structure
XML oldaltérkép
Az oldaltérkép (webhelytérkép, sitemap) egy XML fájl, amelynek információkat kell tartalmaznia az összes olyan fontos céloldalról, fájlról, képről vagy videóról, amelyet szeretnéd, hogy a Google felfedezzen, feltérképezzen és indexeljen.
Az oldaltérkép a második legfontosabb forrás a Googlebot számára, hogy új URL-eket találjon. Tehát ha még nem készítetted el az oldaltérképedet, akkor itt az ideje.
A legtöbb tartalomkezelő automatikusan létrehoz egy oldaltérkép fájlt, és az újonnan létrehozott céloldalakat hozzáadja az oldaltérképhez.
Az oldaltérkép létrehozása után ne felejtsd el hozzáadni a Google Search Console-ban a webhelytérkép fájlokhoz. Ott azt is megtudhatod, hogy az oldaltérkép érvényes-e.
Az oldaltérkép létrehozásával és a GSC-hez való hozzáadásával kapcsolatos további információkat ebben a cikkben találhatsz: https://help.marketingminer.com/hu/article/mi-az-a-webhelyterkep-es-hogyan-hozzon-letre-egyet/
Robots.txt
A Robots.txt egy szöveges fájl, amelynek segítségével megadhatod, hogy egy robotnak (leggyakrabban a keresőrobotnak) mely weboldalakat vagy fájlokat kell feltérképeznie, és melyeket nem. Szintén jó gyakorlat, ha az oldaltérkép fájlok helyét is megadod a robots.txt fájlban.
Lentebb az MM robots.txt fájlját láthatod példaként, amely a következő URL-en található:
https://www.marketingminer.com/robots.txt.
Ha egy adott oldal vagy rész le van tiltva a robots.txt fájlban, akkor a robot meg sem próbálja letölteni az adott URL-t, így időt takarít meg. Míg a noindex címke használata esetén először le kell tölteni az adott URL-t, majd ki kell értékelnie.
Ezért, ha meg akarod akadályozni egy rész (pl. adminisztráció, felhasználói profil...) indexelését, jobb, ha azt a robots.txt fájlban tiltod le, minthogy a noindex címkét használnád.
TIPP: Kíváncsi vagy, hogy mi a helyes szintaxis a robots.txt fájlban, és hogyan ellenőrizheted a működését? Olvasd el az átfogó útmutatónkat a robots.txt fájlokhoz: https://help.marketingminer.com/hu/article/robots-txt-mi-az-es-hogyan-mukodik/
Kanonizálás és duplikált tartalom
Duplikált tartalom gyakran a weboldalon felmerülő technikai problémák miatt adódik. Akkor jön létre, ha több különböző URL-en nincs egyedi tartalom (azonos tartalom vagy a felhasználó számára azonos hozzáadott értékkel rendelkező tartalom).
Példák, hogy mi okozza leggyakrabban a duplikált tartalmat a weboldalon, amelyeket technikailag meg kell oldani:
- Váltás nevek és nyelvek között
- Mobil és asztali verzió
- AMP és non-AMP verzió
- www és non-www verzió
- Az URL-ek kis és nagy betűkkel is elérhetőek
- Egy cikk/termék több kategóriában is elérhető
- URL paraméterek, amelyek nem módosítják az oldal tartalmát (csak a megjelenését, pl. Galéria mód), ugyanakkor nem tartalmaznak canonical címkét
- Követési paraméterek az URL-ekben
- Kezeletlen URL-ek törtvonallal “/” és törtvonal nélkül “/” a végén
- …
Mindezt a technikai SEO részeként kell kezelni a canonical címke használatával.
A canonical (vagy rel=”canonical”) egy HTML elem, amelynek köszönhetően információt adsz át a keresőrobotnak, hogy az általa feltérképezett URL duplikált tartalommal rendelkezik, és hogy az eredeti verzió melyik URL-en található.
A canonical helyes használatának köszönhetően megelőzheted a duplikált tartalommal kapcsolatos problémákat, és a keresőrobotot a tartalom megfelelő verziójának használatára irányíthatod.
Átirányítások és törött oldalak
A weboldalon található belső hivatkozások működőképességének ellenőrzése (de a külsőké is) a technikai SEO rendszeres része kell, hogy legyen. Ha nem létező oldalakra hivatkozol a weboldaladon, akkor nemcsak a keresőmotorok, hanem a felhasználók szemében is csökkenthet a tekintélyed.
A nem létező oldalakra mutató hivatkozások gyakran nem a te hibádból keletkenek. Lehet, hogy valaki félrekattintott és rossz URL-t írt be, vagy az oldal, amelyre hivatkozol, már nem létezik, és még csak nem is irányították át egy meglévő oldalra.
Ebben az esetben sem a felhasználó, sem a keresőmotor nem jut el oda, ahová szeretne, ami különösen akkor jelenthet problémát, ha a robot más oldalakat próbál felfedezni a weboldalad navigációja segítségével.
TIPP: Olvasd el ezt a lépésről lépésre útmutatót arról, hogy hogyan ellenőrizheted a weboldaladon a hibás hivatkozásokat a Marketing Miner segítségével: https://help.marketingminer.com/hu/article/torott-link-ellenorzo/
Az átirányításokat is fontos ellenőrizni, hogy ne zavard össze szükségtelenül a keresőrobotot a helytelen állapotkódokkal, és ne pazarold a feltérképezési költségkeretet (crawl budget) átirányítási láncokkal (redirect chain)
Mit kell ellenőrizned a weboldaladon:
- A 302-es állapotkóddal rendelkező átirányításokat, és ellenőrizd, hogy valóban csak ideiglenes átirányításról van-e szó. Ha nem, használd helyette a 301-es állapotkódot.
- Találhatók-e átirányítási láncok a weboldalon. Ha igen, távolítsd el őket úgy, hogy az eredeti oldalról a végső oldalra irányítsd át a 301-es állapotkóddal (a keresőrobotot terhelő és az oldal betöltési idejét megnövelő további szükségtelen átirányítások nélkül).
TIPP: Itt megtalálod az útmutatót, hogy hogyan ellenőrizheted az állapotkódokat lépésről lépésre: https://help.marketingminer.com/hu/article/allapot-kod/
Felhasználói élmény (Page Experience)
Az elmúlt években a Google egyre több, a felhasználói élményt befolyásoló mérőszámmal egészítette ki a rangsorolási jeleket. Ilyenek például a következők:
- Használhatóság mobiltelefonon (mobile friendly)
- Biztonságos böngészés (biztonságos HTTPs kapcsolat)
- Betöltési sebesség (Core Web Vitals)
Ezen mutatók beállításával és kiigazításával is foglalkoznod kell a technikai SEO részeként.
Az alábbiakban részletesebben ismertetjük őket.
Mobile friendly
A látogatók túlnyomó többsége manapság mobileszközökről érkezik az oldalra, ezért elengedhetetlen a weboldal optimalizálása mobileszközökre.
A GSC-ben a Mobilbarát jelleget vizsgáló teszt részben nézheted meg, hogy a weboldalad optimalizálva van-e a mobileszközökre:
SSL tanúsítvány (HTTPS)
A HTTPS protokoll védi a böngésző és a szerver közötti kommunikációt a támadók által történő manipulációtól.
Különféle ingyenes SSL tanúsítványok léteznek, mint például a Let’s encrypt, amely ezt a titkosított kommunikációt biztosítja.
Tehát a weboldaladnak HTTPS-en kell futnia, nem HTTP-n.
Betöltési sebesség (Core Web Vitals)
Az oldalbetöltési sebesség fokozatosan a használható weboldal egyik alapvető építőkövévé válik. A felhasználók egyre igényesebbek, és a weboldalak már hosszú ideje a bonyolulttól a gyors és egyszerű felé haladnak. Ezért célszerű ellenőrizni a weboldalad betöltési sebességét, optimalizálni azt és azonosítani a gyenge pontokat.
Az oldalbetöltési sebesség a SEO-ra is hatással van. Ha az oldal nem töltődik be elég gyorsan, a felhasználó elhagyja azt, és visszatér a keresési eredményekhez, ami negatív hatással lehet a helyezésedre.
2021-ben a Google új rangsorolási jeleket is hozzáadott a Core Web Vitalshoz, amelyek a felhasználói élményen (UX) alapulnak. Az alábbi képen megnézheted, hogy mely mutatókról van szó:
Forrás: https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html
A betöltési sebességet és a Core Web Vitals mérőszámokat a PageSpeed Insights eszközzel tesztelheted: https://pagespeed.web.dev/
Ez az eszköz elárulja, hogy milyen dolgok lassítják le a weboldaladat, és hogyan javíthatod ki ezeket. Ezt a reportot továbbíthatod a fejlesztődnek, aki segíthet megoldani ezeket a problémákat.
Néhány módszer a weboldal beolvasási sebességének felgyorsítására:
- Optimalizáld a képek méretét és nagyságát
- Gyorsítótárazás (caching)
- Gzip tömörítés
- HTTP kérések számának csökkentése
- JS, CSS és HTML minimalizálása
- Átirányítási láncok eltávolítása
- A megjelenítést blokkoló JavaScript-kód eltávolítása
- A betöltött külső scriptek számának csökkentése
- …
TIPP: Azt javaslom, hogy tömegesen ellenőrizd a teljes weboldal betöltési sebességét a Marketing Miner segítségével, és javítsd a leglassabb (vagy üzleti szempontból legfontosabb) céloldalak sebességét: https://help.marketingminer.com/hu/article/oldalsebesseg/
Strukturált adatok
A strukturált adatok használata nincs közvetlen hatással az oldalak rangsorolásának javítására. Hatással van azonban a keresésből származó átkattintási arány (CTR) javítására, mivel a klasszikus szöveges eredményekhez képest érdekesebbek, és több helyet foglalnak el a SERP-ben.
A Schema.org oldal szabványos listát tartalmaz az adatjelölésekről, amelyeket minden nagyobb keresőmotor – Google, Bing, Yahoo és Yandex – támogat. A Schema.org számos jelölési formátumot támogat, de a leggyakoribbak a következők:
- JSON-LD
- Microdata
- RDF
Példa a keresési eredményekre strukturált adatokkal:
Melyik keresési eredmény keltette fel jobban az érdeklődésedet?
Az első webholdal strukturált adatokkal (csillagok, értékelés, vélemények száma, kép...) rendelkezik, a második pedig nem.
TIPP: Nézd meg, mely strukturált adatjelöléseket támogatja a Google, és hogyan jelennek meg a keresésben: https://developers.google.com/search/docs/appearance/structured-data/search-gallery
Feltérképezési költségkeret (crawl budget)
A feltérképezési költségkeret az URL-ek mennyisége, amelyet a keresőrobot egy bizonyos időtartam alatt fel tud térképezni. Mértékét leggyakrabban azon URL-ek számaként adják meg, amelyeket a robot egy nap alatt képes feltérképezni. Sok tényező határozza meg. A legfontosabbak közé a következők tartoznak:
- az újonnan felfedezett egyedi tartalom minősége és aránya
- oldal betöltési sebessége
- belső hivatkozások szerkezete.
A keresőmotorok a weboldal feltérképezési költségkeretét elsősorban a tekintélye (linkportfólió) és az egyedi/minőségi tartalom mennyisége alapján jelölik ki.
A robot weboldalon való áthaladásának részeként az ún. crawl waste-tel is foglalkozni kell. A crawl waste olyan lekérdezéseket takar, amelyek nem létező oldalakra vagy olyan oldalakra irányulnak, amelyeket nem szeretnénk indexelni.
TIPP: A feltérképezési költségkeretről ebben az útmutatóban találsz további információt: https://help.marketingminer.com/hu/article/mi-az-a-kuszo-koltsegvetes/
Hreflang
Ha többnyelvű weboldalt kezelsz, akkor a hreflang attribútum a segítségedre lesz. Segít a nemzetközi, regionális célzás javításában és a nyelvi duplikátumok megoldásában.
A Google hivatalos útmutatójában mindent elolvashatsz, amit a többnyelvű weboldalakról és a hreflang implementációjáról tudnod kell.
A technikai SEO-val kapcsolatos leggyakoribb problémák
A weboldalon előforduló leggyakoribb technikai SEO problémák közé az alábbiak tartoznak:
- Problémák az oldal indexelésével - a feltérképezést letiltották a robots.txt fájlban (gyakran találkozunk vele, hogy a fejlesztők a robots.txt fájlban az egész oldal feltérképezését letiltják) vagy noindexet állítottak be.
- HTTP verzió - a weboldal nem biztonságos HTTP verzión fut
- Az oldal lassan töltődik be - nagy képek, sok plugin a tartalomkezelőben, amelyek külső JS scripteket töltenek be
- Rosszul használt canonical címke
- Átirányítási láncok
- Nem működő oldalak
- A weboldal nem reszponzív - nem optimalizálták mobileszközökre
Marketing Miner és a technikai SEO
Ha technikai SEO-val foglalkozol, akkor a Marketing Miner kiváló eszköz lesz. Elsősorban a Report részt fogod használni, ahol kiválaszthatod, hogy a MM milyen adatokat gyűjtsön neked:
- Állapotkód
- Oldalsebesség
- Érvényesség ellenőrző
- Hreflang Checker
- Structured Data Checker
- Indexálhatóság ellenőrzés
- Indexelés ellenőrző
- Halott link ellenőrző
Ezután a következő lépésben illeszd be a weboldalad oldaltérképét:
Most már nem kell mást tenned, mint ellenőrizni a megadott adatokat, és a Report feldolgozása gombra kattintani.
A Marketing Miner az aktuálisan beszerzett adatokból egy áttekinthető táblázatot készít, amelyet Excel táblázatként tölthetsz le, és ellenőrizheted, hogy a fenti dolgokat hogyan és megfelelően implementáltad-e.
TIPP: Minta MM report: https://www.marketingminer.com/hu/report/55173ab334db08b8ce5327d5042269fae9e18c3a6861a151597cc2a10bf135fd/visualize
Eszközök a technikai SEO-hoz
Az alábbi SEO eszközök segíthetnek neked és megkönnyíthetik a munkádat, ha technikai SEO-val foglalkozol:
- Marketing Miner - tömeges adatgyűjtés az URL-ekről
- Google Search Console - technikai problémák, amelyekkel a Googlebot a weboldal feltérképezése során találkozik
- Screaming Frog SEO Spider - asztali crawler
- Visual Site Mapper - webarchitektúra megjelenítése
- PageSpeed Insights - betöltési sebesség ellenőrzése és Core Web Vitals mérőszámok
- Chrome DevTools - inkább fejlesztők számára alkalmas
- Schema Validator - eszköz a strukturált adatok tesztelésére
Összegzés: Nehéz a technikai SEO?
A beszélgetések során gyakran találkozunk azzal a kijelentéssel, hogy a technikai SEO nehéz, és elsősorban a fejlesztőknek kellene foglalkozniuk vele, akik viszont visszadobják ezt a feladatot a SEO szakembereknek.
Napjaink tartalomkezelői és az e-kereskedelmi alkalmazások a legtöbb esetben helyesen oldják meg a technikai SEO-t, és számos olyan bővítmény létezik, amelyek megkönnyítik a weboldal optimalizálását fejlesztők nélkül is (pl. különféle bővítmények oldaltérképek generálására, strukturált adatok, hreflang attribútum használata...).
Ha azonban egyedi fejlesztésű a weboldalad, illetve nem vagy biztos bizonyos technikai részletekben, mindig jobb felvenni a kapcsolatot egy fejlesztővel, aki segít ebben, mintsem kockáztatni a későbbi keresési láthatósággal kapcsolatos problémákat, amelyek végső soron negatív hatással lehetnek a nyereségedre.
