A fragment id lényege, hogy a weboldalad minden fontos szekcióját (címeket, bekezdéseket) egyedi azonosítóval, úgynevezett `id` attribútummal lásd el. Ez lehetővé teszi az AI keresőknek, mint a Perplexity vagy a ChatGPT, hogy ne csak a főoldaladat, hanem közvetlenül a releváns válaszokat tartalmazó részekre mutató mélylinkeket hozzanak létre, így növelve a tartalmaid láthatóságát és hitelességét.
Frusztrál, hogy az AI keresők nem a cikked pontos bekezdését idézik, hanem csak a főoldalra dobnak egy linket? A megoldás a tudatosan használt `id` attribútumokban rejlik, amelyekkel lényegében belső horgonyokat, "anchor linkeket" hozol létre az AI számára.
Tartalomjegyzék
- Miért nem elég, ha csak jó a tartalmad az AI számára?
- Pontosan mi az a fragment id, és miért ismerős már neked?
- Hogyan használják az AI keresők ezeket a mélylinkeket a gyakorlatban?
- Melyek a leggyakoribb hibák, amiket elkövethetsz?
- Hogyan hozhatsz létre tökéletes ID-kat?
- Hogyan tudod hozzáadni az ID-kat a weboldaladhoz fejlesztő nélkül?
- Mely elemeket érdemes mindenképp ellátni egyedi azonosítóval?
Miért nem elég, ha csak jó a tartalmad az AI számára?
Rengeteg időt és energiát fektetsz abba, hogy kiváló, részletes tartalmakat készíts a weboldaladra. Megírod a tökéletes blogcikket, ami minden kérdésre választ ad. Büszke vagy rá. Aztán megkérdezed a Perplexityt vagy a ChatGPT-t a témáról, és azt látod, hogy vagy a konkurenciát idézi, vagy ha téged is, csak odavet egy linket a cikked elejére. A felhasználó rákattint, és egy 2000 szavas anyagban kellene megtalálnia azt az egy mondatot, ami neki fontos.
Ismerős a helyzet? Ez a modern tartalommarketing egyik legnagyobb frusztrációja. A probléma gyökere pedig sokszor egy apró technikai hiányosság, amit a legtöbb vállalkozó észre sem vesz.
A kényelmetlen igazság
Sokan azt gondolják, hogy az AI majd magától megtalálja a releváns részt. Nem találja meg. Ha nincs egyértelmű jelzés, egy digitális útjelző tábla a szekciódnál, az AI az egész oldalt linkeli, vagy ami még rosszabb, nem linkeli egyáltalán, és inkább egy versenytársadat választja, akinek rendezettebb a struktúrája.
Az AI modellek nem emberként olvasnak. Villámgyorsan szkennelik a kódodat, és struktúrákat, jelzéseket keresnek. Ha a te oldalad egy tagolatlan szövegfolyam, míg a konkurenciádé egy precízen felcímkézett, szekciókra bontott dokumentum, vajon melyiket fogja könnyebbnek és megbízhatóbbnak találni? A válasz egyértelmű. Nem elég jónak lenni, annak is kell látszani. A gépek számára is.
Pontosan mi az a fragment id, és miért ismerős már neked?
A "fragment identifier" vagy röviden fragment id talán ijesztően hangzik, de valójában egy régi ismerősödről van szó, csak más néven. Lényegében ez egy egyedi azonosító, amit egy HTML elemhez, például egy címsorhoz vagy egy bekezdéshez rendelsz. A legegyszerűbben úgy képzelheted el, mint egy házszámot egy hosszú utcában. Míg a weboldalad címe (az URL) az utca neve, addig a fragment id a konkrét házszám, ami egyenesen a keresett bejárathoz vezet.
És hogy miért ismerős? Mert pontosan ezt a technológiát használod, amikor egy oldalon belüli linket, úgynevezett "anchor linket" hozol létre. Például amikor egy cikk elején lévő tartalomjegyzékből egy kattintással leugrasz egy későbbi fejezethez. A link, ami a kettőskereszttel (#) kezdődik, pont egy ilyen fragment id-re mutat.
Olyan ez mint az anchor link, csak az AI-nak csináljuk.
A nagy felismerés az, hogy amit eddig a felhasználói élmény javítására használtunk az oldalon belül, az most kulcsfontosságúvá vált az AI keresőkkel való kommunikációban is. Ha megadod ezeket a "házszámokat" a tartalmad fontos részeihez, az AI pontosan tudni fogja, hova küldje a felhasználót a válaszért.
Hogyan használják az AI keresők ezeket a mélylinkeket a gyakorlatban?
A Perplexity és a Google AI Overviews már most is aktívan használják ezeket a mélylinkeket a válaszaikban. Amikor felteszel egy kérdést, és az AI egy weboldalról idéz, gyakran nem csak a domain nevet látod a forrásnál. Ha az oldal struktúrája lehetővé teszi, az AI egy sokkal specifikusabb linket ad meg.
Képzeld el, hogy van egy cikked a GEO optimalizálásról, és benne egy részletes GYIK szekció. Ha valaki rákeres arra, hogy "mi az a GEO", és a te oldalad adja a legjobb választ a GYIK-ban, egy jól strukturált oldal esetén a Perplexity valami ilyesmit fog forrásként megjelölni:
gfaktor.hu/geo-optimalizalas#gyik-mi-az-a-geo
Ez nem véletlen. Az AI felismerte, hogy a válasz a "gyik-mi-az-a-geo" azonosítóval ellátott szekcióban található, és létrehozott egy mélylinket, ami a felhasználót egyenesen oda viszi. ID nélkül a link egyszerűen `gfaktor.hu/geo-optimalizalas` lenne. A különbség óriási a felhasználói élményben és abban, hogy a te tartalmadat mennyire ítélik hasznosnak.
Kíváncsi vagy, az AI most hogyan lát téged?
Nem biztos, hogy a weboldalad struktúrája megfelel az AI elvárásainak? Nézd meg, hol állsz most, és min kellene javítanod.
Megnézem a Brand Grader-relMelyek a leggyakoribb hibák, amiket elkövethetsz?
Sajnos a legtöbb magyar weboldalon még alapvető szinten sincsenek kihasználva a fragment id-kben rejlő lehetőségek. A leggyakoribb problémák a következők, amiket neked mindenképp el kell kerülnöd:
- 1. Teljes hiány: A leggyakoribb hiba, hogy egyáltalán nincsenek `id` attribútumok a H2, H3 címsorokban vagy más fontos szekciókban. Az oldal egy nagy, címkézetlen szövegdoboz az AI számára.
- 2. Hibás formátum: Sokan használnak ékezetes karaktereket vagy szóközöket az ID-kben. Ez technikailag érvénytelen és törött linkekhez vezethet. Például az `id="Miért fontos?"` helytelen, míg az `id="miert-fontos"` tökéletes.
- 3. A GYIK szekció elfelejtése: A Gyakran Ismételt Kérdések (GYIK) az egyik legértékesebb része az oldaladnak az AI szempontjából, hiszen tele van direkt kérdés-válasz párokkal. Ha pont ez a szekció nincs ellátva ID-vel, óriási ziccert hagysz ki.
- 4. Túlzott bonyolítás: A másik véglet, amikor valaki azt hiszi, ehhez fejlesztő kell. Pedig a legtöbb modern tartalomkezelő rendszerben (CMS) ez egy alapvető funkció, amit pár kattintással beállíthatsz. Ez nem fejlesztői feladat, hanem tartalomszerkesztői.
Ezek a hibák talán apróságnak tűnnek, de összességében azt eredményezik, hogy a tartalmad láthatatlan marad az AI számára, még akkor is, ha a szöveg maga kiváló minőségű.
Hogyan hozhatsz létre tökéletes ID-kat?
A jó hír az, hogy a tökéletes ID létrehozása pofonegyszerű, ha betartasz néhány alapszabályt. Nincs szükség bonyolult kódolásra. Az alábbi táblázat megmutatja a leggyakoribb hibákat és a helyes megoldásokat.
| Hibás megközelítés | Helyes megoldás és magyarázat |
|---|---|
<h2 id="Gyakori kérdések">...</h2> |
Helyes: <h2 id="gyakori-kerdesek">...</h2>Magyarázat: Az ID nem tartalmazhat szóközt és ékezetes karaktereket. Mindig használj kötőjelet a szavak elválasztására és kerüld az ékezeteket. |
<h2 id="cím2">...</h2> |
Helyes: <h2 id="hogyan-mukodik-a-szolgaltatas">...</h2>Magyarázat: Az ID legyen beszédes és írja le a szekció tartalmát. A "cim2" vagy "szekcio3" nem hordoz információt sem az ember, sem a gép számára. |
<h2 id="FAQ">...</h2> |
Helyes: <h2 id="gyik">...</h2>Magyarázat: Bár a nagybetűk technikailag megengedettek, a legjobb gyakorlat a csupa kisbetű használata a konzisztencia és az egyszerűség kedvéért. |
<h2>Fontos tudnivalók</h2> |
Helyes: <h2 id="fontos-tudnivalok">Fontos tudnivalók</h2>Magyarázat: A legnagyobb hiba, ha egyszerűen nincs ID. Minden fontos címsornak és szekciónak adj egyedi, beszédes azonosítót. |
Hogyan tudod hozzáadni az ID-kat a weboldaladhoz fejlesztő nélkül?
A legtöbb modern weboldalszerkesztőben, mint a WordPress Gutenberg vagy Elementor, gyerekjáték egyedi ID-t adni egy elemhez. Nem kell a kódhoz nyúlnod. Kövesd az alábbi általános lépéseket:
- Válaszd ki a blokkot: A szerkesztőben kattints arra a címsorra vagy szekcióra, amelyiknek ID-t szeretnél adni.
- Keresd a "Haladó" beállításokat: A jobb oldali beállítási sávban keress egy "Haladó" (Advanced) vagy "További beállítások" fület. Általában itt rejtik el ezt a funkciót.
- Találd meg a "HTML horgony" mezőt: A legtöbb rendszer "HTML horgony" (HTML Anchor) vagy "Egyedi azonosító" (Unique ID) néven hivatkozik rá.
- Írd be az ID-t: Gépeld be a létrehozott, szabályos ID-t (pl. `hogyan-kezdj-bele`) a mezőbe. Ne használd a kettőskereszt jelet (#) itt, csak a tiszta szöveget.
- Ments és ellenőrizz: Mentsd el a változtatásokat. Az ellenőrzéshez nyisd meg az oldalt, és a böngésző címsorába írd be az URL végére a # jelet és az ID-t (pl. `.../oldalam.html#hogyan-kezdj-bele`). Ha az oldal a megfelelő szekcióra ugrik, jól csináltad.
Ez a folyamat a legtöbb rendszerben nagyon hasonló. Pár perc alatt végig tudsz menni egy teljes cikken, és felcímkézheted a legfontosabb részeket.
Mely elemeket érdemes mindenképp ellátni egyedi azonosítóval?
Nem kell minden egyes bekezdést felcímkézned. Koncentrálj a stratégiailag fontos pontokra, amelyek önállóan is megállják a helyüket mint válasz egy lehetséges kérdésre. A prioritási lista a következő:
- Minden H2 és H3 címsor: Ez a legfontosabb. A cikked logikai vázát ezek a címek adják. Ha mindegyik kap egy beszédes ID-t, az AI könnyedén tud navigálni a tartalmadban.
- A GYIK (FAQ) szekció egésze: Maga a GYIK szekciót tartalmazó doboz kapjon egy `id="gyik"` vagy `id="faq"` azonosítót.
- Az egyes GYIK kérdések: Ha a rendszered lehetővé teszi, minden egyes kérdés-válasz pár is kapjon egyedi ID-t, ami a kérdésre utal (pl. `id="mennyibe-kerul"`).
- Fontos táblázatok és listák: Ha van egy kulcsfontosságú összehasonlító táblázatod vagy egy lépésről lépésre útmutatód, adj neki is egyedi ID-t.
Ezzel a néhány lépéssel a weboldalad sokkal érthetőbbé és hivatkozhatóbbá válik az AI keresők számára. Ez egy apró technikai lépés, ami óriási hatással lehet a láthatóságodra. Ne feledd, a verseny már nem csak a Google top 10 helyéért folyik. Az igazi kérdés az, hogy az AI tudja e, hogy létezel és képes e pontosan idézni téged.
Gyakori kérdések
Luft Gábriel
SEO és AI szakértő, Gfaktor
Gábriel a Gfaktor alapítója, aki a hagyományos SEO és a modern AI-alapú láthatóság (GEO) ötvözésével segít magyar vállalkozásoknak piacvezetővé válni. Célja, hogy a technikai zsargont közérthető, gyakorlati lépésekre fordítsa, amivel a cégvezetők azonnali eredményeket érhetnek el.
Készen állsz, hogy az AI a te tartalmadat idézze?
Ha nem akarsz a technikai részletekkel bajlódni, bízd ránk. Elvégezzük a teljes AI láthatósági auditot, és megmondjuk, hol vannak a rejtett lehetőségek a weboldaladon.
Kérem az ingyenes AI láthatósági elemzést