Open Graph protocol to standard, który pozwala na ustawienie metadanych na stronie internetowej. Metadane te służą do lepszego prezentowania linków do danej strony na portalach społecznościowych. Dzięki Open Graph, linki pojawiają się z atrakcyjniejszym tytułem, opisem i obrazkiem, co zwiększa ich czytelność i atrakcyjność dla użytkownika.
Open Graph został opracowany przez firmę Facebook i jest jednym z najważniejszych standardów metadanych, które pozwalają na ustawienie takich informacji jak:
- tytułu strony – tytuł, który będzie wyświetlany wraz z linkiem na portalach społecznościowych
- opisu strony – opis, który będzie wyświetlany wraz z linkiem na portalach społecznościowych
- obrazka, który pojawia się wraz z linkiem – obrazek, który będzie wyświetlany wraz z linkiem na portalach społecznościowych
- informacji o autorze – informacje o autorze, które będą wyświetlane wraz z linkiem na portalach społecznościowych
Open Graph jest ważny dla pozycjonowania i SEO, ponieważ pozwala na lepsze wykorzystanie linków na portalach społecznościowych i tym samym poprawia widoczność strony w wyszukiwarkach. Ustawienie metadanych Open Graph jest łatwe i może być wykonane przez każdego, kto posiada podstawową wiedzę z zakresu HTML.
Open Graph przykład HTML
Aby ustawić Open Graph na swojej stronie, musisz dodać odpowiednie metadane w kodzie HTML. Poniżej znajduje się przykład najważniejszych metadanych Open Graph:
<!DOCTYPE html>
<html>
<head>
<title>Tytuł strony</title>
<meta property="og:title" content="Tytuł strony" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://adres_strony.com" />
<meta property="og:image" content="https://adres_do_obrazka.jpg" />
<meta property="og:description" content="Opis strony" />
<meta property="og:site_name" content="Nazwa strony" />
<meta property="og:locale" content="pl_PL" />
<meta property="article:author" content="Autor strony" />
</head>
<body>
<!-- reszta kodu strony -->
</body>
</html>
Jak widzisz z powyższego przykładu, metadane Open Graph pozwalają na ustawienie takich informacji jak tytuł, opis, obrazek i adres strony. Pamiętaj, że ustawienie takich metadanych jest istotne w kontekście pozycjonowania i SEO, ponieważ pozwala na lepsze wykorzystanie linków na portalach społecznościowych oraz poprawia widoczność strony w wyszukiwarkach.
Jak sprawdzić Open Gaph?
Możesz sprawdzić, czy metadane Open Graph zostały poprawnie ustawione na stronie, skorzystaj z narzędzi takich jak:
- Facebook Sharing Debugger – pozwala na sprawdzenie metadanych Open Graph dla danego adresu URL
- Twitter Card Validator – pozwala na sprawdzenie metadanych Twitter Card dla danego adresu URL
- Structured Data Testing Tool – pozwala na sprawdzenie danych strukturalnych dla danego adresu URL
Linki
- The Open Graph protocol – Protokół Open Graph sprawia, że każda strona internetowa może stać się bogatym obiektem w grafie społecznościowym. Na przykład jest używany na Facebooku, aby każda strona internetowa miała taką samą funkcjonalność, jak każdy inny obiekt na Facebooku.
- Sharing Debugger – Meta for Developers – Facebook – umożliwia podgląd, jak będą wyglądać Twoje treści, gdy zostaną udostępnione na Facebooku, i debugowanie wszelkich problemów z tagami Open Graph.
- Twitter Card Validator –
- Structured Data Testing Tool