","err_audit_input_required":"Indsæt først HTML, der indeholder dine metatags.","mockups_heading":"Sådan ser det ud som et link-forhåndsvisning","mockups_disclaimer":"Disse fire kort er stilede tilnærmelser af hver platforms rigtige link-preview-chrome, bygget kun til planlægningsformål - de er ikke en live-hentning eller et skærmbillede af Twitter/X, Facebook, LinkedIn eller Discord, og platforme kan ændre deres egen preview-brugergrænseflade over tid.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Uenighed","mockup_image_alt":"Forhåndsvisning af link","mockup_no_image":"Intet billede angivet","mockup_no_image_short":"Intet billede","domain_default_fallback":"eksempel.com","audit_missing_title":"Mangler og:title — de fleste platforme viser en generisk eller tom titel uden den.","audit_missing_description":"Mangler og:beskrivelse — forhåndsvisningskortet viser ingen opsummeringstekst.","audit_missing_image":"Mangler og:image — de fleste platforme viser intet billede, eller falder tilbage til det første billede, der findes på siden.","audit_missing_url":"Manglende og:url — uden det, kan andele af alternative URL'er (med sporingsparametre, AMP-versioner osv.) muligvis ikke konsolideres til den kanoniske side.","audit_title_too_long":"og:title er {length} tegn — over ~{max}-tegnspunktet, hvor de fleste platforme vil afkorte det.","audit_title_long":"og:title er {length} tegn — over ~{max}-tegnspunktet, hvor nogle platforme begynder at afkorte den, selvom den muligvis stadig vises helt andre steder.","audit_title_ok":"og:title er {length} tegn — inden for det sikre område for de fleste platforme.","audit_description_too_long":"og:description er {length} tegn — over ~{max}-tegnspunktet, hvor de fleste platforme vil afskære det.","audit_description_long":"og:description er {length} tegn — over ~{max}-tegnspunktet, hvor nogle platforme begynder at afkorte det.","audit_description_ok":"og:description er {length} tegn — inden for det sikre område for de fleste platforme.","audit_url_not_absolute":"og:url-værdien \"{value}\" er ikke en absolut http(s) URL – den skal være sidens fulde kanoniske URL.","audit_image_not_absolute":"og:image værdi \"{value}\" er ikke en absolut http(s) URL – de fleste platforme kræver en fuldt kvalificeret billedwebadresse.","audit_image_dims_small":"Deklareret og:image:bredde/højde er {w}×{h} — under det almindeligt anbefalede minimum på 1200×630 for forhåndsvisning af link.","audit_image_dims_ok":"Deklareret og:image:bredde/højde er {w}×{h} — opfylder det almindeligt anbefalede minimum på 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height er til stede, men ikke gyldige tal.","audit_image_dims_unknown":"No og:image:width/og:image:height erklæret — faktiske pixeldimensioner kan ikke verificeres uden at hente billedet, hvilket dette værktøj aldrig gør af hensyn til privatlivets fred. Anbefalet minimum: 1200×630.","audit_twitter_card_missing":"Intet twitter:card tag — Twitter/X vil generelt falde tilbage til de tilsvarende og: tags, men et eksplicit twitter:card er mere pålideligt.","audit_twitter_card_invalid":"twitter:kort-værdien \"{value}\" er ikke en af de fire værdier, som Twitters kortvalidator accepterer: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card er \"{value}\", en gyldig værdi.","audit_large_image_needs_image":"twitter:card er summary_large_image, men intet og:image eller twitter:image blev fundet — denne korttype skal have et billede for at blive gengivet korrekt.","audit_twitter_title_fallback":"Ingen twitter:title indstillet — Twitter/X vil falde tilbage til og:title.","audit_twitter_description_fallback":"Ingen twitter:description set — Twitter/X vil falde tilbage til og:description.","audit_twitter_image_fallback":"Ingen twitter:image indstillet — Twitter/X vil falde tilbage til og:image.","audit_duplicate_tag_item":"\"{tag}\" erklæres {count} gange - kun den sidste parsing af de fleste platforme træder faktisk i kraft."};
⭐ 0
🔍
Tekst Billede PDF & Docs Lyd Musik Elektronik Tid Hjælpeprogrammer Validatorer Esoterisk Spil

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

Byg klar til at indsætte Open Graph- og Twitter Card <meta>-tags fra en formular, eller indsæt et eksisterende <head> for at kontrollere det for manglende tags, titel/beskrivelseslængde og twitter:card-gyldighed – og se derefter en forhåndsvisning af begge i ægte genskabte Twitter/X-, Facebook-, LinkedIn- og Discord-linkkortmodeller.

Buy Me a Coffee at ko-fi.com
Behandler... 0%
Læse input
Opbygning/revision af tags
Gengivelse af forhåndsvisninger
Færdig

Resultat

Open Graph og Twitter Card-metatags bestemmer, hvordan et link ser ud i det øjeblik, det indsættes i Slack, iMessage, et tweet eller en Discord-kanal - en titel, beskrivelse og billede valgt af sidens eget <head>, ikke af hvad platformen tilfældigvis skraber fra den synlige brødtekst. Dette værktøj er både en builder og en auditor, ikke en generisk skabelonfylder. I BYG-tilstand skal du udfylde en titel, beskrivelse, billed-URL, kanonisk URL, indholdstype og Twitter-korttype, og den komponerer den nøjagtige <meta property="og:..."> og <meta name="twitter:..."> tagblok klar til at indsætte i din sides <head>, og springer ethvert felt over, du lader være tomt, i stedet for at udsende hule tags med tomt indhold.

