sociální sítě

Jak nastavit jiný náhledový obrázek pro sdílení na sociálních sítích (Facebook, 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. 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
Facebook náhled příspěvku
Twitter 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í
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
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
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
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
Twitter upravený náhled

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

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

  1. 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.

  2. 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

  3. 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í.

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík
Přejít nahoru