Co to jest metatag Open Graph — szczegółowy przegląd

Wyobraź to sobie – stworzyłeś treści informacyjne na swojej stronie i udostępniłeś je w mediach społecznościowych. Teraz czekasz na wzrost ruchu, polubień i akcji.

Mamy nadzieję, że było to takie proste!

Ale nie jest!

Musisz włożyć trochę wysiłku w poprawę wyglądu udostępnionego posta, aby ludzie go klikali i udostępniali. W przeciwnym razie, pośród milionów treści udostępnianych w mediach społecznościowych, Twoje treści mogą zostać utracone.

Wprowadza metatagi Open Graph, aby ułatwić Ci to!

Metatagi OG są obecnie bardzo modne. Zastanawiasz się, co to jest? Przeczytaj blog do końca, aby uzyskać pełny przegląd.

Co to jest metatag Open Graph

Metatag OG to fragment kodu, który kontroluje wygląd adresów URL w mediach społecznościowych. Jest częścią protokołu OG Facebooka i jest również używany przez inne platformy mediów społecznościowych, takie jak LinkedIn i Twitter.

Dzięki tagowi OG możesz kontrolować, w jaki sposób informacje są przesyłane z witryny innej firmy do Facebooka, gdy strona jest udostępniana. W ten sposób zamiast pikselowanego obrazu lub zaszyfrowanych fragmentów, Twoje posty będą zawierały informacje w zorganizowany sposób.

Oto jak nasz blog Why Choose Magento for E-store Development wygląda na Facebooku z tagiem OG:

Jakich metatagów Open Graph użyć

W oficjalnym dokumencie Facebooka wymienia aż 17 tagów OG. Ułatwiliśmy Ci to. Potrzebujesz tylko 5 tagów, aby poinformować Facebooka o podstawach Twojej strony. Omówimy je poniżej w odniesieniu do tego bloga: Dlaczego warto wybrać niestandardową witrynę e-commerce zamiast gotowego rozwiązania.

1. og: tytuł
składnia:

<meta property=”og:title” content=”Dlaczego warto wybrać niestandardową witrynę e-commerce zamiast gotowego rozwiązania” />

Tutaj definiujesz tytuł treści. Służy podobnemu celowi, jak metatag tytułu dla treści na stronie wyników wyszukiwania. Jeśli Facebook nie może znaleźć tagu og:title na stronie, używa metatytułu. Masz pełne prawo do używania różnych tytułów dla meta title i og:title. Jeśli chcesz nadać swojej stronie wciągający tytuł wyłącznie w mediach społecznościowych i uzyskać więcej kliknięć, możesz nadać jej chwytliwy tytuł.

Chociaż nie ma ograniczeń co do postaci, lepiej jest zachować ten sam limit, co w tytule meta: w granicach 60 znaków. Jeśli tytuł jest dłuższy niż 100 znaków, Facebook automatycznie skróci go do 88. Utrzymuj tytuł na tyle atrakcyjny, aby wywołać kliknięcia użytkowników.

2. og: opis
składnia:

<meta property=”og:description” content=”Custom eCommerce lub gotowe rozwiązanie – blog oferuje studium porównawcze między nimi. Sprawdź to.

Ten jest podobny do tagu meta description. Opisuje istotę treści. Teraz, w przeciwieństwie do tradycyjnego tagu meta description, nie wpłynie to na SEO. Dlatego zamiast szukać odpowiedniego słowa kluczowego, zwróć uwagę na to, aby było chwytliwe, aby przyciągało ludzi do kliknięcia.

Facebook może wyświetlić w tej sekcji do 300 znaków. Lepiej jednak ograniczyć treść do 200 znaków. Krótki i zwięzły opis pomoże ludziom szybko zorientować się w temacie i kliknąć link, aby dowiedzieć się więcej.

3. og: obraz
składnia:

<meta property=”og:image” content=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

Zdjęcie pomaga wyróżnić treści i przyciągnąć uwagę ludzi. Znacznik obrazu OG zapewni, że dana miniatura zostanie wyświetlona, ​​gdy Twoja strona lub treść zostanie udostępniona.

Jeśli nie określisz obrazu za pomocą og:image, Facebook może zawierać baner reklamowy zeskrobany ze strony lub w ogóle nic! Będzie to miało poważny wpływ na treść i ludzie mogą ją przewijać.

Zazwyczaj profesjonaliści z każdej renomowanej agencji marketingu w mediach społecznościowych zalecają rozdzielczość obrazu OG wynoszącą 1200×627 pikseli [współczynnik 1,91:1]. Upewnij się również, że obraz nie przekracza limitu rozmiaru 5 MB.

4. og: typ
Składnia:

<meta property=”og:type” content=”artykuł” />

Ten tag opisuje typ obiektu, który udostępniasz: zdjęcie, wideo lub wpis na blogu. Oto kilka przykładów typów treści:

• Strona internetowa: strona internetowa, artykuł, blog
• Miejsce: miasto, kraj
• Biznes: firma, restauracja, hotel
• Ludzie: aktor, polityk, autor
• Rozrywka: film, gra, książka, jedzenie

I więcej!

Ten tag odgrywa ważną rolę. Załóżmy, że Twój post dotyczy filmu lub książki z przyciskiem „Lubię to”. Określi, czy treść pojawi się w sekcji zainteresowań użytkownika.

5. og: URL
Składnia:

<meta property=”og:url” content=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />

