Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Social

Fehler mit Link-Vorschauen im Social-Media-Tool beheben

Zuletzt aktualisiert am: Juli 14, 2020

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Ehemaliges Marketing Hub Basic

Bevor Sie einen Social-Media-Beitrag veröffentlichen, können Sie in einer Vorschau anzeigen, wie das Feature-Bild in Ihrem Beitrag angezeigt wird. Erfahren Sie, wie Sie Probleme mit dem Feature-Bild in Ihren Social-Media-Vorschauen beheben können.

Eine Social Media Vorschau basiert auf meta tags im Abschnitt <head> Ihres Seiten-HTML. Diese Tags gehören zum Open Graph-Protokoll, durch das jede Webseite zu einem Rich Object in einem Social Graph werden kann. Diese Tags zeigen sozialen Netzwerken wie Facebook, LinkedIn, Twitter und Google+, worauf der Schwerpunkt bei der Erstellung einer Vorschau Ihres geteilten Links gelegt werden soll. Die grundlegenden Meta-Tags sind:

  • og:title: Der Titel Ihres Contents.
  • og:type: Der Typ Ihres Contents, z. B. Video oder Webseite.
  • og:image: Die URL des Bildes, um Ihren Content darzustellen.
  • og:URL: Die eindeutige URL Ihres Contents, die als dauerhafte ID verwendet wird.
  • og:description: Die Beschreibung, die Ihr Bild zusammenfasst.

Der Titel, die Meta-Beschreibung und das Feature-Bild werden automatisch für Blog-Beiträge festgelegt. Für Landing-Pages und Website-Seiten muss das Feature-Bild manuell festgelegt werden.

 

Feature-Bild, Seitentitel oder Seitenbeschreibung wird nicht in der Vorschau des Beitrags angezeigt

Wenn in der Vorschau Ihres Social-Media-Beitrags nicht das erwartete Feature-Bild, der erwartete Seitentitel oder die erwartete Seitenbeschreibung angezeigt wird, können Sie dieses Problem mithilfe mehrerer Debugging-Tools beheben.

Vergewissern Sie sich, dass Sie ein Feature-Bild angegeben haben und Ihre Meta-Tags erkannt werden.

Wenn Sie zu einem Blog-Beitrag, einer Landing-Page oder einer Website-Seite verlinken, der bzw. die von HubSpot gehostet wird, stellen Sie sicher, dass Sie ein Feature-Bild ausgewählt haben.

Wenn Sie in Ihrem Beitrag eine externe Seite teilen, verwenden Sie die Entwickler-Tools Ihres Browsers, z. B. Chrome-Entwickler-Tools, um die Quelle der Seite anzuzeigen, und suchen Sie dann nach dem og:image-Tag, um zu sehen, welches Bild angezeigt wird.

inspect-for-featured-image

Wenn Sie bestätigt haben, dass das og:image-Tag vorhanden und Ihre Feature-Bild korrekt ist, Sie aber weiterhin keine Link-Vorschau für Ihren Beitrag sehen, können Sie auch Folgendes überprüfen:

  • Stellen Sie sicher, dass jeder Meta-Tag-Typ nur einmal vorkommt: Befinden sich mehrere Meta-Tags des gleichen Typs auf Ihrer Seite, sind einige Social-Media-Crawler möglicherweise nicht in der Lage, das richtige Meta-Tag für eine Link-Vorschau auszuwählen. 
  • Stellen Sie sicher, dass Ihre Meta-Tags am Anfang des HTML-Codes stehen: Befindet sich vor Ihren Meta-Tags zusätzliche Codes oder Markups, können einige Social-Media-Crawler diese nicht finden.

Debugging-Tools für soziale Netzwerke verwenden, um Ihr Bild und Ihre Meta-Tags zu validieren

Wenn sich das Bild, das Sie in der Social-Media-Vorschau sehen, von dem als „og:image“-Tag festgelegten unterscheidet, muss das Social-Media-Netzwerk diese Seite möglicherweise neu crawlen. Sie können die folgenden Validierungs-Tools verwenden, um ein Crawling der Seite auszulösen und alle Fehler anzuzeigen, die sich auf die Veröffentlichung auswirken können:

  • Facebook: Verwenden Sie den Facebook Sharing Debugger, um Warnungen oder Fehler mit Ihren Meta-Tags anzuzeigen oder um die Content-URL erneut auszulesen, damit sie die aktuellste Facebook-Vorschau generiert.
  • Twitter: Verwenden Sie den Twitter Card Validator, um Warnungen oder Fehler mit Ihren Meta-Tags anzuzeigen oder um die Content-URL erneut auszulesen, damit sie die aktuellste Twitter-Vorschau generiert.
  • LinkedIn: Verwenden Sie den LinkedIn Card Inspector, um Warnungen oder Fehler mit Ihren Meta-Tags anzuzeigen oder um die Content-URL erneut auszulesen, damit sie die aktuellste LinkedIn-Vorschau generiert.

