Összefoglaló
Az ingyenes meta tag-generátor megírja azt a fejrészkódot, amelyre egy oldalnak szüksége van ahhoz, hogy jól nézzen ki a Google-ben és megosztáskor: a title-címkét, a meta leírást, a viewportot, a Facebook és a LinkedIn által olvasott Open Graph címkéket, valamint az X által olvasott Twitter Card címkéket. Írj be egy címet és egy leírást, kövesd a karakterszámlálókat és a három élő előnézetet, majd illeszd be a HTML-blokkot az oldalad fejrészébe.
Szeretnél többet megtudni? Kérdezd meg
A meta tag-generátor megkímél attól, hogy minden oldalhoz ugyanazt a tucatnyi sort kézzel írd meg, és attól a kis elírástól, amely elrontja őket. Ezek közül két sor alakítja az eredményedet a Google-ben. A Google szerint előfordulhat, hogy a meta leírást használja a találati részlethez, ha az jobban írja le az oldalt, mint maga a szöveg (Google Search Central, meta leírások). A többi sor azt határozza meg, mit látnak az emberek, amikor a linkedet beillesztik egy hírfolyamba, egy csevegésbe vagy egy e-mailbe.
Mit készít a meta tag-generátor?
Egy HTML-blokkot ad vissza, három részre bontva: alap címkékre, Open Graph címkékre és Twitter Card címkékre. Az opcionális mezők csak akkor adják hozzá a címkéjüket, ha kitöltöd őket, így a kód soha nem tartalmaz üres értékeket.
| Címke | Mit csinál | Fő olvasója | Mikor íródik |
|---|---|---|---|
| charset (UTF-8) | Meghatározza a karakterkódolást | Böngészők | Mindig |
| viewport | Megmondja a mobilböngészőknek, hogyan méretezzék az oldalt | Böngészők és a Google | Mindig |
| title | Megnevezi az oldalt a találatokban és a böngészőfülön | Google, Bing, böngészők | Mindig |
| meta description | Összefoglalja az oldalt a találati részlethez | Google, Bing | Mindig |
| content-language | Megadja az oldal nyelvét | Egyes eszközök és böngészők | Ha nyelvet választasz |
| og:type, og:title, og:description | Felépíti a linkelőnézetet | Facebook, LinkedIn, üzenetküldő alkalmazások | Mindig |
| og:url, og:image, og:site_name | Hozzáadja a címet, a képet és a márkádat | Ugyanezek a platformok | Ha ki van töltve |
| twitter:card, twitter:title, twitter:description, twitter:image | Felépíti a nagy képes kártyát | X | Mindig, a kép, ha ki van töltve |
A kártya típusa summary_large_image, vagyis az a formátum, amely az X-en széles képet mutat a cím felett.
Hogyan használd a meta tag-generátort?
Tölts ki két mezőt, ellenőrizz három előnézetet, és másold ki a kódot. Az egész folyamat oldalanként nagyjából egy percet vesz igénybe.
- Írd be az oldal címét. A számláló 50 és 60 karakter között zöldre vált; a mező 70-nél megáll.
- Írd meg a meta leírást. A számláló 150 és 160 karakter között zöldre vált, ez a legtöbb, amit a mező elfogad.
- Nyisd meg a „Kép, webhelynév és nyelv” részt, és add meg az oldal URL-jét, a megosztási kép URL-jét, a webhelyneved és a nyelvet (angol, francia, spanyol vagy német).
- Kattints a „Meta tagek generálása” gombra, és olvasd el a három előnézetet: Google, Facebook és LinkedIn, majd X.
- Másold ki a HTML-t, és illeszd be az oldal head elemébe, vagy másold minden értéket a tartalomkezelőd SEO-mezőibe.
A legtöbb tartalomkezelő rendszer már kiírja a charset és a viewport sorokat. Ebben az esetben csak a title, a leírás és a közösségi címkéket tartsd meg, hogy az oldal ne tartalmazzon duplikációkat.
Milyen hosszú legyen a title-címke és a meta leírás?
Célozd meg a 50–60 karaktert a címhez és a 150–160 karaktert a leíráshoz. A Google nem ad fix határt: azt írja, hogy a title elem hosszára nincs korlát, de a címként megjelenő link szükség szerint csonkolódik, általában az eszköz szélességéhez igazodva (Google Search Central, címlinkek). A leírásokról ugyanezt mondja. Az alábbi célértékek a legtöbb képernyőn a fontos szavakat a látható részen belül tartják.
| Elem | Cél az eszközben | Mezőkorlát | Google-előnézet az eszközben |
|---|---|---|---|
| Title-címke | 50–60 karakter | 70 karakter | 60 karakter felett az első 57-et mutatja, utána három pontot |
| Meta leírás | 150–160 karakter | 160 karakter | A 160-as határig teljes egészében látszik |
| og:title és twitter:title | Ugyanaz, mint a title | A title-ből másolva | A Facebook, LinkedIn és X előnézetén látszik |
A csonkolás képpontszélességtől függ, nem karakterszámtól: a széles betűkből (például M és W) álló cím hamarabb levágódik, mint az i és az l betűkből álló. A számlálókat tekintsd irányadónak, és a kulcsszót meg az előnyt minden sor első felébe tedd.
Mely meta tageket használja ténylegesen a Google?
Kevesebbet, mint ahányat a legtöbb sablon tartalmaz. A Google dokumentálja, mely meta tageket támogatja, és számos gyakori címkének nincs hatása a Keresésre (Google, a Google által támogatott meta tagek).
- Title és leírás: a címlinkhez és a találati részlethez használatos. A Google az esetek több mint 80%-ában használja a title elemet, és átírja, ha az hosszú, kulcsszavakkal túlzsúfolt vagy általános (Google Search Central blog, 2021).
- Viewport: támogatott, és a jelenléte jelzi a Google-nek, hogy az oldal mobilra készült.
- Meta kulcsszavak: a Google Keresés egyáltalán nem használja, ezért hagyja ki a generátor.
- Nyelvcímkék: a Google a nyelvet a látható tartalomból állapítja meg, és nem használja a kódszintű nyelvi információkat, például a lang attribútumokat (Google, több régióra és nyelvre kiterjedő webhelyek). A content-language sor más eszközöknek segít; az oldal nemzetközi változataihoz használj hreflang-et a hreflang-generátorral.
A fogalmakhoz lásd szómagyarázatunk meta tagek, a title-címke és a meta leírás szócikkeit.
Miért érdemes Open Graph és Twitter Card címkéket hozzáadni?
Mert enélkül minden platform találgat. Egy LinkedIn-en vagy üzenetküldő alkalmazásban megosztott link Open Graph címkék nélkül rossz képet mutathat, menüfeliratot címként, vagy egyáltalán nem jelenik meg előnézet. Az Open Graph protokoll minden oldalhoz négy kötelező tulajdonságot sorol fel: og:title, og:type, og:image és og:url (Az Open Graph protokoll).
A generátor mindig kiírja az og:title és az og:type címkét. Az og:url és az og:image címkét csak akkor adja hozzá, ha kitöltöd az opcionális mezőket, ezért töltsd ki mindkettőt, hogy megfelelj a négy kötelező tulajdonságnak. Használj abszolút képURL-t, https-sel kezdődőt, és fekvő tájolású képet, amely csonkítás után is jól olvasható. Ezután ellenőrizd az eredményt az Open Graph előnézeti eszközzel, amely megmutatja, hogyan néz ki a kártya az egyes hálózatokon.
Mely hibák elkerülésében segít a meta tag-generátor?
A legtöbb meta tag-probléma ismétlődő, és publikálás előtt könnyen észrevehető.
- Ugyanaz a cím minden oldalon. A Google minden oldalhoz egyedi szöveget kér, és figyelmeztet az olyan sablonos címekre, amelyek csak egyetlen szóban térnek el.
- Az első bekezdésből másolt leírás. Írj helyette rövid ajánlót: mire válaszol az oldal, kinek szól, és miért érdemes rákattintani.
- Idézőjelek, amelyek megtörik a kódot. A generátor escape-eli őket, így egy idézet a leírásodban nem zárja le az attribútumot.
- Megosztási kép relatív útvonalon. A közösségi platformoknak a kép teljes címére van szükségük.
- Címkék a törzsben. A meta tagek csak a head elemen belül működnek; ha lejjebb illeszted be őket, figyelmen kívül maradnak.
Mikor érdemes inkább kézzel írni a meta tageket?
A generátort egy oldalra vagy néhány oldalra használd. Nagy webhelyen a címkéknek a sablonjaidban a helyük: egy terméklap címe felépíthető a terméknévből, a kategóriából és a márkából, a leírás pedig valódi jellemzőkből, például árból vagy méretből. A Google dokumentációja nagy webhelyeknél programozott leírásgenerálást ajánl, feltéve, hogy minden leírás az adott oldalra jellemző marad. Egy élesebb leírás előbb az AI meta leírás-generátorral készíthető; címötletekhez az AI SEO-címgenerátor öt, a Google-ben jól elférő lehetőséget javasol.
Számítanak még a meta tagek az AI-keresésben?
Igen, bár másképp. A ChatGPT, a Perplexity és a Gemini nem úgy jeleníti meg a meta leírásodat, mint a Google, a title és a leírás mégis leírja az oldalt azoknak a feltérképező robotoknak, amelyek ezeket táplálják, és azoknak a találatoknak, amelyeket ezek az asszisztensek gyakran megkérdeznek. Egy világos title, amely egyezik a H1-gyel, és egy leírás, amely megadja a választ, mindkettőnek segít. Ahhoz, hogy lásd, hogyan olvassák az AI-asszisztensek az egész oldalt, futtasd az AI SEO-auditot.
Az egyetlen oldaltól az egész webhelyig
Minden oldalon egyedi, pontos meta tag kis munka, de tartósan hat a kattintásokra. Generáld le itt a kulcsfontosságú oldalaidhoz, majd hagyd, hogy a Sorank blogcikk-generátor minden új cikket már optimalizált title-címkével és meta leírással írjon meg, a kattintásaikat pedig a GEO és SEO irányítópulton kövesd. Nézd meg a Sorank-csomagokat, hogy autopilot módban publikálj.
