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 články o Webnode

Vylepši si web

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.

Návod pre vloženie playlistu zo Spotify na webstránky Webnode. Tento postup môžeš uplatniť na vkladanie v podstate čohokoľvek - Youtube playlistov a videí, Soundcloud nahrávok a skladieb, GIFov atď.

Pomohol ti tento návod? Zdieľaj ho!

Nepomohol? Nechaj mi komentár, alebo mi napíš správu. Rada ti poradím.