Om dette værktøj
Open Graph (OG)-tags styrer, hvordan en side vises, når den deles på sociale platforme. Facebook, LinkedIn, Slack, Discord og mange andre læser OG-tags for at konstruere forhåndsvisningskort. Uden ordentlige OG-tags ser delte links ødelagte ud - generiske favicons, manglende billeder, trunkerede titler. Med dem ser aktierne polerede ud, og klikraterne forbedres markant.
Standard OG-tags: og:title (titlen vist i forhåndsvisningen), og:description (tekststykket), og:image (eksempelbilledet, ideelt set 1200×630), og:url (kanonisk URL), og:type (typisk 'websted' eller 'artikel'). Twitter Card tags lag øverst: twitter:card, twitter:title, twitter:description, twitter:image. De fleste værktøjer falder tilbage til OG, når Twitter-specifikke tags er fraværende.
Denne generator producerer et komplet sæt OG- og Twitter-kort-tags fra dit input. Indsæt den resulterende HTML i sidens <head>. Resultatet er korrekt preview-gengivelse på tværs af alle større sociale platforme.
Hvorfor bruge en OG Tag Generator
Sider uden OG-tags ser dårlige ud, når de deles. Tomt billede, generisk titel, manglende beskrivelse – forhåndsvisningen konkurrerer dårligt med korrekt taggede sider i feeds. For indholdsmarkedsføring og linkdeling påvirker dette direkte klikraten.
Håndskrevne OG-tags er gentagne. Hver side har brug for sit eget sæt. En generator, der producerer korrekte tags fra nogle få input, undgår de tastefejl og manglende egenskaber, der bryder sociale forhåndsvisninger.
Tekniske detaljer
OG-tags bruger meta-egenskabsattributten (ikke navn): <meta property="og:title" content="..." />. Egenskabsattributten er påkrævet for OG; nogle parsere accepterer navn som en reserve, men egenskaben er korrekt.
Billedkrav: 1200×630 pixels til retina-gengivelse, 1,91:1 billedformat. og:image:width og og:image:height tags hjælper platforme med at cache billeder korrekt. og:image:alt giver tilgængelighedstekst.
Twitter-kortmærker bruger navneattribut: <meta name="twitter:title" content="..." />. Twitter falder tilbage til OG-tags, når Twitter-specifikke er fraværende, så velopstillet OG er ofte tilstrækkeligt. Tilføjelse af twitter:card vælger eksplicit korttype (summary_large_image er mest almindeligt).
Ofte stillede spørgsmål
- Kan jeg tilpasse det genererede output?
- Ja. Værktøjet giver forskellige tilpasningsmuligheder for at skræddersy outputtet til dine specifikke behov. Juster indstillinger før generering, eller genskab med forskellige muligheder.
- Er det genererede indhold gratis at bruge?
- Ja. Alt, hvad du genererer med dette værktøj, kan du bruge til personlige, uddannelsesmæssige eller kommercielle formål uden nogen begrænsninger eller tilskrivningskrav.
- Kræver dette en konto?
- Nej. Værktøjet er klar til brug med det samme uden tilmelding, ingen e-mail og ingen registrering. Du skal bare åbne siden og begynde at generere.
- Holdes mine inputdata private?
- Ja. Al behandling foregår i din browser. Dine inputdata og genererede output sendes aldrig til nogen ekstern server.
- Kan jeg bruge det samme OG-billede til hver side?
- Muligt, men suboptimalt. Sidespecifikke billeder udkonkurrerer generiske billeder på hele webstedet for klik. Brug en standard for fallback, men lav billeder pr. side til vigtigt indhold.
- Er billeddimensionsdeklaration nødvendig?
- Hjælpsom men ikke strengt påkrævet. og:image:width og og:image:height lader platforme cache billeder uden at genhente for at bestemme dimensioner. Fremskynder efterfølgende delinger.
- Er mine data uploadet?
- Nej. Generering sker i din browser.
- Hvordan tester jeg OG-tags?
- Facebook Sharing Debugger, Twitter Card Validator og LinkedIn Post Inspector henter og validerer hver især. Brug dem efter implementering af nye OG-tags.