Tutaj możesz ustawić kanoniczny adres URL dla określonej strony, którą udostępniasz. W ten sposób definiujesz jedną stronę, na którą trafiają wszystkie polubienia i udostępnienia. Jest to bardzo przydatne, jeśli masz dwa lub więcej adresów URL dla tej samej treści.

Pamiętaj, że podany przez Ciebie adres URL nie jest wyświetlany w kanale informacyjnym Facebooka. Widoczna będzie tylko nazwa domeny.

[tutaj podaj znak strzałki i napisz – og:title [Dlaczego wybrałeś niestandardową witrynę e-commerce zamiast gotowego rozwiązania], og:image [obraz], og:description [jeśli planujesz… użyj h…] i og: url [webguru-india.com] ]

Zalety metatagów Open Graph

Po co męczyć się z implementacją tagów OG? Oto powody, dla których dostawcy usług marketingu cyfrowego kładą nacisk na używanie tagów OG przed udostępnieniem treści w mediach społecznościowych:

• Popraw wygląd postów w mediach społecznościowych

Pierwszym i najważniejszym powodem używania tagu OG jest to, że pomaga on tworzyć atrakcyjne posty. Jeśli obraz w poście jest rozmazany lub tekst nie jest chwytliwy, użytkownicy są mniej skłonni do interakcji z treścią.

Tagi OG zapewniają pełną kontrolę nad sposobem wyświetlania treści. Możesz sprawić, by tytuł i opis były tak chwytliwe, jak tylko chcesz. Pomaga uporządkować wszystkie elementy treści i stworzyć profesjonalny wygląd. To z kolei napędza konwersje.

• Poprawiona widoczność w wyszukiwarce na Facebooku

Tag OG pomaga Facebookowi zrozumieć, o co chodzi w treści. To z kolei pomaga zwiększyć widoczność Twojej marki dzięki wyszukiwarce na Facebooku. Z drugiej strony, gdy ludzie szukają czegoś na Facebooku, przeglądają niektóre wyniki, zanim klikną konkretny wynik. Treści zoptymalizowane pod kątem tagów OG z większym prawdopodobieństwem przyciągną ich uwagę.

Sprawdź poniższe zdjęcie:

Podczas wyszukiwania hasła „proces tworzenia aplikacji mobilnych” Facebook wyświetla nasz artykuł Technical Insights into Mobile App Development Process, który jest zoptymalizowany za pomocą tagu OG.

Co więcej, jeśli ktoś udostępni link do postu zoptymalizowany za pomocą metatagów Open Graph za pośrednictwem wiadomości bezpośredniej na Facebook Messenger, WhatsApp lub iMessage, tag OG pomoże utworzyć fragment.

• Nadaje się do różnych platform

Chociaż Facebook przedstawił otwarty wykres, jest teraz wykorzystywany przez inne platformy społecznościowe, w tym Twittera, LinkedIn i Pinterest. Dlatego możesz raz utworzyć tag i zoptymalizować swoją obecność na różnych platformach.

• Optymalizuj obecność marki w Google Discover

Google Discover to oparte na sztucznej inteligencji narzędzie do rekomendacji treści umieszczone pod paskiem wyszukiwarki Google w aplikacji Chrome. Poleca wiadomości, artykuły, filmy, reklamy, wyniki sportowe na żywo itp. na podstawie zachowań użytkowników. Więcej informacji o Google Discover znajdziesz tutaj.

Jeśli chcesz zoptymalizować swoje treści, aby znaleźć się w kanale Discover, tag OG może odegrać kluczową rolę. Oto ciekawy fakt. Zespół Ahrefs niedawno zauważył związek między metatagami Open Graph a Google Discover. Odkryli, że literówka występująca w og:title posta („Ink Building Case Study”) pojawiła się w Google Discover. Błąd pisowni nie był jednak obecny w samym tytule artykułu („Studium przypadku budowania linków”).

Jak sprawdzić tagi OG

Aby pomóc Ci monitorować tagi OG, Facebook ma dedykowane narzędzie o nazwie Sharing Debugger. Co to robi? Wyjaśnimy poniżej.

Gdy wpiszesz link, który chcesz sprawdzić, zwróci błędy i odpowiednie sugestie dotyczące tagów OG, jeśli takie istnieją. Możesz sprawdzić i zmodyfikować obraz i opis, jeśli chcesz.

Ponadto czyści pamięć podręczną Facebooka. Dlaczego to jest ważne? Załóżmy, że publikujesz link na Facebooku, a następnie dowiadujesz się o błędzie w miniaturze. Więc wracasz, aby wprowadzić niezbędne zmiany w tagach OG i ponownie opublikuj to na Facebooku.

Są szanse, że nic się nie stanie, a miniatura pozostanie taka sama. A zasługa trafia do pamięci podręcznej. Udostępnianie Debugera całkowicie odświeża pamięć podręczną łącza po jego zmodyfikowaniu. Dlatego upewnij się, że używasz go za każdym razem, gdy dokonujesz modyfikacji w tagu OG.

Czas podsumować

Od marca 2021 r. tagi OG są używane przez 54,6% wszystkich stron internetowych. Oznacza to, że prawie połowa witryn nadal z nich nie korzysta. Optymalizacja metatagów OG może zająć trochę czasu, ale warto to zrobić. Tagi pomogą Ci wyróżnić się z tłumu, zwiększyć widoczność w wynikach wyszukiwania na Facebooku oraz przyciągnąć uwagę ludzi i więcej kliknięć.

Czy używasz tagów OG przed udostępnieniem treści w mediach społecznościowych? Jeśli nie, zacznij go wdrażać wkrótce!