Kolla din länkförhandsvisningSe kortet innan du lägger upp länken.
Klistra in en URL och få delningskortet så som Facebook, X, LinkedIn, WhatsApp, Discord, Slack, Telegram och iMessage var för sig ritar det, i ljust och mörkt, plus en lista över vad som saknas och taggarna du klistrar in för att fixa det.
URL:en hämtas av vår server, eftersom en webbläsare inte kan läsa en annan sajt åt dig. Den loggas aldrig, sparas aldrig och lämnas aldrig vidare till någon tredje part.
Klistra in en URL för att se dess delningskort
Du får kortet så som Facebook, X, LinkedIn, WhatsApp, Discord, Slack, Telegram och iMessage var för sig ritar det, plus en lista över vad som saknas.
Varför visar min länkförhandsvisning fel bild?
Nästan alltid en av fem saker, och den här Open Graph-kollen pekar ut vilken i stället för att be dig lägga till og:image som du redan har.
Det finns fler än en og:image
Temat lägger till en, ett plugin lägger till en till, och plattformarna tar i de allra flesta fall den första de möter i head. Bilden du räknade med ligger oftast längre ned. Taggtabellen ovan listar varje kandidat och markerar den som vinner.
Bilden är en relativ sökväg
og:image="/img/card.png" är ingen URL som en robot kan hämta. Den måste vara absolut, och den måste lösas ut från den slutliga adressen efter omdirigeringar, inte den du skrev. Om sajten skickar vidare till www kan en sökväg som funkar lokalt peka på ingenting i produktion.
Bilden är skyddad mot hotlinking
Den öppnas fint i din webbläsare eftersom du har en session och rätt referer. En robot har varken eller, får en 403, och kortet blir utan bild. Det här verktyget laddar bilden så som en främling skulle göra, så felet syns här i stället för efter att du postat.
Plattformen visar fortfarande sin cache
Du fixade taggen för en timme sedan och den gamla bilden ligger kvar. Varje plattform cachar förhandsvisningen för sig och vissa håller den i veckor. Ingenting du ändrar på din sida rensar den, du måste tvinga fram en ny hämtning med plattformens eget verktyg.
Sidan hade aldrig taggarna från början
Om sajten renderas i klienten finns taggarna i din inspektör men inte i den HTML som servern skickade. Ingen robot väntar på JavaScript. Det här är den vanligaste orsaken på moderna stackar och den som tar längst tid att tro på.
Vilka Open Graph-taggar behöver du egentligen?
Fyra bär hela kortet. Resten är finputs, och en förhandsvisning av metataggar som flaggar alla tjugo som lika akuta hjälper dig inte.
og:title och og:description
Rubriken och de två raderna under. Utan og:title faller plattformen tillbaka på <title>, som oftast är skriven för sökresultat och läser sig illa som kortrubrik. Utan beskrivning blir kortets brödtext helt enkelt tom.
og:image, absolut och minst 1200 px bred
Facebook dokumenterar 200x200 som golv och 1200x630 som rekommendation. LinkedIn dokumenterar 1200x627, och att bilder under 401 px bredd visas som liten miniatyr i stället för banner. En enda bild i 1200x630 räcker för alla plattformar på en gång.
twitter:card
Den enda tagg X verkligen behöver från dig. Sätt den till summary_large_image så bär dina Open Graph-taggar resten: X faller tillbaka på og:title, og:description och og:image när twitter:-motsvarigheterna saknas, så du behöver inte dubblera dem.
og:url, och de som bara städar
og:url hindrar att samma sida räknas som flera när den delas med olika spårningsparametrar. og:image:width och height låter plattformen bygga kortet innan bilden hunnit fram. og:type, og:site_name, og:locale och og:image:alt är finish.
Behöver jag Twitter-taggar om jag redan har Open Graph?
Oftast inte, och det är härifrån mycket dubblerad markup kommer. Två saker är värda att förstå innan du kopierar ett femtonradigt utdrag från en blogg.
X faller tillbaka på Open Graph av sig självt
Om twitter:title, twitter:description eller twitter:image saknas läser X og:title, og:description och og:image i stället. Den enda tagg du verkligen måste lägga till är alltså twitter:card, som avgör om den lilla fyrkantiga summary eller den stora bannern ritas. Att lägga till resten är bara meningsfullt när du vill att X ska säga något annat än överallt annars.
property= mot name=, och varför båda funkar
Open Graph-specifikationen lägger sina taggar på property=, och X kortspecifikation lägger sina på name=. I praktiken läser båda plattformarna båda, vilket är varför en kontroll som bara matchar en stavning rapporterar hälften av dina taggar som saknade. Den här tolkar båda och berättar vilken stavning du använt, som en notering och inte som ett fel.
Varför visar min förhandsvisning fortfarande den gamla bilden?
För att plattformen inte tittar på din sida. Den tittar på kopian den tog första gången någon delade länken, och den fortsätter med det tills något får den att titta igen.
Varje plattform cachar för sig
Att fixa taggen meddelar ingen. Facebook, LinkedIn och X håller var sin kopia, så en länk kan se rätt ut på ett ställe och gammal ut på två andra samtidigt.
Hämta om med de officiella verktygen
Facebook Sharing Debugger, X Card Validator och LinkedIn Post Inspector har var sin knapp som tvingar fram en färsk hämtning. Det är det enda pålitliga sättet att rensa den, och det sker direkt.
Meddelandeapparna cachar knappt
WhatsApp, Telegram, Discord och Slack hämtar oftast om vid varje nytt meddelande, så de är snabbaste sättet att bekräfta en fix utan att vänta på någon annan.
En ny URL är nödutgången
Om en plattform vägrar uppdatera går det att gå runt cachen helt genom att dela en URL den aldrig sett. Att lägga till en parameter räcker oftast.
Osäker på vart en kortlänk faktiskt leder? Nysta upp den med QR-kodsläsaren
Behöver du en ren länk att dela när taggarna är fixade? Gör en med den gratis länkförkortaren
Förhandsvisningen är den lätta halvan. Den andra är att veta vad klicket gav.
Ett bra kort tar hem klicket. Efter det säger en rå URL ingenting: inte var besöket kom ifrån, inte vilken plattform som faktiskt levererade, och den går inte att peka om när den väl ligger uppe. Det är den luckan LinkScale finns för.
Se vilken plattform som levererade
Klick per källa, land och enhet, så du vet om det var LinkedIn-inlägget eller nyhetsbrevet som gjorde jobbet.
Ändra vart den går, senare
Peka om en länk som redan ligger uppe, utan att be någon dela den igen.
Behåll kortet
En LinkScale-länk bär sina egna delningstaggar, så att förkorta den kostar dig inte förhandsvisningen du precis fixat.
Frågor om länkförhandsvisning
Har du fler frågor?
OnlineRiktiga människor, svarar oftast inom några minuter.
Det är gratis, utan konto och utan någon användningsgräns värd att nämna. URL:en hämtas av vår server, eftersom en webbläsare inte kan läsa en annan sajt åt dig, och det är det enda den endpointen gör: hämta sidan, plocka ut taggarna, skicka tillbaka dem. Den loggas inte, skrivs inte till någon databas och lämnas inte vidare till någon tredje part. Vill du hellre att ingenting alls lämnar din dator gör läget med inklistrad HTML hela analysen i din webbläsare.
Kom längre med LinkScale
Kortet är fixat. Ta reda på vad klicket var värt.
LinkScale visar var varje klick kom ifrån och låter dig ändra vart en länk går efter att den lagts upp.
Free 14-day trial on every plan