HTML-címkék SEO-hoz: melyek számítanak, példákkal

A keresőmotorok és az AI-asszisztensek az oldaladat kódként olvassák, mielőtt bárki a képernyőn látná. A SEO-hoz használt HTML-címkék egy kis csoportja dönti el, hogyan értelmezik ezt a kódot: melyik URL kerül indexelésre, milyen cím jelenik meg a találatokban, miről szól az oldal, és hogyan néz ki megosztáskor. A Google a Search Central dokumentációjának egyetlen oldalán sorolja fel a támogatott meta címkéket és attribútumokat, és ami azon a listán kívül esik, nincs hatással a Google-keresésre. Ez az útmutató minden hasznos címkét példával mutat be, megemlíti a kerülendő hibákat, és azokat a címkéket, amelyekkel nem kell foglalkozni.

Mely HTML-címkék számítanak a SEO-ban?

Az alábbi táblázat a referencialista. A head részben lévő címkék a gépeknek írják le az oldalt; a törzs címkéi azt strukturálják, amit az emberek olvasnak.

Mely head címkék szabályozzák, hogyan mutatja a Google az oldalt?

A title címke

A title címke az oldal legfontosabb címkéje. A Google szerint a title elem hosszának nincs korlátja, a címlinket viszont az eszköz szélességéhez igazítva vágja le, ami asztali gépen gyakorlatban körülbelül 50-60 karakter. A Google át is írhatja: dokumentációja felsorolja a forrásokat, a title elemtől és a látható fő címtől a H1 címsorokon, az og:title címkén át a címre mutató linkek horgonyszövegéig. Az a cím marad meg, amely egyezik a H1-gyel és az oldal tartalmával. Írj egyedi címet minden oldalra, a fő kulcsszóval az elején és a márkával a végén.

A meta description

A meta description nem változtatja meg a rangsorokat, de gyakran ez adja a cím alatti kivonatot, és így befolyásolja a kattintásokat. A Google lecserélheti az oldal olyan részletére, amely jobban illik a lekérdezéshez. Rövid válaszként írd meg, utána előnnyel, 120 és 160 karakter közötti hosszban, és soha ne használd ugyanazt a leírást több oldalon.

A meta robots címke

A robots meta címke megmondja a feltérképezőknek, mit tehetnek az oldallal. A leggyakrabban használt érték a noindex, amely kivesz egy oldalt a találatokból; más értékek a nofollow, a nosnippet és a max-snippet, amely a szöveges kivonat hosszát korlátozza. Azoknál a fájloknál, amelyeknek nincs head része, például a PDF-eknél, ugyanezek az utasítások az X-Robots-Tag HTTP-fejlécben adhatók meg. Az élő sablonon maradt noindex a leggyakoribb okok egyike az elvesztett forgalomnak, ezért minden kiadás után ellenőrizd.

Viewport és karakterkészlet

A Google dokumentációjában azt írja, hogy a viewport címke megléte mobilbarát oldalt jelez. Mivel a Google a webhelyek mobilverzióját indexeli, ez a címke minden oldalra tartozik. A karakterkészlet-deklaráció (a Google az UTF-8-at javasolja) megakadályozza a törött karaktereket a címekben és a kivonatokban, ami többnyelvű webhelyeknél számít.

Mely címkék mondják meg a Google-nak, melyik URL-t indexelje?

A head két link-címkéje a duplikátumokat és a nyelveket kezeli. A canonical címke megnevezi a preferált változatot, amikor ugyanaz a tartalom több URL-en is elérhető (szűrők, követőparaméterek, HTTP és HTTPS). A Google erős javaslatként kezeli, az átirányításokkal és a belső linkekkel együtt, ezért akkor működik a legjobban, ha minden jel ugyanarra az URL-re mutat. Használj abszolút URL-t, oldalanként egy canonicalt tarts, és soha ne mutass olyan oldalra, amelyet tiltottak vagy noindexre állítottak.

A hreflang attribútum megmondja a Google-nak, melyik nyelvnek vagy régiónak melyik oldalt mutassa. A Google lokalizált változatokról szóló útmutatója szerint minden változatnak fel kell sorolnia önmagát és az összes többit, az x-default érték pedig azoknak a felhasználóknak nevezheti meg az oldalt, akiknek a nyelvét nem fedik le. A hiányzó visszalinkek a leggyakoribb hreflang-hibák: ha az A oldal a B oldalra mutat, a B oldalnak vissza kell mutatnia az A oldalra.

Mely törzscímkék segítik a keresőmotorokat a tartalom megértésében?

A H1-től a H6-ig tartó címsorok

A címsorok adják az oldal vázlatát. Használj egy H1-et, amely megnevezi a témát, H2 címkéket a fő szakaszokhoz, és H3 címkéket a szakaszon belüli lépésekhez vagy elemekhez, vizuális hatásért szintet ugrani nélkül. A Google azt mondta, hogy több H1 nem jár büntetéssel, de egyetlen világos H1 marad a legegyszerűbb szerkezet a felhasználóknak és a segítő technológiáknak. A kérdés alakú H2 címsorok („Hogyan működik az X?”) is azt a módot követik, ahogyan az emberek a keresést és a promptokat megfogalmazzák.

Alt szöveg a képeken

A Google a képek SEO-irányelveiben elmagyarázza, hogy az alt szöveget a számítógépes látással és az oldal tartalmával együtt használja a kép megértéséhez, és hogy az alt attribútumok kulcsszavakkal való megtömése miatt az oldalt spamnek láthatják. Írd le röviden, mit mutat a kép. A Google azt is megjegyzi, hogy a CSS-háttérképeket nem indexeli, ezért minden olyan képnek, amelynek rangsorolnia kell, valódi img elemre van szüksége.

