Linkvoorvertoning in iMessage werkt niet of toont een grijze bubbel

Berichten haalt de pagina zelf op en voert geen JavaScript uit. Zonder og:image en een goed icoon krijg je de eenvoudige grijze bubbel met alleen een titel.

Laatst bijgewerkt

Controleer je URL

Voorbeeld vernieuwen

Favicon controleren

Snelle oplossing


  1. Controleer de pagina met de metatagchecker.

  2. Voeg een og:image van minimaal 900 px breed en een og:title zonder uw merknaam toe.

  3. Zorg voor een vierkant pictogram van minimaal 108 px, zoals een apple-touch-icon.

  4. Verstuur de link opnieuw met een querystring om het nieuwe voorbeeld te zien.


Waarom het iMessage-voorbeeld eenvoudig is of ontbreekt

  • Er is geen og:image. Berichten toont standaard een grijs tekstballonnetje met de titel, het domein en een klein icoon.

  • De tags worden toegevoegd door JavaScript. Linkvoorbeelden voeren geen JavaScript uit, dus metadata moet in de HTML staan.

  • De pagina gebruikt een meta refresh-omleiding. Berichten volgt geen meta-omleidingen. Omleidingen aan de serverzijde werken wel.

  • De pagina is te groot. De hoofdpagina is beperkt tot 1 MB, en iconen, afbeeldingen en video samen tot 10 MB.

  • Mobiel en desktop krijgen verschillende HTML. Apple vraagt om dezelfde metadata voor beide.

Hoe u dit oplost

  1. Lees de tags met de meta tag-checker.

  2. Voeg og:image toe met een afbeelding van minstens 900 px breed. Houd tekst erbuiten, omdat het op kleine formaten kan worden weergegeven.

  3. Voeg een vierkant pictogram toe van minimaal 108 px. Berichten gebruikt een apple-touch-icon, een favicon of een <link rel>-pictogram. Test het met de favicon-checker.

  4. Stel og:title in op de paginatitel zonder de websitenaam, en plaats het merk in og:site_name.

  5. Vervang elke meta refresh door een server-omleiding.

Tags die Berichten leest

  • og:title voor het bijschrift

  • og:image voor de afbeelding

  • og:site_name voor het merk

  • og:video of twitter:player:stream die verwijst naar een videobestand voor inline afspelen

  • Een pictogram van apple-touch-icon of de favicon

Regels voor afbeeldingsformaten

  • Afbeeldingen minstens 900 px breed

  • Afbeeldingen smaller dan 150 px kunnen worden genegeerd of worden getoond als een pictogram

  • Pictogrammen vierkant, minstens 108 px per zijde

  • Pagina-HTML tot 1 MB; alle afbeeldingen, pictogrammen en video samen tot 10 MB

Apple noemt dit richtlijnen en geeft aan dat limieten kunnen wijzigen.

Hoe u een vernieuwing forceert

Berichten heeft geen vernieuwingstool. Verstuur de URL met een query-tekenreeks, zoals ?v=2. Niet geverifieerd: Apple publiceert niet hoe lang een voorbeeld in de cache blijft. De vernieuwingstool dekt ook de andere apps.

Bronnen

Veelgestelde vragen

Waarom toont iMessage alleen een grijze linkbubbel?

De pagina heeft geen bruikbare og:image, dus Berichten valt terug op de titel, het domein en het pictogram. Voeg een afbeelding toe van minimaal 900 px breed.

Voert iMessage JavaScript uit om voorvertoningen te maken?

Nee. Apple geeft aan dat linkvoorbeelden geen JavaScript uitvoeren en geen meta-redirects volgen. De tags moeten in de HTML staan.

Welk pictogramformaat gebruikt iMessage?

Apple vraagt om een vierkant icoon van minimaal 108 px per zijde, zoals een apple-touch-icon.

Controleer je pagina en vernieuw vervolgens het voorbeeld

Plak je URL in de gratis checker om te zien welke tags elke app precies uitleest. Zodra de tags kloppen, gebruik je de vernieuwingstool om het oude voorbeeld te wissen.

Controleer je URL

Voorbeeld vernieuwen

Favicon controleren

Gerelateerde gidsen

WhatsApp-linkvoorbeeld werkt niet of wordt niet weergegeven

WhatsApp hanteert strikte limieten: de head moet binnen de eerste 300 KB van de HTML staan en de afbeelding moet kleiner zijn dan 600 KB. Als je er eentje mist, krijg je een kleine voorvertoning of helemaal niets.

Slack-linkvoorbeeld werkt niet of wordt niet bijgewerkt

Slack vouwt links uit met behulp van een bot die oEmbed-, Open Graph- en Twitter Card-tags leest. De resultaten worden binnen Slack ongeveer 30 minuten gecachet.

X (Twitter)-card wordt niet weergegeven of niet bijgewerkt

X genereert de kaart op basis van twitter:-tags, en valt terug op og:-tags. Er is geen validator meer die de cache ververst, dus de oplossing is goede tags plus een nieuwe URL.