Title tagek: mik ezek és hogyan működnek

A title tagek a HTML <title> elemek az oldal <head>-jében, amelyek jelezik az oldal témáját a böngészők és a keresőmotorok felé; befolyásolják a keresési találatok címeit, a relevanciajeleket és a kattintási viselkedést, de önmagukban nem határozzák meg a rangsorolást.

Mik azok a title tagek?

A title tag az HTML <title> elem, amely egy oldal <head> részében található. Megnevezi az oldal fő témáját a böngészőknek, a könyvjelzők címkéinek és keresőmotoroknak. A keresőmotorok gyakran a title taget használják a keresési találati címek fő szövegeként, bár átírhatják azt. A title tagek különböznek a látható címsoroktól (H1) és a közösségi megosztáshoz használt metaadatoktól, például az og:title-től, de mindnek összhangban kell lennie a tisztaság érdekében.

Miért fontosak a title tagek a SEO szempontjából

A title tagek azért fontosak, mert egy egyértelmű relevanciajelzők, és gyakran az első szöveg, amit a kereső lát a SERP-ben. Egy világos, pontos cím segít a keresőmotoroknak megérteni az oldal témáját az indexelés során, és javíthatja a átkattintási arányt (CTR) amikor a találatok között megjelenik. Ugyanakkor a címek csak az egyik jelzés: befolyásolhatják az indexelési relevanciát és a CTR-t, de önmagukban nem határozzák meg a rangsort — a rangsorolás több jelzésen alapuló, algoritmikus folyamat.

Hogyan működnek a title tagek

Amikor a feltérképezők lekérnek egy oldalt, a head-ben található HTML <title> erős jelzőként kerül feldolgozásra az oldal témája szempontjából. Google uses the page’s mobile version as the primary basis for feltérképezéshez és indexeléshez; since July 2024 a Googlebot Smartphone az alapértelmezett feltérképezője a Search számára, ezért győződjön meg róla, hogy a mobil HTML tartalmazza a szándékolt címet. A keresőmotorok a SERP-ben megjelenő címet átírhatják az oldal tartalma, strukturált adatok vagy külső jelek alapján, ha úgy ítélik meg, hogy egy másik megjelölés jobban megfelel a felhasználói szándéknak.

HTML példa: egy egyszerű oldalcím így néz ki a head-ben: <a href="https://example.com" rel=""> <title>Example page title</title> </a>. Szponzorált linkek vagy UGC esetén a cím maga nem fogad el rel attribútumokat — a rel attribútumok az anchor tagekre vonatkoznak. Ne generáljon címeket olyan kliensoldali JavaScript ami csak a renderelés után fut, kivéve ha megbizonyosodik róla, hogy a feltérképezők ugyanazt a végső HTML-t látják.

A title tagek típusai

Gyakori title-tag minták és kompromisszumaik:

• Statikus oldalcímek — Egyedi, kézzel írt címek az egyes oldalakhoz. Előnyök: legmagasabb relevancia és CTR-potenciál. Hátrányok: időigényes nagy léptékben.

• Sablonos címek — Oldalszintű minták, pl. "{category} | {brand}", amelyeket a CMS generál. Előnyök: következetes márkaépítés, gyors. Hátrányok: duplikált vagy vékony címek kockázata, ha a sablonok kihagyják a specifikus kontextust.

• Lapozott és facettált címek — Szűrők vagy lapozott sorozat által generált oldalcímek. Előnyök: segítik a tájékozódást. Hátrányok: majdnem duplikált címek keletkezhetnek; használjon leíró módosítókat (oldalszám, szűrő neve) és canonicalizálást ahol indokolt.

• Social-focused címek (og:title) — Nem ugyanaz, mint a <title> elem, de a közösségi platformok használják. Tartsa az og:title-t összhangban a HTML title-lel, ahol lehetséges, hogy elkerülje a megosztásokban megjelenő üzenetek eltérését.

Hogyan kezdjen hozzá a title tagekhez

Gyors, gyakorlati lépések a title tagek bevezetéséhez vagy javításához:

1) Auditálja a meglévő címeket egy crawlerrel (Screaming Frog, Sitebulb), hogy megtalálja a hiányzó vagy duplikált címeket. 2) Prioritizálja a magas forgalmú és nagy láthatóságú URL-eket a Search Console Performance riportból az azonnali javításokhoz. 3) Alkalmazzon egyedi, leíró címeket, amelyek illeszkednek az oldal szándékához és tartalmához; kerülje a keyword stuffinget. 4) Nagy site-oknál hozzon létre egyértelmű sablonszabályokat, amelyek egyedi elemeket tartalmaznak (téma, módosító, oldalszám), és tesztelje őket egy mintaszakaszon a teljes körű bevezetés előtt.

Title tagek: ellenőrzés és hibakeresés

Ellenőrizze, mit látnak a feltérképezők (saját oldalak)

Használja a Google Search Console URL Inspection-et a saját oldalaihoz, hogy megerősítse az indexelt oldalt és a 'Page availability' és 'Indexing' jeleket. A URL Inspection hiteles az Ön tulajdonában lévő property esetén; megmutatja az ellenőrzött oldal feltérképezett HTML-jét és hogy az URL indexelve van-e. Ne feledje: a URL Inspection az indexálásra és a lekérésre vonatkozó jelentéseket mutatja, nem a végső rangsorolási pozíciót.

Ellenőrizze a HTML-t és a renderelt címet (harmadik fél oldalak vagy általános ellenőrzések esetén)

