Ein Social-Media-Bild auswählen

Wenn du einen Link zu deinem Onlineshop in Social Media wie Facebook oder Pinterest teilst, kannst du in deinem Beitrag ein Miniaturbild anzeigen.

Beispiel für einen Facebook-Beitrag mit angehängtem Bild

Bei allen kostenlosen Themes von Shopify wird beim Posten eines Links von deinem Onlineshop in Social Media das Feature-Bild für diese Seite angezeigt. Die folgenden Seitentypen haben Feature-Bilder:

  • Produktseiten
  • Kollektionsseiten
  • Blog-Beiträge

Für Seiten, die keine Feature-Bilder haben, wie z. B. deine Startseite oder eine „Über uns“-Seite, wird das Social-Sharing-Bild deines Onlineshops angezeigt.

Das Social-Sharing-Bild in deinem Adminbereich festlegen

In den Einstellungen für den Onlineshop deines Shops kannst du ein Standardbild hinzufügen, das verwendet wird, wenn für die Seite kein Feature-Bild gefunden werden kann.

Admin-Einstellungen, die eine Vorschau eines in Social Media geteilten Bildes anzeigen

Schritte:

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Einstellungen.

  2. Füge im Abschnitt Social-Sharing-Bild und SEO ein neues Bild hinzu oder ändere ein vorhandenes Bild:

  • Um ein neues Bild hinzuzufügen, klicke auf Bild hinzufügen.
  • Um ein vorhandenes Bild zu ändern, klicke auf Bild ändern.
  1. Wähle das Bild von deinem Gerät aus, das du in Social Media anzeigen möchtest.
  2. Klicke auf Speichern.

Wenn das Bild in den Suchmaschinenergebnissen veraltet ist, nachdem du das Bild in deinem Adminbereich aktualisiert hast, musst du deine Sitemap erneut einreichen.

Logo-Alternativbild

Wenn kein Social-Sharing-Bild manuell hochgeladen wird, verwendet Shopify als Alternative Bilder, die zu deinem Theme hinzugefügt wurden. Shopify verwendet möglicherweise den Wert einer der folgenden Theme-Einstellungen:

  • Header > Logo (bevorzugt)
  • Theme-Einstellungen > Checkout > Logo

Wenn die Größe des Logos nicht den empfohlenen Dimensionen entspricht oder es auf einem transparenten Hintergrund platziert ist, füllt Shopify den Bereich mit einer Farbe aus den Theme-Einstellungen > Farben > Hintergrund. Wenn diese Einstellung nicht verfügbar ist, verwendet Shopify die Einstellung Theme-Einstellungen > Checkout > Hauptinhaltsbereich > Hintergrundfarbe. Die folgende Abbildung zeigt, wie eine Hintergrundfarbe als Füllung verwendet wird:

Quadratisches Shop-Logo mit roten Balken auf beiden Seiten, um ein rechteckiges Bild zu erzeugen

Priorität von Social-Sharing-Bildern

Das Social-Sharing-Bild unter Onlineshop > Konfigurationen dient als Alternative, wenn kein anderes Bild gefunden werden kann. Bilder werden in der folgenden Prioritätsreihenfolge ausgewählt:

  1. Bilder im Theme-Code: Bilder, die direkt in deinen Theme-Dateien fest codiert sind (höchste Priorität).
  2. Bilder in den Theme-Einstellungen: Bilder, die in die Theme-Einstellungen für Social Media oder den Checkout hochgeladen wurden.
  3. Bild in den Onlineshop-Konfigurationen: Das Standard-Alternativbild, das unter Einstellungen > Onlineshop > Social-Sharing-Bild hochgeladen wurde.

Diese Hierarchie stellt sicher, dass bewusste Design-Entscheidungen in deinem Theme Vorrang vor automatischen Alternativen haben.

Das Feld für das Social-Sharing-Bild wird leer angezeigt

Wenn das Feld für das Social-Sharing-Bild unter Einstellungen > Onlineshop > Konfigurationen leer angezeigt wird, ziehen Social Shares das Bild möglicherweise stattdessen aus deinen Theme-Einstellungen. Überprüfe die folgenden Stellen in deinem Theme-Editor auf Bilder:

  • Theme-Einstellungen > Checkout > Logo
  • Theme-Einstellungen > Social Media oder Social Sharing

Wenn beide Stellen leer sind, können Social Shares kein relevantes Bild ziehen und das Feld bleibt leer. Du kannst manuell ein Bild in das Feld Social-Sharing-Bild in deinen Onlineshop-Konfigurationen hochladen.

Social-Sharing-Bild wird auf Social Media nicht angezeigt

Manche Themes zeigen in Social-Media-Beiträgen nur Bilder an, die in die Theme-Einstellungen hochgeladen wurden. Wenn du unter Einstellungen > Onlineshop > Konfigurationen ein Bild hochgeladen hast, es aber beim Teilen von Links nicht angezeigt wird, überprüfe, ob du auch in den Social-Media-Einstellungen deines Themes ein Bild hochgeladen hast.

Vorschau deiner Bilder

Die kostenlosen Themes von Shopify verwenden Open Graph-Tags, um Social-Media-Plattformen Informationen über deine Website zu geben. Open Graph wird von Facebook, Twitter, LinkedIn, Pinterest und anderen Diensten verwendet. Du kannst mit Tools wie dem Card Validator von Twitter, dem Crawler von Facebook und dem Post Inspector von LinkedIn eine Vorschau davon erhalten, wie dein Social-Media-Bild auf einigen Plattformen aussehen könnte.