Du schickst einen Link per iMessage und erwartest eine Rich Preview mit Bild und Titel. Stattdessen nur eine nackte URL oder eine kaputte Karte mit falschem Thumbnail. iMessage baut Link-Vorschauen, indem Apples Crawler Open-Graph-Tags abruft. Scheitert der Abruf, gibt es keine Vorschau.
Kurzantwort
og:title, og:description und og:image im serverseitigen HTML mit absoluten HTTPS-URLs ausliefern. Applebot in robots.txt erlauben. 1200 × 630 JPG unter 5 MB nutzen. Bild-URL in Safari auf dem iPhone testen. iMessage cached pro Gerät - nach dem Fix Link in neuem Chat senden.
Wie iMessage Link-Vorschauen funktionieren
Beim Senden einer URL in Nachrichten auf iPhone, iPad oder Mac holen Apples Dienste die Seite für die Preview-Karte. Der Crawler (Applebot) liest Open-Graph-Meta-Tags:
<meta property="og:title" content="Dein Titel"><meta property="og:description" content="Kurze Beschreibung."><meta property="og:image" content="https://beispiel.de/og.jpg"><meta property="og:url" content="https://beispiel.de/seite">Die Vorschau erscheint über oder unter der Link-Blase mit Titel, Domain und Thumbnail.
Applebot führt kein JavaScript aus. Tags müssen im Raw-HTML stehen.
Kaputte vs. keine Vorschau
| Symptom | Wahrscheinliche Ursache |
|---|---|
| Nur URL, keine Karte | Crawler blockiert, Timeout oder keine OG-Tags |
| Falsches Bild | og:image fehlt, Fallback auf Seitenbild |
| Altes Bild nach Update | Geräte-Cache oder Apple-CDN |
| Preview auf Mac, nicht auf iPhone | Unterschiedlicher Cache pro Gerät |
| Titel OK, kein Thumbnail | Bild-URL kaputt, zu groß oder langsam |
Schritt 1: Open-Graph-Tags prüfen
- Seitenquelltext in Safari oder Chrome anzeigen.
og:title,og:description,og:imagebestätigen.og:imagein neuem Tab öffnen. Bild muss ohne Login laden.
Mit OpenGraph Check vor dem Versenden testen.
Schritt 2: Applebot in robots.txt erlauben
User-agent: Applebot
Allow: /
Optional für Apple-Search-Crawling:
User-agent: Applebot-Extended
Allow: /
Blockiert Applebot, baut iMessage keine Rich Previews. Prüfen, ob Disallow-Wildcards Applebot mit erwischen.
Schritt 3: Bild- und Performance-Anforderungen
| Eigenschaft | Empfehlung |
|---|---|
| Größe | 1200 × 630 px (Minimum 900 × 450 für akzeptable Qualität) |
| Format | JPG oder PNG |
| URL | Absolute HTTPS |
| Dateigröße | Unter 5 MB (unter 500 KB lädt schneller auf Mobile) |
| Antwortzeit | Unter 2 Sekunden |
Große Bilder auf langsamen Servern lassen iMessage das Thumbnail weg und zeigen nur Text.
Schritt 4: Auf echtem Gerät testen
Simulatoren und Desktop-Browser replizieren iMessage-Unfurling nicht vollständig.
- Tags auf Production-URL fixen.
- Link in neuer iMessage-Unterhaltung senden (nicht alter Thread).
- 5-10 Sekunden auf Preview-Generierung warten.
- Bei alten Daten:
https://deineseite.de/seite?i=1probieren.
iMessage cached lokal. Alte Chats behalten die vorherige Karte trotz Server-Fix.
Typische Ursachen kaputter iMessage-Vorschauen
Nur client-seitig gerenderte Meta-Tags
React, Next.js Client Components und SPAs setzen Tags nach dem Load. Applebot sieht leeren <head>. SSR, SSG oder generateMetadata nutzen.
Redirect-Ketten und HTTP
Apple bevorzugt HTTPS. Lange Ketten (http → www → Slash) erhöhen Fehlerrate. Eine kanonische URL in og:url.
SSL-Probleme
Self-Signed, abgelaufene Zertifikate oder Mixed-Content-Bilder brechen den Abruf still.
Login-Walls und Paywalls
Liefert Applebot eine Login-Seite statt Inhalt, entsteht keine Preview. Marketing-Seiten brauchen öffentliche OG-Tags.
og:image zeigt auf WebP oder SVG
JPG und PNG sind am sichersten. WebP-Support variiert. SVG für Social-Previews vermeiden.
CDN-Bot-Schutz
Cloudflare und ähnliche Dienste können Applebot challengen. Whitelist oder Bot-Schutz auf öffentlichen Seiten reduzieren.
iMessage vs. andere Plattformen
| Plattform | Crawler | Gemeinsamer Cache? |
|---|---|---|
| iMessage | Applebot | Nein |
| facebookexternalhit | Ja (Meta) | |
| Slack | Slackbot | Nein |
| LinkedInBot | Nein |
Facebook- oder WhatsApp-Fixes helfen iMessage nicht. Applebot-Zugriff separat prüfen.
WhatsApp-spezifisch (oft mit iMessage verwechselt): WhatsApp zeigt falsche Link-Vorschau.
Rich Preview vs. Link-Formatierung
iMessage entfaltet nur erkennbare Web-URLs. Achte auf:
- URL mit
https:// - Keine extra Zeichen am Link in der Nachricht
- Öffentliche Domain (nicht
localhost)
FAQ
Nutzt iMessage Twitter-Card-Tags?
Nein. Applebot liest Open Graph. og:*-Properties setzen.
Warum unterschiedliche Preview auf meinem und dem iPhone eines Freundes?
Jedes Gerät cached unabhängig. Beide brauchen evtl. neuen Chat mit aktualisierter URL.
iMessage-Preview erzwingen?
Nachricht löschen, Server-Tags fixen, in neuem Chat mit Cache-Buster (?v=2) senden.
Funktioniert es mit privaten oder unlisted Seiten?
Applebot muss die Seite ohne Auth erreichen.
Link-Vorschauen in SMS (grüne Blasen)?
Standard-SMS hat keine Rich Previews. Das gilt für iMessage (blaue Blasen) und RCS wo unterstützt.
Gibt es ein Apple-Äquivalent zum Facebook Sharing Debugger?
Kein öffentliches Inspector-Tool. Link in iMessage senden, Quelltext und OpenGraph Check prüfen.
Fazit
Kaputte iMessage-Link-Vorschauen hängen an Open-Graph-Tags im Server-HTML und Applebot-Zugriff. Gültiges og:image auf HTTPS, Applebot erlauben, Bilder klein und schnell halten, in frischem Chat auf echtem Gerät testen. iMessage teilt nicht Metas Cache - Apple-spezifische Checks sind nötig, auch wenn Facebook schon funktioniert.
