Meta Tag Generátor
HTML meta-tagek generálása SEO-hoz, Open Graphhoz és Twitter Cardshoz.
<title>My Amazing Website — Best Tools Online</title> <meta name="description" content="Free online tools for developers, designers, and everyone. Convert, calculate, and create with our fast browser-based utilities." /> <meta name="keywords" content="online tools, converter, calculator, free tools" /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://example.com" /> <!-- Open Graph --> <meta property="og:title" content="My Amazing Website — Best Tools Online" /> <meta property="og:description" content="Free online tools for developers, designers, and everyone. Convert, calculate, and create with our fast browser-based utilities." /> <meta property="og:url" content="https://example.com" /> <meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Amazing Website — Best Tools Online" /> <meta name="twitter:description" content="Free online tools for developers, designers, and everyone. Convert, calculate, and create with our fast browser-based utilities." />
Mi a meta tag generátor?
A meta tagek HTML-elemek, amelyeket a weboldal head szekciójában kell elhelyezni, és metaadatokat nyújtanak az oldalról a keresőmotoroknak és a közösségi médiának. Bár a látogatók számára láthatatlanok, a meta tagek befolyásolják, hogyan jelenik meg az oldal a keresési eredményekben, a közösségi megosztásokban és a böngésző lapjain. Ez az eszköz generálja egy weboldal alapvető meta tagjeit, biztosítva, hogy semmi se maradjon ki.
A legfontosabb meta tagek az SEO-hoz: a title tag (technikailag nem meta tag, de általában ide sorolják), a meta leírás, a kanonikus URL és a robot-direktívák. A közösségi megosztáshoz az Open Graph tagek és a Twitter Card tagek vezérlik az előnézet megjelenését. Más meta tagek, mint a viewport, a charset és a nyelv, segítik a böngészőket az oldal helyes megjelenítésében.
Alapvető meta tagek
- Title tag – a keresési eredményekben és a böngészőlap-fejlécben megjelenő oldalcím. Az SEO szempontjából legkritikusabb.
- Meta leírás – a keresési eredményekben megjelenő összefoglaló. Befolyásolja az átkattintási arányt.
- Kanonikus URL – megmondja a keresőmotoroknak, melyik URL az eredeti, ha duplikált oldalak léteznek.
- Viewport – a reszponzív tervezéshez szükséges: meta name viewport content width=device-width, initial-scale=1.
- Robots – az indexelés vezérlése: meta name robots content index, follow (vagy noindex, nofollow).
Az eszköz használata
Töltse ki az oldal címét, leírását, URL-jét és egyéb adatait. Az eszköz generálja az összes szükséges meta taget, beleértve az SEO-tageket, az Open Graph tageket, a Twitter Card tageket és a technikai tageket. Másolja a generált HTML-t, és illessze be az oldala head szekciójába. Az eszköz ellenőrzi a karakterhosszakat és figyelmeztet a hiányzó ajánlott tagekre.
Strukturált adatok és JSON-LD
A hagyományos meta tageken túl a strukturált adatok (JSON-LD formátumban) segítik a keresőmotorokat a tartalom kontextusának megértésében. A Schema.org jelölések rich snippet-eket eredményezhetnek a keresési eredményekben – csillagos értékelések, GYIK-accordion-ok, recept részletek, esemény dátumok és termékárak. Ez az eszköz alapvető JSON-LD-t is generálhat a meta tagek mellé.
Gyakran ismételt kérdések
Még mindig működnek a meta kulcsszavak az SEO-hoz?
Nem. A Google 2009-ben megerősítette, hogy teljesen figyelmen kívül hagyja a meta keywords taget. A Bing csak spamjelzésként használja (túl sok kulcsszó inkább árthat, mint segíthet). Egyetlen nagy keresőmotor sem használja a rangsoroláshoz. Ezt a taget nyugodtan kihagyhatja. Ehelyett összpontosítson a minőségi title tagekre, leírásokra és strukturált adatokra.
Hány meta taget kell egy oldalnak tartalmaznia?
Nincs korlát, de a minőséget helyezze a mennyiség elé. Az alapvető készlet: title, description, canonical, viewport, charset, robots és Open Graph tagek (title, description, image, url). Ez összesen kb. 10–15 taget jelent. Szükségtelen tagek hozzáadása nem segít és bonyolítja a HTML karbantartását.