Powiązane narzędzia
Co generuje Open Graph?
Open Graph opisuje stronę dla serwisów, które budują kartę po udostępnieniu linku. Generator skupia się na metadanych social media, a nie na podglądzie wyniku Google. Dzięki temu możesz przygotować osobny tytuł, opis i obraz przeznaczone do udostępniania.
Dla podstawowego obiektu Open Graph najważniejsze są og:title, og:type, og:image i og:url. og:description, og:site_name i og:locale uzupełniają kartę, ale nie należą do czterech podstawowych właściwości.
Obraz Open Graph: URL, alt i rzeczywiste wymiary
Najczęstszy problem z kartą to obraz, którego platforma nie może pobrać. Dlatego kalkulator próbuje załadować podany URL w przeglądarce. Jeżeli się uda, pokazuje rzeczywiste wymiary obrazu i wpisuje je do pól szerokości i wysokości.
og:image:alt jest generowany niezależnie od wymiarów. Warto opisać, co przedstawia obraz, zamiast powtarzać sam tytuł strony. Jeśli ręcznie zmienisz szerokość lub wysokość, generator zachowa Twoją wartość, ale zaznaczy w podpowiedzi, że wymiary nie pochodzą już z automatycznego odczytu.
Samo załadowanie obrazu w Twojej przeglądarce nie gwarantuje, że bot konkretnej platformy również go pobierze. Serwer może inaczej traktować roboty, blokować hotlinkowanie albo zwracać inny plik zależnie od nagłówków.
Open Graph a Twitter/X Cards
Generator może równolegle utworzyć tagi twitter:card, twitter:title, twitter:description, twitter:image i twitter:image:alt. Dla karty z dużym obrazem wybierz summary_large_image; dla mniejszej karty – summary.
Podgląd w kalkulatorze jest tylko orientacyjny. Każda platforma ma własne zasady kadrowania, cache, limitów tekstu i wyboru obrazu, dlatego po publikacji trzeba sprawdzić finalny URL w rzeczywistym kanale udostępniania.
Najczęstsze tagi i ich rola
| Tag | Rola | Status w OGP |
|---|---|---|
og:title | Tytuł obiektu udostępnianego | podstawowy |
og:type | Typ obiektu, np. website lub article | podstawowy |
og:image | URL obrazu karty | podstawowy |
og:url | Kanoniczny URL obiektu Open Graph | podstawowy |
og:description | Opis widoczny na części platform | opcjonalny |
og:image:alt | Opis alternatywny obrazu | zalecany przy og:image |
twitter:card | Typ karty dla X/Twitter | osobny zestaw metadanych |
Wskazówka: po zmianie karty pamiętaj o cache
Jeśli po zmianie tytułu lub obrazu nadal widzisz starą wersję, problemem często jest cache platformy. Najpierw upewnij się, że nowy kod jest już w publicznym HTML strony i że obraz otwiera się bez logowania. Dopiero potem odśwież podgląd w narzędziu danej platformy albo, gdy to potrzebne, użyj nowego URL obrazu.
Jak wdrożyć wygenerowany kod
- Uzupełnij URL strony, obraz, tytuł i typ obiektu.
- Sprawdź status obrazu oraz automatycznie wykryte wymiary.
- Uzupełnij alt i opcjonalny opis.
- Skopiuj wygenerowane tagi do sekcji
<head>. - Opublikuj stronę i sprawdź kod w publicznej wersji HTML.
- Zweryfikuj finalną kartę na platformie, na której link będzie udostępniany.
Specyfikacja: The Open Graph protocol.
Ostatnia aktualizacja: 25.09.2026