Nezobrazuje se náhledový obrázek ve WordPressu: příznak, příčina a oprava
Když se náhledový obrázek ve WordPressu nezobrazuje, obvykle je to z jednoho ze čtyř důvodů: v příspěvku není nastavený, šablona ho na tom místě neukazuje, obrázek má po změně šablony špatné velikosti, nebo SEO plugin pro sdílení vybírá jiný obrázek. Začněte příznakem, tedy tím, kde přesně chybí. To rozhodne, kde hledat příčinu.
Autor: Tým TellMyShop. Průvodce pro majitele webů na WordPressu a obchodů na WooCommerce: příčina, ruční oprava a stejná práce v rozhovoru v chatu.
Naposledy aktualizováno: · 5 min čtení
Příznak, příčina a oprava v jedné tabulce
| Příznak | Nejčastější příčina | Oprava |
|---|---|---|
| Některé příspěvky na stránce blogu ukazují šedý čtverec nebo nic | tyto příspěvky nemají nastavený náhledový obrázek (staré, importované, psané ve spěchu) | nastavit obrázek v příspěvku |
| Obrázek je nastavený, ale na stránce blogu chybí | šablona nebo šablona archivu obrázky neukazuje | nastavení šablony nebo šablona v Editoru webu |
| V editoru chybí panel Náhledový obrázek | panel skrytý v předvolbách nebo chybí podpora v šabloně | předvolby editoru, ten, kdo se o web stará |
| Rozmazaný obrázek nebo uříznutá hlava | staré velikosti miniatur po změně šablony | znovu vygenerovat miniatury |
| Sdílení na Facebooku nemá obrázek nebo má jiný | SEO plugin má nastavený jiný obrázek, nebo si web pamatuje starou verzi | obrázek v nastavení SEO pluginu, obnovení náhledu na sociální síti |
| Produkt v obchodě ukazuje zástupný obrázek | chybí obrázek produktu, což je náhledový obrázek produktu | nastavit obrázek produktu |
| Na místě obrázku prázdný rámeček, který se nikdy nenačte | plugin pro líné načítání, optimalizaci nebo CDN | ten, kdo se o web stará |
Níže postupně každý příznak. Vyberte ten svůj a zbytek přeskočte.
Příspěvky na stránce blogu bez obrázku
To je nejčastější a nejjednodušší případ. Příspěvek nemá nastavený obrázek, takže šablona nemá co ukázat. Obrázek vložený do obsahu příspěvku se nepočítá. Náhledový obrázek je samostatné pole.
Tyto mezery obvykle vzniknou po importu z jiné platformy, nebo u starých příspěvků napsaných dřív, než šablona začala ukazovat miniatury. U několika příspěvků je opravíte ručně. U 150 příspěvků dá spoustu klikání už jen mezery najít.
Ručně to uděláte takto:
- Otevřete Příspěvky → Všechny příspěvky a otevřete příspěvek bez obrázku.
- V panelu nastavení příspěvku vpravo najděte část Náhledový obrázek.
- Vyberte obrázek z Knihovny médií. Ideálně takový, který už je v obsahu příspěvku.
- Zkontrolujte, zda má obrázek alternativní text, a pokud chybí, přidejte ho. Jak ho napsat, vysvětluje náš návod k alt textu obrázků ve WordPressu.
- Příspěvek uložte a zkontrolujte stránku blogu v anonymním okně.
Obrázek je nastavený, ale na stránce ho nevidíte
V tom případě rozhoduje šablona. V blokových šablonách skládá seznam příspěvků šablona stránky ve Vzhled → Editor. Pokud šablona archivu nebo stránky blogu nemá blok Náhledový obrázek, obrázky tam nebudou, i když jsou nastavené. V klasických šablonách to řídí možnosti šablony, nejčastěji ve Vzhled → Přizpůsobit.
Někdy šablona obrázky pro daný typ obsahu vůbec nepodporuje. Popisuje to dokumentace WordPressu k náhledovým obrázkům: šablona musí podporu deklarovat, jinak se pole v editoru neobjeví. Její přidání znamená změnu souborů šablony, takže to nechte autorovi šablony nebo tomu, kdo se o web stará.
Než se kohokoli zeptáte, zkontrolujte předvolby editoru. Menu se třemi tečkami v pravém horním rohu editoru má okno Předvolby se seznamem panelů. Panel obrázku mohl být jednoduše vypnutý.
Rozmazané nebo špatně oříznuté miniatury
Když obrázek nahrajete, WordPress vytvoří několik oříznutých verzí ve velikostech daných nastavením a šablonou. Po změně šablony si staré obrázky nechají staré velikosti a nová šablona je roztáhne nebo ořízne jinak. Opravou je znovu vygenerovat miniatury, například pluginem Regenerate Thumbnails. U velké knihovny to zatěžuje server, takže je lepší, když to udělá ten, kdo se o web stará.
Do budoucna nahrávejte obrázky na šířku s důležitou částí uprostřed. Tak z ní zůstane něco při jakémkoli ořezu.
Sdílení bez obrázku nebo s jiným
Facebook a LinkedIn berou obrázek ze skryté značky na stránce. Zapisuje ji SEO plugin, obvykle v tomto pořadí: obrázek nastavený ručně v jeho polích, pak náhledový obrázek, pak obrázek z obsahu. Pořadí a doporučené velikosti popisuje Yoast.
Pokud má příspěvek obrázek, ale sdílení ukazuje jiný, zkontrolujte u toho příspěvku pole SEO pluginu pro sociální sítě. Pokud jste obrázek změnili po prvním sdílení, sociální síť si může pamatovat starou verzi. V tom případě použijte nástroj sítě pro obnovení náhledu odkazu.
Jak chat najde mezery a nastaví obrázky po dávkách
Plugin TellMyShop pro WordPress a WooCommerce kontroluje obrázky už v bezplatné verzi TellMyShop Free. Váš chat (Claude nebo ChatGPT) najde příspěvky, stránky a produkty bez náhledového obrázku. Kontrola webu je přidá do plánu oprav spolu s dalšími mezerami, které popisujeme v článku o SEO auditu webu na WordPressu. U jednotlivé stránky chat také ověří, zda sdílení dostane obrázek.
V TellMyShop Pro chat nastaví, změní nebo odstraní obrázky až u 50 příspěvků, stránek nebo produktů najednou. Obrázek vezme z Knihovny médií nebo ho nahraje z veřejné adresy, do 15 MB, rovnou s alternativním textem a názvem souboru. Grafiku nevytváří. Obrázky, které už máte, páruje podle názvu souboru, titulku a příspěvku, ke kterému byl obrázek nahrán.
Vy: Najdi příspěvky na blogu bez náhledového obrázku a navrhni obrázky.
Váš chat: 23 příspěvků nemá obrázek. 17 z nich už má fotku v obsahu, takže ji navrhuji použít jako náhledový obrázek. Příklad:
Dvě z těchto fotek nemají alternativní text. Navrhuji ho přidat jako samostatnou změnu, hned po této. 6 příspěvků nemá fotku vůbec, ty nechám vám.
Vy: Udělej těch 17.
Váš chat: Náhled: 17 příspěvků, obrázky z Knihovny médií, nic se nenahrává. Vaše šablona obrázky u příspěvků podporuje. Uložím po vašem „ano“.
Stav karty: čeká na vaše „ano“Podzimní řez růží
stará verze: náhledový obrázek: žádný
nová verze: náhledový obrázek: rez-ruzi-nuzky.jpg z Knihovny médií
Před uložením náhled upozorní, když šablona obrázky pro typ obsahu nepodporuje, když obrázek nemá alternativní text a když by produkt zůstal bez hlavního obrázku. Změnu obrázku můžete vrátit zpět z historie změn a vrácení odstraní i obrázky nahrané z adresy. Co chat neudělá: nezmění šablonu archivu, neprovede nové vygenerování miniatur ani neopraví líné načítání. To zůstává na tom, kdo se o web stará.
Víc o alternativním textu si přečtete v pokynech Googlu k obrázkům. Plugin popisuje stránka TellMyShop pro WordPress a WooCommerce, ceny jsou v ceníku a další návody na blogu.
Otázky a odpovědi
Kde v příspěvku WordPressu nastavím náhledový obrázek?
V editoru příspěvku, v panelu nastavení příspěvku vpravo, v části Náhledový obrázek. Kliknete na něj, vyberete obrázek z Knihovny médií nebo nahrajete nový a příspěvek uložíte. U produktu WooCommerce se stejné pole jmenuje Obrázek produktu.
Proč v editoru chybí panel Náhledový obrázek?
Buď je panel skrytý v předvolbách editoru, nebo šablona náhledové obrázky pro daný typ obsahu nepodporuje. Nejdřív zkontrolujte předvolby editoru a panel zapněte. Pokud tam uvedený není, podporu musí přidat autor šablony nebo ten, kdo se o web stará.
Ovlivňuje náhledový obrázek Google?
Nepřímo. SEO pluginy ho obvykle používají jako obrázek pro sdílení na sociálních sítích a Google bere obrázky na stránce v úvahu pro výsledky obrázků. Samotný obrázek pozice nezvedne, ale příspěvek bez něj vypadá hůř na stránce blogu i při sdílení.
Jakou velikost má mít náhledový obrázek?
Záleží na šabloně, protože každá obrázky ořezává po svém. Pro sdílení Yoast doporučuje obrázky široké asi 1200 pixelů. Bezpečná volba je obrázek na šířku s důležitou částí uprostřed.
Změnil jsem šablonu a miniatury jsou špatně oříznuté. Co teď?
WordPress vytváří oříznuté verze obrázku při nahrání, podle velikostí staré šablony. Nová šablona potřebuje jiné velikosti, takže je třeba je znovu vygenerovat. Udělá to plugin Regenerate Thumbnails, nebo ten, kdo se o váš web stará.
WordPress je ochranná známka WordPress Foundation. WooCommerce je ochranná známka společnosti Automattic Inc. Claude je ochranná známka společnosti Anthropic PBC. ChatGPT a OpenAI jsou ochranné známky společnosti OpenAI. TellMyShop s těmito společnostmi není propojen.