SEO fejlesztőknek: renderelés, státuszkódok, címkék, teljesítmény és AI-crawlerek

Gyors kvíz

Neked való a SEO, és hogyan kezdd el?

1. kérdés, összesen 425%

Keresik az emberek a Google-ben, amit eladsz?

Igen, szerintem igenNem, új vagy nagyon speciálisNem tudom

Az SEO fejlesztőknek a keresőoptimalizálás azon része, amely a kódban él: sablonok, útvonalkezelés, renderelés, fejlécek és teljesítmény. A marketingesek választanak kulcsszavakat és írnak tartalmat, de egy hibás státuszkód, egy csak kliensoldali útvonal vagy egy véletlen noindex egyetlen telepítéssel le tudja nullázni ezt a munkát. A Google saját JavaScript SEO alapjai dokumentációja három fázist ír le (feltérképezés, renderelés, indexelés), és mindegyiknek vannak olyan hibamódjai, amelyeket csak a fejlesztők javíthatnak meg. Ez az útmutató abban a sorrendben tárgyalja őket, ahogy elromlanak.

Mely részei a SEO-nak tartoznak a fejlesztőhöz?

Hogyan kell renderelni az oldalakat a keresőmotorok számára?

A Googlebot futtat JavaScriptet, de egy második lépésben, amely késhet, és maga a Google írja, hogy „a szerveroldali vagy az előrenderelés továbbra is kiváló ötlet”, mert gyorsabb a felhasználóknak és a crawlereknek, és mert nem minden bot futtat JavaScriptet. Ez az utolsó pont ma még fontosabb: a Vercel 2024 decemberi elemzésében, Az AI-crawler felemelkedése címmel, azt találták, hogy „a nagyobb AI-crawlerek jelenleg egyike sem renderel JavaScriptet”, és ezt többek között a GPTBot, az OAI-SearchBot, a ChatGPT-User, a ClaudeBot és a PerplexityBot teszi. A Gemini, amely a Google infrastruktúráját használja, kivétel.

Két szabály érvényes a keretrendszertől függetlenül. A linkeknek href attribútummal rendelkező <a> elemeknek kell lenniük: a Google szerint csak ilyen formában tudja felfedezni a linkeket, így a kattintáskezelős gombok és a fragmentumalapú útvonalak zsákutcák. És minden útvonalnak saját URL-je kell legyen, # jel nélkül, amely közvetlenül visszaadja a tartalmát. A JavaScript SEO, az egyoldalas alkalmazások SEO-ja és a Next.js SEO útmutatóink keretrendszerspecifikus részleteket tárgyalnak.

Mely HTTP-státuszkódok számítanak a SEO szempontjából?

A státuszkódok utasítások a crawlereknek. A Google HTTP-státuszkódokról és hálózati hibákról szóló dokumentációja leírja, hogyan kezeli az egyes családokat:

• 200: az oldal indexelhető. Ha a tartalom hibának vagy üres oldalnak látszik, a Search Console soft 404-ként jelenti.
• 301 és 308: állandó átirányítások, amelyeket a Google erős jelként kezel arra, hogy a célt kell feldolgozni. Áthelyezett tartalomhoz és domainváltásnál használd őket.
• 302 és 307: ideiglenes átirányítások, gyenge jel. Állandó áthelyezésre ne használd őket.
• 404 és 410: az oldal nem létezik. A Google idővel abbahagyja az URL használatát. Valódi 404-et adj vissza, ne 200-as választ „nem található” szöveggel.
• 429 és 5xx: a Google crawlerei lassítják a feltérképezést, az tartósan szerverhibát visszaadó URL-eket pedig idővel kiveszik az indexből.

Ellenőrizd, mit küld valójában a szervered egy HTTP-fejléc-ellenőrzővel, és tartsd az átirányítási láncokat egyetlen ugrásban: a SEO-átirányításokról szóló cikkünk a migrációs mintákat tárgyalja.

Mely címkéknek kell a HTML fejrészben lenniük?

Minden indexelhető oldalnak kell egy egyedi title és leírás, egy önmagára mutató kanonikus címke, és többnyelvű oldalaknál hreflang jelölések. Ezeket a szerver válaszában tartsd:

<title>Futócipők lúdtalpra | Példa</title>
<meta name="description" content="Tesztelt választások, méretek és árak.">
<link rel="canonical" href="https://example.com/running-shoes-flat-feet">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-pieds-plats">
<meta name="robots" content="index, follow">

A kanonikus címke arra az URL-re mutasson, amelyet rangsorolni szeretnél, a webhelyed protokoll-, host- és záró perjel-konvenciójával pontosan egyezve.

Hogyan kell felépíteni az URL-eket és a belső linkeket?

