Blog Tools to modułowa wtyczka BeeClear do WordPressa, która porządkuje warstwę treści i widoczności bloga. Open Graph to z kolei protokół znaczników meta, z których serwisy społecznościowe budują podgląd linku. Moduł Open Graph we wtyczce rozwiązuje problem zdublowanych tagów, czyli dwóch wersji tytułu lub grafiki w nagłówku tej samej strony. Zanim doda cokolwiek od siebie, czyta cały nagłówek i sprawdza, co już się w nim znalazło. Dzięki temu żadna właściwość nie pojawia się dwa razy, niezależnie od tego, kto ją wypisał. Sprawdź, skąd biorą się duplikaty i jak wybrać tryb współpracy z wtyczką SEO.
Spis treści
- Czym są tagi Open Graph i dlaczego warto je kontrolować?
- Skąd biorą się zdublowane tagi Open Graph na stronie WordPress?
- Jak Blog Tools wykrywa znaczniki obecne już w nagłówku?
- Który tryb współistnienia z wtyczką SEO wybrać?
- Dlaczego nadpisanie tytułu usuwa też twitter:title?
- Czy trzeba przepisywać tytuły i opisy z Rank Math lub Yoast?
- Jak sprawdzić, jakie znaczniki emituje konkretny wpis?
- Jak włączyć moduł Open Graph w Blog Tools?
Czym są tagi Open Graph i dlaczego warto je kontrolować?
Tagi Open Graph to znaczniki w sekcji head strony, opisujące podgląd linku w serwisach społecznościowych i komunikatorach. Z nich Facebook, LinkedIn, X, Slack, WhatsApp, Discord czy Teams biorą tytuł, opis i obraz karty. Decydują więc o wyglądzie linku do Twojego wpisu, wklejonego w rozmowie lub poście. Dobrze opisany link zachęca do kliknięcia, a goły adres bez ilustracji łatwo przeoczyć.
Znaczniki muszą trafić do kodu strony już po stronie serwera. Crawler serwisu społecznościowego nie uruchamia JavaScriptu, więc tag dodany skryptem dla niego nie istnieje. Blog Tools składa je w PHP i wypisuje w nagłówku. Kontrola nad nimi to kontrola nad pierwszym wrażeniem, jakie treść robi poza blogiem.
Skąd biorą się zdublowane tagi Open Graph na stronie WordPress?
Zdublowane tagi Open Graph biorą się stąd, że kilka elementów witryny wypisuje je niezależnie od siebie. Robi to wtyczka SEO, Jetpack, motyw, a czasem dodatek, o którym nikt już nie pamięta. Każdy z nich dokłada własne og:title czy og:image, nie sprawdzając zawartości nagłówka. W efekcie ta sama strona ma dwa tytuły, dwie grafiki i sprzeczne opisy.
Dwie wtyczki piszące og:title to nie dwie opinie, tylko zepsuty podgląd. Crawler bierze pierwszy albo ostatni znacznik, zależnie od implementacji. Żaden panel nie powie Ci, która wersja wygrała. Dowiadujesz się dopiero wtedy, gdy ktoś udostępni link z obcym tytułem albo bez obrazu.
Jak Blog Tools wykrywa znaczniki obecne już w nagłówku?
Blog Tools wykrywa znaczniki obecne już w nagłówku, czytając całą sekcję wp_head przed dodaniem własnych. To miejsce, do którego wtyczki i motyw wypisują swoje meta. Moduł otwiera bufor na samym początku tej sekcji i zamyka go na samym końcu, więc widzi wszystko pomiędzy. Zna wtedy każdy znacznik og:, twitter:, article:, profile: i fb:, bez względu na autora.
Takie podejście nie wymaga listy obsługiwanych wtyczek. Liczy się to, co faktycznie trafiło do kodu strony, a nie to, co deklaruje panel. Właściwość już opisana nie zostanie wypisana drugi raz w żadnym z trybów. Gdy ktoś inny przejmie bufor w trakcie, moduł nie emituje niczego i zgłasza to w diagnostyce. Cicha duplikacja byłaby przecież gorsza niż brak znaczników.
Który tryb współistnienia z wtyczką SEO wybrać?
Tryb współistnienia z wtyczką SEO wybierasz zależnie od tego, komu oddajesz decyzję o podglądzie linku. Blog Tools oferuje trzy warianty i w każdym pilnuje, żeby właściwość nie pojawiła się dwa razy. Oto, czym się różnią:
| Tryb | Co dzieje się z cudzymi znacznikami | Kiedy się sprawdza |
|---|---|---|
| uzupełnianie braków (domyślny) | zostają, a moduł dopisuje tylko nieopisane właściwości | gdy wtyczka SEO opisuje tytuł i opis, ale brakuje obrazu, dat artykułu czy karty X |
| nasze wartości wygrywają | znikają dla każdej właściwości, dla której moduł ma wartość | gdy chcesz przejąć udostępnianie bez szukania ustawień w innych wtyczkach |
| tylko nasze znaczniki | znikają w przestrzeniach nazw, w których moduł coś emituje | gdy nagłówek ma mówić wyłącznie głosem Blog Tools |
Trzeci wariant ma ważne zastrzeżenie. Na widokach, których moduł nie opisuje, niczego nie usuwa – dotyczy to wyszukiwarki, strony 404 i wpisu z wykluczeniem. Pusty nagłówek jest gorszy od cudzych znaczników. Przejęcie nie oznacza więc skasowania.
Dlaczego nadpisanie tytułu usuwa też twitter:title?
Nadpisanie tytułu usuwa też cudzy twitter:title, bo X w pierwszej kolejności czyta własną wersję tego znacznika. Bez tego strona mówiłaby jedno na Facebooku, a drugie na X. Tej rozbieżności nie widać w żadnym panelu. Blog Tools traktuje więc jako całość trzy pary: tytuł, opis i obraz w obu wersjach.
Identyczna reguła obejmuje rodziny właściwości. Znacznik og:image:width przypina się do ostatniego wcześniej wypisanego og:image. Nadpisanie obrazu bez usunięcia cudzej szerokości dałoby Twój plik opisany obcymi wymiarami. Moduł zabiera więc og:image razem z całą rodziną og:image:*.
Domyślnie moduł nie powiela też tej samej treści pod dwiema nazwami. Z przestrzeni twitter: wypisuje tylko twitter:card, twitter:site i twitter:creator, czyli znaczniki bez odpowiednika w Open Graph. X sięga po og:title, og:description i og:image, gdy nie znajdzie wersji przeznaczonej dla siebie. Druga kopia oznaczałaby tylko jeszcze jedno miejsce do utrzymania. Pełny zestaw zostaje dla serwisów, które chcą na X innego tytułu lub innej grafiki.
Czy trzeba przepisywać tytuły i opisy z Rank Math lub Yoast?
Tytułów i opisów z Rank Math, Yoast czy SEOPress nie trzeba przepisywać, bo Blog Tools czyta je jako wartości zapasowe. Gdy pole modułu jest puste, trafia do niego to, co redakcja wpisała wcześniej we wtyczce SEO. Moduł te pola wyłącznie odczytuje i nigdy ich nie zapisuje. Wartość ze zmiennymi tamtej wtyczki, na przykład %title%, jest pomijana. Karta z surowym tokenem wyglądałaby gorzej niż z wartością domyślną.
Grafikę do udostępnienia moduł dobiera według stałej kolejności. Najpierw sprawdza pole przy wpisie, potem obraz wyróżniający, grafikę z wtyczki SEO i pierwszą użyteczną ilustrację z treści. Dalej idą reguły obrazu, obraz zastępczy wpisów i całego serwisu, a na końcu ikona strony. Pliki SVG i ICO są przeskakiwane, bo żadna platforma nie pokazuje ich na karcie linku.
Jak sprawdzić, jakie znaczniki emituje konkretny wpis?
Znaczniki emitowane przez konkretny wpis sprawdzisz w trzech miejscach, bez zaglądania w kod źródłowy. Każde pokazuje ten sam wynik, tylko z innej perspektywy:
- skrzynka Open Graph w edytorze pokazuje po zapisie tabelę znaczników danego wpisu,
- zakładka podglądu w panelu składa znaczniki dla strony głównej lub dowolnego wpisu i wskazuje, co zadziała źle,
- parametr
?bc_og_debug=1na froncie, przy włączonej diagnostyce, mówi zalogowanemu administratorowi, co było w nagłówku, co podmieniono i co wyszło.
W skrzynce wpisu nadpiszesz też tytuł, opis, obraz, og:type i rodzaj karty. Jest tam również przełącznik, który wyłącza wszystkie znaczniki modułu dla danego wpisu, zostawiając cudze nietknięte. Pamiętaj, że Facebook Sharing Debugger i LinkedIn Post Inspector przechowują pobraną kartę przez kilka dni. Po zmianie wymuś ponowne pobranie strony, zamiast oceniać stare udostępnienie.
Jak włączyć moduł Open Graph w Blog Tools?
Moduł Open Graph w Blog Tools włączasz osobno, bo po instalacji wtyczki jest domyślnie wyłączony. Po aktywacji startuje w trybie uzupełniania braków, więc niczego nie zabiera wtyczce SEO. Na początek ustaw obraz zastępczy witryny, który ratuje podstrony bez obrazu wyróżniającego oraz archiwa. Potem przejrzyj znaczniki kilku wpisów i zdecyduj, czy chcesz przejąć więcej. Tryb zmienisz w każdej chwili, bez ruszania treści i bez przepisywania pól we wtyczce SEO.
Pozostałe moduły, od spisu treści po przekierowania, opisuje strona Blog Tools. Każdy z nich włączasz niezależnie, tak jak Open Graph. Jeśli chcesz dobrać ustawienia pod swój serwis, napisz do nas, a pomożemy wybrać tryb współistnienia z Twoją wtyczką SEO.
