","err_audit_input_required":"Lim først inn HTML som inneholder metakodene dine.","mockups_heading":"Hvordan det ser ut som en forhåndsvisning av lenker","mockups_disclaimer":"Disse fire kortene er stiliserte tilnærminger av hver plattforms ekte link-forhåndsvisningskrom, bygget kun for planleggingsformål – de er ikke en direktehenting eller skjermdump av Twitter/X, Facebook, LinkedIn eller Discord, og plattformer kan endre stilen på sitt eget forhåndsvisningsgrensesnitt over tid.","mockup_twitter_heading":"Twitter / X","mockup_facebook_heading":"Facebook","mockup_linkedin_heading":"LinkedIn","mockup_discord_heading":"Uenighet","mockup_image_alt":"Link forhåndsvisningsbilde","mockup_no_image":"Ingen bilde oppgitt","mockup_no_image_short":"Ingen bilde","domain_default_fallback":"eksempel.com","audit_missing_title":"Mangler og:tittel — de fleste plattformer viser en generisk eller tom tittel uten.","audit_missing_description":"Mangler og:beskrivelse — forhåndsvisningskortet viser ingen oppsummeringstekst.","audit_missing_image":"Mangler og:image — de fleste plattformer viser ikke noe bilde, eller faller tilbake til det første bildet som ble funnet på siden.","audit_missing_url":"Mangler og:url – uten den kan det hende at andeler av alternative nettadresser (med sporingsparametere, AMP-versjoner osv.) ikke konsolideres til den kanoniske siden.","audit_title_too_long":"og:title er {length} tegn — over ~{max}-tegnpunktet der de fleste plattformer vil avkorte den.","audit_title_long":"og:title er {length} tegn — over ~{max}-tegnpunktet der noen plattformer begynner å avkorte den, selv om den fortsatt kan vises helt andre steder.","audit_title_ok":"og:title er {length} tegn – innenfor det sikre området for de fleste plattformer.","audit_description_too_long":"og:description er {length} tegn — over ~{max}-tegnpunktet der de fleste plattformer vil kutte det av.","audit_description_long":"og:description er {length} tegn — over ~{max}-tegnpunktet der noen plattformer begynner å avkorte det.","audit_description_ok":"og:description er {length} tegn – innenfor det sikre området for de fleste plattformer.","audit_url_not_absolute":"og:url-verdien «{value}» er ikke en absolutt http(e) URL – den skal være sidens fullstendige kanoniske URL.","audit_image_not_absolute":"og:bildeverdien «{value}» er ikke en absolutt http(e)-URL – de fleste plattformer krever en fullstendig kvalifisert bilde-URL.","audit_image_dims_small":"Deklarert og:image:bredde/høyde er {w}×{h} — under det allment anbefalte minimum 1200×630 for forhåndsvisning av koblinger.","audit_image_dims_ok":"Deklarert og:image:bredde/høyde er {w}×{h} – oppfyller det allment anbefalte minimumsnivået 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height er tilstede, men ikke gyldige tall.","audit_image_dims_unknown":"No og:image:width/og:image:height deklarert — faktiske pikseldimensjoner kan ikke verifiseres uten å hente bildet, noe dette verktøyet aldri gjør av hensyn til personvernet. Anbefalt minimum: 1200×630.","audit_twitter_card_missing":"Ingen twitter:card-tag — Twitter/X vil generelt falle tilbake til tilsvarende og:-tagger, men et eksplisitt twitter:card er mer pålitelig.","audit_twitter_card_invalid":"twitter:kortverdien «{value}» er ikke en av de fire verdiene Twitters kortvalidator godtar: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card er \"{value}\", en gyldig verdi.","audit_large_image_needs_image":"twitter:kort er summary_large_image, men ingen og:image eller twitter:image ble funnet — denne korttypen trenger et bilde for å gjengi riktig.","audit_twitter_title_fallback":"Ingen twitter:tittel satt — Twitter/X vil falle tilbake til og:title.","audit_twitter_description_fallback":"Ingen twitter:description set — Twitter/X vil falle tilbake til og:description.","audit_twitter_image_fallback":"Ingen twitter:image set — Twitter/X vil falle tilbake til og:image.","audit_duplicate_tag_item":"\"{tag}\" er deklarert {count} ganger – bare den siste parsingen av de fleste plattformer vil faktisk tre i kraft."};
⭐ 0
🔍
Tekst Bilde PDF og dokumenter Lyd Musikk Elektronikk Tid Verktøy Validatorer Esoterisk Spill

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

Bygg klar til å lime Open Graph og Twitter Card <meta>-tagger fra et skjema, eller lim inn et eksisterende <head> for å overvåke det for manglende tagger, tittel-/beskrivelseslengde og twitter:card-gyldighet – og forhåndsvise begge i ekte omstilte Twitter/X-, Facebook-, LinkedIn- og Discord-linkkortmodeller.

Buy Me a Coffee at ko-fi.com
Behandler... 0%
Leseinnspill
Bygging/revisjonsbrikker
Gjengivelse av forhåndsvisninger
Ferdig

Resultat

Open Graph og Twitter Card-metakoder bestemmer hvordan en lenke ser ut i det øyeblikket den limes inn i Slack, iMessage, en tweet eller en Discord-kanal – en tittel, beskrivelse og bilde valgt av sidens eget <head>, ikke av hva plattformen tilfeldigvis skraper fra den synlige brødteksten. Dette verktøyet er både en bygger og en revisor, ikke et generisk malutfyller. I BYGG-modus fyller du inn en tittel, beskrivelse, bilde-URL, kanonisk URL, innholdstype og Twitter-korttype, og den komponerer den eksakte <meta property="og:..."> og <meta name="twitter:..."> tagblokken klar til å limes inn i sidens <head>, og hopper over ethvert felt du lar være tomt i stedet for å sende ut hule tagger med tomt innhold.

