Zum Hauptinhalt
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.

Konfigurieren Sie die robots.txt- und Bild-Meta-Tags Ihrer Website für die Vorschau von Social-Post-Links

Zuletzt aktualisiert am: Januar 18, 2024

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Marketing Hub Professional, Enterprise
Ehemaliges Marketing Hub Basic

Wenn Sie einen Social-Media-Beitrag in HubSpot erstellen und veröffentlichen, versucht das entsprechende Social-Media-Netzwerk, eine Bildvorschau für Ihren Beitrag zu generieren. Basierend auf dem für den Beitrag eingegebenen Link durchsucht das soziale Netzwerk die Meta-Tags im Quellcode Ihrer Seite und die robots.txt-Datei auf der Website.

Wenn Sie Ihre Website bei einem externen Anbieter wie WordPress hosten und die Vorschau für Ihren Beitrag nicht wie erwartet angezeigt wird, befolgen Sie die folgenden Anweisungen.

Update your robots.txt

Eine robots.txt-Datei gibt Suchmaschinen an, wie Sie Ihre Website indexieren. Wenn Sie die robots.txt-Datei nicht korrekt hinzugefügt oder konfiguriert haben, können Social-Media-Netzwerke den Inhalt Ihrer Seiten nicht analysieren. Facebook und X (ehemals Twitter) bieten beide die User-Agent-Zeichenfolgen, die Sie zu Ihrer robots.txt-Datei hinzufügen müssen:

User-agent: facebookexternalhit
Disallow:

User-agent: Twitterbot
Disallow:

LinkedIn bietet keine Dokumentation für den Benutzer-Agent-String, aber Sie können den LinkedIn-Beitragsinspektor verwenden, um zu bestätigen, ob LinkedIn den Inhalt Ihrer Website durchsucht.

Meta-Tags zum <head> Abschnitt Ihrer Website-Seiten hinzufügen

Suchmaschinen und soziale Netzwerke werden den HTML-Kopfbereich analysieren, um nach den erforderlichen Metadaten zur Generierung einer Vorschau der Seite zu suchen. Sie sollten die Metadaten für Facebook und X (früher Twitter) nach Ihren primären meta Tags einfügen:

<!-- Primary Meta Tags -->
<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Title of your Website Page">
<meta property="og:description" content="Description of your Website Page">
<meta property="og:image" content="https://example.com/image.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com/">
<meta property="twitter:title" content="Title of your Website Page">
<meta property="twitter:description" content="Description of your Website Page">
<meta property="twitter:image" content="https://example.com/image.png">

Füllen Sie die Content-Attribute für jeden der Meta-Tags mit den entsprechenden Werten für Ihre Seite aus. Sie können Ihre meta Tags mit dem Facebook Debugger Tool, X card validator, und LinkedIn post inspectorvalidieren.

Wenn das hervorgehobene Bild für einen von Ihnen eingefügten Link in Ihrer Vorschau für soziale Netzwerke nicht korrekt angezeigt wird (z. B. weil das Bild abgeschnitten ist oder das Verhältnis nicht stimmt), müssen Sie das Bild möglicherweise so bearbeiten, dass es die richtigen Abmessungen für das soziale Netzwerk hat, in dem Sie posten, und die Seite dann erneut veröffentlichen. Wenn Sie auf Facebook posten, können Sie mehr über die Anforderungen für Feature-Bilder in deren Dokumentation erfahren.

Zur Optimierung des Feature-Bildes auf den einzelnen Netzwerken werden die folgenden Maße empfohlen:

  • Facebook: 1.91:1
  • X (früher Twitter): 16:9 für Foto-Posts und 1,91:1 für Bilder in Link-Posts
  • Instagram (quadratisch): 1:1
  • Instagram (Hochformat): 4:5
  • Instagram (Querformat): 1.91:1
  • LinkedIn (Landschaft): 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: 8 MB (für PNG-Dateien wird weniger als 1 MB empfohlen, um Verpixelung zu vermeiden)
  • Instagram: 8MB
  • X (früher Twitter): 5MB (15MB für GIFs)
  • LinkedIn: 10MB

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 die URL Ihres Bildes durch ein externes Tool  laufen lassen, um zu sehen, ob es ein ungewöhnliches Farbprofil verwendet. 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 eine Bildkomprimierung für JPEGs und PNGs, um die Ladegeschwindigkeit Ihrer in HubSpot gehosteten Inhalte 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.

 

Wenn die Link-Vorschauen weiterhin nicht richtig angezeigt werden, lesen Sie unseren Leitfaden zur Fehlerbehebung.

War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.