Darmowe narzędzie

Podgląd Open Graph

i komunikatorach. Narzędzie weryfikuje tagi og:title, og:description i og:image.

Pozostało sprawdzeń dzisiaj: 2/2

Czym są tagi Open Graph?

Open Graph (OG) to protokół stworzony przez Facebooka, który pozwala kontrolować, jak Twoja strona wygląda po udostępnieniu w mediach społecznościowych i komunikatorach. Bez tagów OG platformy takie jak Discord, LinkedIn czy Slack samodzielnie dobierają tytuł i opis, często z nieoczekiwanymi efektami.

Najważniejsze tagi OG

  • og:title: tytuł wyświetlany w podglądzie. Powinien mieć 40–60 znaków i być inny niż tag <title> (można go zoptymalizować pod udostępnianie).
  • og:description: krótki opis, ok. 100–200 znaków. Zachęca do kliknięcia w miniaturkę.
  • og:image: zdjęcie/grafika w podglądzie. Optymalne wymiary to 1200×630 px. Brak tego tagu sprawia, że platformy wyświetlają pusty szary kwadrat lub losowy obrazek ze strony.
  • og:url: kanoniczny URL strony. Pomaga uniknąć duplikatów przy różnych wersjach adresu (z www, bez www, z parametrami UTM).
  • twitter:card: kontroluje format podglądu na X (dawnym Twitterze). Wartość summary_large_image wyświetla duże zdjęcie.

Dlaczego warto sprawdzić podgląd OG?

Strony bez poprawnych tagów OG tracą kliknięcia z mediów społecznościowych. Użytkownicy widzą brzydką miniaturkę (lub jej brak) i nie klikają. Regularne sprawdzanie i optymalizacja tagów OG to prosta metoda na zwiększenie CTR z Facebooka, LinkedIn i komunikatorów.

Jak dodać tagi OG?

Dodaj poniższy blok do sekcji <head> każdej podstrony:

<meta property="og:title" content="Tytuł strony (max 60 znaków)" />
<meta property="og:description" content="Opis strony (ok. 100–200 znaków)" />
<meta property="og:image" content="https://twoja-domena.pl/og-image.jpg" />
<meta property="og:url" content="https://twoja-domena.pl/ta-podstrona" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

Powiązane zasoby

Monitoring pozycji w Google →