","err_audit_input_required":"Klistra in HTML som innehåller dina metataggar först.","mockups_heading":"Hur det ser ut som en länkförhandsvisning","mockups_disclaimer":"Dessa fyra kort är utformade approximationer av varje plattforms verkliga länkförhandsgranskningskrom, byggda endast för planeringsändamål – de är inte en livehämtning eller skärmdump av Twitter/X, Facebook, LinkedIn eller Discord, och plattformar kan förändra sitt eget förhandsvisningsgränssnitt med tiden.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Oenighet","mockup_image_alt":"Länkförhandsgranskningsbild","mockup_no_image":"Ingen bild tillhandahålls","mockup_no_image_short":"Ingen bild","domain_default_fallback":"exempel.com","audit_missing_title":"Saknar og:title — de flesta plattformar visar en generisk eller tom titel utan den.","audit_missing_description":"Saknar og:beskrivning — förhandsgranskningskortet visar ingen sammanfattningstext.","audit_missing_image":"Saknar og:image — de flesta plattformar visar ingen bild, eller faller tillbaka till den första bilden som finns på sidan.","audit_missing_url":"Saknas og:url – utan den kan andelar av alternativa webbadresser (med spårningsparametrar, AMP-versioner, etc.) inte konsolideras till den kanoniska sidan.","audit_title_too_long":"og:title är {length} tecken — över ~{max}-teckenpunkten där de flesta plattformar trunkerar den.","audit_title_long":"og:title är {length} tecken — över ~{max}-teckenpunkten där vissa plattformar börjar trunkera den, även om den fortfarande kan visas helt någon annanstans.","audit_title_ok":"og:title är {length} tecken — inom det säkra intervallet för de flesta plattformar.","audit_description_too_long":"og:description är {length} tecken — över ~{max}-teckenpunkten där de flesta plattformar kommer att avbryta den.","audit_description_long":"og:description är {length} tecken — över ~{max}-teckenpunkten där vissa plattformar börjar trunkera den.","audit_description_ok":"og:description är {length} tecken — inom det säkra intervallet för de flesta plattformar.","audit_url_not_absolute":"og:url-värdet \"{value}\" är inte en absolut http(s)-URL – det bör vara sidans fullständiga kanoniska webbadress.","audit_image_not_absolute":"og:image värde \"{value}\" är inte en absolut http(s) URL – de flesta plattformar kräver en fullständigt kvalificerad bild-URL.","audit_image_dims_small":"Deklarerad og:image:bredd/höjd är {w}×{h} — under det allmänt rekommenderade minimum 1200×630 för länkförhandsvisningar.","audit_image_dims_ok":"Deklarerad og:image:bredd/höjd är {w}×{h} — uppfyller det allmänt rekommenderade minimum 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height finns men inte giltiga siffror.","audit_image_dims_unknown":"No og:image:width/og:image:height deklarerad — faktiska pixeldimensioner kan inte verifieras utan att hämta bilden, vilket det här verktyget aldrig gör, designmässigt, för integritetsskäl. Rekommenderat minimum: 1200×630.","audit_twitter_card_missing":"Ingen twitter:card-tagg — Twitter/X kommer i allmänhet att falla tillbaka till motsvarande og:-taggar, men ett explicit twitter:card är mer tillförlitligt.","audit_twitter_card_invalid":"twitter:kortvärdet \"{value}\" är inte ett av de fyra värdena som Twitters kortvalidator accepterar: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card är \"{value}\", ett giltigt värde.","audit_large_image_needs_image":"twitter:card är summary_large_image men ingen og:image eller twitter:image hittades — den här korttypen behöver en bild för att rendera korrekt.","audit_twitter_title_fallback":"Ingen twitter:titel inställd — Twitter/X kommer att falla tillbaka till og:title.","audit_twitter_description_fallback":"Ingen twitter:description set — Twitter/X kommer att falla tillbaka till og:description.","audit_twitter_image_fallback":"Ingen twitter:image inställd — Twitter/X kommer att falla tillbaka till og:image.","audit_duplicate_tag_item":"\"{tag}\" deklareras {count} gånger — bara den sista parsningen av de flesta plattformar kommer att träda i kraft."};
⭐ 0
🔍
Text Bild PDF och dokument Ljud Musik Elektronik Tid Verktyg Validatorer Esoterik Spel

OG & Twitter Card Generator — Meta Tag Builder, Auditor & Preview

Bygg färdiga att klistra Open Graph och Twitter Card <meta> taggar från ett formulär, eller klistra in ett befintligt <head> för att granska det för saknade taggar, titel/beskrivningslängd och twitter:card giltighet – förhandsgranska sedan båda i genuint omformaterade Twitter/X, Facebook, LinkedIn och Discord länkkort mockups.

Buy Me a Coffee at ko-fi.com
Bearbetar... 0%
Läsingång
Bygga/revidera taggar
Återgivning av förhandsvisningar
Klart

Resultat

Open Graph och Twitter Card-metataggar bestämmer hur en länk ser ut i det ögonblick den klistras in i Slack, iMessage, en tweet eller en Discord-kanal – en titel, beskrivning och bild som väljs av sidans eget <head>, inte av vad plattformen än råkar skrapa från den synliga brödtexten. Det här verktyget är både en byggare och en revisor, inte en generisk mallfyllare. I BUILD-läge fyller du i en titel, beskrivning, bild-URL, kanonisk URL, innehållstyp och Twitter-korttyp, och den sammanställer det exakta <meta property="og:...">- och <meta name="twitter:...">-taggblocket redo att klistras in i din sidas <head>, och hoppar över alla fält som du lämnar tomma istället för att avge ihåliga taggar med tomt innehåll.

