Slik bruker du det
- Skriv inn adressen til en side, som
example.com/blog/launch, og trykk Sjekk. Har du ingen side for hånden? Prøv et av eksemplene. - Se kortet hver app lager for den: X, Facebook, LinkedIn, Slack, Discord, WhatsApp og iMessage. En grønn prikk betyr at kortet ser riktig ut; en gul eller rød sier under kortet hva som er galt.
- Åpne Vis rettelser og tagger for å se hver sjekket tagg én etter én. Manglende tagger er klare til å limes inn i
<head>: kopier dem, fyll inn verdiene, publiser endringen og sjekk på nytt.
Adressen til sjekken står i nettleserens adresselinje, så du kan sende den til den som har ansvar for siden.
Slik fungerer lenkeforhåndsvisninger
Når du limer inn en lenke i et innlegg eller en chat, henter appens robot siden én gang og leser taggene i <head>. Den kjører ikke JavaScript, logger ikke inn og godtar ikke informasjonskapselbannere, så tagger et skript legger til etter at siden er lastet, er usynlige for den. Sjekkeren henter siden på samme måte: én forespørsel, ingen JavaScript, og videresendinger fulgt slik en robot følger dem.
Hver app leser de samme få taggene, med sine egne reserveløsninger:
- Open Graph (
og:title,og:description,og:image,og:url,og:site_name) er det Facebook, LinkedIn, Slack, Discord, WhatsApp og iMessage leser. - X leser først
twitter:card,twitter:title,twitter:descriptionogtwitter:image, og faller tilbake på Open Graph-taggene. Utentwitter:cardviser den et lite sammendragskort, selv når det finnes et bilde. - Når
og:titlemangler, bruker de fleste apper<title>. Nårog:descriptionmangler, bruker noen metabeskrivelsen og noen viser ingen tekst i det hele tatt. - Discord farger siden av kortet sitt med
theme-color.
Forhåndsvisningene her følger de reglene. Hver app endrer også designet sitt fra tid til annen, så se på dem som nær, ikke nøyaktige.
Forhåndsvisningsbildet
Ett bilde fungerer overalt: 1200 × 630 piksler (1,91:1), PNG eller JPEG, på en full https://-adresse.
- Under 600 piksler bredt viser Facebook og LinkedIn et lite miniatyrbilde i stedet for et stort kort. Under 200 × 200 viser Facebook ikke noe bilde.
- X tar bilder opptil 5 MB og Facebook opptil 8 MB. WhatsApp utelater ofte bilder over omtrent 600 KB, så en godt komprimert JPEG er det trygge valget.
- SVG støttes ikke av noen av de store appene.
- En relativ adresse som
/og.pngfungerer ikke for alle roboter. Skriv full URL. - Kvadratiske utsnitt er vanlige (WhatsApp, iMessage på små lenker), så hold den viktige delen av bildet nær midten.
Sjekkeren henter også bildet, måler det fra filhodet og viser det i forhåndsvisningene.
Hvorfor en forhåndsvisning fortsatt ser gammel ut
Apper mellomlagrer det de har hentet, fra minutter til omtrent en uke. Etter at du har rettet taggene, viser sjekkeren den nye versjonen med en gang, men en lenke som allerede er delt, beholder den gamle forhåndsvisningen til appen henter den på nytt. Facebooks Sharing Debugger og LinkedIns Post Inspector henter en side på nytt når du ber om det. I Slack får en lenke som postes igjen etter en stund, en ny forhåndsvisning. Legger du til en spørrestreng, som ?v=2, behandler alle apper den som en ny lenke.
Ofte stilte spørsmål
Hvorfor har forhåndsvisningen min ikke noe bilde?
De vanlige årsakene, i rekkefølge: det finnes ingen og:image-tagg, bildeadressen er relativ eller svarer med en feil, bildet er for lite eller for stort, eller taggen legges til av JavaScript etter at siden er lastet. Linjen under hvert kort nevner årsaken som gjelder.
Hvilke tagger trenger jeg minst?
og:title, og:description, og:image med et bilde på 1200 × 630, og:url og twitter:card satt til summary_large_image. Metatag-generator skriver dem for deg.
Kan den sjekke sider som krever innlogging?
Nei. Roboter logger ikke inn, så en side bak en innlogging har ingen forhåndsvisning noe sted. Sjekkeren ser det de ser, og henter bare offentlige adresser: private og interne nettverk avvises.
Lagrer sjekkeren sidene den henter?
Nei. Den henter siden og bildene når du trykker Sjekk, og sender deg det den fant. Resultatet beholdes i to minutter, så en ny sjekk av samme adresse går umiddelbart, og forkastes så. Den leser opptil 2 MB HTML og 8 MB per bilde, og gir opp etter 8 sekunder.
Hvorfor sier den at siden min svarer 403 når den åpnes fint i nettleseren min?
Noen nettsteder og brannmurer blokkerer forespørsler som ikke kommer fra en nettleser, eller fra store roboter de kjenner. Får sjekkeren en 403, kan Facebook eller LinkedIn også få det: sjekk robotinnstillingene i brannmuren din.
Finnes det en grense?
Tjue sjekker i minuttet fra én adresse. Hvert nettsted hentes også maks 60 ganger i minuttet på tvers av alle som bruker sjekkeren, så den ikke kan brukes til å oversvømme et nettsted. Resultater beholdes i to minutter, så samme adresse sjekket kort tid etter kommer tilbake med en gang; trykker du Sjekk igjen på siden du ser på, hentes den alltid på nytt.