Een van de meestvoorkomende frustraties voor WordPress-gebruikers is wanneer de afbeelding niet correct wordt weergegeven bij het delen van een bericht op sociale media. Dit probleem kan van invloed zijn op hoe uw content wordt weergegeven en waargenomen door uw publiek, wat mogelijk de betrokkenheid vermindert. Gelukkig zijn er verschillende manieren om dit probleem op te lossen. In dit bericht leiden we u door de stappen om ervoor te zorgen dat uw afbeeldingen correct worden weergegeven bij het delen van berichten in WordPress.
Veelvoorkomende oorzaken van ontbrekende afbeeldingen
Voordat we ingaan op de oplossingen, is het belangrijk om de meest voorkomende redenen te begrijpen waarom een afbeelding mogelijk niet wordt weergegeven wanneer u een bericht deelt:
- Ontbrekende of onjuiste Open Graph-tags: Social media platforms vertrouwen op Open Graph (OG) tags om te bepalen welke afbeelding, titel en beschrijving weergegeven moeten worden. Als deze tags ontbreken of onjuist zijn, wordt de afbeelding mogelijk niet weergegeven.
- Geen uitgelichte afbeelding ingesteld: Als er voor uw bericht geen uitgelichte afbeelding is ingesteld, weten platforms als Facebook mogelijk niet welke afbeelding ze moeten gebruiken.
- Problemen met de afbeeldingsgrootte: Sommige social media platforms hebben specifieke vereisten voor de afmetingen van afbeeldingen. Als de afbeelding te klein is of niet voldoet aan de minimale groottevereisten, wordt deze mogelijk niet weergegeven.
- Problemen met cachen: Als uw site gebruikmaakt van caching en u onlangs de uitgelichte afbeelding of de inhoud van het bericht hebt bijgewerkt, kan het zijn dat de oude versie nog steeds in de cache staat, waardoor de verkeerde afbeelding wordt weergegeven.
- Conflicten met plug-ins of thema's:Soms kunnen andere plug-ins of het thema zelf de weergave van afbeeldingen of de manier waarop Open Graph-tags worden gegenereerd, verstoren.
Stap-voor-stap oplossingen
Hier leest u hoe u het probleem kunt oplossen dat afbeeldingen niet worden weergegeven wanneer u een bericht deelt in WordPress:
1. Zorg ervoor dat Open Graph-tags aanwezig zijn
Open Graph-tags zijn cruciaal voor het bepalen hoe uw content wordt weergegeven op social media-platforms. Zonder deze tags kunnen platforms moeite hebben om de juiste afbeelding te identificeren.
- Gebruik een SEO-plug-in: Plugins zoals Yoast SEO of Alles-in-één SEO automatisch Open Graph-tags toevoegen aan uw berichten. Zorg ervoor dat deze plugins correct zijn geconfigureerd om de uitgelichte afbeelding in de OG-tags op te nemen.
2. Stel een uitgelichte afbeelding in voor elk bericht
Een featured image is vaak de standaardafbeelding die door social media platforms wordt gebruikt bij het delen van uw content. Zo zorgt u ervoor dat deze is ingesteld:
- Stel de uitgelichte afbeelding in: Zorg er bij het maken of bewerken van een bericht voor dat er een uitgelichte afbeelding is ingesteld in de zijbalk onder het gedeelte 'Uitgelichte afbeelding'.
- Terugvalafbeelding:Als u vaak vergeet een uitgelichte afbeelding in te stellen, kunt u overwegen een plug-in te gebruiken die automatisch een reserveafbeelding toewijst als er geen is ingesteld.
3. De code aan uw thema toevoegen
Nu u het belang van Open Graph-tags begrijpt, gaan we de benodigde code aan uw thema toevoegen functies.php bestand. Als u een child theme gebruikt, voegt u de code toe aan het child theme's functies.php bestand om ervoor te zorgen dat uw wijzigingen niet worden overschreven bij toekomstige updates van het bovenliggende thema.
- Toegang tot het WordPress-dashboard en ga naar Uiterlijk > Thema-editor.
- Selecteer de
functies.phpbestand van uw thema of child-thema. - Voeg de volgende PHP-code toe aan het einde van het bestand:
- functie add_opengraph_tags() {
als (is_single() || is_pagina()) {
wereldwijd $post;
als (has_post_thumbnail($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'volledig');
} anders {
// Standaard afbeelding-URL als het bericht geen uitgelichte afbeelding heeft
$img_src = array('https://www.example.com/standaardafbeelding.jpg');
}// Berichttitel
$title = haal_de_titel();
// Berichtbeschrijving
$description = haal_het_fragment();echo ' ';
echo' ';
echo' ';
echo' ';
echo' ';
}
}
voeg_actie('wp_head', 'voeg_opengraph_tags_toe');
Code-uitleg:
add_opengraph_tags(): Deze functie controleert of de huidige pagina een bericht of pagina is en genereert, indien dit het geval is, de juiste Open Graph-tags.- Uitgelichte afbeelding:
heeft_post_miniatuur($post->ID): Controleert of er een uitgelichte afbeelding is ingesteld voor het bericht.wp_get_attachment_image_src(): Haalt de volledige URL van de uitgelichte afbeelding op. Als de post geen uitgelichte afbeelding heeft, wordt een standaardafbeelding gebruikt.
- Titel en beschrijving:
haal_de_titel()Enhaal_het_fragment() op: Haal de titel en beschrijving van het bericht op, die worden gebruikt voor deog:titelEnog:beschrijvingtags, respectievelijk.
- Canonieke URL en inhoudstype:
permanente_link() ophalen: Haalt de URL van het huidige bericht op voor deog:urllabel.og:type: Stel in op “artikel” om aan te geven dat de inhoud een artikel is.
4. Wis caches
Als u wijzigingen hebt aangebracht in uw bericht of afbeelding, maar de oude afbeelding nog steeds wordt weergegeven, kan dit komen door cachegeheugen.
- Wis de cache van uw site: Als u een cacheplug-in gebruikt, moet u de cache wissen nadat u wijzigingen hebt aangebracht. Zo weet u zeker dat de bijgewerkte versie aan gebruikers wordt aangeboden.
- Gebruik de Sharing Debugger van Facebook: Facebook cachet de OG-tags voor een URL. Gebruik de Facebook-deeldebugger om de cache van Facebook voor uw bericht te vernieuwen.
5. Controleer op plugin- of themaconflicten
Soms kunnen andere plugins of uw thema de manier waarop afbeeldingen worden verwerkt verstoren. Hier leest u hoe u dit kunt oplossen:
- Conflicterende plug-ins uitschakelen: Schakel tijdelijk alle plug-ins uit die de verwerking van afbeeldingen of SEO kunnen verstoren, zoals meerdere SEO-plug-ins, en controleer of het probleem zich blijft voordoen.
- Overschakelen naar een standaardthema: Schakel tijdelijk over naar een standaard WordPress-thema (zoals Twenty Twenty-One) om te zien of het probleem themagerelateerd is. Als de afbeelding correct wordt weergegeven met het standaardthema, ligt het probleem mogelijk bij uw huidige thema.
Zorgen dat de juiste afbeelding wordt weergegeven wanneer u een bericht deelt op sociale media is cruciaal voor het maximaliseren van de betrokkenheid en het professioneel laten lijken van uw content. Door de stappen in dit artikel te volgen (controleer Open Graph-tags, stel een uitgelichte afbeelding in, zorg voor de juiste afbeeldingsgroottes, leeg caches en los mogelijke conflicten op) kunt u dit veelvoorkomende WordPress-probleem oplossen.
Als u nog steeds problemen ondervindt, kunt u overwegen een specialist te raadplegen. WordPress-ontwikkelaar die u kunnen helpen complexere problemen te diagnosticeren en op te lossen. Met de juiste instellingen zien uw berichten er altijd geweldig uit als u ze deelt op sociale media!
Foto door Lucas
