Czym jest Open Graph Image oraz jak go ustawić w Calendesk?
![Czym jest Open Graph Image oraz jak go ustawić w Calendesk?](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/662d351cac9bfbdb072d0619_czym-jest-open-graph-image-oraz-jak-go-ustawic-w-calendesk.webp)
![Czym jest Open Graph Image oraz jak go ustawić w Calendesk?](https://cdn.prod.website-files.com/65a722edc8c9641642f1ab91/65e163516ab08d791fa88aea_placeholder_3.webp)
Open Graph Image jest ukrytym tagiem meta HTML, który jest wykorzystywany przez social media lub komunikatory online, do prezentacji udostępnianego linku strony www. To pozwala autorom stron na kontrolę tego, w jaki sposób strona www lub system rezerwacji online prezentuje się podczas udostępniania.
![ogimage](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30dcb_ogimage.webp)
W Calendesk możesz ustawić Open Graph Image URL w kreatorze stron www w zakładce „Ogólne”. Aby to zrobić, wystarczy, że wkleisz link URL do wskazanego obrazka i opublikujesz zmiany.
Ważne! Platformy społecznościowe oraz komunikatory online zapisują obrazki w swoich plikach tymczasowych (cache). Odświeżenie takiego obrazka może potrwać nawet kilka dni. Możesz spróbować przyspieszyć ten proces, wykorzystując narzędzia dostarczane przez platformy społecznościowe:
- Facebook sharing debugger: https://developers.facebook.com/tools/debug/
- Twitter Card validator: https://cards-dev.twitter.com/validator
Skąd wezmę adres URL do obrazka?
Przejdź do zakładki „Narzędzia – Pliki” w Panelu Administratora Calendesk i dodaj obrazek o wielkości 1200×630 pikseli. Rozmiar obrazka ma znaczenie, jeśli dodasz zły rozmiar, niektóre platformy mogę nie wyświetlać poprawnie Twojej grafiki.
![narzedzia-pliki](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30dd8_narzedzia-pliki.webp)
Jak mogę dostosować rozmiar obrazka?
Możesz skorzystać z prostego edytora grafik w Calendesk, który pozwoli Ci przyciąć odpowiednio grafikę. Najedź kursorem na obrazek, który chcesz wyciąć, kliknij ikonkę pędzla, aby otworzyć dodatkowe narzędzie.
![edit-picture](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30de3_edit-picture-scaled.webp)
Rozmiar aktualnego wycięcia zobaczysz po lewej stronie edytowanego obrazka. Przytnij obrazek do rozmiaru 1200×630 px. Następnie kliknij „Zapisz”.
![rozmiar-zdjecia](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30dbc_rozmiar-zdjecia.webp)
Gdzie znajdę adres URL do mojej grafiki?
Najdź ponownie na wybrany obrazek i kliknij ikonkę lupy, która powiększy wybrany obrazek na ekranie i wyświetli dodatkowe informacje.
![podglad-link](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30dd5_podglad-link.webp)
Po powiększeniu obrazka zobaczysz adres URL do niego. Zaznacz go i skopiuj. Będzie Ci on potrzebny w kolejnym kroku.
![link](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30dd2_link.webp)
Co mam zrobić z adresem URL?
Przejdź do zakładki „Narzędzia – Strony www” i wybierz stronę, którą chcesz edytować.
![edycja-szablonu](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c85149f80636b0d4f93b_edycja-szablonu-scaled.webp)
Następnie w zakładce „Ogólne” w kreatorze stron www, wyszukaj pole o nazwie Open Graph URL. Wklej w tym miejscu skopiowany adres URL. Po wklejeniu adresu opublikuj zmiany i przetestuj je, wykorzystując narzędzie od Facebooka (https://developers.facebook.com/tools/debug/). Pamiętaj, że zmiany mogę pojawić się z opóźnieniem nawet do kilku dni.
Ta sekcja zawiera również inne, dodatkowe pola.
- Favicon URL: Favicon URL jest to adres URL do ikonki, która wyświetla się w przeglądarce, gdy masz otwartą kartę z Twoją stroną, tutaj analogicznie możesz wstawić adres URL do np. swojego logo. Rozmiar takiego obrazka to 16×16 px.
- Opis strony dla robotów (SEO): To pole wykorzystaj, aby ustawić opis swojej strony (maksymalnie 160 znaków). Ten opis może wyświetlić się w wyszukiwarkach Google, czy Bing lub podczas udostępniania linku Twojej strony na platformach społecznościowych, czy poprzez komunikatory online takie jak np. WhatsApp, Skype, Slack, Discord.
![ogolne-linki](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c8533296a96b7fe30dc1_ogolne-linki.webp)