Webnode: Ako nastaviť obrázok pre zdieľaný odkaz

09.09.2022

Vyber si, aký obrázok sa bude zobrazovať v aplikáciách Facebook a Messenger po zdieľaní odkazu na tvoju stránku. Odborne sa tomuto obrázku hovorí OG image. Okrem OG obrázka môžeš tiež nastaviť titulok a popis webstránky, ktoré sa budú zobrazovať na Facebooku a v Messengeri, keď si niekto prezdieľa tvoj web.

1. Obrázok si najskôr priprav v grafickom programe. 

Pokús sa dodržať rozmery 1200 x 627px a neprekroč veľkosť 5MB.

2. Obrázok nahraj na svoj projekt, ideálne na Skrytú stránku so súbormi. 

Návod pre vytvorenie takejto stránky nájdeš tu.

Zmeny publikuj.

3. Do HTML hlavičky celého webu (ak máš balíček Štandard a vyšší) alebo SEO hlavičky úvodnej stránky (platí pre všetky ne/balíčky) vlož tento kód:

<meta property="og:image" content="XXXXXXX" />

4. Teraz zobraz publikovanú verziu Skrytej stránky so súbormi. Nájdi obrázok a klikni naň pravým tlačidlom myšky pre zobrazenie kontextového menu. Skopíruj URL adresu obrázka.

5. Túto adresu dosaď za XXXXXX v kóde.

6. Zmeny publikuj.

7. Prejdi na stránku Sharing Debugger. Pre jej používanie sa budeš musieť prihlásiť na Facebook.

8. Do poľa vlož URL adresu tvojho webu alebo stránky, pre ktorú nastavuješ obrázok. Klikni na Debug.

9. Ak sa obrázok automaticky nezobrazí, klikni na tlačidlo Scrape again.

Hotovo. 👏

Výsledok:

Najnovšie návody pre Webnode

Vylepši si web o widgety zo sociek

Vyber si, aký obrázok sa bude zobrazovať v aplikáciách Facebook a Messenger po zdieľaní odkazu na tvoju stránku. Odborne sa tomuto obrázku hovorí OG image. Okrem OG obrázka môžeš tiež nastaviť titulok a popis webstránky, ktoré sa budú zobrazovať na Facebooku a v Messengeri, keď si niekto prezdieľa tvoj web.