Open Graph (OG) to protokół metadanych, który kontroluje jak Twoja strona wygląda, gdy ktoś udostępnia jej link na Facebooku, LinkedIn, X (Twitter), Slacku czy w komunikatorach. Bez tagów OG platforma sama wybiera tytuł, opis i obrazek – często źle. Z tagami OG kontrolujesz każdy element podglądu linku. Protokół został stworzony przez Facebooka w 2010 roku i stał się de facto standardem: ogp.me opisuje pełną specyfikację. Ten artykuł wyjaśnia, które tagi są obowiązkowe, jak je wdrożyć w WordPressie, jak przetestować za pomocą Facebook Debugger (2400 wyszukiwań/mies. w Polsce – dane Senuto) i jakie błędy najczęściej spotykam w audytach.
Czym są tagi Open Graph i jak działają?
Tagi OG to meta tagi HTML umieszczone w sekcji <head> strony. Gdy użytkownik wkleja link na Facebooku lub LinkedIn, platforma wysyła crawlera, który pobiera HTML strony i szuka tagów property="og:...". Na ich podstawie generuje podgląd linku (link preview) z tytułem, opisem i obrazkiem. Jeśli tagów OG brakuje, platforma samodzielnie wybiera elementy ze strony – co zwykle daje słaby rezultat: ucięty tytuł, losowy obrazek z nawigacji albo pusty opis.
Dane z Ahrefs dla polskiego rynku: fraza „open graph” ma 250 wyszukiwań/mies. (KD: 0, co oznacza łatwe rankowanie), a powiązane „og:image” – 60 wyszukiwań. Ale prawdziwy ruch generują zapytania praktyczne: „facebook debugger” (2400/mies.) i „og image” (390/mies.).
Które tagi Open Graph są obowiązkowe?
Facebook wymaga minimum czterech tagów OG, żeby wygenerować poprawny podgląd linku. Poniżej pełna lista z optymalnymi parametrami:
| Tag | Opis | Optymalna wartość | Przykład |
|---|---|---|---|
| og:title | Tytuł wyświetlany w podglądzie | 60-90 znaków, może różnić się od meta title | Jak wdrożyć Open Graph na stronie |
| og:description | Opis pod tytułem | 100-120 znaków (Facebook ucina po ~155) | Kontroluj jak Twoje linki wyglądają na Facebooku i LinkedIn |
| og:image | Obrazek podglądu | 1200x630px, PNG/JPG, max 8MB | URL do obrazka 1200×630 |
| og:url | Kanoniczny URL strony | Bez parametrów UTM, bez trailing slash | https://example.com/artykul |
| og:type | Typ zawartości | article (blog), website (strona gł.), product | article |
| og:locale | Język strony | pl_PL dla polskich stron | pl_PL |
| og:site_name | Nazwa strony | Nazwa brandu/firmy | Semgence |
Jak wdrożyć tagi OG w WordPressie?
W WordPressie masz dwa podejścia: automatyczne przez wtyczkę SEO (rekomendowane) lub ręczne przez edycję szablonu.
Opcja 1: Wtyczka SEO (Rank Math / Yoast SEO) – obie wtyczki automatycznie generują tagi OG na podstawie meta title, meta description i featured image. W Rank Math przejdź do SEO > Ustawienia globalne > Social i upewnij się, że OG jest włączony. Dla każdego wpisu możesz nadpisać tytuł i opis OG w zakładce Social przy edycji posta. To najlepsza opcja dla 95% stron na WordPressie.
Opcja 2: Ręcznie w functions.php – jeśli nie chcesz wtyczki SEO (rzadki przypadek), możesz dodać tagi OG przez hook wp_head. Metoda ta daje pełną kontrolę, ale wymaga ręcznego zarządzania i jest podatna na błędy przy aktualizacjach motywu.
Zalety wtyczki SEO:
- Automatyczne generowanie OG z istniejących meta tagów i featured image
- Podgląd jak link będzie wyglądał na Facebooku i X jeszcze przed publikacją
- Osobne OG title/description per strona (mogą różnić się od SEO meta)
- Brak ryzyka usunięcia przy update motywu
Wady wtyczki SEO:
- Duplikacja tagów OG jeśli motyw lub inna wtyczka też je generuje (konflikt)
- Domyślne ustawienia nie zawsze optymalne – warto sprawdzić featured image (czy ma 1200x630px)
Jak przetestować tagi OG za pomocą Facebook Debugger?
Facebook Sharing Debugger to darmowe narzędzie, które pokazuje, jak Facebook widzi Twoją stronę. Wklej URL, kliknij „Debug” – zobaczysz podgląd podglądu linku i listę wszystkich tagów OG, które Facebook znalazł. Jeśli widzisz stare dane, kliknij „Scrape Again” – Facebook wyczyści cache i pobierze stronę ponownie.
Najczęstsze błędy wykrywane przez Debugger:
- „og:image is not defined” – brak tagu og:image. Dodaj featured image do wpisu lub ustaw domyślny obrazek OG w ustawieniach Rank Math
- „Provided og:image is not big enough” – obrazek mniejszy niż 200x200px. Minimum to 200×200, optymalne to 1200x630px
- Stary podgląd mimo zmian – Facebook cache’uje tagi OG. Kliknij „Scrape Again” lub wyczyść cache w CDN strony
- Duplikaty og:title – dwie wtyczki generują tagi OG jednocześnie. Wyłącz OG w jednej z nich
Analogiczne narzędzia dla innych platform: X Card Validator, LinkedIn Post Inspector.
Czy tagi Open Graph wpływają na SEO?
Nie bezpośrednio. Google nie czyta tagów og: do rankowania stron – używa meta title i meta description. Ale Open Graph wpływa na SEO pośrednio przez dwa mechanizmy:
- Lepszy CTR z social media = więcej ruchu referral – atrakcyjny podgląd linku (z dużym obrazkiem i dobrym opisem) generuje więcej kliknięć niż link z domyślnym, losowym podglądem
- Więcej udostępnień = szansa na linki zwrotne – treść, która krąży w social media, ma większą szansę na zdobycie naturalnych linków z blogów i artykułów
Na semgence.pl tagi OG generuje automatycznie Rank Math SEO – każdy artykuł ma dedykowany og:title, og:description i og:image (featured image w formacie 1200x630px). Na stronach klientów Semgence konfiguruje OG jako część audytu technicznego SEO.
Jakie błędy OG najczęściej znajduję w audytach stron?
Na podstawie audytów przeprowadzanych w Semgence, najczęstsze problemy z tagami Open Graph to:
| Błąd | Częstość | Skutek | Jak naprawić |
|---|---|---|---|
| Brak og:image na podstronach | Bardzo częsty | Facebook pokazuje losowy obrazek lub pusty podgląd | Ustaw domyślny OG image w Rank Math > Social > Default OG Image |
| og:image za mały (<600px szer.) | Częsty | Podgląd z małym, nieatrakcyjnym miniaturką | Przeskaluj featured images do min. 1200x630px |
| Duplikaty tagów OG | Częsty | Platformy czytają pierwszy tag, ignorują resztę | Wyłącz OG w jednej ze źródłowych wtyczek/motywu |
| og:url z parametrami UTM | Rzadki | Każdy wariant UTM tworzy osobny „podgląd” na Facebooku | Ustaw og:url na kanoniczny URL bez parametrów |
| Brak og:locale | Częsty | Facebook domyślnie zakłada en_US | Dodaj og:locale = pl_PL |
Jak Semgence wdraża Open Graph na stronach klientów?
Semgence konfiguruje tagi OG w ramach każdego audytu SEO jako element Technical SEO. Agencja sprawdza poprawność tagów na kluczowych stronach (strona główna, usługi, top blog posts) za pomocą Facebook Debugger i LinkedIn Post Inspector. Typowy scope prac obejmuje: konfigurację domyślnego OG image w Rank Math, weryfikację rozmiarów featured images (1200x630px), eliminację duplikatów tagów OG i ustawienie og:locale na pl_PL. Dla stron e-commerce Semgence dodaje również og:type = product na kartach produktów, co poprawia podgląd udostępnionych produktów w social media.
Czym są tagi Open Graph?
Open Graph (OG) to meta tagi HTML w sekcji , które kontrolują jak Twój link wygląda po udostępnieniu na Facebooku, LinkedIn, X, Slacku i w komunikatorach. Bez nich platforma sama wybiera tytuł, opis i obrazek – zwykle źle. Protokół stworzył Facebook w 2010 roku.
Które tagi Open Graph są obowiązkowe?
Facebook wymaga minimum: og:title (tytuł), og:description (opis), og:image (obrazek min. 1200x630px) i og:url (kanoniczny URL). Warto też dodać og:type (article/website/product), og:locale (pl_PL) i og:site_name (nazwa strony).
Jak sprawdzić czy tagi OG działają poprawnie?
Użyj Facebook Sharing Debugger (developers.facebook.com/tools/debug) – wklej URL i kliknij Debug. Zobaczysz podgląd linku i listę wszystkich tagów OG. Jeśli dane są stare, kliknij Scrape Again. Dla X: cards-dev.twitter.com/validator, dla LinkedIn: linkedin.com/post-inspector.
Czy tagi OG wpływają na pozycjonowanie w Google?
Nie bezpośrednio – Google nie czyta tagów og: do rankowania. Ale lepszy podgląd linku w social media = więcej kliknięć = więcej ruchu referral = szansa na naturalne linki zwrotne, które wpływają na SEO.
Jak wdrożyć Open Graph w WordPressie?
Najprościej: zainstaluj Rank Math lub Yoast SEO – obie wtyczki automatycznie generują tagi OG z meta title, meta description i featured image. W Rank Math: SEO > Ustawienia globalne > Social. Dla każdego wpisu możesz nadpisać OG title/description w zakładce Social.
