Wpływ protokołu Open Graph na SEO
Gdy układamy strategię pozycjonowania w wyszukiwarkach, nie powinniśmy zapominać o mediach społecznościowych. Musimy zadbać o tytuły, opisy i obrazy, ponieważ to jedyne elementy, jakie zobaczy użytkownik i które sprawią, że zdecyduje, czy kliknąć, czy nie.
Czy wiesz, jak użytkownicy widzą twoją stronę, gdy udostępniają ją na swoich profilach społecznościowych? Pamiętaj, że im lepiej wygląda twoja treść i im jest atrakcyjniejsza, tym bardziej wiralna się stanie i, w konsekwencji, tym większy wpływ na twoją stronę, co również pomaga poprawić wyniki SEO.
Opowiemy ci o wszystkim!
Czym są tagi Open Graph?
Meta tagi lub protokół Open Graph został stworzony przez Facebook i pozwala każdej stronie internetowej być wyświetlaną w wzbogaconym formacie w mediach społecznościowych. Te tagi HTML będą odpowiedzialne za wyświetlanie treści (tytuł, opis, obraz strony itp.) strony, która jest udostępniana w mediach społecznościowych. Jeśli te tagi nie istnieją lub nie są określone, informacja będzie pokazywana losowo, wybierając losowe zdjęcie, nieopisowy tytuł czy opis...
Do czego służą?
Te tagi są znane jako tagi społecznościowe i są bardzo ważne dla osiągnięcia pozycjonowania w każdej z mediów społecznościowych. W zależności od tego, która to media społecznościowa, będzie to łatwiejsze lub trudniejsze, ale pozycjonowanie w mediach społecznościowych istnieje, jest realne.
Protokół Open Graph był początkowo używany na Facebooku i obecnie jest również rozpoznawany na LinkedIn. Z drugiej strony, tagi Twittera są wyłączne dla tej sieci społecznościowej.
Tagi są następujące:
og:title:
"Tytuł" odpowiada za powiedzenie wyszukiwarce, o czym jest strona. Dlatego musi być jasny, zwięzły i unikalny na każdej stronie. Jego maksymalna długość to 67 znaków.
Przykład:
<meta property="og:title" content="Czym są tagi Open Graph?"/>
og:description
"Meta description" będzie tym, który opisuje i informuje obszerniej o stronie. Nie powinien przekraczać 155 znaków i może zawierać frazę lub CTA, które zachęci użytkownika do kliknięcia w wynik. Powinien być również unikalny dla każdej strony.
Przykład:
<meta property="og:description" content="Czy wiesz, jak użytkownicy widzą twoją stronę, gdy udostępniają ją na swoich profilach społecznościowych? Tagi Open Graph będą odpowiedzialne za wyświetlanie wszystkich informacji."/>
og:url:
Wyświetlany jest URL strony i może być pokazany skrócony. Spróbuj używać tego tagu z URL możliwie najczystszym i unikalnym na każdej stronie.
Przykład:
<meta property="og:url" content="/blog/open-graph" />
og:image
Musisz określić URL obrazu, by mógł być pokazany na każdej stronie. To z pewnością jeden z najbardziej pomijanych i jeden z najważniejszych. Google Discover, Google News, Facebook, Twitter, LinkedIn... wszyscy oni wezmą ten obraz jako haczyk dla użytkownika i jeśli będzie dobrej jakości, możesz uzyskać mnóstwo wizyt. W przeciwnym razie, jeśli zostawisz pole puste, może być pokazane zdjęcie autora, puste pole... Ty wybierasz, co lepsze! ;)
Przykład:
<meta property="og:image" content="/blog/images/open-graph.jpg" />
og:video
W przypadku, gdy masz wideo na stronie, musisz je określić używając tego tagu, co ułatwi jego interpretację.
<meta property="og:video" content="http://example.com/bond/trailer.swf" />
og:type
Ten tag wskazuje, z czego składa się twoja treść. Czy to artykuł, wideo, post blogowy... W zależności od typu możesz przypisać różne właściwości.
Przykład:
<meta property="og:type" content="article" />
og:site_name
Z nim możesz określić swoją stronę, by wyświetlana była twoja marka.
<meta property="og:site_name" content="SEO Alive" />
Typy social meta tagów, które istnieją
Obecnie tagi stworzone przez Facebook są używane na pozostałych mediach społecznościowych, takich jak LinkedIn. Twitter używa tego, co jest znane jako Twitter Cards. Z tymi tagami masz trzy opcje:
-
"Photo" dla obrazów
-
"Player" dla wideo i
-
"Summary" dla wszystkiego innego.
W tym przypadku, jak z Open Graph cards, jeśli nie jest zoptymalizowane, wyświetlana będzie domyślna i niezoptymalizowana treść.
Narzędzia do testowania tagów
Analiza tego, jak strony wyglądają, gdy użytkownik udostępnia je w mediach społecznościowych, będzie kluczowa, jeśli chcemy, by wszystko działało poprawnie.
Twitter Card Validator
Narzędziem walidacji Twittera jest Twitter Card Validator. Przed opublikowaniem czegokolwiek, jeśli chcesz się upewnić, że wszystko jest wyświetlane poprawnie, nie wahaj się wprowadzić URL, który chcesz udostępnić. Jest to też bardzo użyteczne, jeśli zaktualizowałeś obraz strony, a feed wciąż pokazuje stary. Ponowna analiza będzie działać jak "wyczyszczenie cache".
Facebook Debugger
Narzędzie debugowania Facebooka jest znane jako Facebook Debugger. Z nim możesz zobaczyć, jakie informacje są używane i jak wyglądają, gdy strona z twojej witryny jest udostępniana. Dodatkowo, w przypadku gdy któreś z pól jest niepoprawne lub brakuje, pojawi się ostrzeżenie.
Google Structured Data Testing Tool
Google również udostępnia nam narzędzie testowania danych strukturalnych nazwane Google Structured Data Testing Tool. Jest bardzo użyteczne, by sprawdzić, jakiego typu oznakowanie Google pobiera ze strony. Oznakowanie jest rozpoznawane przez wyszukiwarki, co pomaga uczynić stronę "semantyczną" przez wprowadzenie mikrodanych Schema specyficznych dla każdego przypadku.
Rich Pins Validator
Pinterest nie mógł zostać w tyle i wnosi swój walidator pinów, znany również jako Rich Pins Validator. Działa tak jak walidator Twittera: wymagany jest proces zatwierdzenia, by uzyskać funkcjonalność Rich Pin i jednocześnie sprawdzić oznakowanie danych.
Jak optymalizować te tagi w WordPress?
Jak być może wiesz, jedną z wielkich zalet, jakie oferuje nam WordPress, jest jego elastyczność i ogromna społeczność. W rezultacie procesy takie jak wprowadzanie tagów open-graph w nasze strony i artykuły zajmują tylko sekundy dzięki wtyczkom.
Istnieje wiele sposobów, by to osiągnąć. W naszym przypadku uważamy, że najprostsze jest zrobienie tego przez wtyczkę SEO Rank Math.
Polecany artykuł > Dogłębny tutorial SEO o Rank Math
Wszystko, co musisz zrobić, to przejść do sekcji SEO danej strony lub artykułu, kliknąć w zakładkę "Social" i tam zobaczymy opcję skonfigurowania obrazu. W wielu przypadkach, jeśli przesłaliśmy obraz wyróżniony, pobierze go bezpośrednio.
Wskazówki i ulepszenia
Poniżej możesz zobaczyć kilka wskazówek opartych na doświadczeniu, które działały dla nas, by osiągnąć bardzo dobre wyniki.
Optymalizuj obrazy
Wybieraj jakościowe obrazy. Musisz wybrać każdy obraz idealnie, ponieważ będzie reprezentować twoją treść. Dodatkowo to obraz, który pojawia się, gdy użytkownik udostępnia treść.
Każda platforma ma pewne standardy; najlepiej jest wybrać duży obraz, który może pasować do każdej sieci społecznościowej.
Wizualna treść jest najatrakcyjniejsza w sieciach społecznościowych i jeśli uda ci się stać wiralna, dostaniesz więcej wizyt na swojej stronie. Wiesz, zainwestuj czas w wybór idealnego obrazu, by uzyskać polubienia, udostępnienia i komentarze.
-
Twitter: 120x120px dla małego i 4096x4096px dla dużego
-
Facebook: najmniejszy 200px i największy 1200px
Zawsze używaj Open Graph
Będąc już dobrze znanym formatem, więcej platform może go używać. Zaleca się używanie szablonów kodu do wstawiania tagów społecznościowych; możesz skonsultować wszystkie informacje w poniższym przewodniku.
Polecany przewodnik -> Meta tagi w SEO
Testuj i eksperymentuj
Zawsze testuj i sprawdzaj w walidatorach, by upewnić się, że wyniki twojej strony są wyświetlane poprawnie w mediach społecznościowych.
Wnioski
To drobne szczegóły, które sprawią, że twoja marka będzie wyglądać świetnie w oczach użytkowników. Pamiętaj, że te tagi są niezbędne, by właściwie wyświetlać twoją stronę i przyciągać wizyty. Ułatwiają również wyszukiwarkom zrozumienie twojej strony. Więc optymalizacja SEO obejmuje również zwracanie uwagi na sieci społecznościowe.
Pamiętaj też, że social signals, czyli ruch, który pochodzi z sieci społecznościowych, mogą pozytywnie wpływać na strategię SEO, więc każde kliknięcie z mediów społecznościowych jest na wagę złota!
Jakieś pytania lub sugestie? Chętnie pomożemy!
Odniesienia:
- https://ogp.me/ - Oficjalna strona protokołu Open Graph
Autor: David Kaufmann
Ostatnie ponad 10 lat spędziłem kompletnie zafascynowany SEO — i szczerze mówiąc, nie zamieniłbym tego na nic innego.
Moja kariera wskoczyła na zupełnie nowy poziom, gdy pracowałem jako senior SEO specialist w Chess.com — jednej ze 100 najczęściej odwiedzanych stron w całym internecie. Działanie na taką skalę, na milionach podstron, w dziesiątkach języków i w jednych z najbardziej konkurencyjnych SERPs, nauczyło mnie rzeczy, których nie dałby żaden kurs ani certyfikat. To doświadczenie zmieniło moje spojrzenie na to, jak naprawdę wygląda świetne SEO — i stało się fundamentem wszystkiego, co zbudowałem od tamtej pory.
Z tego doświadczenia narodziło się SEO Alive — agencja dla marek, które na poważnie podchodzą do wzrostu organicznego. Nie jesteśmy tu po to, żeby sprzedawać dashboards i miesięczne raporty. Jesteśmy tu, żeby budować strategie, które realnie robią różnicę, łącząc to, co najlepsze w klasycznym SEO, z ekscytującym nowym światem Generative Engine Optimization (GEO) — tak, aby Twoja marka pojawiała się nie tylko w niebieskich linkach Google, ale też wewnątrz odpowiedzi generowanych przez AI, które ChatGPT, Perplexity i Google AI Overviews dostarczają każdego dnia milionom ludzi.
A ponieważ nie mogłem znaleźć narzędzia, które potrafiłoby porządnie obsłużyć oba te światy, zbudowałem je sam — SEOcrawl, platformę enterprise SEO intelligence, która łączy w jednym miejscu rankings, audyty techniczne, monitoring backlinks, kondycję crawl i śledzenie widoczności marki w AI. To platforma, o której istnieniu zawsze marzyłem.
Odkryj więcej treści tego autora
