Jak změnit obrázek pro sdílený odkaz na Facebook?

Videonávod

Nezobrazuje se Vám obrázek při sdílení webu na Facebook?

Pokud sdílíte odkaz na web na Facebooku, může se stát, že se při odkazu neobjeví žádný obrázek nebo se zobrazí obrázek, který nechcete. V následujících pár krocích se dozvíte, jak jednoduše obrázek pro sdílený odkaz změnit.

Názorná ukázka problému s nefunkčním obrázkem:

1. Vyberte obrázok

Vyberte si obrázek, který chcete, aby se u sdíleného odkazu zobrazoval. Velikost obrázku by neměla přesáhnout 8 MB.
Obrázky zdarma můžete získat prostřednictvím fotobank jako např. https://pixabay.com alebo https://www.pexels.com/

Následně klikněte na obrázek pravým tlačítkem myši a zkopírujte URL adresu obrázku.

3. Upravte si HTML kód

Vložte URL adresu Vašeho obrázku do kódu. URL adresu obrázku vložte namísto “URL-ADRESA“.

4. Vložte kód ↓ do HTML hlavičky stránky.

V horní liště editoru klikněte na “Stránky” – “Vyberte stránku u které chcete změnit Sharer obrázek” – “SEO nastavení stránky” a “HTML kód hlavičky“.

Vložte kód a změny publikujte.

TIP: Pokud máte u Webnode zakoupené Prémiové služby (Standard nebo Profi) můžete vložit HTML kód na všechny stránky webu. To bude znamenat, že při sdílení nějaké (to je jedno jaké) stránky Vašeho webu se zobrazí stejný obrázek.
V horní liště editoru kliknete na “Nastavení” – “Nastavení webu” – “HTML hlavička webu” a kód vložíte:

5. Pokračujte na Sharing Debugger

Na stránce Sharing Debugger zadejte URL adresu Vašeho webu a pokračujte možností “Debug“. Níže na stránce najdete náhled sdíleného odkazu. Pokud se obrázek neaktualizoval použijte možnost “Scrape again“.

Hotovo 🙂 Při sdílení webu se nyní zobrazuje obrázek.

Upozornění: Když budete nahrávat obrázek na úložiště, ujistěte se, že obrázek nemá v názvu mezeru. Mezeru odstraňte a nahraďte ji pomlčkou.

V případě, že byste obrázek nahráli s mezerou v názvu např. pod názvem “Moje logo” Facebook Vám obrázek nevezme a nebude to fungovat.

Takže když budete nahrávat obrázek přejmenujte ho např. na “moje-logo”.

Další návody