One of the common frustrations for WordPress users is when the image doesn’t appear correctly when sharing a post on social media. This issue can affect how your content is displayed and perceived by your audience, potentially reducing engagement. Fortunately, there are several ways to troubleshoot and resolve this problem. In this post, we’ll walk you through the steps to ensure that your images appear correctly when sharing posts in WordPress.
Häufige Ursachen für fehlende Bilder
Bevor wir uns mit den Lösungen befassen, ist es wichtig, die häufigsten Gründe zu verstehen, warum beim Teilen eines Beitrags möglicherweise kein Bild angezeigt wird:
- Fehlende oder falsche Open Graph-Tags: Social-Media-Plattformen verwenden Open Graph (OG)-Tags, um zu bestimmen, welches Bild, welcher Titel und welche Beschreibung angezeigt werden. Fehlen diese Tags oder sind sie falsch, wird das Bild möglicherweise nicht angezeigt.
- Kein vorgestelltes Bildset: Wenn Ihr Beitrag keinen Satz vorgestellter Bilder enthält, wissen Plattformen wie Facebook möglicherweise nicht, welches Bild sie verwenden sollen.
- Probleme mit der Bildgröße: Einige Social-Media-Plattformen haben bestimmte Anforderungen an die Bildgröße. Wenn das Bild zu klein ist oder die Mindestgrößenanforderungen nicht erfüllt, wird es möglicherweise nicht angezeigt.
- Caching-Probleme: Wenn Ihre Site Caching verwendet und Sie das vorgestellte Bild oder den Beitragsinhalt kürzlich aktualisiert haben, ist die alte Version möglicherweise noch im Cache gespeichert, sodass das falsche Bild angezeigt wird.
- Konflikte mit Plugins oder Themes: Manchmal können andere Plugins oder das Design selbst die Anzeige von Bildern oder die Generierung von Open Graph-Tags beeinträchtigen.
Schritt-für-Schritt-Lösungen
So können Sie das Problem beheben, dass beim Teilen eines Beitrags in WordPress keine Bilder angezeigt werden:
1. Stellen Sie sicher, dass Open Graph-Tags vorhanden sind
Open Graph-Tags sind entscheidend für die Steuerung der Anzeige Ihrer Inhalte auf Social-Media-Plattformen. Ohne sie können Plattformen möglicherweise das richtige Bild nicht erkennen.
- Verwenden Sie ein SEO-Plugin: Plugins wie Yoast SEO oder Alles in einem SEO Fügen Sie Ihren Beiträgen automatisch Open Graph-Tags hinzu. Stellen Sie sicher, dass diese Plugins korrekt konfiguriert sind, um das vorgestellte Bild in die OG-Tags einzubinden.
2. Legen Sie für jeden Beitrag ein vorgestelltes Bild fest
Ein vorgestelltes Bild ist oft das Standardbild, das Social-Media-Plattformen beim Teilen Ihrer Inhalte verwenden. So stellen Sie sicher, dass es festgelegt ist:
- Legen Sie das vorgestellte Bild fest: When creating or editing a post, ensure that a featured image is set in the sidebar under the “Featured Image” section.
- Fallback-Image: Wenn Sie häufig vergessen, ein vorgestelltes Bild festzulegen, sollten Sie die Verwendung eines Plugins in Betracht ziehen, das automatisch ein Fallback-Bild zuweist, wenn keines festgelegt ist.
3. Hinzufügen des Codes zu Ihrem Design
Now that you understand the importance of Open Graph tags, let’s add the necessary code to your theme’s functions.php file. If you’re using a child theme, add the code to the child theme’s functions.php Datei, um sicherzustellen, dass Ihre Änderungen bei zukünftigen Aktualisierungen des übergeordneten Designs nicht überschrieben werden.
- Zugriff auf das WordPress-Dashboard und gehe zu Darstellung > Design-Editor.
- Wählen Sie die
functions.phpDatei Ihres Designs oder untergeordneten Designs. - Fügen Sie den folgenden PHP-Code hinzu am Ende der Datei:
- Funktion add_opengraph_tags() {
wenn (ist_einzeln() || ist_Seite()) {
globaler $post;
if (has_post_thumbnail($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘full’);
} anders {
// Standard-Bild-URL, wenn der Beitrag kein vorgestelltes Bild hat
$img_src = array(‘https://www.example.com/default-image.jpg’);
}// Beitragstitel
$title = Titel_erhalten();
// Beitragsbeschreibung
$description = get_the_excerpt();echo ‘’;
echo ‘’;
echo ‘’;
echo ‘’;
echo ‘’;
}
}
add_action(‘wp_head’, ‘add_opengraph_tags’);
Code-Erklärung:
add_opengraph_tags(): Diese Funktion prüft, ob es sich bei der aktuellen Seite um einen Beitrag oder eine Seite handelt und generiert, wenn ja, die entsprechenden Open Graph-Tags.- Ausgewähltes Bild:
has_post_thumbnail($post->ID): Überprüft, ob für den Beitrag ein hervorgehobenes Bild festgelegt ist.wp_get_attachment_image_src(): Ruft die URL des vorgestellten Bildes in voller Größe ab. Wenn der Beitrag kein vorgestelltes Bild enthält, wird ein Standardbild verwendet.
- Titel und Beschreibung:
Titel abrufen ()Undhol_den_Auszug(): Rufen Sie den Beitragstitel und die Beschreibung ab, die für dieog:TitelUndog:BeschreibungTags bzw.
- Kanonische URL und Inhaltstyp:
get_permalink(): Ruft die URL des aktuellen Beitrags für dieog:urlEtikett.og:Typ: Set to “article” to indicate that the content is an article.
4. Caches leeren
Wenn Sie Änderungen an Ihrem Beitrag oder Bild vorgenommen haben, das alte Bild aber immer noch angezeigt wird, liegt dies möglicherweise am Caching.
- Leeren Sie den Cache Ihrer Site: Wenn Sie ein Caching-Plugin verwenden, leeren Sie den Cache nach dem Vornehmen von Änderungen, um sicherzustellen, dass den Benutzern die aktualisierte Version bereitgestellt wird.
- Verwenden Sie den Sharing Debugger von Facebook: Facebook speichert die OG-Tags für eine URL. Verwenden Sie die Facebook-Sharing-Debugger um den Cache von Facebook für Ihren Beitrag zu aktualisieren.
5. Überprüfen Sie, ob es Konflikte zwischen Plugins oder Themes gibt
Manchmal können andere Plugins oder Ihr Theme die Bildverarbeitung beeinträchtigen. So beheben Sie das Problem:
- Deaktivieren Sie widersprüchliche Plugins: Deaktivieren Sie vorübergehend alle Plugins, die die Bildverarbeitung oder SEO beeinträchtigen könnten, z. B. mehrere SEO-Plugins, und prüfen Sie, ob das Problem weiterhin besteht.
- Wechseln Sie zu einem Standarddesign: Wechseln Sie vorübergehend zu einem Standard-WordPress-Theme (z. B. Twenty Twenty-One), um zu prüfen, ob das Problem themenbezogen ist. Wenn das Bild mit dem Standard-Theme korrekt angezeigt wird, liegt das Problem möglicherweise an Ihrem aktuellen Theme.
Die Anzeige des richtigen Bildes beim Teilen eines Beitrags in sozialen Medien ist entscheidend für maximales Engagement und einen professionellen Eindruck Ihrer Inhalte. Mit den in diesem Artikel beschriebenen Schritten – Überprüfen der Open Graph-Tags, Festlegen eines Beitragsbilds, Sicherstellen der richtigen Bildgröße, Leeren des Caches und Beheben potenzieller Konflikte – können Sie dieses häufige WordPress-Problem beheben.
Wenn weiterhin Probleme auftreten, wenden Sie sich an einen WordPress-Entwickler der Ihnen bei der Diagnose und Lösung komplexerer Probleme helfen kann. Mit der richtigen Einrichtung sehen Ihre Beiträge in sozialen Medien immer gut aus!
Foto von Lukas