A meta tagek az oldal <head> részében találhatók, és megmondják a keresőmotoroknak és a közösségi platformoknak, hogyan jelenítsék meg az oldalt. Ez a generátor egyszerre állítja össze az egész készletet: a címet és a meta leírást, amelyet a Google megjelenít a találatokban, a canonical és robots utasításokat, valamint az Open Graph és Twitter Card tageket, amelyek meghatározzák a képet, a címet és a szöveget, amikor valaki megosztja a linkedet. Minden beírt értéket escapel, így egy elszabadult idézőjel vagy szögletes zárójel a címben soha nem törheti el a kódot, és minden üresen hagyott mezőt kihagy ahelyett, hogy üres taget generálna.
Ingyenes Meta Tag Generátor
Teljesen a böngésződben fut - feltöltés és regisztráció nélkül.
Oldal adatai
Generált meta tagek
Élő előnézet
example.com
Az oldalad címe itt jelenik meg
A meta leírásod itt jelenik meg a keresési részletben és a közösségi kártyán.
og:image előnézet
example.com
Az oldalad címe itt jelenik meg
A meta leírásod itt jelenik meg a keresési részletben és a közösségi kártyán.
Mi az a meta tag generátor?
A meta tag generátor az oldalad címét, leírását és közösségi médiás adatait pontosan azzá a HTML meta taggé alakítja, amire egy oldalnak szüksége van - a SEO cím és leírás, valamint az Open Graph (og:) és Twitter Card tagek. Töltsd ki a mezőket, és élőben megírja az escapelt, másolásra kész kódot. Minden a böngésződben fut, így semmi sem kerül feltöltésre.
Így működik
- 1Add meg az oldal adatait. Írd be az oldal címét és a meta leírást, majd add hozzá a canonical URL-t, és ha szeretnéd, egy og:image-et és az oldal nevét.
- 2Állítsd be a közösségi opciókat. Válaszd ki az og:type-ot, válassz Twitter card méretet, és add hozzá a Twitter felhasználóneved. Az og:url alapértelmezetten a canonical URL-t veszi fel.
- 3Kövesd nyomon az élő előnézetet. Egy Google-stílusú találat és egy közösségi kártya frissül, ahogy gépelsz, hogy lásd, hogyan fog kinézni az oldal, ha megtalálják vagy megosztják.
- 4Másold ki a meta tageket. A HTML kód élőben újragenerálódik. Másold ki, és illeszd be az oldalad head részébe.
Kinek hasznos
- SEO szakértők, akik letisztult címet és meta leírást írnak, és ellenőrzik a Google hosszkorlátaihoz képest.
- Webfejlesztők, akiknek másolásra kész Open Graph és Twitter Card tagekre van szükségük egy oldalsablonhoz.
- Marketingesek, akik beállítják a képet, a címet és a leírást, amelyek megjelennek, amikor egy linket megosztanak a közösségi médiában.
- Bloggerek és webáruház-tulajdonosok, akik plugin vagy CMS-beállítás nélkül adnak hozzá megfelelő meta tageket.
Gyakori kérdések
Ingyenes a meta tag generátor?
Igen - teljesen ingyenes, regisztráció és korlátozás nélkül. Teljes egészében a böngésződben fut.
Feltöltődnek valahova az adataim?
Nem. A megadott cím, leírás és URL-ek helyben, a böngésződben alakulnak át HTML meta tagekké, és soha nem kerülnek elküldésre egy szervernek.
Milyen meta tageket generál?
Elkészíti a title taget, a meta leírást, a canonical linket, a robots utasítást, az Open Graph készletet (og:type, og:title, og:description, og:url, og:image, og:site_name) és a Twitter Card tageket (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site).
Milyen hosszú legyen a cím és a leírás?
Törekedj egy körülbelül 60 karakternél rövidebb címre és egy nagyjából 50-160 karakteres meta leírásra. Az eszköz jelzi, ha ennél hosszabb, mivel a Google levágja a túl hosszú címeket és leírásokat a találatok között.
Mi a különbség az og:image és a twitter:image között?
Az og:image az a kép, amely megjelenik, amikor a linkedet megosztják a Facebookon, LinkedInen és a legtöbb platformon; a twitter:image ennek a megfelelője az X/Twitter kártyáknál. Ez az eszköz mindkettőhöz ugyanazt a kép URL-t használja, ami a szokásos beállítás - egyetlen 1200x630-as kép mindenhol jól működik.
Hova illesszem be a generált meta tageket?
Helyezd őket az oldalad HTML kódjának <head> eleme közé, a meglévő meta tagek mellé. Utána ellenőrizheted a közösségi tageket a Facebook Sharing Debuggerével vagy a Twitter Card Validatorral.