--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: "Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, Twitter)" url: https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/ date: 2017-10-17 modified: 2022-12-05 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [facebook, seo, sociální sítě, twitter, Yoast SEO] --- WordPress návody # Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, Twitter) [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 17. 10. 2017 Aktualizováno **5. 12. 2022** 2 min čtení Pozor: Článek je z roku 2017. Některé postupy se mohly změnit. ![sociální sítě](https://www.wplama.cz/wp-content/uploads/2017/10/socialoni-site.jpg "sociální sítě") Obsah článku (3 kapitoly) 1. [Základní nastavení informací pro sociální sítě](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#zakladni-nastaveni-informaci-pro-socialni-site) 2. [Nastavení popisku, titulku a náhledového obrázku pro Facebook](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#nastaveni-popisku-titulku-a-nahledoveho-obrazku-pro-facebook) 3. [Nastavení popisku, titulku a náhledového obrázku pro Twitter](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#nastaveni-popisku-titulku-a-nahledoveho-obrazku-pro-twitter) 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](https://cs.wordpress.org/plugins/wordpress-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](https://www.wplama.cz/stitek/pruvodce-nastaveni-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](https://www.wplama.cz/wp-content/uploads/2017/10/facebook-nahled-prispevku.png "Facebook náhled příspěvku")](https://www.wplama.cz/wp-content/uploads/2017/10 / facebook-nahled-prispevku.png) Facebook náhled příspěvku [![Twitter náhled příspěvku](https://www.wplama.cz/wp-content/uploads/2017/10/twitter-nahled-prispevku.png "Twitter náhled příspěvku")](https://www.wplama.cz/wp-content/uploads/2017/10 / twitter-nahled-prispevku.png) 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í](https://www.wplama.cz/wp-content/uploads/2017/10/nastaveni-socialnich-siti-1.png "Nastavení sociálních sítí")](https://www.wplama.cz/wp-content/uploads/2017/10 / nastaveni-socialnich-siti-1.png) 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](https://www.wplama.cz/wp-content/uploads/2017/10/facebook-meta-informace-1024x825.png "Facebook meta informace")](https://www.wplama.cz/wp-content/uploads/2017/10 / facebook-meta-informace.png) 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](https://www.wplama.cz/wp-content/uploads/2017/10/upravene-zobrazeni-facebook.png "Upravené zobrazení Facebook")](https://www.wplama.cz/wp-content/uploads/2017/10 / upravene-zobrazeni-facebook.png) 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](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup). 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](https://www.wplama.cz/wp-content/uploads/2017/10/twitter-meta-informace-1024x826.png "Twitter meta informace")](https://www.wplama.cz/wp-content/uploads/2017/10 / twitter-meta-informace.png) Twitter meta informace Pro zadání informací příspěvek uložte a vše si můžete otestovat v nástroji [Card validator](https://cards-dev.twitter.com/validator). [![Twitter upravený náhled](https://www.wplama.cz/wp-content/uploads/2017/10/twitter-upraveny-nahled.png "Twitter upravený náhled")](https://www.wplama.cz/wp-content/uploads/2017/10 / twitter-upraveny-nahled.png) Twitter upravený náhled - [#facebook](https://www.wplama.cz/stitek/facebook/) - [#seo](https://www.wplama.cz/stitek/seo/) - [#sociální sítě](https://www.wplama.cz/stitek/socialni-site/) - [#twitter](https://www.wplama.cz/stitek/twitter/) - [#Yoast SEO](https://www.wplama.cz/stitek/yoast-seo/) Sdílet - - [](mailto:?subject=Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, Twitter)&body=Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, Twitter) https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site%2F) TC Autor 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 Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (8) [Přidat komentář →](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#respond) M Matúš [9. 8. 2018](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72844) Dobrý deň, urobil som to s tým Facebookom presne ako to popisujete a vo výsledku Facebook pri každom príspevku zobrazuje miesto mnou určených vecí – fotografiu zo záhlaví apod. kde môže byť chyba prosím. Ďakujem, som už zúfalí úplne. [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72844) TC Tomáš Cirkl WPlama [9. 8. 2018](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72847) Zdravím, zkuste nejprve načíst odkaz znovu přes Facebook debuger: [https://developers.facebook.com/tools/debug/](https://developers.facebook.com/tools/debug/) Případně kouknout do zdrojového kódu, zda je tam ten og tag správně. [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72847) M Matúš [10. 8. 2018](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72849) Ako mám nájsť zdrojový kód danej stránky? [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72849) TC Tomáš Cirkl WPlama [10. 8. 2018](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72858) Když jste na stránce, tak CTRL + U a měl by se zobrazit. [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-72858) --- --- --- --- P Pavel [18. 11. 2018](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-74914) Dobrý den, prosím, co mám a kde udělat aby šly sdílet některé příspěvky ve zprávě.Když stisknu sdílet vpravo pod příspěvkem, tak se objeví nabídka komu – stisknu v soukromé zprávě, objeví se seznam přátel a vpravo anglicky send (dříve to bylo v češtině a šlo to bez problémů), teď mi to napíše, že příspěvek nelze momentálně sdílet, že to mám zkusit později. Přitom když dám sdílet na timeline přítele, tak to funguje a sdílí se to. Můžete někdo poradit? Děkuji [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-74914) TC Tomáš Cirkl WPlama [19. 11. 2018](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-74929) Zdravím, jaký plugin používáte na sdílení? [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-74929) --- --- J Jiří [2. 3. 2021](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-201503) Dobrý den, tento plugin je placený a docela drahý. Neexistuje nějaký zdarma, který umí to samé? Nainstaloval jsem si jen free verzi a ta umí změnit náhledový obrázek pouze na Twitteru, funguje to dobře, ale Facebook vůbec nenabízí. [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-201503) TC Tomáš Cirkl WPlama [2. 3. 2021](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-201507) Dobrý den, plugin je v základní verzi zdarma a tato verze je popisována v návodu. [Odpovědět](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#comment-201507) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-nastavit-jiny-nahledovy-obrazek-pro-socialni-site/#respond) [← Předchozí článek WordPress školení pro začátečníky + Divi](https://www.wplama.cz/wordpress-skoleni-pro-zacatecniky-divi/) [Další článek → Nově v Divi: Nastavení stínů pro všechny prvky](https://www.wplama.cz/nove-v-divi-nastaveni-stinu-pro-vsechny-prvky/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---