Tagi Open Graph to metatagi HTML, które mówią platformom społecznościowym i komunikatorom, jak wyrenderować podgląd po udostępnieniu adresu URL strony — określają tytuł, opis, obraz i typ, które mają się pojawić zamiast tego, co platforma mogłaby w przeciwnym razie zgadywać. Protokół Open Graph, pierwotnie opracowany przez Facebooka, jest dziś odczytywany przez niemal każdą dużą platformę społecznościową i komunikator, co czyni go standardowym sposobem, w jaki sklep kontroluje wygląd swoich stron produktów po ich udostępnieniu, przypięciu lub podlinkowaniu spoza własnej witryny. W e-commerce dobrze ustawione tagi Open Graph decydują o tym, czy udostępniony link do produktu pokaże przyciągający uwagę obraz i cenę, czy uszkodzoną, generyczną miniaturę.
Dlaczego tagi Open Graph są ważne dla stron zasilanych feedem
Strony produktów są nieustannie udostępniane — przez polecenia klientów, linki afiliacyjne, posty influencerów czy płatne umieszczenia w mediach społecznościowych — a każde takie udostępnienie renderuje się na podstawie tagów Open Graph, a nie faktycznej treści strony, którą odwiedzający zobaczy po kliknięciu. Strona produktu bez prawidłowo skonfigurowanych tagów może wyświetlić rozciągnięte logo, ucięty lub nieistotny opis albo w ogóle brak obrazu — obniżając współczynnik klikalności udostępnienia, które poza tym stanowi darmową dystrybucję o wysokiej intencji. Ponieważ strony produktów są zwykle generowane masowo z tego samego katalogu, który zasila feed produktowy, wartości Open Graph można tworzyć z szablonu bezpośrednio na podstawie istniejących metadanych produktu, zamiast pisać je ręcznie dla każdego SKU — to jedna z łatwiej skalowalnych korzyści dostępnych dla dużego katalogu.
Jak działają tagi Open Graph
Tagi Open Graph znajdują się w sekcji <head> strony jako elementy <meta property="og:...">, przy czym og:title, og:description, og:image i og:url obejmują podstawowe pola podglądu odczytywane przez większość platform. W przypadku katalogu produktów wartości te zwykle odpowiadają bezpośrednio atrybutom feedu utrzymywanym już na potrzeby Shopping i Meta Catalog — ten sam tytuł, opis i główne zdjęcie używane w feedzie mogą wypełniać odpowiednie tagi Open Graph, utrzymując spójność obu powierzchni bez potrzeby osobnego copywritingu. Platformy i wyszukiwarki coraz częściej zestawiają te ustrukturyzowane znaczniki z szerszym grafem wiedzy o encjach, aby zrozumieć, co przedstawia dana strona, co oznacza, że spójne dane Open Graph wzmacniają maszynowe rozumienie produktu wykraczające poza sam podgląd w mediach społecznościowych. Ponieważ tagi te decydują o tym, jak link zachowuje się wszędzie tam, gdzie zostanie udostępniony, są też cichym, ale ważnym elementem skutecznej syndykacji treści, w której ten sam produkt może pojawiać się w wielu serwisach partnerskich lub agregatorach.
Przykład
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:description>Soft, breathable organic cotton crewneck in charcoal.</g:description>
<g:image_link>https://example-shop.com/img/org-sweater-charcoal.jpg</g:image_link>
</item><!-- Open Graph tags on the corresponding product page, templated from the feed -->
<meta property="og:title" content="Organic Cotton Crewneck Sweater - Charcoal, M">
<meta property="og:description" content="Soft, breathable organic cotton crewneck in charcoal.">
<meta property="og:image" content="https://example-shop.com/img/org-sweater-charcoal.jpg">
<meta property="og:type" content="product">Powiązane pojęcia
Ponieważ wartości Open Graph tak wiernie odzwierciedlają istniejące metadane produktu, najlepiej utrzymywać je jako szablon, a nie zadanie ręczne; przyczyniają się też do tego, jak spójnie tożsamość produktu jest rozumiana w szerszym grafie wiedzy o encjach. Są również cichym czynnikiem umożliwiającym syndykację treści, dzięki któremu produkt wygląda i brzmi tak samo, gdziekolwiek zostanie udostępniony link do niego.
