Om dette verktøyet
Open Graph (OG)-tagger styrer hvordan en side vises når den deles på sosiale plattformer. Facebook, LinkedIn, Slack, Discord og mange andre leser OG-tagger for å lage forhåndsvisningskort. Uten riktige OG-tagger ser delte lenker ødelagte ut – generiske favoritter, manglende bilder, avkuttede titler. Med dem ser aksjene polerte ut og klikkfrekvensen forbedres betraktelig.
Standard OG-taggene: og:title (tittelen vist i forhåndsvisningen), og:description (tekstbiten), og:image (forhåndsvisningsbildet, ideelt sett 1200×630), og:url (kanonisk URL), og:type (typisk 'nettsted' eller 'artikkel'). Twitter-kortetiketter laget på toppen: twitter:kort, twitter:tittel, twitter:beskrivelse, twitter:bilde. De fleste verktøy faller tilbake til OG når Twitter-spesifikke tagger er fraværende.
Denne generatoren produserer et komplett sett med OG- og Twitter-kort-tagger fra inndataene dine. Lim inn den resulterende HTML-en i sidens <head>. Resultatet er korrekt forhåndsvisning på tvers av alle store sosiale plattformer.
Hvorfor bruke en OG Tag Generator
Sider uten OG-tagger ser dårlige ut når de deles. Tomt bilde, generisk tittel, manglende beskrivelse – forhåndsvisningen konkurrerer dårlig mot riktig merkede sider i feeder. For innholdsmarkedsføring og koblingsdeling påvirker dette klikkfrekvensen direkte.
Håndskrivende OG-tagger er repeterende. Hver side trenger sitt eget sett. En generator som produserer riktige tagger fra noen få innganger unngår skrivefeil og tapte egenskaper som bryter sosiale forhåndsvisninger.
Tekniske detaljer
OG-tagger bruker meta-egenskapsattributtet (ikke navn): <meta property="og:title" content="..." />. Egenskapsattributtet er nødvendig for OG; noen parsere godtar navn som en reserve, men egenskapen er korrekt.
Bildekrav: 1200×630 piksler for retina-gjengivelse, 1,91:1 sideforhold. og:image:width og og:image:height-taggene hjelper plattformer med å bufre bilder på riktig måte. og:image:alt gir tilgjengelighetstekst.
Twitter-kortkoder bruker navneattributtet: <meta name="twitter:title" content="..." />. Twitter faller tilbake til OG-tagger når Twitter-spesifikke er fraværende, så godt satt OG er ofte nok. Å legge til twitter:card velger eksplisitt korttype (summary_large_image er mest vanlig).
Ofte stilte spørsmål
- Kan jeg tilpasse den genererte utgangen?
- Ja. Verktøyet gir ulike tilpasningsalternativer for å skreddersy resultatet til dine spesifikke behov. Juster innstillingene før generering, eller regenerer med forskjellige alternativer.
- Er det genererte innholdet gratis å bruke?
- Ja. Alt du genererer med dette verktøyet er ditt til å bruke til personlige, pedagogiske eller kommersielle formål uten noen restriksjoner eller krav til attribusjon.
- Krever dette en konto?
- Nei. Verktøyet er klart til bruk umiddelbart uten registrering, ingen e-post og ingen registrering. Bare åpne siden og begynn å generere.
- Holdes inndataene mine private?
- Ja. All behandling skjer i nettleseren din. Dine inndata og genererte utdata sendes aldri til noen ekstern server.
- Kan jeg bruke samme OG-bilde for hver side?
- Mulig, men suboptimalt. Sidespesifikke bilder utkonkurrerer generiske bilder for hele nettstedet for klikk-gjennom. Bruk en standard for reserve, men lag bilder per side for viktig innhold.
- Er det nødvendig med bildedimensjonserklæring?
- Nyttig, men ikke strengt nødvendig. og:image:width og og:image:height lar plattformer cache bilder uten å hente dem på nytt for å bestemme dimensjoner. Fremskynder påfølgende delinger.
- Er dataene mine lastet opp?
- Nei. Generering skjer i nettleseren din.
- Hvordan tester jeg OG-tagger?
- Facebook Sharing Debugger, Twitter Card Validator og LinkedIn Post Inspector henter og validerer hver. Bruk dem etter å ha implementert nye OG-tagger.