Linkek és rel attribútumaik

Az a elem az, amelyen keresztül a feltérképezők megtalálják az oldalakat, ezért a belső linkeknek valódi linkeknek kell lenniük href-fel, nem JavaScripttel kezelt gomboknak. A rel attribútum minősíti a kimenő linkeket: a sponsored a fizetett elhelyezésekre, az ugc a hozzászólásokra és fórumbejegyzésekre, a nofollow azokra a linkekre, amelyeket nem akarsz jóváhagyni. A Google 2020 óta tanácsként kezeli ezeket az értékeket. A leíró horgonyszöveg a felhasználóknak és a keresőmotoroknak is segít.

Szemantikus HTML5 elemek

Az olyan elemek, mint a main, article, nav, header, footer és section, megmutatják a gépeknek, melyik rész a főtartalom, és melyek ismétlődnek minden oldalon. Önmagukban nem javítják a rangsorokat, de könnyebbé teszik a főtartalom elkülönítését, a keresőmotorok, a képernyőolvasók és az AI-eszközök számára egyaránt. A szemantikus HTML útmutatónk minden elemet részletez. A szövegen belül a strong és az em jelöli a hangsúlyt; kulcsfogalmakra használd őket, ne egész bekezdésekre.

Mely címkék alakítják a közösségi előnézeteket és a gazdag találatokat?

Az Open Graph protokoll, amelyet a Facebook hozott létre, és ma a legtöbb közösségi hálózat és üzenetküldő alkalmazás olvassa, az og:title, og:description, og:image és og:url címkéket határozza meg, amelyek megosztáskor az előnézeti kártyát építik. Nélkülük a platformok találgatnak, gyakran rossz képpel. Az eredményt közzététel előtt egy Open Graph előnézeti eszközzel tesztelheted.

A JSON-LD formátumú strukturált adatok, script címkébe helyezve, a Schema.org szókészlettel írják le az oldalt: cikk, termék, szervezet, morzsamenü, GYIK. A Google gazdag találatokhoz használja, és egyértelmű tényeket ad az AI-rendszereknek az oldal mögötti entitásról. A jelölésnek azt kell leírnia, ami látható az oldalon. Az AI-válaszokban betöltött szerepéről a strukturált adatok és az AI-keresés útmutatónkban írunk.

Mely HTML-címkéket hagyja figyelmen kívül a Google?

A Google támogatott címkéinek listája azt is megmondja, mit nem kell tovább karbantartanod:

• Meta keywords: a Google szerint a meta keywords címkét a Google-keresés nem használja, és nincs hatása az indexelésre vagy a rangsorolásra.
• Ismeretlen meta címkék: a Google figyelmen kívül hagyja azokat a meta címkéket, amelyeket nem támogat, például a meta author vagy a meta revisit-after címkét.
• A lang attribútum: a Google az oldal nyelvét a szövegéből érzékeli, nem a lang attribútumból. Az attribútumot tartsd meg a hozzáférhetőség és más eszközök miatt, a nyelvi változatok összekapcsolására pedig használd a hreflangot.
• Meta refresh átirányításként: működik, de a Google szerveroldali 301-es átirányítást javasol helyette.

Számítanak a HTML-címkék az AI-válaszokban?

Igen, egyszerű okból: a ChatGPT, a Claude, a Gemini és a Perplexity részleteket emel ki az oldalakból, és a tiszta HTML megkönnyíti ezeknek a részleteknek a megtalálását. Több AI-feltérképező JavaScript futtatása nélkül tölti le a nyers HTML-t, így a címet, a canonicalt vagy a szkriptek által beillesztett szövegblokkot lehet, hogy soha nem látják. Egy világos címsorhierarchia önálló válaszokra bontja az oldalt, a listák és táblázatok egyben tartják a tényeket, a strukturált adatok pedig egyértelműen rögzítik őket. Ez a generatív motoroptimalizálás technikai oldala: ugyanazok a címkék, amelyek a Google-nak segítenek, az AI-asszisztenseknek is segítik, hogy pontosan idézzenek.

Hogyan ellenőrizd egy oldal HTML-címkéit?

1. Olvasd el a nyers forrást. Nyisd meg a forráskódot (Ctrl+U), és keress a title, meta description, robots, canonical és hreflang címkékre. Ha egy címke csak a megjelenített oldalon látszik, JavaScripttől függ.
2. Hasonlítsd össze a Google nézetével. A Google Search Console URL-vizsgálat eszköze megmutatja a Google által megjelenített HTML-t és az általa kiválasztott canonicalt.
3. Auditáld oldalanként. Az ingyenes Sorank Chrome-bővítmény megmutatja a hiányzó vagy duplikált címkéket és a javításokat a megnyitott oldalhoz.
4. Auditáld az egész webhelyet. Egy feltérképező több ezer URL-en találja meg a duplikált címeket, a hiányzó alt szövegeket és a hibás canonicalokat; a technikai SEO-eszközök válogatásunk összehasonlítja a lehetőségeket.
5. Ellenőrizd újra minden kiadás után. A sablonváltozásoknál jelennek meg a noindex címkék, a hibás canonicalok és az üres címek.

A fenti tucatnyi címke helyes beállítása szinte mindent lefed, amit a HTML megtehet a SEO-ért; a többi munka a tartalom és a linkek. Ha olyan oldalakat szeretnél, amelyek eleve tiszta címekkel, címsorokkal, belső linkekkel és strukturált tartalommal érkeznek, a Sorank cikkgenerátora autopilot módban írja és közzéteszi őket, havonta $49-tól, éves számlázással (lásd: árak).