OGP-tag-generator (automatisk output til og:title, og:image m.m.)

Indtast URL, titel, beskrivelse og billed-URL. Generér Open Graph- og Twitter Card-meta-tags samlet ét sted.

Klar til kopiering og indsætning Indbygget forhåndsvisning Vejledning om billeder og cache

Sådan bruges det

  1. Åbn værktøjet, og indtast canonical URL, titel og billed-URL.
  2. Tilføj eventuelt beskrivelse, sitenavn og Twitter-indstillinger.
  3. Kopiér de genererede meta-tags, og indsæt dem i sidens head.
  4. Kontrollér forhåndsvisningen og bemærkningerne, og justér derefter billedformat eller cachestrategi efter behov.

Hvad er OGP?

Open Graph Protocol (OGP) er metadata, som sociale platforme og chatapps bruger til at gengive linkforhåndsvisninger.

Ved at angive og:title, og:description, og:image og relaterede tags kan du påvirke, hvordan delte URL'er vises.

Ved at kombinere OGP med Twitter Card-tags kan du holde forhåndsvisningen mere ensartet på tværs af platforme.

Vejledning om billedstørrelser (for mere stabil gengivelse af forhåndsvisning)

Vejledning til Meta-platforme (reference)

  • Minimumsreference: 200×200.
  • Ofte stabilt: 1200×630 eller større, mindst 600×315.
  • Målaspektforhold omkring 1,91:1.
  • Vejledning for billedfilstørrelse omfatter 8 MB eller mindre.

Vejledning til X-kort (reference)

  • summary_large_image sigter generelt mod et forhold omkring 2:1.
  • Referenceområde: minimum 300×157, maksimum 4096×4096.
  • Vejledning for filstørrelse omfatter mindre end 5 MB.
  • Brug JPG/PNG/WEBP/GIF, hvor det understøttes.

Når opdateringer ikke vises (cache og genindlæsning)

  • Sociale crawlere kan cache hentede metadata. Brug debug-/inspektionsværktøjer på hver platform for at anmode om genindlæsning.
  • Hvis et udskiftet billede ikke vises, kan det hjælpe at ændre billedets URL (nyt filnavn eller querystreng).
  • Angivelse af og:image:width og og:image:height kan i nogle tilfælde forbedre stabiliteten i gengivelsen.

FAQ

Kan dette også generere Twitter Card-tags?

Ja. Det kan outputte twitter:card og relaterede tags samlet. En minimal tilstand er også tilgængelig.

Hvilken billedstørrelse skal jeg bruge?

Brug praktiske retningslinjer efter målplatformen. Meta-orienterede forhåndsvisninger bruger ofte omkring 1,91:1 (f.eks. 1200×630), mens X summary_large_image ofte bruger omkring 2:1 (f.eks. 1200×600).

Hvorfor afspejles ændringer ikke?

I de fleste tilfælde skyldes det cache. Genindlæs via platformsværktøjer, og overvej at ændre billedets URL efter udskiftning.