Wypełnij pola, skopiuj tagi do <head> strony. og:* dla Facebooka, LinkedIna, WhatsAppa, Slacka i Discorda; twitter:* dla X. Nic nie opuszcza Twojej przeglądarki.
| Tag | Do czego służy |
|---|---|
og:title | Nagłówek karty. Najlepiej poniżej ok. 70 znaków; może różnić się od <title> strony. |
og:description | Jedno–dwa zdania pod tytułem. Widać ok. 150–200 znaków, reszta jest ucinana. |
og:image | Obrazek. Bezwzględny adres https:// — roboty nie rozwijają ścieżek względnych. 1200×630 działa wszędzie. |
og:image:width | Razem z og:image:height pozwala Facebookowi ułożyć kartę już przy pierwszym udostępnieniu, zanim pobierze obrazek. |
og:url | Kanoniczny adres strony: udostępnienia jej wariantów liczą się jako jedno. |
og:type | website dla większości stron, article dla wpisów. W samej karcie zmienia niewiele. |
og:site_name | Nazwa serwisu, wyświetlana nad tytułem w Slacku, Discordzie i Telegramie. |
twitter:card | summary_large_image dla dużej karty z obrazkiem na X; summary dla małej kwadratowej. X bierze tytuł, opis i obrazek z og:*, gdy brak twitter:*. |
twitter:site | Konto serwisu na X, opcjonalnie. |
Tag to łatwa część; obrazek to praca. Shareglint renderuje kartę w Twoich barwach dla każdej podstrony z jej tytułu — 153 gotowych szablonów albo Twój HTML, 100 obrazków miesięcznie za darmo.
Potrzebujesz og:title, og:description, og:image i twitter:card. X czyta wartości og:*, gdy brakuje jego twitter:title, twitter:description albo twitter:image, więc kopie twitter:* są opcjonalne — pozwalają pokazać na X inny tekst.
Do <head> każdej strony, w HTML-u, który wysyła serwer. Roboty serwisów społecznościowych nie uruchamiają JavaScriptu, więc tagi dopisane po stronie przeglądarki nigdy nie są widziane.
1200×630 pikseli (1,91:1), JPEG albo PNG, poniżej 600 KB, żeby pokazał go też WhatsApp. Minima i limity poszczególnych serwisów, ze źródłami, są na stronie o rozmiarze obrazka OG.
Nie. Tagi składa JavaScript na tej stronie; formularz nigdy nie jest wysyłany.