I AUDIT-modus, lim inn din eksisterende <head>-markup eller en hel sides HTML og verktøyet analyserer den med nettleserens opprinnelige DOMParser for å trekke ut hver og: og twitter: metatag som allerede er tilstede, og kjører deretter sjekkene som faktisk betyr noe: de fire vanlig påkrevde kodene (og:title, og:description, og:image, og:url) er flagget hvis mangler; og:title måles mot punktet på omtrent 60 tegn der noen plattformer begynner å avkorte det, og punktet på omtrent 90 tegn der de fleste plattformer vil; og:description måles mot det omtrentlige 155-til-200-karakterområdet de fleste plattformer tillater før de kuttes av; twitter:card kontrolleres mot de fire virkelige verdiene Twitters kortvalidator godtar — summary, summary_large_image, app, player — og flagges hvis det er noe annet; og duplikatkoder (den samme egenskapen erklært to ganger, en overraskende vanlig copy-paste-feil) kalles opp ved navn.

Bildedimensjoner får en ærlig behandling: Dette verktøyet kan ikke bekrefte bildets faktiske pikselstørrelse uten å hente det, og det gjør det aldri med vilje, og samsvarer med dette nettstedets retningslinjer for ingen eksterne forespørsler. Hvis HTML-koden din allerede erklærer og:image:width og og:image:height, blir disse deklarerte tallene sjekket mot det allment anbefalte minimum 1200×630; hvis ikke, får du en tydelig veiledning i stedet for en oppdiktet bestått eller ikke bestått. Begge modusene gjengir de samme fire koblings-forhåndsvisningsmodellene – Twitter/X (bytter mellom dens kompakte «summary»-miniatyrbildelayout og «summary_large_image»-oppsett i full bredde, avhengig av twitter:card-verdien), Facebook, LinkedIn og Discord – hver virkelig re-stylet for å matche den plattformens egen typografi og layout-konvensjoner, i stedet for en illustrasjon av en etikett med tydelig illustrasjonskonvensjoner. for planleggingsformål, siden ekte plattformer omstiler forhåndsvisningskromen over tid og dette verktøyet aldri henter eller skraper dem for å sjekke.

🛡️
Utført i nettleser

Filene og inngangene dine forlater aldri denne enheten. Behandlingen kjører helt offline. 100 % sikker.

Godkjente formater og regler

  • BUILD-modus komponerer og:title, og:description, og:image, og:url, og:type, og:site_name og matchende twitter:card/twitter:site/twitter:title/description/image-tagger, hopper over ethvert felt som er tomt, med en ett-klikks kopi av klar-til-lim-blokken.
  • AUDIT-modus trekker ut hver og:/twitter: <meta>-tag fra innlimt HTML via nettleserens DOMParser, flagg som mangler nødvendige tagger (og:title/description/image/url), dupliserte tagger og ugyldige twitter:card-verdier.
  • Lengdeveiledning bruker de virkelige, ofte siterte tersklene: og:title rundt 60 tegn før noen plattformer begynner å avkorte den (opptil omtrent 90 på den mest tillatelige), og:beskrivelse rundt 155-200 tegn.
  • Gjengir Twitter/X-kortet i riktig layout for den deklarerte korttypen – et kompakt «sammendrag»-kort med et lite firkantet miniatyrbilde, eller «summary_large_image»-oppsettet i full bredde – sammen med forhåndsvisninger av Facebook, LinkedIn og Discord.

Viktige fordeler

✓ To virkelige verktøy i ett: en BUILD-modus som genererer den nøyaktige og: og twitter: <meta>-taggen HTML fra et skjema, og en AUDIT-modus som analyserer innlimt HTML for å finne og gradere dine eksisterende tagger.
✓ Reell validering, ikke en kosmetisk sjekkliste: mangler påkrevde tagger, og:title/og:description-lengde sjekket mot de faktiske grensene plattformene avkorter til, og twitter:card sjekket mot de faktiske fire tillatte verdiene.
✓ Ærlig om hva som ikke kan verifiseres offline: bildepikseldimensjoner er kun veiledende med mindre HTML-koden din allerede erklærer og:image:width/og:image:height, siden dette verktøyet aldri henter bildet ditt – etter design, for personvern.
✓ Fire genuint forskjellige plattformmodeller (Twitter/Xs sammendrag vs summary_large_image layouts, Facebook, LinkedIn, Discord) bygget fra samme tittel/beskrivelse/bilde, tydelig merket som illustrerende.

Brukssaker

  • • Send et nytt blogginnlegg med riktige sosiale kort: fyll inn tittelen, beskrivelsen og et hostet forsidebilde, generer og:/twitter: tag-blokken, og lim den rett inn i sidens <head>.
  • • Overvåk en eksisterende landingssides <head> etter en CMS-migrering for å fange et manglende og:image, en og:title som er lang nok til å bli avkortet på enkelte plattformer, eller en gjenværende ugyldig twitter:card-verdi.
  • • Sammenlign hvordan den samme tittelen og bildet leses i Twitter/Xs kompakte sammendragskort versus oppsettet summary_large_image i full bredde før du bestemmer deg for hvilken twitter:korttype du skal deklarere.