WordPress návody

Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, Twitter)

Autor příspěvku Tomáš Cirkl

Ne vždy je vhodné mít stejný náhledový obrázek u příspěvku na blogu i při sdílení na sociálních sítích. Přípravou speciálních obrázků a úpravou textů pro sdílení na sociálních sítí můžete lépe upoutat pozornost a zvýšit počet prokliků na web. V tomto článku si ukážeme, jak nastavit jiný náhledový obrázek a text pro příspěvky sdílené na sociálních sítích Facebook a Twitter.

K tomu budeme potřebovat plugin Yoast SEO. Plugin je umístěný v oficiálním katalogu pluginů a můžete nainstalovat přímo z WordPress administrace.

Neznáte tento plugin? Přečtěte si našeho průvodce nastavení Yoast SEO.

Základní nastavení informací pro sociální sítě

Pokud necháte vše nastavené bez úprav, tak při sdílení na sociálních sítích se jako obrázek použije náhledový obrázek příspěvku, titulek se vezme z meta titulku (pokud nebyl upraven = název příspěvku) a do popisku se použije meta popisek (pokud nebyl upraven = prvních pár slov příspěvku).

V testovacím příspěvku mám staveno:

  • Název: Do češtiny přeložené WordPress šablony a pluginy
  • Popisek: Nebyl zadán
  • Náhledový obrázek: Otevřená kniha

Při sdílení pak příspěvek vypadá následovně:

Facebook náhled příspěvku

Twitter náhled příspěvku

Nastavení popisku, titulku a náhledového obrázku pro Facebook

Facebook pro zobrazení informací o příspěvku používá OG meta informace. Pro jejich nastavení běžte do detailu příspěvku a v boxu Yoast SEO klikněte na symbol sociálních sítí.

Nastavení sociálních sítí

Zobrazí se formulář pro vložení informací pro Facebook. Nastavit zde můžete:

  • Facebook titulek
  • Facebook popis
  • Facebook obrázek (dodržujte doporučený rozměr)

Facebook meta informace

Zadejte informace a nastavení uložte. Náhled příspěvku a promazání Facebook cache můžete udělat přes nástroj Debugger.

Upravené zobrazení Facebook

Nastavení popisku, titulku a náhledového obrázku pro Twitter

Obdobně postupujte pro nastavení informací pro Twitter. Vše funguje stejně, jen Twitter své meta informace nazývá Twitter Cards. Do jejich nastavení se dostanete tak, že v boxu Yoast SEO kliknete na symbol sociálních sítí a poté na záložku s logem Twitter.

Zobrazený formulář umožňuje nastavit pro Twitter tyto informace:

  • Twitter titulek
  • Twitter popisek
  • Twitter obrázek (dodržujte doporučený rozměr)

Twitter meta informace

Pro zadání informací příspěvek uložte a vše si můžete otestovat v nástroji Card validator.

Twitter upravený náhled

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 3 roky. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.