Generator Open Graph i kart X (Twitter)

Jak korzystać z generatora Open Graph

1. Wpisz Tytuł i Opis, które ludzie mają zobaczyć po udostępnieniu linku. Mogą różnić się od tytułu SEO: pisz je z myślą o feedzie w mediach społecznościowych.
2. Dodaj Adres URL strony (adres kanoniczny) i Adres URL obrazu. Oba muszą być bezwzględne i zaczynać się od https://.
3. Opisz obraz w polu Opis obrazu (tekst alternatywny), aby osoby korzystające z czytników ekranu wiedziały, co przedstawia.
4. Wybierz lub upuść ten sam obraz w sekcji Obraz do podglądu. Zostaje na twoim urządzeniu: narzędzie używa go tylko do narysowania podglądów i uzupełnienia pól Szerokość obrazu (px) i Wysokość obrazu (px).
5. Ustaw Nazwa witryny, Typ treści i Ustawienia regionalne (locale) – na tej stronie domyślnie pl_PL – a potem wybierz styl Karta X (Twitter) i, jeśli je masz, konta X witryny i autora.
6. Sprawdź podglądy i listę Kontrola, a następnie Kopiuj lub Pobierz tagi i wklej je w sekcji <head> strony.

Do czego służą tagi Open Graph

Gdy link zostaje wklejony na Facebooku, LinkedInie, X, Slacku, Discordzie, WhatsAppie, iMessage i w wielu innych aplikacjach, robot pobiera stronę i odczytuje jej meta tagi Open Graph (og:), aby zbudować kartę: obraz, tytuł, krótki opis i domenę. Bez tych tagów aplikacja zgaduje – często wybiera logo, baner cookies albo pierwsze zdanie z menu.

Cztery podstawowe właściwości to og:title, og:type, og:image i og:url. Narzędzie dodaje też og:description, og:site_name, og:locale i szczegóły obrazu (og:image:width, og:image:height, og:image:alt). Podanie rozmiaru obrazu pozwala niektórym platformom wyświetlić kartę już przy pierwszym udostępnieniu, zamiast czekać na pobranie obrazu.

X odczytuje własne tagi twitter:, ale gdy ich brakuje, korzysta z tytułu, opisu i obrazu Open Graph, więc narzędzie dodaje tylko to, czego X naprawdę potrzebuje: twitter:card, opcjonalne konta i opis obrazu. Dzięki temu wartości nie są powielane.

Rozmiary obrazów, które działają wszędzie

Używaj JPEG lub PNG, utrzymuj rozsądny rozmiar pliku (wyraźnie poniżej 5 MB) i nie umieszczaj ważnego tekstu przy krawędziach, bo każda platforma przycina nieco inaczej. Podglądy w tym narzędziu to przybliżenia tych układów, a nie zrzuty ekranu.

Po publikacji

Platformy społecznościowe przechowują podglądy linków w pamięci podręcznej, czasem przez kilka dni. Po zmianie tagów poproś je o ponowne pobranie strony za pomocą Facebook Sharing Debugger lub LinkedIn Post Inspector. Strona musi być publicznie dostępna: roboty nie widzą stron za logowaniem ani na localhost.