OG- & Twitter Card-generator — Metataggsbyggare, revisor & förhandsvisning
Bygg färdiga att klistra in <meta>-taggar för Open Graph och Twitter Card från ett formulär, eller klistra in en befintlig <head> för att granska den efter saknade taggar, titel-/beskrivningslängd och twitter:card-giltighet — förhandsgranska sedan båda i genuint omformaterade länkkortsattrapper för Twitter/X, Facebook, LinkedIn och Discord.
🔒 Bearbetas helt i din webbläsare – ingenting du anger här laddas någonsin upp.
Resultat
Open Graph- och Twitter Card-metataggar avgör hur en länk ser ut i samma ögonblick som den klistras in i Slack, iMessage, en tweet eller en Discord-kanal — en titel, beskrivning och bild som valts av sidans egen <head>, inte av vad plattformen råkar skrapa fram från den synliga brödtexten. Det här verktyget är både en byggare och en revisor, inte en generisk mallutfyllare. I BYGG-läget fyller du i en titel, beskrivning, bild-URL, kanonisk URL, innehållstyp och Twitter-korttyp, så sammanställer det det exakta taggblocket med <meta property="og:..."> och <meta name="twitter:..."> redo att klistras in i din sidas <head>, och hoppar över alla fält du lämnar tomma istället för att skapa ihåliga taggar med tomt innehåll.
I GRANSKA-läget klistrar du in din befintliga <head>-markup eller en hel sidas HTML så tolkar verktyget den med webbläsarens inbyggda DOMParser för att extrahera varje og:- och twitter:-metatagg som redan finns, och kör sedan de kontroller som faktiskt spelar roll: de fyra vanligaste obligatoriska taggarna (og:title, og:description, og:image, og:url) flaggas om de saknas; og:title mäts mot den ungefärliga 60-teckensgräns där vissa plattformar börjar trunkera den och den ungefärliga 90-teckensgräns där de flesta plattformar gör det; og:description mäts mot det ungefärliga intervallet 155–200 tecken som de flesta plattformar tillåter innan den kapas; twitter:card kontrolleras mot de verkliga fyra värden som Twitters kortvalidering accepterar — summary, summary_large_image, app, player — och flaggas om det är något annat; och dubblettaggar (samma egenskap deklarerad två gånger, ett förvånansvärt vanligt kopiera-och-klistra-fel) påpekas med namn.
Bilddimensioner får en ärlig behandling: det här verktyget kan inte verifiera din bilds faktiska pixelstorlek utan att hämta den, och det gör det medvetet aldrig, i linje med denna webbplats policy om inga externa anrop. Om din HTML redan deklarerar og:image:width och og:image:height kontrolleras dessa deklarerade siffror mot det brett rekommenderade minimimåttet 1200×630; om inte får du en tydlig vägledande notering istället för ett fabricerat godkänt eller underkänt. Båda lägen renderar samma fyra länkförhandsvisningsattrapper — Twitter/X (som växlar mellan sin kompakta miniatyrlayout "summary" och fullbreddslayouten "summary_large_image" beroende på twitter:card-värdet), Facebook, LinkedIn och Discord — var och en genuint omformad för att matcha den plattformens egna typografi- och layoutkonventioner snarare än en ruta med en annan logotyp, och var och en är tydligt märkt som en illustrativ approximation i planeringssyfte, eftersom verkliga plattformar omformar sitt förhandsvisningsgränssnitt över tid och detta verktyg aldrig hämtar eller skrapar dem för att kontrollera.