OG & Twitter Card Generator – Meta-tagg-bygger, revisor og forhåndsvisning
Bygg ferdige Open Graph- og Twitter Card-<meta>-tagger fra et skjema som kan limes rett inn, eller lim inn en eksisterende <head> for å revidere den for manglende tagger, tittel-/beskrivelseslengde og gyldigheten av twitter:card – forhåndsvis deretter begge i genuint omstilte lenkekortmodeller av Twitter/X, Facebook, LinkedIn og Discord.
🔒 Behandles i sin helhet i nettleseren din – ingenting du skriver inn her blir noen gang lastet opp.
Resultat
Open Graph- og Twitter Card-meta-tagger avgjør hvordan en lenke ser ut i det øyeblikket den limes inn i Slack, iMessage, en tweet eller en Discord-kanal – en tittel, beskrivelse og et bilde valgt av sidens egen <head>, ikke av hva plattformen tilfeldigvis skraper fra den synlige brødteksten. Dette verktøyet er både en bygger og en revisor, ikke en generisk malfyller. I BYGG-modus fyller du inn en tittel, beskrivelse, bilde-URL, kanonisk URL, innholdstype og Twitter-korttype, så komponerer det den nøyaktige blokken med <meta property="og:..."> og <meta name="twitter:...">-tagger klar til å limes inn i sidens <head>, og hopper over ethvert felt du lar stå tomt i stedet for å sende ut tomme tagger uten innhold.
I REVISJONS-modus limer du inn din eksisterende <head>-markup eller hele sidens HTML, så analyserer verktøyet den med nettleserens opprinnelige DOMParser for å trekke ut alle allerede tilstedeværende og: og twitter: meta-tagger, for deretter å kjøre kontrollene som faktisk betyr noe: de fire vanligvis påkrevde taggene (og:title, og:description, og:image, og:url) flagges hvis de mangler; og:title måles mot punktet på omtrent 60 tegn der noen plattformer begynner å trunkere den og punktet på omtrent 90 tegn der de fleste plattformer vil gjøre det; og:description måles mot det omtrentlige intervallet på 155 til 200 tegn de fleste plattformer tillater før de kapper den; twitter:card sjekkes mot de fire reelle verdiene Twitters Kortvalidator aksepterer – summary, summary_large_image, app, player – og flagges hvis det er noe annet; og dupliserte tagger (samme egenskap deklarert to ganger, en overraskende vanlig kopier-og-lim-feil) påpekes 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 bevisst aldri, i tråd med dette nettstedets policy om ingen eksterne forespørsler. Hvis HTML-en din allerede deklarerer og:image:width og og:image:height, sjekkes de deklarerte tallene opp mot den bredt anbefalte minimumsstørrelsen på 1200×630; hvis ikke, får du et klart veiledningsnotat i stedet for en fabrikkert bestått eller ikke-bestått. Begge moduser gjengir de samme fire lenkeforhåndsvisningsmodellene – Twitter/X (som veksler mellom sin kompakte "summary"-miniatyrlayout og fullbredde-"summary_large_image"-layout avhengig av twitter:card-verdien), Facebook, LinkedIn og Discord – hver av dem genuint omstilt for å matche den plattformens egne typografi- og layoutkonvensjoner i stedet for én boks med en annen logo, og hver av dem er tydelig merket som en illustrativ tilnærming for planleggingsformål, ettersom reelle plattformer endrer utseendet på forhåndsvisningen sin over tid, og dette verktøyet aldri henter eller skraper dem for å sjekke.