Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Hamta om och inspektera Open Graph-tolkning for Meta-plattformar.
OGP-taggenerator (automatisk utdata for og:title, og:image med mera)
Ange URL, titel, beskrivning och bild-URL. Generera Open Graph- och Twitter Card-meta-taggar pa ett stalle.
Redo att kopiera och klistra in
Inbyggd forhandsvisning
Vagledning for bild och cache
Sa anvander du den
- Oppna verktyget och ange canonical-URL, titel och bild-URL.
- Lagg till beskrivning, sajtnamn och Twitter-installningar vid behov.
- Kopiera de genererade meta-taggarna och klistra in dem i sidans head.
- Kontrollera forhandsvisning och notiser, och justera sedan bildforhallandet eller cachestrategin vid behov.
Vad ar OGP?
Open Graph Protocol (OGP) ar metadata som sociala plattformar och chattappar anvander for att rendera lankforhandsvisningar.
Genom att ange og:title, og:description, og:image och relaterade taggar kan du paverka hur delade URL:er visas.
Kombinerar du OGP med Twitter Card-taggar blir forhandsvisningen ofta mer konsekvent mellan plattformar.
Vagledning for bildstorlek (for stabilare forhandsvisning)
Vagledning for Meta-plattformar (referens)
- Minimireferens: 200×200.
- Ofta stabilt: 1200×630 eller storre, minst 600×315.
- Sikta pa ett bildforhallande runt 1.91:1.
- Vagledning for filstorlek inkluderar 8 MB eller mindre.
Vagledning for X-kort (referens)
- summary_large_image siktar generellt pa ett forhallande runt 2:1.
- Referensintervall: minst 300×157, hogst 4096×4096.
- Vagledning for filstorlek inkluderar mindre an 5 MB.
- Anvand JPG/PNG/WEBP/GIF dar det stods.
Nar uppdateringar inte syns (cache och ny hamtning)
- Sociala crawlers kan cachelagra metadata som har hamtats. Anvand varje plattforms debugger/inspector for att begara ny hamtning.
- Om en ersatt bild inte visas kan det hjalpa att andra bild-URL:en (filnamn eller query string).
- Att ange og:image:width och og:image:height kan i vissa fall ge stabilare rendering.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Uppdatera och inspektera URL-forhandsvisning pa LinkedIn.
X Card Validator
https://cards-dev.twitter.com/validatorValidera X-card-metadata och tvinga fram ny hamtning dar det ar mojligt.
Vanliga fragor
Kan detta generera Twitter Card-taggar ocksa?
Ja. Det kan skriva ut twitter:card och relaterade taggar tillsammans. Ett minimalt lage finns ocksa.
Vilken bildstorlek bor jag anvanda?
Anvand praktisk vagledning efter destination. Meta-inriktade forhandsvisningar anvander ofta runt 1.91:1 (till exempel 1200×630), medan X summary_large_image ofta anvander runt 2:1 (till exempel 1200×600).
Varfor syns inte andringar?
I de flesta fall handlar det om cache. Be om ny hamtning via plattformarnas verktyg och overvaga att byta bild-URL efter bildbyte.