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

Webnode Recenzia

Webnode Recenzia

Webnode recenzia 2023Tvorba webu s Webnode je jednoduchá - zvládne to aj Vaša babičkaVitajte v našej Webnode recenzii, kde Vám ponúkame objektívny pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové...

Ako pridať recenzie z Facebook na web vo Webnode?

Ako pridať recenzie z Facebook na web vo Webnode?

Facebook Recenzie vo Webnode Facebook Recenzie - zdarma VS premium Facebook Recenzie - vyberte si ten správny typ Facebook Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Facebook na web vo Webnode? Pár slov na záver Facebook Recenzie HTML Widget -...

Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA!

Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA!

Vyskakovacie (pop-up) okno vo Webnode Vyskakovacie (pop-up) okno – zdarma VS premium Vyskakovacie (pop-up) okno - vyberte si ten správny typ Vyskakovacie okno (pop-up) a Webnode e-shop/web Vyskakovacie okno (pop-up) – mobil/tablet NÁVOD: Ako pridať vyskakovacie okno...

Ako pridať recenzie z Google na web vo Webnode?

Ako pridať recenzie z Google na web vo Webnode?

Google Recenzie vo Webnode Google Recenzie - zdarma VS premium Google Recenzie - vyberte si ten správny typ Google Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Google na web vo Webnode? Pár slov na záver Google Recenzie HTML Widget - Časté otázky...

Úspešný firemný web – návod, výhody, povinnosti a tipy!

Úspešný firemný web – návod, výhody, povinnosti a tipy!

Ako sme písali v článku Webnode recenzia, Webnode editor je vhodný pre širokú škálu používateľov. Prednedávnom sme si ukázali, že jednoduchosť a užívateľskú prívetivosť tohto online editora ocenia napríklad aj snúbenci, a to pri tvorbe svadobného webu. Webnode je...

Ako pridať certifikát “Overené zákazníkmi” vo Webnode?

Ako pridať certifikát “Overené zákazníkmi” vo Webnode?

O nástroji na tvorbu webu Webnode sme naposledy písali vo Webnode recenzii. V novinke 5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy sme Vám ukázali, aké funkcie sú súčasťou najvyššieho Prémiového balíčku. Majitelia e-shopov pripravte sa!...

Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)

Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)

Vyskakovacie okno vo Webnode Vyskakovacie okno zdarma vs platená verzia Vyskakovacie okno šablóny Vyskakovacie okno a Webnode e-shop Ako vo Webnode pridať vyskakovacie okno? Záver Vyskakovacie okno - Časté otázky (FAQ)Vyskakovacie okno vo WebnodeChceli by ste na Vaše...

Svadobný web zadarmo

Svadobný web zadarmo

Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...

Kopírujte a presúvajte obsah bez limitácií

Kopírujte a presúvajte obsah bez limitácií

Kopírujte a presúvajte obsahPred pár mesiacmi sme Vám na portáli Wpromotions predstavili 7 nových WEBNODE šablón pre tvorbu firemného webu. Dnes sa pozrieme na novinky, ktoré ponúka editor pri práci s obsahom, konkrétne kopírovanie a presúvanie obsahu.Kopírovanie a...

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

Viliam
Follow me