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.
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 „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.
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.
Rozmiar aktualnego wycięcia zobaczysz po lewej stronie edytowanego obrazka. Przytnij obrazek do rozmiaru 1200×630 px. Następnie kliknij „Zapisz”.
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.
Po powiększeniu obrazka zobaczysz adres URL do niego. Zaznacz go i skopiuj. Będzie Ci on potrzebny w kolejnym kroku.
Co mam zrobić z adresem URL?
Przejdź do zakładki „Strona www” i wybierz stronę, którą chcesz edytować.
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.