I AUDIT-tilstand, indsæt din eksisterende <head>-markup eller en hel sides HTML, og værktøjet parser det med browserens native DOMParser for at udtrække hver og: og twitter: meta-tag, der allerede er til stede, og kører derefter de kontroller, der faktisk betyder noget: de fire almindeligt påkrævede tags (og:title, og:description, og:image, og:url) er markeret, hvis de mangler); og:title måles i forhold til det cirka 60-tegns punkt, hvor nogle platforme begynder at afkorte det, og det cirka 90-tegns punkt, hvor de fleste platforme vil; og:description måles i forhold til det omkring 155-til-200-karakterområde, som de fleste platforme tillader, før de skæres af; twitter:card kontrolleres mod de rigtige fire værdier, som Twitters kortvalidator accepterer — summary, summary_large_image, app, player — og markeres, hvis det er noget andet; og duplikerede tags (den samme egenskab erklæret to gange, en overraskende almindelig copy-paste fejl) kaldes ud ved navn.

Billeddimensioner får en ærlig behandling: Dette værktøj kan ikke bekræfte dit billedes faktiske pixelstørrelse uden at hente det, og det gør det bevidst aldrig, hvilket matcher dette websteds politik om ingen eksterne anmodninger. Hvis din HTML allerede erklærer og:image:width og og:image:height, kontrolleres disse erklærede tal mod det almindeligt anbefalede minimum 1200×630; hvis ikke, får du en klar vejledning i stedet for et opdigtet bestået eller bestået. Begge tilstande gengiver de samme fire link-preview-mockups – Twitter/X (skifter mellem dets kompakte "resumé"-miniaturelayout og "summary_large_image"-layout i fuld bredde afhængigt af twitter:card-værdien), Facebook, LinkedIn og Discord – hver virkelig re-stylet til at matche den platforms egen typografi og layout-boks-konventioner, i stedet for et tilnærmelsesvist logo, og hver enkelt illustration er et anderledes logo, og hver layoutboks er tydeligt anderledes. til planlægningsformål, da rigtige platforme omstiler deres preview-chrome over tid, og dette værktøj aldrig henter eller skraber dem for at tjekke.

🛡️
Udføres i browser

Dine filer og input forlader aldrig denne enhed. Behandlingen kører helt offline. 100 % sikker.

Accepterede formater og regler

  • BYG-tilstand sammensætter og:title, og:description, og:image, og:url, og:type, og:site_name og matchende twitter:card/twitter:site/twitter:title/description/image-tags, springer ethvert felt over, der er tomt, med en kopi af klar-til-indsætte-blokken med et enkelt klik.
  • AUDIT-tilstand udtrækker hvert og:/twitter: <meta> tag fra indsat HTML via browserens DOMParser, flag mangler nødvendige tags (og:title/description/image/url), duplikerede tags og ugyldige twitter:card værdier.
  • Længdevejledning bruger de reelle almindeligt citerede tærskler: og:title omkring 60 tegn, før nogle platforme begynder at afkorte den (op til ca. 90 på den mest tilladelige), og:beskrivelse omkring 155-200 tegn.
  • Gengiver Twitter/X-kortet i dets korrekte layout for den deklarerede korttype - et kompakt "resumé"-kort med et lille firkantet miniaturebillede eller "summary_large_image"-layoutet i fuld bredde - sammen med Facebook, LinkedIn og Discord forhåndsvisninger.

Vigtige fordele

✓ To rigtige værktøjer i ét: en BYG-tilstand, der genererer det nøjagtige og: og twitter: <meta>-tag HTML fra en formular, og en AUDIT-tilstand, der analyserer indsat HTML for at finde og klassificere dine eksisterende tags.
✓ Ægte validering, ikke en kosmetisk tjekliste: manglende påkrævede tags, og:title/og:description-længde kontrolleret i forhold til de faktiske grænser, platforme trunkerer ved, og twitter:card kontrolleres i forhold til de reelle fire tilladte værdier.
✓ Ærlig om, hvad der ikke kan verificeres offline: Billedpixeldimensioner er kun vejledende, medmindre din HTML allerede erklærer og:image:width/og:image:height, da dette værktøj aldrig henter dit billede - ved design, for privatlivets fred.
✓ Fire virkelig forskellige platformsmodeller (Twitter/X's resume vs summary_large_image layouts, Facebook, LinkedIn, Discord) bygget ud fra den samme titel/beskrivelse/billede, tydeligt mærket som illustrative.

Brug Cases

  • • Send et nyt blogindlæg med de rigtige sociale kort: udfyld titlen, beskrivelsen og et hostet forsidebillede, generer og:/twitter: tag-blokken, og indsæt det direkte i sidens <head>.
  • • Overvåg en eksisterende landingssides <head> efter en CMS-migrering for at fange et manglende og:image, en og:title, der er lang nok til at blive afkortet på nogle platforme, eller en resterende ugyldig twitter:card-værdi.
  • • Sammenlign, hvordan den samme titel og billede læses i Twitter/X's kompakte resumékort i forhold til dets summary_large_image-layout i fuld bredde, før du beslutter dig for, hvilken twitter:korttype der skal erklæres.