A nyers HTML cím megtekintéséhez használja a curl-t: curl -A "Mozilla/5.0 (compatible)" https://example.com | grep -i "<title". Csak a fejlécek ellenőrzéséhez: curl -I https://example.com. A kliensoldali renderelés utáni cím ellenőrzéséhez nyissa meg a Chrome DevTools → Elements-et, és vizsgálja meg a <title> elemet vagy tekintse meg a renderelt DOM-ot. Ne támaszkodjon kizárólag a szerveroldali válaszokra, ha az oldal címei JavaScript-tel változnak.

Ellenőrizze a SERP megjelenését és az átírásokat

Végezzen privát/incognito kereséseket a kulcsfontosságú lekérdezésekre és hasonlítsa össze a megjelenített találati címet a forráscímével. Tartsa szem előtt, hogy a Google átírhatja a címeket; az átírásra utaló jelek gyakran a feltételezett felhasználói szándékot vagy külső anchorokat tükrözik. Használja a Search Console Performance riportját a CTR változások mérésére cím-módosítások után: hasonlítsa össze a megjelenítéseket, kattintásokat és az átlagos CTR értékeket a változtatás előtti és utáni időszakban a hatás azonosításához.

Gyakorlati ellenőrzőlista: title-tag technikai ellenőrzések

Title jelenléte a HTML-ben — hol ellenőrizze: curl vagy view-source — sikeres, ha a <title> elem létezik a head-ben és értelmes szöveget tartalmaz.

Renderelt cím láthatósága a felhasználók számára — hol ellenőrizze: Chrome DevTools Elements panel — sikeres, ha a renderelt DOM-ban lévő cím megegyezik a szándékolt szöveggel (vagy egy szándékos változattal).

Nem csonkolódik a tipikus SERP szélességekben — hol ellenőrizze: manuális SERP ellenőrzés mobilon és asztali gépen — sikeres, ha a legfontosabb szavak megjelennek a tipikus asztali és mobil megjelenítési hosszokon belül (kerülje az alapvetők végére temetését).

Egyediség a fontos oldalak között — hol ellenőrizze: crawler export vagy Search Console oldalak listája — sikeres, ha a nagy értékű oldalaknak különböző szándékokat tükröző, egyedi címei vannak.

Indexelhetőség ellenőrzése — hol ellenőrizze: Search Console URL Inspection (saját oldalak) vagy a site: operátor jelzésként — sikeres, ha az oldal indexelhető (noindex tag hiányzik, robots.txt engedélyezi a feltérképezést) és a Google megjeleníti az oldalt a keresési találatokban vagy az indexelési riportokban. Megjegyzés: a site: egy nyilvános indikátor és nem végleges.

Gyakori hibák a title tagekkel kapcsolatban

• Hiányzó címek — azok az oldalak, amelyeknek nincs <title> eleme, arra késztetik a keresőmotorokat és a böngészőket, hogy generáljanak címkéket, ami gyakran csökkenti a CTR-t. • Duplikált címek — sablonos vagy lapozott oldalak azonos címek megosztásával csökkentik az egyértelműséget és ronthatják az indexelési relevanciát. • Keyword stuffing — a kulcsszavak ismétlése vagy hosszú kulcsszólisták használata rontja az olvashatóságot és arra késztetheti a motorokat, hogy inkább átírt címet válasszanak. • Olyan kliensoldali JavaScript-re támaszkodás, amely a címeket állítja be anélkül, hogy ellenőrizné a feltérképezők láthatóságát — azok a feltérképezők, amelyek a mobil HTML-t kérik le, lehet, hogy nem látják a renderelés utáni változásokat. • Az oldal tartalmával ellentétes címek — az össze nem illő címek növelhetik a visszafordulási arányát és SERP-átírásokat válthatnak ki.

Ezeknek a hibáknak az elkerülése javítja, hogyan indexelik a keresőmotorok az Ön tartalmát és hogyan értékelik az emberek a találatokat a SERP-ben.

Olvassa el a Technical SEO Guide-ot

Gyakran ismételt kérdések

K: Milyen hosszú legyen egy title tag?

V: Nincs rögzített karakterkorlát, mert a keresőmotorok pixelekben renderelik a címeket és eszköztől függően csonkolhatják őket. Törekedjen tömör, leíró címekre, amelyek a legfontosabb szavakat korán megjelenítik; tesztelje, hogyan jelennek meg asztali és mobil SERP-ekben.

K: Változtatja-e azonnal a rangsorolást, ha módosítja a title tageket?

V: Nem feltétlenül. A cím módosítások befolyásolhatják az indexelési relevanciajeleket és a CTR-t, amelyek idővel hatással lehetnek a rangsorolásra. A rangsorolási változások sok tényezőtől függenek; használja a Search Console-t, hogy nyomon kövesse a megjelenítéseket, kattintásokat és a CTR-t egy változtatás után.

K: Miért mutatott a Google más címet, mint a <title>?

V: A Google átírhatja a címeket, hogy jobban illeszkedjenek a lekérdezés szándékához, aggregálja az anchor text-et, vagy olyan on-page tartalmat használjon, amelyet leíróbbnak ítél. Az átírások gyakran akkor fordulnak elő, ha a forráscím hiányzik, általános vagy félrevezető.

A Technical SEO az organikus növekedés egy része. A tematikus autoritás építése továbbá a minőségi backlinkektől és szerkesztői kontextustól függ.Építsen autoritást minőségi backlinkekkel