Ingyenes Metatag és Open Graph generátor
Generálj SEO metatageket, Open Graph és Twitter Card jelölőnyelvet élő Google és közösségi médiás megosztás előnézettel. Másold közvetlenül az oldal fejlécébe.
Ideális: 1200×630 px, 5 MB alatt, abszolút https:// hivatkozás.
Google-keresési előnézet
A szélességek becslések: a Google pixelek, nem karakterek szerint vág.
Közösségi kártya előnézete
Töltse ki legalább egy mezőt a fenti meta címkék létrehozásához.
Gyakori felhasználások
- Meta címkék a blogbejegyzésekhezHozzon létre címet, leírást és közösségi címkéket, hogy cikkei kiváló néző összhangot mutassanak.
- Meta címkék a termékek lapjaihozTegyük szépek a termék oldalait megosztásra, és könnyebben olvashatóak a keresési eredményekben.
- Meta címkék a céloldalakhozPontosan vezérelheti, hogyan jelenjen meg kampánycéloldala megosztáskor és kereséskor.
- Meta címkék generálása bármely webalkalmazáshozGyorsan hozza létre az új oldal vagy webhely teljes meta fejléc-komputációjánál.
- Javítsa az apró linkek előnézeteitNe hagyja, hogy linkjei puszta URL-ként jelenjenek meg — adjon hozzá címkéket, amelyek gazdag előnézeti kártyákat hoznak létre.
Hogyan működik
A teljes tag-összeállítás és a head-elemzés közvetlenül a böngésződben zajlik — nincs szerver érintve. Az eszköz a React useMemo hívását használja a HTML-karakterláncok reaktív felépítéséhez, valamint a böngésző natív DOMParser API-ját a meglévő oldal jelölésének beolvasásához az import/ellenőrzés funkcióhoz.
- 1Az űrlapadatok élő összeállítást vezérelnekGépelés közben egy useMemo hook azonnal újraépíti a teljes tag-blokkot — cím, meta leírás, Open Graph tulajdonságok és Twitter Card attribútumok — escape-elve a speciális karaktereket (&, <, >, "), hogy a kimenet biztonságosan illeszthető legyen közvetlenül HTML-be.
- 2URL-ellenőrzés a böngésző URL konstruktorávalMinden URL-mező (oldal URL, közösségi kép) ellenőrzése a böngésző beépített URL konstruktorával történik. Csak a jól formázott, ponttal tagolt gazdanévvel rendelkező http:// vagy https:// címek fogadhatók el; az érvénytelen értékek blokkolják a Másolás gombot, és inline hibaüzenetet jelenítenek meg.
- 3Importálás: a DOMParser beolvassa a meglévő head jelöléstHa meglévő <head> HTML-t illesztesz be ellenőrzésre, az eszköz azt a DOMParser inert módjában futtatja — nem futnak szkriptek, és nem történik hálózati kérés. Ezután lekérdezi az elemzett dokumentumot az ismert meta szelektorok szerint (og:title, twitter:description, canonical link stb.), és előtölti az űrlapmezőket a talált értékekkel.
- 4Élő Google- és közösségimédia-kártya előnézetAz eszköz valós időben megjeleníti egy stilizált Google keresési találat és egy Open Graph kártya előnézetét ugyanazon űrlapállapot alapján, így pontosan láthatod, hogyan lesz levágva a cím és a leírás, mielőtt lemásolnád a kimenetet.
Kapcsolódó eszközök
Közösségi Média Képméreti Átméretező
Képek átméretezése és vágása a pontos 2026-os méretekhez az Instagram, YouTube, TikTok, X, Facebook, LinkedIn és Pinterest számára — biztonsági zóna útmutatók és kötegelt ZIP. 100%-ban a böngészőjében, nincs feltöltés.
Audio címkeszerkesztő (ID3)
Szerkeszd az MP3 ID3 címkéit – cím, előadó, album, év, műfaj és borítókép – 100%-ban a böngésződben. Nincs feltöltés, és a hang nem kerül újrakódolásra. Ingyenes és privát.
Slug-generátor
Alakíts bármely címet vagy szöveget URL-barát slug formátumba. Tökéletes blogbejegyzésekhez, CMS-oldalakhoz és SEO-optimalizált URL-ekhez.