Co to są metatagi społecznościowe? Jak kontrolować wygląd treści w udostępnieniach w mediach społecznościowych

Opublikowany: 2022-04-02

Czy kiedykolwiek wkleiłeś link do Facebooka lub Twittera, aby stwierdzić, że powiązany obraz nie ma nic wspólnego z treścią tej strony lub że opis posta brzmi jak SEO Mad Lib?

Zastanawiasz się dwa razy nad udostępnieniem tego, prawda?

Marketerzy mają możliwość kontrolowania sposobu wyświetlania ich treści w sieciach społecznościowych, w tym na Facebooku, LinkedIn i Twitterze. Kontrolujesz zawartość mediów społecznościowych, którą generuje Twoja strona, za pomocą metatagów społecznościowych .

Na przykład, jeśli ktoś skopiuje link do strony indeksowej bloga Tima Ferriss w swojej aktualizacji statusu na Facebooku:

nagłówek bloga tim ferriss
Strona indeksowa bloga Tima Ferriss, gospodarza podcastów i autora „The 4-Hour Workweek”: http://tim.blog/

To wygląda tak:

przykład słabego znacznika Open Graph
Gdy adres URL http://tim.blog/ zostanie wklejony do aktualizacji statusu na Facebooku, rezultatem będzie mało wyrazisty fragment treści.

To, co tu widzisz, może ulec poprawie. Chcesz zmusić widza do kliknięcia, prawda? Problem polega na tym, że obraz, nagłówek i opis nie zostały tak przygotowane, by wywołać kliknięcie. Ludzie prawdopodobnie ignorują lub usuwają ten post, zamiast go udostępniać.

Na szczęście wydawca treści może określić tytuł, opis i obraz, które pojawiają się automatycznie, gdy użytkownik udostępnia link w wielu sieciach społecznościowych. Gdy zoptymalizujesz swoje treści, aby dobrze wyglądały w mediach społecznościowych, jest bardziej prawdopodobne, że uzyskasz kliknięcie.

Optymalizacja udostępniania społecznościowego jest jedną z taktyk, które traktujemy priorytetowo w naszych usługach SMM.

Czemu? Cóż, czy nie jest bardziej prawdopodobne, że klikniesz post, jeśli trafi on na Twój kanał, który wygląda tak?

wypreparowany przykład treści w mediach społecznościowych
W tej spreparowanej wersji treści w mediach społecznościowych dla bloga Tima Ferriss obraz ma wypełnić dostępną przestrzeń, a nagłówek zawiera teraz oświadczenie o korzyściach, które ma zmusić widza do kliknięcia.

Czytaj dalej, aby dowiedzieć się, jak dostosować nagłówek, opis i obraz swoich stron za pomocą metatagów społecznościowych. Przejdź do tych sekcji za pomocą poniższych linków lub czytaj dalej, aby uzyskać przewodnik po zoptymalizowanych treściach w mediach społecznościowych:

  • Profesjonalne porady dotyczące tworzenia metatagów społecznościowych
  • Korzystasz z WordPressa? Społecznościowe tagi meta we wtyczkach WordPress
  • Otwórz tagi wykresu
  • Znaczniki karty na Twitterze
  • Schemat udostępniania na LinkedIn, Google+ i Pinterest

Profesjonalne porady dotyczące tworzenia metatagów społecznościowych

Celem korzystania z metatagów społecznościowych jest kontrolowanie sposobu wyświetlania treści w kanałach, a nie pozwalanie Facebookowi, Twitterowi i innym platformom społecznościowym na generowanie nagłówka, opisu i obrazu.

  • Dostosuj lub przetwórz niewykorzystane pomysły na tytuły, używając ich jako nagłówków w treściach w mediach społecznościowych.
  • Możesz przetestować różne wersje obrazu. Użyj tagów Open Graph i tagów Twitter Card jako poligonu testowego marketingu w mediach społecznościowych.
  • Dostosuj obraz i treść w oparciu o sieć. Zaprezentuj obrazy i tekst, które odwołują się do unikalnych zainteresowań poszczególnych odbiorców każdej sieci.
  • Chociaż mówi się, że Twitter domyślnie używa tagów Open Graph, jeśli na stronie nie ma znaczników Twitter Card, z naszego doświadczenia wynika, że ​​uzyskasz bardziej kontrolowany wynik, jeśli uwzględnisz oba typy znaczników mediów społecznościowych na stronie.

