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

Ako prepojiť Facebook Messenger s webom u Webnode?

Chcete prepojiť Facebook Messenger s webom u Webnode a získať tak "online chat" na webe úplne zdarma?   Jednoduchý návod na prepojenie webu u Webnode s Facebook Messenger Facebook Messenger je skvelou voľbou pre komunikáciu s návštevníkom Vášho webu. Po kliknutí na...

Ako Nastaviť Emailový Marketing vo Webnode cez MailChimp?

Hľadáte jednoduché riešenie pre e-mailový marketing vo Webnode? Chcete na Váš web vložiť vyskakovacie okno (pop-up) pre zber e-mailov? Posielajte svojim odberateľom novinky skrz automatizovaný systém MailChimp. Je to zdarma do 2 000 odberateľov a 12 000 e-mailov...

Ako pridať remarketingový kód vo Webnode?

Ako nastaviť remarketing vo Webnode? a Kam vložiť remarketingový kód?   V návode Ako pridať konverzný kód vo Webnode? som Vám ukázal jednoduchý postup pre vloženie konverzného kódu pre sledovanie konverzií. Poďme sa teraz spoločne pozrieť na ďalšiu PPC metódu...

Ako nastaviť poštového klienta Gmail s emailom od Webnode?

Chcete prepojiť svoj e-mail u Webnode s Gmail.com a nastaviť Gmail ako poštového klienta? Príjem správ z Webnode do Gmail.   V návode Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA som Vám ukázal veľmi jednoduchý spôsob ako si vytvoriť emailový...

Ako sledovať aktivitu návštevníkov Vášho webu pomocou SmartLook?

Chcete pochopiť správanie Vášho klienta na webe? Služba SmartLook Vám s tým určite pomôže.   Čo je to "Smartlook" ?   Smartlook je online aplikácia pre nahrávanie pohybu myši návštevníkov Vášho webu/eshopu, Pomôže Vám odhaliť chyby na Vašom webe. Použitie...

Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)?

Chcete na web vo Webnode pridať mapu s vlastnými bodmi?   V návode Ako správne nastaviť Google Mapu vo Webnode? som Vám ukázal ako vložiť mapu z klasickej adresy v Google My maps. V tomto návode si ukážeme postup pre vytvorenie vlastnej mapy s neobmezedným počtom...

Ako Vytvoriť Profesionálny E-mailový Podpis? Jednoducho a ZDARMA

Hľadáte spôsob ako si vytvoriť emailový podpis? (Gmail, Webmail, Outlook apod) Emailový podpis je nevyhnuteľnou súčasťou modernej komunikácie medzi zákazníkom a podnikateľom. Firemný email zvýši dôveryhodnosť v očiach Vášho potencionálneho klienta. Vytvorte si preto...

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

Viliam

Jednatel vo Webgrow s.r.o.
Baví ma Internet a zvlášť redakčné systémy ako Webnode alebo WordPress s Divi šablónou.  Vytvoril som pre Vás portál Wpromotions.eu, aby som Vám pomohol s tvorbou Vašej webovej stránky alebo e-shopu. V prípade potreby ma neváhajte kontaktovať, rád Vám poradím.

Prihláste sa k odberu noviniek zo sveta webových stránok - William Promotions

Pripojte sa do nášho newslettra, a už Vám neunikne žiadny návod :) 

Získaj zdarma návody a tipy na tvorbu webu

1x e-mail do mesiaca s 5 novými návodmi

Ďakujem ti za prihlásenie. Ozvem sa čoskoro s novým návodom :)