Meta-taggar ligger i sidans <head> och talar om för sökmotorer och sociala plattformar hur sidan ska visas. Det här verktyget bygger hela uppsättningen på en gång: titeln och meta-beskrivningen som Google visar i sökresultat, canonical- och robots-direktiv samt Open Graph- och Twitter Card-taggarna som styr bild, titel och text när någon delar din länk. Det escapar varje värde du skriver in, så ett citattecken eller en vinkelparentes som smyger sig in i en titel kan aldrig förstöra koden, och fält du lämnar tomma hoppas över istället för att skapa en tom tagg.
Gratis meta tag-generator
Körs helt i din webbläsare - inget laddas upp, ingen registrering.
Sidans uppgifter
Genererade meta-taggar
Live-förhandsvisning
example.com
Din sidtitel visas här
Din meta-beskrivning visas här i sökresultatets utdrag och det sociala kortet.
förhandsvisning av og:image
example.com
Din sidtitel visas här
Din meta-beskrivning visas här i sökresultatets utdrag och det sociala kortet.
Vad är en meta tag-generator?
En meta tag-generator omvandlar din sidas titel, beskrivning och sociala uppgifter till exakt den HTML-kod som en sida behöver - SEO-titeln och beskrivningen samt Open Graph (og:) och Twitter Card-taggar. Fyll i fälten så skriver den live färdig, kopieringsklar kod med korrekt escaping. Allt körs i din webbläsare, så inget laddas upp någonstans.
Så använder du verktyget
- 1Ange sidans uppgifter. Skriv sidans titel och meta-beskrivning, lägg sedan till canonical-URL:en och, om du vill, en og:image och ett sidnamn.
- 2Ställ in de sociala alternativen. Välj og:type, välj storlek på Twitter-kortet och lägg till ditt Twitter-användarnamn. og:url använder canonical-URL:en som standard.
- 3Följ live-förhandsvisningen. Ett resultat i Google-stil och ett socialt kort uppdateras medan du skriver, så du kan se hur sidan kommer att se ut när den hittas eller delas.
- 4Kopiera meta-taggarna. HTML-koden genereras om live. Kopiera den och klistra in den i sidans head.
Vem passar det för
- SEO-specialister som skriver en ren titel och meta-beskrivning och kontrollerar dem mot Googles längdgränser.
- Webbutvecklare som behöver färdiga att klistra in Open Graph- och Twitter Card-taggar för en sidmall.
- Marknadsförare som ställer in bilden, titeln och beskrivningen som visas när en länk delas i sociala medier.
- Bloggare och butiksägare som lägger till korrekta meta-taggar utan ett plugin eller en CMS-inställning.
Vanliga frågor
Är meta tag-generatorn gratis?
Ja - den är helt gratis, utan konto och utan begränsningar. Den körs helt i din webbläsare.
Laddas mina uppgifter upp någonstans?
Nej. Titeln, beskrivningen och webbadresserna du anger omvandlas till HTML-meta-taggar lokalt i din webbläsare och skickas aldrig till en server.
Vilka meta-taggar skapar den?
Den bygger title-taggen, meta-beskrivningen, canonical-länken, robots-direktivet, Open Graph-uppsättningen (og:type, og:title, og:description, og:url, og:image, og:site_name) och Twitter Card-taggarna (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site).
Hur långa bör titeln och beskrivningen vara?
Sikta på en titel under cirka 60 tecken och en meta-beskrivning på ungefär 50 till 160 tecken. Verktyget flaggar allt som är längre, eftersom Google förkortar titlar och beskrivningar som överskrider dessa gränser i sökresultaten.
Vad är skillnaden mellan og:image och twitter:image?
og:image är bilden som visas när din länk delas på Facebook, LinkedIn och de flesta plattformar; twitter:image är motsvarigheten för X/Twitter-kort. Det här verktyget använder samma bild-URL för båda, vilket är den vanliga lösningen - en enda bild på 1200x630 fungerar överallt.
Var klistrar jag in de genererade meta-taggarna?
Placera dem inuti <head>-elementet i sidans HTML, tillsammans med eventuella befintliga meta-taggar. Sedan kan du validera de sociala taggarna med Facebooks Sharing Debugger eller Twitter Card Validator.