Kopiera & klistra in Med förhandsgranskning Bild-/cachetips ingår

OGP-tagg-generator (Automatiskt utdata og:title/og:image etc.)

Q: "Ska jag inkludera Twitter Card-taggar också?"

"Ja. twitter:card och relaterade taggar kan genereras tillsammans. X kan falla tillbaka på OG-taggar, så minimala inställningar fungerar fortfarande. (X Developer)"

Q: "Rekommenderad bildstorlek?"

"Som en guide föreslår Meta 1200×630 eller större (minst 600×315) och ett förhållande nära 1.91:1. X:s summary_large_image har ett annat förhållande och andra minimikrav. Välj målplattform."

Q: "Förhandsgranskningen uppdateras inte"

"Oftast beror det på cachen. Hämta på nytt via felsökare/inspektörer, och om du har ändrat bilden, använd en ny bild-URL."

Ange URL, titel, beskrivning och bild-URL. Generera Open Graph + Twitter Card meta-taggar tillsammans.

Hämtning körs direkt i din webbläsare (CORS-begränsningar gäller).

Indata

Genererade meta-taggar / Förhandsgranskning

1) Grundläggande info

Krävs

Titel (og:title) Krävs

Guide: 30–60 tecken 0

Beskrivning (og:description) Valfritt

Guide: 80–120 tecken 0

Bild-URL (og:image) Krävs

En miniatyrbild visas när bilden laddas.

Nuvarande förhållande -

Webbplatsnamn (og:site_name) Valfritt

Typ (og:type) Krävs

Välj webbplats eller artikel.

2) Twitter Card

Fällbar / På som standard

Inkludera Twitter Card-taggar

twitter:card

twitter:site (valfritt)

twitter:creator (valfritt)

Regler för autosynk

• Om twitter:title är tom, använd og:title.
• Om twitter:description är tom, använd og:description.
• Om twitter:image är tom, använd og:image.

3) Avancerat

Öppna endast om du behöver finjustera.

og:locale (valfritt)

og:image:alt / twitter:image:alt

Tillgänglighetstext. X tillåter upp till 420 tecken.

og:image:width

og:image:height

Att lägga till bredd/höjd kan hjälpa sökrobotar att rendera snabbare. (Facebook Developers)

Artikeltaggar (endast när og:type=article)

article:published_time

article:modified_time

Använd ISO 8601 vid behov.

Genererade meta-taggar

Förhandsgranskning

OG-förhandsgranskning

example.com

Förhandsvisningstitel

Beskrivningen kommer att visas här.

Många sociala medier/chattappar ser ut ungefär så här

X-kort förhandsgranskning sammanfattning

example.com

Förhandsvisningstitel

Beskrivningen kommer att visas här.

Växlar mellan sammanfattning och sammanfattning med stor bild

Anteckningar (valfritt)

Anteckningar visas här baserat på din indata.

Alternativ

Spara indata i URL:en Dela länken för att öppna igen med samma inställningar Ta bort mellanslag automatiskt Tar även bort mellanslag i full bredd Escapa dubbelcitat Håll meta-attribut säkra

Guide för bildstorlek (exempel)

Välj OG eller X för att se exempelstorlekar

OG-inriktad X-inriktad

Tips om förhållande -

Hur man använder / Exempel

Fyll i URL, titel, beskrivning och bild-URL.
Välj og:type och (valfritt) inställningar för Twitter Card.
Kopiera de genererade taggarna och klistra in i <head>.

Snabbt exempel

Ange URL + titel + bild, kopiera sedan det rekommenderade setet.

Anteckningar & tips

Vad är OGP?

OGP (Open Graph Protocol) låter sociala plattformar läsa din sidas titel, beskrivning och bild.

Genom att ställa in og:title/og:description/og:image kan du styra hur delade länkar ser ut.

Twitter Cards (X) använder liknande metadata och kan falla tillbaka på OG-taggar.

Vägledning för bildstorlek (för att stabilisera förhandsvisningar)

Meta (Facebook) vägledning

• Minst 200×200.
• För bättre visning, 1200×630 eller större; minst 600×315 refereras till. (Facebook Developers)
• Ett förhållande nära 1.91:1 hjälper till att undvika beskärning (ungefärligt, inte strikt).
• Vägledning för filstorlek inkluderar 8 MB eller mindre.

X (Twitter) card-vägledning

• summary_large_image stöder förhållandet 2:1; minst 300×157, max 4096×4096. (X Developer)
• Filstorlek under 5 MB och vanliga format (JPG/PNG/WEBP/GIF) refereras till.

När ändringar inte visas (cache & hämta på nytt)

• Sociala mediers sökrobotar cachar OG-data. Använd varje plattforms felsökare/inspektör för att hämta på nytt. (Facebook Developers)
• Om du bytte ut bilden men den inte uppdateras kan själva bild-URL:en vara cachad; ändra filnamnet eller lägg till en frågesträng.
• Att lägga till og:image:width/height kan förbättra renderingsstabiliteten. (Facebook Developers)

Verktyg för validering

Meta Sharing Debugger

Hämta på nytt och inspektera OG-taggar.

LinkedIn Post Inspector

Uppdatera LinkedIn:s cachade förhandsvisning.

X Card Validator

Kontrollera rendering av Twitter Card.

FAQ

Ska jag inkludera Twitter Card-taggar också?

Ja. twitter:card och relaterade taggar kan genereras tillsammans. X kan falla tillbaka på OG-taggar, så minimala inställningar fungerar fortfarande. (X Developer)

Rekommenderad bildstorlek?

Som en guide föreslår Meta 1200×630 eller större (minst 600×315) och ett förhållande nära 1.91:1. X:s summary_large_image har ett annat förhållande och andra minimikrav. Välj målplattform.

Förhandsgranskningen uppdateras inte

Oftast beror det på cachen. Hämta på nytt via felsökare/inspektörer, och om du har ändrat bilden, använd en ny bild-URL.