Korzystasz z WordPressa? Społecznościowe tagi meta we wtyczkach WordPress

Jeśli korzystasz z WordPressa, kilka wtyczek umożliwia implementację metatagów społecznościowych bez konieczności pisania nawet jednej linii kodu.

Niektóre opcje obejmują:

  • WPSSO dla znaczników społecznościowych w głównych serwisach społecznościowych
  • JM Twitter Cards dla pełnej gamy typów Twitter Card
  • WordPress SEO by Yoast dla tagów Open Graph na Facebooku i kart na Twitterze

Wtyczki WordPress do metatagów społecznościowych to szybki i łatwy sposób na powiązanie niestandardowych nagłówków, opisów i obrazów z postami WordPress i stronami internetowymi na zasadzie strona po stronie.

Interfejs wtyczki Yoast SEO WordPress
Pola wejściowe danych Open Graph Facebooka we wtyczce Yoast SEO WordPress. Jeśli klikniesz kartę Ptak Twittera, zobaczysz te same pola do dostosowywania znaczników Twitter Card.

Jeśli do obsługi witryny używasz innego oprogramowania, poniżej znajdują się znaczniki społecznościowe dla Facebook Open Graph, Twitter Cards i innych głównych sieci społecznościowych.

Otwórz tagi wykresu

Protokół Open Graph to standard Facebooka do implementowania metatagów społecznościowych. Został również rozpoznany przez wszystkie główne platformy społecznościowe, w tym LinkedIn i Twitter. Oznacza to, że Twitter, LinkedIn i inne sieci często pobierają nagłówek, opis i obraz wskazany w tagach Open Graph.

Krytyczne tagi Open Graph to:

Otwórz tag wykresu Opis tagu
og: tytuł tytuł lub alternatywny tytuł strony wyświetlany jako nagłówek
og:url URL strony
og: opis opis strony, z której Facebook wyświetla maksymalnie 300 znaków
og: obraz URL unikalnego obrazu, zalecane wymiary 1200×630 pikseli
og: typ artykuł (w przeciwnym razie domyślnie „witryna”)

Aby udostępnienia na Facebooku pochodzące z Twoich stron internetowych były sformatowane za pomocą nagłówka (tytułu), opisu i wybranego obrazu, w następujący sposób:

przykład dobrej treści w mediach społecznościowych na otwartym wykresie

… oto jak muszą wyglądać metatagi społecznościowe w kodzie HTML:

<meta property=”og:title” content=”Zawsze aktualna lista kontrolna SEO firmy Bruce Clay Inc.” />

<meta property=”og:url” content=”https://www.bruceclay.com/blog/seo-checklist/” />

<meta property=”og:description” content=”Dopiero zaczynasz optymalizować strony internetowe? Oto sprawdzona lista kontrolna SEO, którą możesz mieć pod ręką podczas swoich projektów”. />

<meta property=”og:image” content=”https://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

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

Aby upewnić się, że tagi Open Graph zostały poprawnie skonfigurowane, użyj debugera udostępniania Facebooka, aby wyświetlić raport o błędach i zobaczyć, jak będzie wyglądał udostępniany adres URL po opublikowaniu na Facebooku.

Wskazówka dla profesjonalistów: jeśli zaktualizujesz tagi OG strony, użyj debugera udostępniania, aby zmusić Facebooka do wykonania nowego zeskrobywania adresu URL, co spowoduje, że Facebook pobierze nowe dane metatagu społecznościowego. W przeciwnym razie może pobrać z pamięci podręcznej zamiast pokazywać zaktualizowaną zawartość.

Znaczniki karty na Twitterze

Karty Twittera umożliwiają dołączanie zdjęć lub filmów do tweetów za pomocą kilku linijek kodu. Istnieje kilka rodzajów kart Twittera, ale najczęściej używane są karty podsumowujące i karty podsumowujące zdjęcia.

Podstawowe znaczniki znaczników dla Twittera to:

Tag karty na Twitterze Opis tagu
Twitter: karta Rodzaj karty (pełna lista rodzajów kart tutaj)
Twitter:tytuł Tytuł lub alternatywny tytuł strony wyświetlany jako nagłówek
Twitter:url URL strony
Twitter: opis Krótki opis w mniej niż 200 znakach
Twitter: obraz URL unikalnego obrazu, zalecane minimalne wymiary 440×220 pikseli

