Vytvorili ste si webové stránky a nezobrazuje sa Vám obrázok pri zdieľaní webu na Facebook?

Ak zdieľate odkaz na web na Facebooku, môže sa stať, že sa pri odkaze neobjaví žiadny obrázok alebo sa zobrazí obrázok, ktorý nechcete. V nasledujúcich krokoch sa dozviete, ako obrázok pre zdieľaný odkaz zmeniť.

Názorná ukážka problému s nefunkčným obrázkom:

1. Vyberte obrázok

Vyberte si obrázok, ktorý chcete, aby sa u zdieľaného odkazu zobrazoval. Veľkosť obrázku by nemala presiahnuť 8 MB.
Obrázky zadarmo môžete získať prostredníctvom fotobánk ako napr. 
https://pixabay.com alebo https://www.pexels.com/

2. Ak už máte pripravený obrázok, ktorý chcete aby sa zobrazil pri zdieľaní určitej stránky, môžete teraz tento obrázok nahrať na online úložisko (zdarma), aby ste získali URL adresu. Pre nahranie obrázku kliknite sem: https://imgur.com/upload

Následne kliknite na obrázok pravým tlačidlom myši a skopírujte URL adresu obrázku.

3. Upravte si HTML kód

Vložte URL adresu Vášho obrázku do kódu. URL adresu obrázku vložte namiesto “URL-ADRESA“.

 

4. Vložte kóddo HTML hlavičky stránky.

V hornej lište editora kliknite na “Stránky” – “Vyberte stránku u ktorej chcete zmeniť zdieľací obrázok” – “SEO nastavenia stránky” a “HTML kód hlavičky“. Vložte kód a zmeny publikujte.

TIP: Ak máte u Webnode zakúpené Prémiové služby (Standard alebo Profi) môžete vložiť HTML kód na všetky stránky webu. To bude znamenať, že pri zdieľaní nejakej (to je jedno akej) stránky Vášho webu sa zobrazí ten istý obrázok.
V hornej lište editora kliknete na “Nastavenia” – “Nastavenia 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ánke Sharing Debugger zadajte URL adresu Vášho webu a pokračujte možnosťou “Debug“. Nižšie na stránke nájdete náhľad zdieľaného odkazu. Ak sa obrázok neaktualizoval, použite možnosť “Scrape again“.

Hotovo 🙂 Pri zdielaní webu sa teraz zobrazuje obrázok.

Upozornenie: Keď budete nahrávať obrázok na úložisko, uistite sa, že obrázok nemá v názve medzeru. Medzeru odstráňte a nahraďte ju pomlčkou.

V prípade, že by ste obrázok nahrali s medzerou v názve napr. pod názvom “Moje logo” Facebook Vám obrázok nezoberie a nebude to fungovať.

Takže keď budete nahrávať obrázok premenujte ho napr. na “moje-logo“.

Potrebujete zmeniť aj text v náhľade odkazu?

Pre zmenu URL adresy použite kód:

Pre zmenu titulku použite kód:

Pre zmenu popisku použite kód:

Videonávod

Ďalšie skvelé návody

Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Ako si vytvoriť web stránku jednoducho a zdarma (Webnode návod)

Chceli ste si niekedy vytvoriť vlastnú webovú stránku úplne od začiatku? Chcete si vytvoriť webstránku alebo e-shop a zviditeľniť sa na Internete? Začnite práve teraz a naučte sa ako si jednoducho vytvoríte svoj prvý vlastný web.   Tvorba webu s...

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Ako si na web vo Webnode pridať online rezervačný systém? Zdarma!

Potrebujete na Vaše webové stránky napr. vo Webnode vložiť online rezervačný systém pre správu rezervácií? Nech už robíte čokoľvek, Reservio je skvelou voľbou pre organizáciu Vášho času! 🙂 A čo všetko Vám online rezervačný systém od Reservio ponúka? prehľadný...

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Ako pridať vyhľadávač produktov vo Webnode e-shope?

Chceli by ste vyhľadávač produktov na Vašom e-shope od WEBNODE?Hľadáte jednoduché a štýlové vyhľadávacie políčko, ktoré si vložíte na Váš web, či e-shop vo Webnode?VIDEONÁVOD:V návode Ako na web pridať vlastné vyhľadávacie pole? Google Custom Search  sme si ukázali...

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Ako vložiť Facebook Pixel kód na web vo WEBNODE?

Chceli by ste si prepojiť Váš web vo Webnode s Facebook? V návode Ako pridať remarketingový kód vo Webnode? som Vám priblížil čo ten remarketing vlastne je. Poďme sa teraz spoločne pozrieť na FB reklamu a Vaše ďalšie možnosti :)Čo je to ten Facebook Pixel?  ...

Ako premenovať “Košík” v menu vo WEBNODE e-shope?

Ako premenovať “Košík” v menu vo WEBNODE e-shope?

Chceli by ste premenovať košík v e-shope vo Webnode z "Košík" na napr. "Môj košík" ?   S mojim jednoduchým návodom to určite zvládnete. Stačí sa prihlásiť do môjho newslettra - William promotions news - a získať predpripravený kód. V kóde jednoducho zmeníte text...

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?

Ako na web vo WEBNODE pridať animáciu písajúcej ceruzky?

Chcete zaujať Vaše publikum?  Chceli by ste si vylepšiť Váš web?   Vytvoril som pre Vás kód, ktorý umožní na Vašom webe , či e-shope vo WEBNODE zobraziť animáciu písajúcej ceruzky. V kóde si môžete zvoliť vlastný text, aby ceruzka písala presne to, čo chcete! :)...

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?

Ako pridať rozbaľovacie záložky (FAQ) na web vo WEBNODE ?

Chceli by ste si na webové stránky vo Webnode pridať FAQ ?V návode Ako zobraziť a skryť text po kliknutí na tlačítko “Viac textu” ? som Vám ukázal jednoduchý spôsob ako na webe skryť text.   V tomto návode si ukážeme, ako je možné pomocou môjho kódu vytvoriť na...

Pomohol ti tento návod? Pošli ho priateľom 🙂

Follow me