Protokół Open Graph

Informacje dodatkowe >

Protokół Open Graph

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Protokół Open Graph został wprowadzony w 2010 roku przez portal Facebook. Pozwala wstawiać na stronach dane o określonej strukturze, co daje większą kontrolę nad treścią w sytuacji jej udostępniania.

Kiedy robi się wpis na Facebooku, można ręcznie zmienić obraz, tytuł oraz opis. Zmiany te dotyczą jednak tylko pojedynczego udostępnienia, ponieważ sam link nie ulega modyfikacji. Dlatego, gdy inni użytkownicy udostępniają ten sam post (kopiując adres URL lub za pomocą przycisku Udostępnij), tytuł, opis i podgląd obrazu nadal wyświetlane są tak, były automatycznie wczytane przez Facebook. Protokół Open Graph daje możliwość modyfikacji adresu URL, tak że użytkownik ma wpływ na to, jak wpis będzie prezentowany, gdy zostanie udostępniony.

Każda strona internetowa może należeć do społeczności Social Graph korzystającej a protokółu Open Graph, czy jak kto woli, stać się obiektem wchodzącym w interakcje z portalami społecznościowymi.

Protokół Open Graph jest rozpoznawany przez inne portale społecznościowe, takie jak Twitter, Google+ oraz LinkedIn.

Żeby znaleźć więcej informacji na temat protokółu Open Graph, zajrzyj na oficjalną stronę ogp.me/.

Kliknij aby zwinąć/rozwinąćImplementacja Open Graph

Protokół Open Graph wykorzystuje serie tagów, których wartości odpowiednio modyfikowane określają, jakie fragmenty strony oraz kiedy mają być wyświetlane podczas udostępniania jej na Facebooku. Te informacje są wstawiane w tagu <head> strony, dlatego użytkownik nie widzi ich, dopóki nie zechce udostępnić strony.

Oto podstawowe tagi Open Graph:

og:title – Tytuł, jaki ma zostać nadany treści.
og:description – Opis treści.
og:type – Rodzaj treści, na przykład, czy jest to artykuł, czy film.
og:image – Adres URL obrazu, który ma być udostępniony.
og:url – Kanoniczny adres URL (czyli taki bez parametrów lub zmiennych), który będzie użyty jako identyfikator przypisany stronie, na której będą pojawiały się udostępnienia użytkownika.

Istnieje jeszcze wiele opcjonalnych tagów, które służą do definiowania właściwości zawartości, na przykład:

og:audio – Adres URL pliku dźwiękowego przypisanego do obiektu (strony).
og:locale – Język treści, na przykład pl_PL.
og:site_name – Nazwa witryny bez przyrostka www lub TLD (top level domain - witryny nadrzędnej).
og:video – Adres URL pliku wideo przypisanego do strony.

Jest jeszcze wiele innych tagów, których stosowanie zależy od rodzaju udostępnianej treści.

Istnieje możliwość wykorzystania narzędzia Facebook Debugger w celu sprawdzenia poprawności implementacji tagów Open Graph.

Narzędzia tego można też użyć do odświeżenia informacji w zmodyfikowanych tagach.

Kliknij aby zwinąć/rozwinąćW programie WebSite X5:

WebSite X5 używa protokółu Open Graph w generowanym kodzie stron. Warto wiedzieć, że:

Wartość nadawana tagowi og:image jest adresem URL Obraz witryny zdefiniowanego w oknie Ustawienia witryny | Ogólne.
Obraz witryny jest wykorzystywany przy udostępnianiu wszystkich stron witryny z wyjątkiem stron blogu zawierających pokaz slajdów. W tym przypadku obraz reprezentujący witrynę jest zastępowany pierwszym obrazem pokazu slajdów.
Wartości pozostałych tagów wstawiane są przez program automatycznie.