I AUDIT-läge, klistra in din befintliga <head>-markering eller en hel sidas HTML och verktyget tolkar den med webbläsarens inbyggda DOMParser för att extrahera alla og: och twitter: metataggar som redan finns, och kör sedan kontrollerna som faktiskt spelar roll: de fyra vanligast nödvändiga taggarna (og:title, og:description, og:image, og:url) är flaggade om saknas; og:title mäts mot punkten på ungefär 60 tecken där vissa plattformar börjar trunkera den och den ungefär 90 tecken långa punkten där de flesta plattformar gör det; og:beskrivning mäts mot det ungefär 155-till-200-teckenintervall som de flesta plattformar tillåter innan de skärs av; twitter:card kontrolleras mot de verkliga fyra värdena som Twitters kortvalidator accepterar — summary, summary_large_image, app, player — och flaggas om det är något annat; och dubbletter av taggar (samma egenskap deklareras två gånger, en förvånansvärt vanlig copy-paste-bugg) ropas upp 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 aldrig medvetet, vilket matchar den här webbplatsens policy för inga externa begäranden. Om din HTML redan deklarerar og:image:width och og:image:height, kontrolleras de deklarerade siffrorna mot det allmänt rekommenderade minimum 1200×630; om inte får du en tydlig vägledning istället för ett påhittat godkänt eller underkänt. Båda lägena återger samma fyra länkförhandsgranskningsmodeller – Twitter/X (växling mellan dess kompakta "sammanfattning" miniatyrbildslayout och fullbreddslayout "summary_large_image" beroende på twitter:card-värdet), Facebook, LinkedIn och Discord – var och en genuint omstilad för att matcha den plattformens egen typografi och layoutruta, eftersom en etikett och layoutruta är tydligt en annan logotyp och tydligt illustrerade konventioner. för planeringsändamål, eftersom riktiga plattformar stilar om sin förhandsgranskning av krom över tid och det här verktyget aldrig hämtar eller skrapar dem för att kontrollera.

🛡️
Körs i webbläsare

Dina filer och indata lämnar aldrig den här enheten. Bearbetningen körs helt offline. 100 % säker.

Godkända format och regler

  • BUILD-läget består av og:title, og:description, og:image, og:url, og:type, og:site_name och matchande twitter:card/twitter:site/twitter:title/description/image-taggar, hoppar över alla fält som lämnas tomt, med en kopia med ett klick av blocket som är klart att klistra in.
  • AUDIT-läget extraherar varje og:/twitter: <meta>-tagg från inklistrad HTML via webbläsarens DOMParser, flaggor som saknar obligatoriska taggar (og:title/description/image/url), dubbletter av taggar och ogiltiga twitter:card-värden.
  • Längdvägledning använder de verkliga, ofta citerade tröskelvärdena: og:title cirka 60 tecken innan vissa plattformar börjar trunkera den (upp till cirka 90 på den mest tillåtande), og:description cirka 155-200 tecken.
  • Återger Twitter/X-kortet i dess korrekta layout för den deklarerade korttypen - ett kompakt "sammanfattning"-kort med en liten fyrkantig miniatyrbild, eller layouten "summary_large_image" i full bredd - tillsammans med Facebook, LinkedIn och Discord-förhandsvisningar.

Viktiga fördelar

✓ Två verkliga verktyg i ett: ett BUILD-läge som genererar den exakta og: och twitter: <meta>-taggen HTML från ett formulär, och ett AUDIT-läge som analyserar inklistrad HTML för att hitta och betygsätta dina befintliga taggar.
✓ Verklig validering, inte en kosmetisk checklista: nödvändiga taggar saknas, og:title/og:beskrivningslängden kontrolleras mot de faktiska gränserna som plattformarna trunkerar vid, och twitter:card kontrolleras mot dess verkliga fyra tillåtna värden.
✓ Ärlig om vad som inte kan verifieras offline: bildpixeldimensioner är endast vägledande såvida inte din HTML redan deklarerar og:image:width/og:image:height, eftersom det här verktyget aldrig hämtar din bild - genom design, för sekretess.
✓ Fyra genuint olika plattformsmockups (Twitter/X:s sammanfattning vs summary_large_image layouter, Facebook, LinkedIn, Discord) byggda från samma titel/beskrivning/bild, tydligt märkta som illustrativa.

Användningsfall

  • • Skicka ett nytt blogginlägg med ordentliga sociala kort: fyll i titeln, beskrivningen och en värd omslagsbild, generera og:/twitter:-taggblocket och klistra in det direkt i sidans <head>.
  • • Granska en befintlig målsidas <head> efter en CMS-migrering för att fånga en saknad og:image, en og:title som är tillräckligt lång för att trunkeras på vissa plattformar, eller ett kvarvarande ogiltigt twitter:card-värde.
  • • Jämför hur samma titel och bild läses i Twitter/X:s kompakta sammanfattningskort mot dess layout för summary_large_image i full bredd innan du bestämmer vilken typ av twitter:kort som ska deklareras.