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/

2. Pokud již máte připravený obrázek, který chcete aby se zobrazil při sdílení určité stránky, můžete nyní tento obrázek nahrát na online úložiště (zdarma), abyste získali URL adresu. Pro nahrání obrázku klikněte sem: https://imgur.com/upload

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óddo 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:

Návod na zmenu obrázku pri zdieľaní

 

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

Jak si vytvořit web stránku jednoduše a zdarma (Webnode návod)

Jak si vytvořit web stránku jednoduše a zdarma (Webnode návod)

Chtěli jste si někdy vytvořit vlastní webovou stránku úplně od začátku? Chcete si vytvořit web nebo e-shop a zviditelnit se na Internetu? Začněte právě teď a naučte se jak si jednoduše vytvoříte svůj první vlastní web.Vytvoření webu s Webnode je...

Jak přejmenovat “Košík” v menu ve Webnode e-shopu?

Jak přejmenovat “Košík” v menu ve Webnode e-shopu?

Chtěli byste přejmenovat košík v e-shopu ve Webnode z "Košík" na např. "Můj košík"?   S mým jednoduchým návodem to určitě zvládnete. Stačí se přihlásit do mého newsletteru - William promotions news - a získat předpřipravený kód. V kódu jednoduše změníte text na...

Jak na web ve Webnode přidat animaci písajíci tužky?

Jak na web ve Webnode přidat animaci písajíci tužky?

Chcete zaujmout Vaše publikum? Chtěli byste si vylepšit Váš web?   Vytvořil jsem pro Vás kód, který umožní na Vašem webu nebo e-shopu ve Webnode zobrazit animaci písajúcej tužky. V kódu si můžete zvolit vlastní text, aby tužka psala přesně to, co chcete! :)...

Jak přidat FAQ záložky na web ve Webnode?

Jak přidat FAQ záložky na web ve Webnode?

Chtěli byste si na webové stránky ve Webnode přidat FAQ ?V návodu Jak zobrazit a skrýt text po kliknutí na tlačítko "Více textu"? jsem Vám ukázal jednoduchý způsob jak na webu skrýt text. V tomto návodu si ukážeme, jak je možné pomocí mého kódu vytvořit na webu...

Jak vytvořit jednoduchý vizitkový web?

Jak vytvořit jednoduchý vizitkový web?

Jak vytvořit jednoduchý vizitkový web? (scroll-ovací web)Co je to vizitkový web? Vizitkový web je jednoduchý web, který stručně a jasně představuje Vaše služby, či produkty. Je to jednoduchá webová stránka, která slouží pro získání základních informací o Vaší firmě....

Jak si vytvořit vlastní patičku ve Webnode?

Jak si vytvořit vlastní patičku ve Webnode?

Chtěli byste na web / e-shop přidat vlastní patičku (footer) ve Webnode?Chtěli byste si na webové stránky, či e-shop ve Webnode přidat přesměrování resp. odkaz na Vaše obchodní podmínky & GDPR do patičky? S mým jednoduchým návodem to určitě zvládnete. Stačí se...

Jak ve Webnode skrýt datum zveřejnění článku?

Jak ve Webnode skrýt datum zveřejnění článku?

Jak na webe ve Webnode skryť datum zveřejnění článku??V návodu Jak ve Webnode skrýt košík v eshopu? jsme si ukázali jak jednoduše je možné ve Webnode něco "skrýt". V tomto návodu se dozvíte, jak jednoduše můžete ve Webnode, odstranit datum z článku ve Vašem blogu....

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na webové stránky vložit mapu z Mapy.cz?

Jak na Vaše webové stránky vložit mapu od Mapy.cz?V návodech Jak správně nastavit Google Mapu ve Webnode? a Jak si vytvořit mapu s vlastními body (špendlíky na mapě)? jsme si ukázali jednoduché řešení pro přidání mapy na web přes služby od Google. V tomto návodu se...

Jak na web pridať padajíci konfety?

Jak na web pridať padajíci konfety?

Jak na webové stránky vo Webnode pridať animáciu - padajíci konfety?Do mé Webnode poradny přišla otázka, zda je možné na webu ve Webnode přidat animaci padajících konfet. Ano je to možné - pro všechny, kteří hledají "padající konfety na web" jsem připravil kód, který...

Líbil se ti tento návod? Pošli ho přátelům 🙂

Follow me