Bitte beachten: LinkedIn zeigt Ihr Feature-Bild, Ihren Seitentitel und Ihre URL in seiner Vorschau-Karte an, berücksichtigt jedoch nicht Ihre Meta-Beschreibung.

Wurde das „og:image“-Tag nicht für eine Seite festgelegt, scannt das soziale Netzwerk die Seite, um das am besten geeignete Bild zu finden, das in Social-Media-Beiträgen berücksichtigt werden soll. Dies ist in der Regel das erste Bild, das es findet. Wenn eine „Robots.txt“-Datei“, oder eine bestimmte Sicherheitssoftware, verwendet wird, um ein Seiten-Crawling zu verhindern, wird möglicherweise gar kein Link-Vorschaubild angezeigt.

 

Größenanforderungen für Feature-Bilder

Wenn das Feature-Bild für einen Link, den Sie eingefügt haben, nicht korrekt in Ihrer Social-Media-Vorschau angezeigt wird (z. B. wird das Bild abgeschnitten oder das Verhältnis ist nicht korrekt), müssen Sie das Bild möglicherweise so bearbeiten, dass es die richtige Größe für das soziale Netzwerk hat, in dem Sie einen Beitrag posten möchten, und dann die Seite erneut veröffentlichen. Zur Optimierung des Feature-Bildes auf den einzelnen Netzwerken werden die folgenden Maße empfohlen:

  • Facebook: 300:175
  • Twitter: 16:9 für Fotobeiträge und 1,91:1 für Feature-Bilder in Link-Beiträgen
  • Instagram (Quadrat): 1:1
  • Instagram (Hochformat): 4:5
  • Instagram (Querformat): 1.91:1
  • LinkedIn (Querformat): 1.91:1

Stellen Sie sicher, dass alle Medien, die Sie in Ihren Social-Media-Beiträgen einschließen, den Richtlinien zur Dateigröße für die einzelnen Netzwerke folgen. Wenn HubSpot feststellt, dass eine Datei zu groß ist, um in einem bestimmten Netzwerk veröffentlicht zu werden, wird eine Warnung angezeigt. Die maximalen Dateigrößen die einzelnen sozialen Netzwerke sind im Folgenden aufgeführt:

  • Facebook: 4 MB (unter 1 MB empfohlen für PNG-Dateien, um Pixelierung zu vermeiden)
  • Instagram: 8 MB
  • Twitter: 5 MB (15 MB für GIFs)
  • LinkedIn: 10 MB

Sie können Ihren Social-Media-Beitrag auch als Foto-Beitrag statt als Link-Beitrag veröffentlichen. So haben Sie mehr Kontrolle darüber, welches Foto angezeigt wird. Erfahren Sie mehr über den Unterschied zwischen Link-Beiträgen und Foto-Beiträgen.

 

Unterschiede bei der Bildfarbe und -klarheit

Unterschiede bei der Bildfarbe

Eingebettete Farbprofile können sich auf die Anzeige Ihres Feature-Bildes in Ihrem Social-Media-Beitrag auswirken. Verschiedene Systeme verarbeiten unübliche Farbprofile auf unterschiedliche Weise. Deshalb können Farben anders aussehen, wenn das Bild in Ihrem Datei-Manager angezeigt wird. Sie können Ihre Bild-URL über ein externes Tool testen, um zu sehen, ob ein unübliches Farbprofil verwendet wird. Bei Bedarf können Sie das störende Farbprofil in einem Fotobearbeitungs-Tool wie Photoshop entfernen und dann die Seite vor der Veröffentlichung der Social-Media-Beiträge erneut veröffentlichen.

Unterschiede bei der Bildklarheit

Der Datei-Manager von HubSpot verwendet Bildkomprimierung für JPEGs und PNGs, um die Ladegeschwindigkeit für Ihren auf HubSpot gehosteten Content zu optimieren. Social-Media-Netzwerke verwenden ebenfalls Bildkomprimierung in Beiträgen, sodass sich die Qualität der Bilder von der in HubSpot unterscheiden kann. Aus diesem Grund empfehlen wir die Verwendung von Bildern mit einer relativ hohen Auflösung (im empfohlenen Seitenverhältnis) für die einzelnen Netzwerke. Wenn Ihr Bild nicht mit den Anforderungen eines Social-Media-Netzwerks übereinstimmt, wird im Social-Publishing-Tool von HubSpot eine Warnung angezeigt, um Ihr Bild entsprechend anzupassen.

/de/social/featured-image-not-displaying-correctly-in-social-preview