Open Graph Preview

Czym jest narzędzie do podglądu Open Graph?

Tagi Open Graph (OG) to meta tagi HTML kontrolujące sposób wyświetlania Twojej strony internetowej przy udostępnianiu na platformach społecznościowych, takich jak Facebook, Twitter, LinkedIn i aplikacjach do przesyłania wiadomości. Tagi og:title, og:description, og:image i og:url wyznaczają tytuł, fragment, miniaturę i link widoczne w podglądzie udostępnienia. To narzędzie pozwala zobaczyć podgląd wyglądu Twojej strony przed jej udostępnieniem.

Bez odpowiednich tagów OG platformy społecznościowe próbują odgadnąć tytuł i obraz na podstawie treści strony, często tworząc brzydkie lub mylące podglądy. Dobrze opracowany podgląd OG dramatycznie zwiększa wskaźniki klikalności — posty z zoptymalizowanymi obrazami i opisami uzyskują 2–3 razy więcej zaangażowania niż te bez.

Podstawowe tagi Open Graph

• og:title — tytuł wyświetlany na karcie podglądu. Utrzymuj go poniżej 60 znaków.
• og:description — krótkie podsumowanie treści strony. Utrzymuj poniżej 155 znaków.
• og:image — miniatura podglądu. Zalecany rozmiar: 1200×630 pikseli dla najlepszego wyświetlania na różnych platformach.
• og:url — kanonikalne URL strony.
• og:type — typ treści (website, article, product itp.).

Jak korzystać z tego narzędzia

Wpisz URL, a narzędzie pobierze stronę, wyodrębni wszystkie meta tagi Open Graph i Twitter Card i wyrenderuje podglądy pokazujące, jak strona będzie wyglądać na Facebooku, Twitterze i LinkedIn. Brakujące lub nieprawidłowo wymiarowane obrazy są oznaczane. Użyj tego, aby przetestować swoje tagi OG przed publikacją treści.

Twitter Cards kontra Open Graph

Twitter używa własnych meta tagów (twitter:card, twitter:title, twitter:description, twitter:image), ale wraca do tagów OG, gdy brakuje tagów specyficznych dla Twittera. Dla maksymalnej kompatybilności dołącz zarówno tagi OG, jak i Twitter Card. Tag twitter:card (ustawiony na summary_large_image dla dużego podglądu) jest najważniejszym uzupełnieniem specyficznym dla Twittera.

Często zadawane pytania

Dlaczego podgląd udostępnienia nie aktualizuje się po zmianie tagów OG?

Platformy społecznościowe agresywnie buforują dane OG. Facebook buforuje przez około 30 dni. Aby wymusić odświeżenie, użyj Sharing Debugger Facebooka (developers.facebook.com/tools/debug/), Card Validator Twittera lub Post Inspector LinkedIn. Te narzędzia czyszczą pamięć podręczną i pobierają świeże tagi OG ze strony.

Jakiego rozmiaru obrazu powinienem używać dla OG?

Zalecany rozmiar to 1200×630 pikseli (proporcje 1,91:1) dla najlepszego wyświetlania na wszystkich platformach. Minimum 600×315 pikseli. Facebook, Twitter i LinkedIn dobrze wyświetlają te proporcje. Używaj formatu JPEG lub PNG, utrzymuj rozmiar pliku poniżej 5 MB (najlepiej poniżej 300 KB dla szybkiego ładowania). Unikaj obrazów z dużą ilością tekstu — niektóre platformy kadrują inaczej.