Für Slack-Unfurls
Prüfen Sie, wie Slack Ihre URL in Nachrichten und Kanälen aufklappt.
Keine Kreditkarte nötig · Dauerhaft kostenloser Tarif
Slack liest Open-Graph- und Twitter-Card-Tags und baut daraus die Vorschau direkt in der Nachricht. Apps mit Slack-Integration können außerdem Unfurls mit Block Kit nutzen.
Die Vorschau wird pro Workspace und URL einmal erzeugt und etwa 30 Minuten zwischengespeichert, bevor Slack die Seite neu abruft.
Der Abrufdienst von Slack meldet sich als Slackbot und liest wie jeder Social-Media-Crawler das serverseitig gerenderte HTML, ohne JavaScript auszuführen. Kommen Ihre og:-Tags erst durch clientseitiges Rendering auf die Seite, greift Slack auf das nackte <title>-Tag zurück oder zeigt gar nichts. Der zweite klassische stille Fehler: Der Bot-Schutz oder die Firewall Ihrer Website blockiert die Anfragen von Slackbot, und Links, die überall sonst eine Vorschau haben, bleiben in Slack leer.
In Slack wird ungewöhnlich viel interner, geschützter Inhalt geteilt: Staging-URLs, Admin-Dashboards, Dokumentation hinter SSO. Slackbot kann sich nicht anmelden. Solche Links zeigen deshalb entweder nichts oder, schlimmer, die allgemeinen Tags Ihrer Anmeldeseite. Das ist erwartetes Verhalten und kein Fehler. Bei internen Tools ist ein sinnvoller <title> auf der Anmeldeseite die realistische Lösung.
Durch den Cache von etwa 30 Minuten verzeiht Slack weit mehr als LinkedIn oder Facebook: Tags korrigieren, ein paar Minuten warten, in einer neuen Nachricht erneut teilen, und die korrigierte Karte erscheint. So taugt Slack ordentlich als schnelle Rückmeldung, während Sie an OG-Tags arbeiten. Dieses Tool ist noch schneller, denn es zeigt den aktuellen Stand der Tags, ohne dass Sie irgendwo etwas posten.
In gemeinsam genutzten Workspaces spielt Rücksicht beim Aufklappen eine echte Rolle: Mehrere Links in einer Nachricht können eine Wand aus Vorschaukarten erzeugen. Slack unterdrückt die Vorschau, wenn eine URL in spitzen Klammern steht, und Workspace-Admins können Unfurls pro Domain abschalten. Erscheint Ihre sorgfältig gestaltete Vorschau bei Kolleginnen und Kollegen nicht, prüfen Sie zuerst, ob der Workspace Ihre Domain stummgeschaltet hat, bevor Sie Ihre Tags untersuchen.
Produktteams sollten zwei Arten unterscheiden: passive Unfurls, bei denen Slack Ihre OG-Tags liest (die zeigt dieses Tool), und App-Unfurls, bei denen sich Ihre Slack-App für Ihre Domain registriert und reichhaltige Block-Kit-Karten darstellt. Brauchen Sie interaktive, angemeldete oder datenreiche Vorschauen für die Links Ihres eigenen Produkts, führt der Weg über App-Unfurls. OG-Tags sind in jedem Fall das Minimum, das jeder Link erfüllen sollte.
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.
Achten Sie darauf, dass Dokumente und Ankündigungen in #general sauber aufklappen. Für den Großteil des Unternehmens ist die Vorschau der erste Eindruck.
Prüfen Sie, ob geteilte Ressourcen in Slack-Connect-Kanälen mit Kunden gepflegt aussehen. Dort wirkt eine kaputte Karte schlampig.
Prüfen Sie die Vorschauen, bevor Sie Launch-Links in Kundenkanäle und Communitys stellen.
Entwicklungsteams fügen ständig Links zur Dokumentation in Slack ein. Mit eigenen Titeln und Beschreibungen pro Seite wird aus jedem Link eine lesbare Karte statt einer nackten URL.
Links, die Ihre CI, Ihr Alerting oder interne Bots posten, klappen nach denselben OG-Regeln auf. Prüfen Sie die Seiten, auf die Ihre Automatisierung am häufigsten verlinkt.
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 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 öffnenFür Rich Links in iMessage
Sehen Sie die Rich-Link-Karte, die Apple Nachrichten aus Ihrem og:title und og:image baut.
Variante öffnen