A keresőmotorok URL-eket indexelnek, ezért az URL-séma SEO-döntés. Használj kisbetűs, kötőjellel elválasztott, olvasható útvonalakat; válassz egy záró perjel-konvenciót, a másikat irányítsd át; és tartalomdarabonként csak egy URL legyen. A szűrők, rendezések és követőparaméterek tartalom nélkül szaporítják az URL-eket: a tiszta változatra mutató kanonikus címkével lásd el őket, és ne linkelj olyan paraméterkombinációkra, amelyeket nem akarsz feltérképezve látni.

A belső linkek egyszerre hordozzák a felfedezhetőséget és a fontosságot. A navigációt, a morzsamenüt és a kapcsolódó tartalmi blokkokat szerveroldalon rendereld, a lapozott listák minden oldalához adj sima linket, és kerüld a végtelen görgetést lapozott URL-ek nélkül. Az a termék vagy cikk, amely csak a webhelykereséssel vagy egy JavaScript-szűrővel érhető el, a crawler szemében árva oldal.

Hogyan illeszkedik a robots.txt és a sitemap?

A robots.txt a feltérképezést szabályozza, nem az indexelést: egy letiltott URL attól még megjelenhet a találatok között, hogy más oldalak linkelnek rá. Ahhoz, hogy egy oldal kikerüljön az indexből, engedd feltérképezni, és adj vissza noindexet. Az XML-sitemapot az útvonalaidból vagy az adatbázisodból generáld, csak a kanonikus, 200-as URL-eket sorold fel, a lastmod dátumot pedig csak akkor frissítsd, ha a tartalom valóban változott. A szabályokat minden kiadás előtt teszteld egy robots.txt-ellenőrzővel, és soha ne telepíts éles környezetbe olyan staging robots.txt-t, amelyben „Disallow: /” áll.

Hogyan hat a teljesítmény a rangsorolásra?

A Google a Core Web Vitals mutatókat az oldalélmény-jelek részeként használja. A web.dev szerint egy oldal akkor jó, ha ezeket a küszöböket teljesíti a valódi oldalbetöltések 75. percentilisénél, mobilon és asztali gépen:

Az INP 2024-ben a First Input Delay helyét vette át stabil Core Web Vitals mutatóként. Az ítélethez valós felhasználói adatokat használj (Search Console, Chrome UX Report), a hibakereséshez laboratóriumi eszközöket. A Core Web Vitals szószedeti szócikkünk felsorolja az eszközöket.

Hogyan adj hozzá strukturált adatokat?

Használj JSON-LD-t egy script elemben, szerveroldalon renderelve, amely leírja, ami az oldalon látszik:

<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Article",
 "headline": "Futócipők lúdtalpra",
 "datePublished": "2026-10-01",
 "author": {"@type": "Person", "name": "Jane Doe"}}
</script>

Az oldallal azonos adatokból generáld, hogy a kettő soha ne térjen el egymástól, validáld CI-ben, és kerüld a beillesztését tagkezelőn keresztül. Egy sémagenerátor kezdősablont ad a gyakori típusokhoz.

Hogyan tehetsz egy oldalt olvashatóvá az AI-asszisztensek számára?

Az AI-láthatóság a hozzáféréssel kezdődik. Döntsd el, mely AI-felhasználói ügynökök (GPTBot, OAI-SearchBot, ClaudeBot, PerplexityBot és mások) férhetnek hozzá, és írj egyértelmű szabályokat a robots.txt-be; a robots.txt AI-crawlerekhez című útmutatónk magyarázza a tanító és a kereső botok közti különbséget. Ezután gondoskodj róla, hogy a szöveg, az árak, a specifikációk és a GYIK a kezdeti HTML-ben legyenek, használj szemantikus címsorokat és táblázatokat szöveget tartalmazó képek helyett, és tartsd az oldalakat elég könnyűnek a gyors letöltéshez. Egy llms.txt fájl összefoglalhatja a kulcsoldalaidat az AI-eszközök számára, de egyetlen nagy asszisztens sem erősítette meg, hogy támaszkodna rá, ezért tekintsd opcionálisnak.

A Sorank a mi termékünk: egy autopilot SEO- és GEO-szoftver. A fejlesztők többnyire az integrációin keresztül találkoznak vele: WordPress, Shopify, Webflow vagy Wix felületre publikál cikkeket, bármely egyedi rendszerbe pedig webhookon keresztül, ahogy az telepítési oldalon le van írva. Az SEO-csevegés beszélgetésben válaszol a webhelyedre vonatkozó kérdésekre, az AI-említéskövetés pedig havonta ellenőrzi, hogy a ChatGPT, a Claude és a Gemini idézi-e a márkádat.

A lényeg röviden: szállíts teljes HTML-t, őszinte státuszkódokat és helyes fejléccímkéket a szerverről, majd mérd a teljesítményt valódi felhasználóknál. Ez kiszolgálja a Googlebotot és azokat az AI-crawlereket, amelyek nem futtatnak JavaScriptet. Hogy a jól felépített webhelyedet rangsorolható tartalommal töltsd meg, nézd meg a Sorank csomagjait, havi 49 dollártól, 3 napos ingyenes próbaidőszakkal.