Ihre Links in der Vorschau beim Teilen
Link-Vorschauen beherrschen — Open Graph und oEmbed, welche Apps was nutzen, Unterschiede Slack, LinkedIn und WordPress, Bild- und Textwahl, Debugging veralteter Karten — dann Page SEO und Foto-Detail-Docs für die Feldsteuerung.
Was eine Link-Vorschau ist
Eine Link-Vorschau ist Titel, Kurztext und Bild, die ein anderes Produkt zeigt, wenn jemand eine öffentliche URL Ihrer Site einfügt oder einbettet. Sie posten nicht selbst in dieses Produkt — die URL trägt genug Metadaten für Karte oder Embed.
Open Graph vs. oEmbed
| Open Graph (OG) | oEmbed | |
|---|---|---|
| Aufgabe | Meta-Tags auf Ihrer Seite, die Apps für eine Karte lesen | API-Antwort, mit der ein Host ein reicheres Embed Ihrer URL rendert |
| Typische Nutzer | Slack, iMessage, LinkedIn, Facebook, viele Chat-/Social-Paste-Flows | WordPress, Notion, Discourse, „URL einfügen → Embed“-Editoren |
| Sie beeinflussen | Meta-Titel, Beschreibung, OG-/Featured-Bild | Gleiche öffentliche URL-Qualität; der Host wählt Embed-Chrome |
ArtInStack stellt beides für berechtigte öffentliche Seiten, Fotos und Beiträge bereit. Kein Plugin nötig.
Welche Dienste welchen Mechanismus nutzen
| Erlebnis | Mechanismus, den man meist spürt |
|---|---|
| Slack-/iMessage-artiges Einfügen | OG-artige Karte |
| LinkedIn-/Facebook-Share oder Debugger | OG-artige Karte (oft gecacht) |
| „Diesen Link teilen“ als Social-Status | OG-Karte in der Post-UI des Netzwerks |
| WordPress-/Notion-/Discourse-Einfügen | Oft oEmbed (interaktives oder bildlastiges Embed) |
Exaktes Verhalten variiert; praktische Regel: öffentliche URL + starker Titel/Beschreibung/Bild.
Wie sich die Erlebnisse unterscheiden
| Kontext | Wie Erfolg aussieht |
|---|---|
| Social-Post mit Ihrer URL | Karte passt zur Geschichte; Klicks gehen auf Ihre Site |
| Slack-/iMessage-Share | Lesbarer Titel + ein klares Bild in schmaler Karte |
| WordPress- (o. Ä.) Embed | Stabiles Embed von Foto oder Beitrag, kein kaputtes Placeholder |
Ein wirksames Vorschaubild wählen
- Ein Motiv, in kleiner Größe lesbar — keine dichten Kontaktbögen.
- Passt zum Ziel: Porträtserie — kein reines Logo-Graphic führen.
- Explizites OG-Bild (oder Featured Image) statt zufälligem Cover hoffen.
- Bei Foto-URLs ist meist das öffentliche Foto die Karte — stellen Sie sicher, dass dieser Frame zitiert werden soll.
Titel- und Beschreibungsstrategie
- Versprechen Sie, was die Seite liefert; Clickbait, der bei Ankunft scheitert, verbrennt Vertrauen.
- Führen Sie mit menschlichem Motiv oder Ergebnis, nicht internen Dateinamen.
- Halten Sie Titel und Beschreibungen in den Längenhinweisen des Editors (~60 / ~160 wo zutreffend).
Warum die öffentliche Seite zählt
Entwürfe, Preview-Links, Vault-URLs und unveröffentlichte Beiträge liefern keine zuverlässigen Karten. Teilen Sie die live Custom-Domain- (oder Public-Host-)URL nach Veröffentlichung. Client-Vault- und Projektlinks (/p/…) bleiben absichtlich nur Text.
Hide from search engines schaltet Chat-Vorschauen nicht aus — Suchsichtbarkeit und Link-Karten sind getrennt.
Veraltete oder falsche Vorschauen debuggen
- Bestätigen Sie die veröffentlichte URL auf dem Public-Host.
- Bestätigen Sie, dass Meta/OG/Featured Image gespeichert und veröffentlicht wurden.
- In Slack einfügen für einen Schnellcheck.
- Facebook Sharing Debugger oder LinkedIn Post Inspector nutzen und erneut scrapen — Anbieter cachen aggressiv.
- Nach Rebrand Cornerstone-URLs erneut testen; alte Bilder können Tage bleiben.
Fotografen: Vorschaubild vs. Zielseite
Die Karte ist ein Trailer; Foto oder Seite ist das Feature. Wenn die Vorschau ein heller Detail-Crop ist, die Landing aber ein ruhiger Weitwinkel ohne Kontext, steigt Absprung. Motiv, Caption und nächster Schritt (Kontakt, Print, Serie) ausrichten, damit der Klick bewusst wirkt.
Meta-Titel, Beschreibung und Bilder unter Pages → Page Settings, Posts → Settings oder Portfolio-Foto-Einstellungen setzen. Die Guides unten führen durch diese Screens.