Für Rich Links in iMessage
Sehen Sie die Rich-Link-Karte, die Apple Nachrichten aus Ihrem og:title und og:image baut.
Keine Kreditkarte nötig · Dauerhaft kostenloser Tarif
Die App Nachrichten von Apple macht aus URLs Rich Links: eine Karte mit dem Bild der Seite, ihrem Titel und der Domain der Website. Die Karte entsteht aus den üblichen Open-Graph-Tags, og:title für die Überschrift und og:image für das Bild. Dieselben Metadaten, die Slack oder Facebook nutzen, versorgen also auch iMessage.
Anders als die meisten Plattformen zeigt iMessage og:description nicht an. Die Karte besteht aus Titel, Bild und Hostname, og:title trägt also fast das ganze Gewicht. Stellen Sie die wichtigen Wörter an den Anfang und halten Sie den Titel so kurz, dass er in einer handybreiten Sprechblase nicht abgeschnitten wird.
Die Vorschau entsteht auf dem Gerät des Absenders, sobald der Link getippt oder eingefügt wird, und wird mit der Nachricht verschickt. Empfänger sehen also den Abruf des Absenders: Ein Link, der eingefügt wurde, als die Tags noch falsch waren, behält seine veraltete Karte. Der Abrufdienst von Apple liest serverseitig gerendertes HTML. Metadaten, die erst per JavaScript im Browser eingefügt werden, erscheinen nicht.
Die Bildgröße bestimmt das Layout. Ein großes og:image im Querformat (1200×630 funktioniert gut) erscheint als Karte über die volle Breite mit dem Titel darunter. Fehlt og:image oder ist es sehr klein, zeigt Nachrichten nur eine kompakte Zeile mit dem Icon der Website. Ein gutes apple-touch-icon und ein Favicon lohnen sich deshalb ebenfalls.
Apple hat keinen öffentlichen Debugger, und Vorschauen werden pro Gerät zwischengespeichert. Hängen Sie nach dem Korrigieren der Tags einen Wegwerf-Parameter an (zum Beispiel ?v=2) oder senden Sie den Link erneut, sobald die Änderung live ist, um die aktualisierte Karte zu sehen.
Sieht die Karte falsch aus, liegt es meist an den Tags der Seite oder an einer vorgeschalteten Weiterleitung. Open-Graph-Link-Vorschauen korrigieren geht die Tags durch, die jede Plattform liest. Der Redirect-Checker zeigt, ob ein Scraper über mehrere Schritte umgeleitet wird, bevor er Ihre Seite erreicht, und der Link-Vertrauenswert sagt Ihnen, ob das Ziel selbst als verdächtig markiert ist. Die Begriffe (og:image, canonical, unfurl) erklärt das Glossar. Der allgemein verständliche Link-Vorschau-Checker zeigt die fertige Karte für acht Plattformen auf einmal.
Prüfen Sie, ob og:title für sich allein gut lesbar ist, denn iMessage zeigt die Beschreibung nie.
Prüfen Sie, ob og:image groß genug für die Karte über die volle Breite ist, damit nicht nur die kleine Icon-Zeile erscheint.
Sorgen Sie dafür, dass Links zu Terminen, Bestellungen und zum Zurücksetzen von Passwörtern in Nachrichten eine vertrauenswürdige Karte zeigen.
Prüfen Sie die Karte, bevor ein Link per Nachricht die Runde macht, denn das Gerät jedes Absenders hängt seinen eigenen Abruf an.
Fertig eingestellte Varianten für bestimmte Plattformen und Anwendungsfälle.
Für LinkedIn-Beiträge
Sehen Sie, wie Ihre URL auf LinkedIn geteilt aussieht, bevor Sie posten.
Variante öffnenFür Slack-Unfurls
Prüfen Sie, wie Slack Ihre URL in Nachrichten und Kanälen aufklappt.
Variante öffnenFür X und Twitter Cards
Sehen Sie, wie Ihre URL auf X als Twitter Card erscheint.
Variante öffnenFür Facebook-Beiträge
Prüfen Sie, wie Ihre URL in einem Facebook-Beitrag oder beim Teilen dargestellt wird.
Variante öffnenFür Discord-Embeds
Sehen Sie, wie Discord Ihre URL in einem Kanal oder einer Direktnachricht einbettet.
Variante öffnenFür WhatsApp-Chats
Sehen Sie Titel, Beschreibung und Vorschaubild, die WhatsApp zeigt, wenn ein Link in einen Chat eingefügt wird.
Variante öffnenFür Telegram-Nachrichten
Sehen Sie, wie Telegram Ihre URL in Chats, Gruppen und Kanälen darstellt.
Variante öffnen