Videonávod

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:

Ďalšie skvelé návody

6 najlepších WEBNODE šablón pre tvorbu webu v roku 2021

6 najlepších WEBNODE šablón pre tvorbu webu v roku 2021

6 najobľúbenejších šablón pre tvorbu webu v redakčnom systéme WebnodeV našich Webnode Free Novinkách sme si už o Webnode editore povedali pár zaujímavostí. Už ste čítali článok o 5 nových funkciách NOVÉHO Prémiového balíčku Business?  Vedeli ste, že redakčný systém...

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

Aký bol rok 2020 v spoločnosti Webnode.sk?

Aký bol rok 2020 v spoločnosti Webnode.sk?

Webnode hlási viac než 50 000 hodín odpracovaných v roku 2020V minulosti bolo k založeniu vlastnej internetovej stránky nutné ovládať aspoň základné technické znalosti či pomoc programátora. A práve tento fakt mnoho ľudí od tvorby vlastného webu odradil.  ...

Ako premenovať tlačítko “Do košíku” vo Webnode e-shope?

Ako premenovať tlačítko “Do košíku” vo Webnode e-shope?

Chceli by ste vo Webnode e-shope premenovať tlačítko "Do košíku"?V návode "Ako premenovať “Košík” v menu vo WEBNODE e-shope?" som Vám ukázal, ako sa môžete odlíšiť od konkurencie, a premenovať si Košík v Menu. Poďme sa teraz spoločne pozrieť na Vaše ďalšie možnosti....

Ako zmeniť štýl písma (font) vo Webnode?

Ako zmeniť štýl písma (font) vo Webnode?

VideonávodChceli by ste si zmeniť štýl písma vo Webnode na svoj vlastný?   Pár slov na úvodNástroj Webnode umožňuje zmeniť štýl písma v sekcii: "Nastavenia" - "Vzhľad" - "Fonty" a fonty, ktoré editor ponúka sú veľmi pekné. Nie každému avšak preddefinované fonty...

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

Follow me