Czym jest Open Graph?

Powtórka wiedzy na temat meta tagów

Z pojęciem meta tagów prawdopodobnie miałeś styczność wielokrotnie, jednak czy pamiętasz, co to takiego właściwie jest? Spokojnie, śpieszymy z krótkim przypomnieniem. Meta tagi to nic innego, jak fragmenty kodu znajdujące się w sekcji head. Mają kilka zadań, a jednym z nich jest możliwość opisywania zawartości witryny. Wśród najbardziej znanych wymieniane są meta title oraz meta description. Dobrze zoptymalizowane mają znaczenie dla sytuowania strony w rankingu Google.

Open Graph z myślą o serwisach społecznościowych

Co to takiego Open Graph? To meta tagi dedykowane dla kanałów społecznościowych. Ich początki sięgają 2010 roku i powstały z myślą o integracji Facebooka ze stronami WWW. Wszystko w celach większej kontroli nad wizualnym aspektem upowszechnianych odnośników. Ponadto tagi Open Graph pozwalają na dodanie na stronie opcji “like” czy “share”, które wcześniej stosowała wyłącznie platforma Facebook. Jednak nie tylko lider w social mediach korzysta z potencjału meta tagów, podobne możliwości użytkowania mają m.in. Twitter i LinkedIn.

Jak wygląda Open Graph z perspektywy technicznej? To kawałek kodu zamieszczony w sekcji “head” określonej witryny internetowej. W swojej nazwie zawiera frazę “og:.”.

Lepsza interakcja z użytkownikiem dzięki OG

Dlaczego warto stosować meta tagi Open Graph? Powód jest prosty: dla efektywniejszej interakcji z użytkownikiem sieci i angażującego contentu. Nikogo nie zaskoczy fakt, że użytkownicy chętniej klikają odnośniki, którym towarzyszą atrakcyjna oprawa graficzna czy ciekawsze opisy. Wykorzystanie tagów Open Graph związane jest ze skuteczniejszym zrozumieniem opublikowanych treści przez określone medium społecznościowe. Tym samym wzrasta prawdopodobieństwo dotarcia z przekazem do docelowej grupy odbiorców.

W czym jeszcze pomagają tagi OG? Z pewnością jest to niezastąpiony support w konstruowaniu przyciągających miniaturek, gdy odnośnik prowadzący do stworzonego tekstu jest przesyłany w wiadomości za pośrednictwem takich środków przekazu, jak Messenger czy WhatsApp.

Rozszyfruj znaczniki Open Graph

Oto znaczniki, które wymagają dodania do wszelkich, udostępnianych przez Ciebie witryn. Sprawdź, co oznaczają poszczególne znaczniki meta:

• meta property og:title content – ten tag odgrywa pierwszoplanową rolę. To decydent w obszarze prezentacji tytułu contentu udostępnianego w kanałach społecznościowych. Pamiętaj o tym, aby “og:title” angażował czytelnika do konkretnej reakcji. Zbyt długi bądź niedopasowany do zawartości witryny metatag title może okazać się nietrafionym pomysłem. Zaleca się, aby maksymalnie zawierał w sobie 40-60 znaków.
• meta property og:url content – znacznik przekazuje użytkownikowi informacje odnośnie do tego, na jaką witrynę zostanie przekierowany po kliknięciu określonego wpisu. Zatroszcz się o to, aby odpowiednio skonfigurować tag, zwłaszcza w przypadku, gdy Twój adres URL charakteryzuje różnorodność parametrów.
• meta property og:type content – za jego pośrednictwem określasz typ upowszechnianej treści. Automatycznie będzie to strona, jednak pula wyboru jest naprawdę obszerna. Możesz wskazać grę, miasto, kraj, książkę, politykę, firmę, a nawet restaurację. To nie jest skończony zbiór wariantów.
• meta property og:description content – funkcją znacznika jest nakłonienie użytkownika do konkretnej aktywności w obrębie linku. Dlatego postaw na zwięzłe, kreatywne treści. Ten element działa w odosobnieniu od “og:title”, dlatego nie powinien być identyczny jak tytuł strony.
• meta property og:image content – niezwykle istotny znacznik ze względu na pełnioną funkcję. Odpowiada za to, jaka grafika wiąże się z udostępnioną treścią. Obraz stanowi support w pełniejszym zrozumieniu artykułu i w efektywniejszym odbiorze spójności contentu.

Krok po kroku w implementacji OG

Wdrożenie tagów Open Graph nie jest skomplikowane, a samą czynność możesz wykonać całkowicie ręcznie. Korzystasz z platform do zarządzania treścią (popularnych CMS)? Wspaniale! Zastosuj właściwości specjalnych rozszerzeń umożliwiających przyspieszenie określonego procesu. Co w przypadku, gdy pojawiają się problemy w implementacji tagów Open Graph? Koniecznie sięgnij po zasób technicznych informacji ze strony twórców określonych rozszerzeń. Możesz także zapoznać się z wymogami właścicieli określonych kanałów społecznościowych.

Czy wszystko przebiegło zgodnie z planem?

Dodałeś tagi Open Graph, jednak planujesz upewnić się, że wszystko wygląda tak, jak pierwotnie założyłeś? Rekomendujemy skorzystanie z jednego z poniższych narzędzi.

Facebook Sharing Debugger

Umożliwia weryfikację poprawności działania tagów Open Graph w obrębie serwisu Facebook. Wystarczy, że wprowadzisz adres URL danej strony, a narzędzie zaprezentuje listę błędów, w tym również proponowane działania w kontekście ich naprawy.

Scrape Again

Jeżeli modyfikujesz tytułową fotografię artykułu, musisz liczyć się z tym, że FB nie dostrzeże błyskawicznie tej zmiany. Możesz jednak kliknąć Scrape Again, wówczas content zostanie odświeżony, a wdrożona innowacja będzie widoczna.

Warto!

Tagi Open Graph to idealne rozwiązanie w kontekście szczególnej troski o wartość publikowanych treści. Jak zdążyłeś zauważyć, skorzystanie z jego zasobów nie sprawia większych trudności, a jest to dodatkowy atut w implementacji opisywanego znacznika.

Chcesz uzyskać więcej informacji? Skontaktuj się z grupa-icea.pl przez formularz kontaktowy.