WordPress uitgelichte afbeelding niet zichtbaar: symptoom, oorzaak en oplossing
Een WordPress uitgelichte afbeelding is meestal niet zichtbaar om een van vier redenen: ze is niet ingesteld bij het bericht, het thema toont haar niet op die plek, de afbeelding heeft na een themawissel de verkeerde formaten, of de SEO-plugin kiest een andere afbeelding voor delen. Begin bij het symptoom, dus waar ze precies ontbreekt. Dat bepaalt waar je de oorzaak zoekt.
Auteur: Het TellMyShop-team. Een gids voor eigenaren van WordPress-websites en WooCommerce-winkels: de oorzaak, de oplossing met de hand en hetzelfde werk in een gesprek met de chat.
Laatst bijgewerkt: · 6 min lezen
Symptoom, oorzaak en oplossing in één tabel
| Symptoom | Meest voorkomende oorzaak | Oplossing |
|---|---|---|
| Sommige berichten op de blogpagina tonen een grijs vlak of niets | die berichten hebben geen uitgelichte afbeelding (oud, geïmporteerd, haastig geschreven) | de afbeelding bij het bericht instellen |
| De afbeelding is ingesteld, maar ontbreekt op de blogpagina | het thema of het archiefsjabloon toont geen afbeeldingen | instellingen van het thema of het sjabloon in de site-editor |
| Er is geen paneel Uitgelichte afbeelding in de editor | paneel verborgen in de voorkeuren of geen ondersteuning in het thema | voorkeuren van de editor, je websitebeheerder |
| Wazige afbeelding of een afgesneden hoofd | oude formaten van miniaturen na een themawissel | de miniaturen opnieuw aanmaken |
| Een gedeeld bericht op Facebook heeft geen of een andere afbeelding | de SEO-plugin heeft een andere afbeelding ingesteld, of de site onthoudt de oude versie | afbeelding in de instellingen van de SEO-plugin, het voorbeeld op de socialemediasite verversen |
| Een product in de webshop toont een tijdelijke afbeelding | geen productafbeelding, en dat is de uitgelichte afbeelding van het product | de productafbeelding instellen |
| Een leeg kader dat nooit laadt waar de afbeelding hoort | een plugin voor lazy loading, optimalisatie of een CDN | je websitebeheerder |
Hieronder elk symptoom apart. Kies het jouwe en sla de rest over.
Berichten op de blogpagina zonder afbeelding
Dit is het meest voorkomende en het eenvoudigste geval. Het bericht heeft geen afbeelding ingesteld, dus het thema heeft niets om te tonen. Een afbeelding in de inhoud van het bericht telt niet. De uitgelichte afbeelding is een apart veld.
Deze gaten ontstaan meestal na een import vanaf een ander platform, of in oude berichten die zijn geschreven voordat het thema miniaturen toonde. Bij een paar berichten verbeter je ze met de hand. Bij 150 berichten kost alleen al het vinden van de gaten veel klikken.
Met de hand gaat het zo:
- Open Berichten → Alle berichten en open een bericht zonder afbeelding.
- Zoek in het paneel met berichtinstellingen rechts het onderdeel Uitgelichte afbeelding.
- Kies een afbeelding uit de Mediabibliotheek. Liefst een die al in de inhoud van het bericht staat.
- Kijk of de afbeelding alt-tekst heeft en voeg die toe als ze ontbreekt. Onze handleiding over alt-tekst in WordPress legt uit hoe je die schrijft.
- Sla het bericht op en controleer de blogpagina in een privévenster.
De afbeelding is ingesteld, maar je ziet haar niet op de pagina
Dan beslist het thema. In blokthema’s wordt de lijst met berichten opgebouwd door een sjabloon in Weergave → Editor. Heeft het sjabloon van het archief of de blogpagina geen blok Uitgelichte afbeelding, dan zijn er geen afbeeldingen, ook al zijn ze ingesteld. In klassieke thema’s regelen themaopties dit, meestal in Weergave → Customizer.
Soms ondersteunt het thema afbeeldingen voor een bepaald soort inhoud helemaal niet. De documentatie van WordPress over uitgelichte afbeeldingen beschrijft dat: het thema moet ondersteuning aangeven, anders verschijnt het veld niet in de editor. Die toevoegen betekent bestanden van het thema wijzigen, dus laat dat aan de maker van het thema of je websitebeheerder over.
Controleer voordat je iemand iets vraagt de voorkeuren van de editor. Het menu met drie puntjes rechtsboven in de editor heeft een venster Voorkeuren met een lijst panelen. Het paneel voor de afbeelding staat misschien gewoon uit.
Wazige of slecht bijgesneden miniaturen
Bij het uploaden van een afbeelding maakt WordPress een paar bijgesneden versies in de formaten uit je instellingen en van het thema. Na een themawissel houden oude afbeeldingen de oude formaten, en het nieuwe thema rekt ze uit of snijdt ze anders bij. De oplossing is de miniaturen opnieuw aanmaken, bijvoorbeeld met de plugin Regenerate Thumbnails. Bij een grote bibliotheek belast dat de server, dus je websitebeheerder doet het beter.
Upload voortaan liggende afbeeldingen met het belangrijke deel in het midden. Dan blijft er bij elke uitsnede iets van over.
Een gedeeld bericht zonder of met de verkeerde afbeelding
Facebook en LinkedIn halen de afbeelding uit een verborgen tag op de pagina. De SEO-plugin schrijft die, meestal in deze volgorde: een afbeelding die met de hand in zijn velden is ingesteld, dan de uitgelichte afbeelding, dan een afbeelding uit de inhoud. Yoast beschrijft de volgorde en de aanbevolen formaten.
Heeft het bericht een afbeelding maar toont een gedeeld bericht een andere, controleer dan de socialemediavelden van de SEO-plugin bij dat bericht. Heb je de afbeelding na de eerste keer delen gewijzigd, dan onthoudt de socialemediasite misschien de oude versie. Gebruik dan de eigen tool van die site om het linkvoorbeeld te verversen.
Zo vindt de chat gaten en stelt hij afbeeldingen in batches in
De TellMyShop-plugin voor WordPress en WooCommerce controleert afbeeldingen al in de gratis versie TellMyShop Free. Je chat (Claude of ChatGPT) vindt berichten, pagina’s en producten zonder uitgelichte afbeelding. De websitecheck zet ze in het verbeterplan, naast andere gaten die we beschrijven in ons stuk over de SEO-audit van WordPress. Bij één pagina controleert de chat ook of een gedeeld bericht een afbeelding krijgt.
In TellMyShop Pro stelt de chat afbeeldingen in, wijzigt of verwijdert hij ze bij maximaal 50 berichten, pagina’s of producten tegelijk. Hij haalt de afbeelding uit de Mediabibliotheek of uploadt haar vanaf een openbaar adres, tot 15 MB, met meteen alt-tekst en een bestandsnaam. Hij maakt geen afbeeldingen. Hij koppelt afbeeldingen die je al hebt op basis van bestandsnaam, titel en het bericht waarbij de afbeelding is geüpload.
Jij: Zoek blogberichten zonder uitgelichte afbeelding en stel afbeeldingen voor.
Je chat: 23 berichten hebben geen afbeelding. 17 daarvan hebben al een foto in de inhoud, dus ik stel voor die als uitgelichte afbeelding te gebruiken. Een voorbeeld:
Twee van deze foto’s hebben geen alt-tekst. Ik stel voor die als aparte wijziging toe te voegen, direct na deze. 6 berichten hebben helemaal geen foto, die laat ik aan jou over.
Jij: Doe die 17.
Je chat: Voorbeeld: 17 berichten, afbeeldingen uit de Mediabibliotheek, niets geüpload. Je thema ondersteunt afbeeldingen bij berichten. Ik sla het op na jouw ‘ja’.
Status van de kaart: wacht op jouw “ja”Rozen snoeien in de herfst
oude versie: uitgelichte afbeelding: geen
nieuwe versie: uitgelichte afbeelding: rozen-snoeien-snoeischaar.jpg uit de Mediabibliotheek
Voor het opslaan waarschuwt het voorbeeld je als het thema geen afbeeldingen ondersteunt voor een soort inhoud, als een afbeelding geen alt-tekst heeft en als een product zonder hoofdafbeelding zou blijven. Een wijziging van een afbeelding maak je ongedaan vanuit de wijzigingsgeschiedenis, en ongedaan maken verwijdert ook afbeeldingen die vanaf een adres zijn geüpload. Wat de chat niet doet: hij wijzigt het archiefsjabloon niet, maakt geen miniaturen opnieuw aan en lost lazy loading niet op. Dat blijft bij je websitebeheerder.
Meer over alt-tekst lees je in de richtlijnen van Google voor afbeeldingen. De plugin staat beschreven op de pagina TellMyShop voor WordPress en WooCommerce, de prijzen bij prijzen, en meer handleidingen op de blog.
Vragen en antwoorden
Waar stel ik de uitgelichte afbeelding in een WordPress-bericht in?
In de berichteditor, in het paneel met berichtinstellingen rechts, onder Uitgelichte afbeelding. Je klikt erop, kiest een afbeelding uit de Mediabibliotheek of uploadt een nieuwe, en slaat het bericht op. In een WooCommerce-product heet hetzelfde veld Productafbeelding.
Waarom is er geen paneel Uitgelichte afbeelding in de editor?
Of het paneel is verborgen in de voorkeuren van de editor, of het thema ondersteunt uitgelichte afbeeldingen niet voor dat soort inhoud. Controleer eerst de voorkeuren van de editor en zet het paneel aan. Staat het daar niet, dan moet de maker van het thema of je websitebeheerder ondersteuning toevoegen.
Heeft de uitgelichte afbeelding invloed op Google?
Indirect. SEO-plugins gebruiken haar meestal als afbeelding bij delen op social media, en Google neemt afbeeldingen op de pagina mee voor afbeeldingsresultaten. De afbeelding alleen brengt je niet hoger, maar een bericht zonder afbeelding ziet er slechter uit op de blogpagina en bij delen.
Hoe groot hoort een uitgelichte afbeelding te zijn?
Dat hangt af van het thema, want elk thema snijdt afbeeldingen op zijn eigen manier bij. Voor delen raadt Yoast afbeeldingen van ongeveer 1200 pixels breed aan. Een veilige keuze is een liggende afbeelding met het belangrijke deel in het midden.
Ik ben van thema gewisseld en de miniaturen zijn slecht bijgesneden. Wat nu?
WordPress maakt bijgesneden versies van een afbeelding bij het uploaden, in de formaten van het oude thema. Het nieuwe thema heeft andere formaten nodig, dus die moeten opnieuw worden aangemaakt. De plugin Regenerate Thumbnails doet dat, of je websitebeheerder.
WordPress is een handelsmerk van de WordPress Foundation. WooCommerce is een handelsmerk van Automattic Inc. Claude is een handelsmerk van Anthropic PBC. ChatGPT en OpenAI zijn handelsmerken van OpenAI. TellMyShop is niet gelieerd aan deze bedrijven.