Aby to uzyskać:

przykład dobrej treści z kart społecznościowych na Twitterze

… metatagi społecznościowe Twitter Card będą wyglądać tak:

<meta name=”twitter:card” content=”summary_large_image” />

<meta name=”twitter:title” content=”Zawsze aktualna lista kontrolna SEO od @BruceClayInc” />

<nazwa meta=”twitter:url” content=”http://www.bruceclay.com/blog/seo-checklist/” />

<meta name=”twitter:description” content=”Dopiero zaczynasz optymalizować strony internetowe? Oto sprawdzona lista kontrolna SEO, którą możesz mieć pod ręką podczas swoich projektów”. />

<meta name=”twitter:image” content=”http://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

Chcesz zobaczyć, jak będzie wyglądać Twoja strona po wklejeniu do tweeta? Wprowadź adres URL do walidatora Twitter Card, aby zobaczyć podgląd i upewnić się, że masz poprawnie skonfigurowane znaczniki społecznościowe Twitter Card.

Wskazówka dla profesjonalistów: jeśli zaktualizujesz tagi Twitter Card na stronie, użyj narzędzia do sprawdzania Twitter Card, aby zmusić Twittera do wykonania nowego zeskrobywania adresu URL, co spowoduje, że Twitter pobierze nowe dane z metatagów społecznościowych. W przeciwnym razie może pobrać z pamięci podręcznej zamiast zaktualizowanych tagów.

Schemat udostępniania na LinkedIn i Pinterest

Jak wspomniano, tagi Open Graph są odczytywane przez Facebook, LinkedIn i Twitter. Większość sieci społecznościowych rozpoznaje i obsługuje Open Graph jako domyślny standard, jeśli chodzi o znaczniki społecznościowe. Ale jest inne rozwiązanie dla Pinteresta i LinkedIn, czyli znaczniki schematu.

Aby użyć znaczników schematu do dostosowania tytułu, opisu i obrazu powiązanego z Twoim LinkedIn lub Pinterestem, metatagi społecznościowe wyglądają tak:

<html itemscope itemtype=”https://schema.org/Article”>

<meta itemprop=”name” content=”Tytuł posta na blogu”>

<meta itemprop=”description” content=”To jest opis posta na blogu”>

<meta itemprop=”image” content=”https://www.domain.com/image.jpg”>

Ponownie, ten znacznik schematu zostanie umieszczony w kodzie HTML powiązanym z Twoim postem tuż przed zamykającym tagiem head, </head>.

Możesz zweryfikować znaczniki schematu za pomocą narzędzia Google do testowania danych strukturalnych.

Przeczytaj więcej na temat korzystania ze schematów i znaczników strukturalnych w celu poprawy wyświetlania treści w naszych technicznych przewodnikach po SEO i znacznikach schematów.

Promocja w mediach społecznościowych z metatagami

Zacznij myśleć o treściach w mediach społecznościowych, takich jak reklama społecznościowa. Strategiczne znaczniki społecznościowe dla rozszerzonej dystrybucji to wszystko w dzisiejszym dynamicznym krajobrazie cyfrowym.

Kluczem do maksymalizacji dystrybucji społecznościowej jest kontrolowanie sposobu wyświetlania treści w kanałach, a nie pozwalanie Facebookowi, Twitterowi i innym platformom społecznościowym na pobieranie treści ze strony. Optymalizując metatagi, które kontrolują treści w mediach społecznościowych, możesz tworzyć wiadomości o swoim poście na blogu skierowane do różnych odbiorców, których masz w każdej sieci społecznościowej.

Podobnie jak tagi tytułu strony i tagi metaopisu pomagają zwiększyć rankingi organicznych wyszukiwarek, metatagi społecznościowe są elementami kodu HTML, które zwiększają widoczność w mediach społecznościowych, zwiększają ruch w mediach społecznościowych i poprawiają współczynniki klikalności.

Aby uzyskać dodatkową pomoc w tworzeniu bardziej informacyjnych metatagów, zapoznaj się z naszymi poradami dotyczącymi używania słów kluczowych w SEO.