HTML

A HTML a weboldalak szerkezetét leíró jelölőnyelv. Nem programnyelv: nem csinál semmit, csak megmondja, mi micsoda — ez itt címsor, ez bekezdés, ez hivatkozás. A böngésző ebből rajzolja meg az oldalt, a kereső pedig ebből érti meg a tartalmat.

Mit jelöl

Elem	Mit jelent	Miért számít a SEO-ban
`<title>`	Az oldal címe a böngészőfülön	Ez jelenik meg a találati listában
`<h1>`–`<h6>`	Címsorok hierarchiája	Ebből olvassa ki a kereső a tartalom vázát
`<a href>`	Hivatkozás	Ezen jár a robot oldalról oldalra
`<img alt>`	A kép szöveges leírása	Kép nélkül ez az egyetlen információ a képről
`<meta name="description">`	Rövid leírás	Gyakran ez a találati lista szövege

Szemantikus HTML

Ugyanaz a látvány többféle jelöléssel is elérhető. Egy nagy, félkövér szöveg lehet valódi címsor vagy csak megnövelt bekezdés — a látogató nem látja a különbséget, a kereső viszont igen.

A szemantikus HTML azt jelenti, hogy a jelölés a jelentést követi, nem a látványt. Ennek három gyakorlati haszna van: a kereső megérti a szerkezetet, a képernyőolvasók használhatóvá teszik az oldalt, és a későbbi átalakítás olcsóbb.

A leggyakoribb hiba a címsorok látvány alapján való használata — például h3 azért, mert kisebb betű kell. Így a vázlat összekuszálódik.

Mit ellenőrizz

Nem kell fejlesztőnek lenned hozzá. Nyisd meg az oldalt, és nézd meg a forrást (Ctrl+U), vagy használd a böngésző vizsgáló eszközét.

Három dolgot érdemes végignézni oldalanként: van-e pontosan egy h1; a title egyedi-e; a képeknek van-e értelmes alt szövege. Ez a három hiba a leggyakoribb, és mind javítható a tartalomkezelőből.

A generált oldalaknál külön figyelj: a sablonhiba nem egy oldalon jelenik meg, hanem egyszerre százon.

Van egy negyedik, kevésbé ismert ellenőrzés is: a title és a látható h1 nem feltétlenül egyezik. Ez rendben van — a cím a találati listának szól, a főcím az olvasónak —, de ha a kettő ellentmond egymásnak, a látogató becsapva érzi magát, és visszalép. A gyakorlatban ez a leggyakoribb oka a jó pozíció melletti rossz átkattintási aránynak.

Gyakori kérdések

A HTML programnyelv?

Nem. Jelölőnyelv: leírja a szerkezetet, de nem tartalmaz logikát. A viselkedést a JavaScript, a megjelenést a CSS adja.

Lehet több h1 egy oldalon?

Technikailag igen, de a gyakorlatban zavart okoz. Egy oldal egy fő témáról szóljon, és ezt egy h1 jelezze.

Kell alt szöveg minden képhez?

A tartalmi képekhez igen. A pusztán díszítő elemeknél üres alt a helyes, hogy a képernyőolvasó átugorja.

Számít a kereső számára a HTML rendezettsége?

A formázás nem, a jelölés helyessége igen. A rosszul zárt elemek miatt a kereső mást olvashat ki, mint amit látsz.