Ebben a cikkben azt mutatom be, hogy a HTML kód melyik eleme befolyásolja és hogyan a keresőoptimalizálást.
Keresőoptimalizálás és HTML
Ahhoz, hogy sikert érjünk el a keresőoptimalizálásban elsősorban kulcsszókutatásra, jó minőségű tartalomra és persze weboldalunkra hivatkozó linkekre van szükség.
De nem szabad elfelejteni, hogy a web nyelve a HTML. Minden weboldal HTML alapú.
És természetesen a keresőrobotok is a HTML nyelvén olvassák el a weboldalunkat. Ezért is fontos, hogy weboldalunk HTML szerkezete rendben legyen és a megfelelő HTML címkéket alkalmazzuk weboldalunkon.
Mik azok a HTML címkék?
A HTML egy angol mozaikszó, a HyperText Markup Language, amit magyarra a hiperszöveges jelölőnyelvként fordíthatunk.
A HTML tag, vagy címke a HTML nyelv egy eleme, ami segít a böngészőnek a kódból weboldalt készíteni. Például az <img> címke egy kép elemet jelöl meg.
Miért fontos a HTML SEO szempontból?
A keresőrobotok a weboldalad forráskódját olvassák. Azaz HTML nyelven olvasnak. Ezt a tartalmat térképezik fel, és ez kerül indexelésre.
Például egy linkről onnan tudják, hogy link, hogy a megfelelő HTML címkével van ellátva. Éppen ezért fontos, hogy a weboldalad HTML forráskódja helyes legyen. Ugyanakkor vannak olyan HTML címkék amire SEO szempontból érdemes különösen odafigyelni, mert fontos szerepet játszanak a Google rangsorolásában. A következőkben ezeket vesszük át tételesen.
Mely HTML címkék fontosak keresőoptimalizálási szempontból?
A Title címke
A Title címke két fontos szerepet is betölt a HTML kódban és a weboldalunk életében:
- egyrészt megjelenik a böngésző fejlécében, mint az oldal címe
- másrészt a keresőmotorok találati listáján is, mint oldalcím jelenik meg
Érdekes módon a Title önmagában a weboldalon nem látható. Leggyakrabban ugyanis az oldal címe a H1 HTML címsorként jelenik meg.
A title azért is különösen fontos, mert a Google rangsorolásában is kiemelt szerepet kap. SEO szempontból a Title optimalizálása a legkönnyebb és legnagyobb eredményt hozó tevékenység, ahhoz képest, hogy mindösszesen egy sort kell módosítani.
A Title-ben mindenképpen szerepeljen az a kulcsszó, amire az adott URL-t rangsorolni szeretnénk. További részleteket olvashatsz a title optimalizálásáról cikkünkben.
Meta Robots HTML elemek és SEO
A Meta Robots címkékben tudod szabályozni a keresőrobotok működését weboldaladon, ezért fontos a szerepük keresőoptimalizálási szempontból.
A Meta robots-ban szabályozhatjuk, hogy:
- a keresőrobotok indexeljék-e tartalmainkat vagy sem (index, noindex)
- kövessék-e az oldalon lévő linkeket vagy sem (follow, nofollow)
E kettő közül a keresőoptimalizálásban az elsőnek van nagyobb szerepe. Gondoskodni kell, hogy tartalmainkat indexelje a Google . Szerencsére, alapértelmezetten az index beállítás él, tehát ha nem szerepel weboldalunk HTML kódjában a meta robots, akkor indexelésre kerül weboldalunk.
A Noindex akkor hasznos, ha vannak olyan oldalaink, amit nem akarunk indexelni. Ezek lehetnek gyenge minőségű oldalak, például keresési aloldalak, címkeoldalak, stb.
Bővebben a Meta Robots használatáról cikkünkben.
Címsorok (H1-H6 HTML címke)
A Címsorok közül a H1-nek van kitüntetett szerepe, mivel ez weboldalunk felhasználók által látható címe, és bizonyos esetekben a találati listán is ez jelenik meg a Title HTML címke helyett.
A H2-H6 címsorok szerepe szövegünk tördelés alcímekre. Ezáltal szövegünk jobban olvasható, és világos, hogy az egyes szakaszok miről szólnak.
Keresőoptimalizálási szempontból a címsorokban szereplő szövegek, szavak súlya nagyobb, mint a normál szövegtörzsben szereplő szavaké. Éppen ezért érdemes itt is az adott szövegrészre releváns kulcsszót használni.
Alt HMTL címke
Az alt címke a kép azaz <img> HTML címkén belül helyezkedik el és jelentése alternatív szöveg. A feladata az, hogy ha a kép nem jelenik meg akkor az alt címke jelzi, hogy a kép miről szól. A szövegolvasók is ezt a tartalmat olvassák fel a gyengénlátók számára.
Érdemes tehát SEO szempontból olyan alt címkét használni, ami releváns, leírja a képet és tartalmazza a kulcsszót is.
Keresőoptimalizálási szempontból a webes rangsorolásban kisebb a jelentősége, de a Google képkeresőjében a mai napig számottevő szerepet tölt be az alt címke tartalma a rangsorolásban.
Félkövér kiemelés
A HTML-ben strong, vagy b(old) jelöléssel emelhetünk ki egy szövegrészletet.
- <strong>
- <b>
Ennek szerepe igen minimális, de meglepő módon egy minimális súly a mai napig van a rangsorolásban.
Ennek ellenére hibát követünk el, ha minden kulcsszót félkövérrel kiemelünk. Ritkán használjuk és csak akkor, ha az tényleg érdemi segítség a felhasználóknak
HTML és szemantikai felépítés
A szemantika jelentéstartalmat jelent. Ma már a keresőrobotok képesek a szövegeinket jelentéstartalmuk alapján értelmezni, és nem csak önálló szavakat keresni a szövegben. A szemantikus webről olvashatsz cikkemben részletesen.
Szemantikája azonban nem csak egy szövegnek lehet, de egy HTML kód is felépülhet szemantikusan a HTML5 megjelenése óta.
A HTML5-ben ugyanis megjelentek olyan HTML elemek, mint a <footer>, <article> stb, amelyekkel a weboldalunk egyes blokkjai megjelölhetőek, felcímkézhetőek és amely utal azok feladatára, szerepére.
Bár vélhetően ezek puszta használata nem segíti a rangsorolást, azonban segíthet a keresőrobotoknak a weboldal jobb értelmezésében és ez áttételesen segítheti rangsorolásunkat is.
CSS és SEO?
Bár sokan próbálkoznak vele a CSS és SEO összeházasítása nem jelent semmilyen SEO előnyt. Éppen ezért felesleges a különböző class, id és egyéb jelölőket kulcsszavakkal megjelölni.
Ugyan ez igaz a CSS vagy HTML kódban szereplő megjegyzésekre is, amit figyelmen kívül hagy a keresőrobot.
Egy dologra azonban felhívnám a figyelmet. A CSS background-ban elhelyezett képeket a Google nem képes indexelni, így nem befolyásolja SEO eredményeinket, de ennél nagyobb gond, hogy az így elhelyezett képek nem jelenhetnek meg a képkeresőben és a találati listában sem. Ügyeljünk tehát arra, hogy például termékképeink normál <img> HTML címkével jelenjenek meg, ne pedig CSS background-ként.
Rejtett tartalmak
HTML kóddal lehetőségünk van egyes tartalmi elemek elrejtésére. Erre szolgál a display parancs, de megoldható a szöveg elrejtése úgy is, hogy fehér háttérre fehér betűkkel írunk.
Ez utóbbi technikát a Google spamnek minősíti, tehát ne éljünk vele.
Ugyanakkor, ha egyes tartalmi elemek, csak kattintásra érhetőek el, például a webáruházakban gyakori fülek alá rejtett termékinformációk, akkor ez nem minősül spam technikának. Arra azonban készüljünk fel, hogy a Google ezeket a tartalmakat kevésbé veszi figyelembe a rangsorolásnál – mégha nyilatkozataiban ezt tagadja is.
Nyelv jelölése
A HTML kódban megadhatjuk weboldalunk nyelvét, az alábbi formában:
<html lang=”hu”>
Érdemes azonban tudni, hogy ezt a HTML kódot a Google figyelmen kívül hagyja és az oldal tartalma alapján állapítja meg a weboldal nyelvét. Más keresőmotorok azonban figyelembe veszik ezt a jelölést, például a Bing keresőmotor.
Szabványos HTML kód
A Google több ízben is elmondta már, hogy a HTML kód szabványossága nem rangsorolási szempont. Számunkra az a fontos, amit a felhasználó lát. Hogy ezt milyen kóddal írjük el, számukra lényegtelen.
Egy dologra kell ügyelni ez pedig az, hogy a rossz minőségű HTML kód a böngészőben ne okozzon problémát (például egymásra csúszó elemek, stb.).
Illetve a rossz kódminőség esetlegesen befolyásolhatja a weboldal sebességét is, ami igaz minimális szinten, de befolyásolja a rangsorolást.
Szöveg és HTML kód aránya
Szintén a SEO mítoszok közé tartozik, hogy a szöveg/kód arányt a Google értékeli, és a kevés kód, magas szövegarányt jutalmazza.
Ám ezt a Google szintén számos alkalommal cáfolta, ugyan azon okból, amiért a HTML kód szabványossága sem fontos keresőoptimalizálási szempontból.
“Nincs. Nem használunk semmi olyasmit, mint a szöveg/kód arány, amikor a Google keresés, találati lista szóba jön. Mi kifejezetten a felhasználók által is látható tartalomra vagyunk kíváncsiak, és azt használjuk a [ a rangsorolásban].”
John Mueller, Google Webmaster Trends Analyst
Zárszó
Ha bizonytalan vagy annak megítélésében, hogy egy HTML elem kihat-e a rangsorolásra, hozzászólásban kérdezz meg és válaszolok mindenkinek.
Ugyanakkor érdemes a józan eszünket is használni. A Google számára a felhasználó az első, éppen ezért az esetek döntő részében azt a kérdést kell feltenned, hogy az adott HTML címke befolyásolja-e a felhasználói élményt, a tartalomhoz való hozzáférést, vagy a találati listán való megjelenést. HA igen, akkor gyakran ez az elem hatással lehet a rangsorolásra, vagy ha arra nem is akkor weboldalad teljesítményére, például az átkattintási arányon keresztül.
Ha nem, akkor jó eséllyel annak a HTML elemnek a fontossága csekély és nem hat ki a rangsorolásra sem közvetlenül. Persze kivételek mindig vannak a szabály alól.