Kompletny przewodnik po kartach na Twitterze

Opublikowany: 2016-01-20

Twitter Cards to protokół, który umożliwia dołączanie bogatych zdjęć, filmów i innych interaktywnych mediów do tweetów w celu przyciągnięcia ruchu do Twojej witryny. Twitter udostępnia wiele różnych kart. Co więcej, Twitter Cards można zintegrować z kilkoma linijkami kodu HTML na Twojej stronie internetowej. Użytkownicy linkujący do Twoich treści za pomocą Tweeta otrzymają Kartę dodaną do Tweeta, widoczną dla wszystkich ich obserwujących.

Twitter Cards są świetnym partnerem dla Twojej strategii SEO, ponieważ pomagają zwiększyć zaangażowanie, zwiększyć współczynnik klikalności i konwersje. Twitter Cards mogą w ten sposób poprawić zasięg Twoich treści w mediach społecznościowych oraz rozwinąć Twoją markę i lokalne SEO.

Zrozumienie różnych typów kart na Twitterze

Istnieje 5 rodzajów kart na Twitterze:

  • Karta podsumowująca
  • Karta podsumowująca z dużym obrazem
  • Karta gracza
  • Karta aplikacji
  • Karta generowania leadów

Karta podsumowująca

Karta podsumowująca może być używana do postów na blogu, wiadomości, stron produktów lub innych wiadomości biznesowych. Te karty mają na celu oferowanie podglądu treści, wyświetlając tytuł, opis i obraz miniatury.
Wymagania:

  • Tytuł: 70 znaków
  • Opis: 200 znaków
  • Obraz: co najmniej 120×120 pikseli i nie więcej niż 1MB

Aby dodać go do swojej witryny, musisz wkleić ten kod do kodu HTML swojej strony internetowej:

<nazwa meta=”twitter:card” content=”podsumowanie” />
<meta name=”twitter:site” content=”@twojawitryna” />
<meta name=”twitter:title” content=”Twój tytuł” ​​/>
<meta name=”twitter:opis” content=”Twój opis”. />
<meta name=”twitter:image” content=”https://gdzie-obraz-jest-hostowany/nazwa.jpg” />

Karta podsumowująca z dużym obrazem

Te karty działają tak samo jak poprzednia, z wyjątkiem rozmiaru obrazu. Pozwala na umieszczenie bardziej atrakcyjnego obrazu w pełnej szerokości, aby lepiej przyciągnąć widzów na Twojej stronie.
Wymagania:

  • Tytuł: 70 znaków
  • Opis: 200 znaków
  • Obraz: co najmniej 280 x 150 pikseli i nie więcej niż 1 MB

Dodaj ten kod HTML, aby skonfigurować ten typ kart Twittera:

<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@twojawitryna”>
<meta name=”twitter:creator” content=”@twójtwitterhandle”>
<meta name=”twitter:title” content=”twój tytuł”>
<meta name=”twitter:opis” content=”twój opis”.>
<meta name=”twitter:image” content=” https://where-your-image-is-hosted/name.jpg „>

Karta aplikacji

Karty aplikacji mogą służyć do promowania aplikacji mobilnych na Twitterze i zwiększania liczby instalacji. Ta Karta wyróżnia nazwę, opis, ikonę, ocenę i cenę. Twitter może użyć identyfikatorów Twojej aplikacji, aby pobrać niektóre z tych informacji.
Wymagania:

  • Tytuł: posortowany na podstawie identyfikatora aplikacji
  • Opis: 200 znaków
  • Obraz: logo aplikacji posortowane na podstawie identyfikatora aplikacji — obraz powinien mieć co najmniej 800 x 320 pikseli i może być w formacie JPG, JPEG, PNG lub GIF. Preferowane są obrazy poniżej 1 MB

Jeśli Twoja aplikacja nie jest dostępna w sklepie z aplikacjami, Twitter nie będzie mógł pobrać tych informacji. Jeśli Twoja aplikacja nie znajduje się w sklepie w USA, w metatagu twitter:app:country wskaż, skąd pochodzi. Ponadto, jeśli Twój link wskazuje bezpośrednio na App Store lub Google Play, Twitter automatycznie utworzy App Card.

Oto kod, który należy wpisać:

<nazwa meta=”twitter:card” content=”aplikacja”>
<meta name=”twitter:site” content=”@twojawitryna”>
<nazwa meta=”twitter:opis” content=”twój opis”>
<meta name=”twitter:app:country” content=”twój kraj jak USA”>
<nazwa meta=”twitter:app:nazwa:iphone” content=”nazwa twojej aplikacji iphone”>
<meta name=”twitter:app:id:iphone” content=”twój identyfikator aplikacji iphone”>
<nazwa meta=”twitter:app:url:iphone” content=”adres URL twojej aplikacji na iphone”>
<nazwa meta=”twitter:app:nazwa:ipad” content=”nazwa twojej aplikacji na iPada”>
<nazwa meta=”twitter:app:id:ipad” content=”identyfikator aplikacji na iPada”>
<nazwa meta=”twitter:app:url:ipad” content=”adres URL twojej aplikacji na iPada”>
<nazwa meta=”twitter:app:nazwa:googleplay” content=”nazwa Twojej aplikacji w GooglePlay”>
<nazwa meta=”twitter:app:id:googleplay” content=”twój identyfikator dodawania googleplay”

Karta gracza

Karty gracza zostały stworzone w celu promowania mediów strumieniowych, takich jak odtwarzacz wideo lub audio, w twoim tweecie. Jest to idealne rozwiązanie na przykład do przesyłania Vines lub podcastów.
Wymagania:

  • Opis: 200 znaków
  • Obraz: wyświetlany zamiast odtwarzacza na platformach, które nie obsługują elementów iframe lub wbudowanych odtwarzaczy. Takie same wymiary jak twoje
  • gracz; nie więcej niż 1 MB
  • Wideo: H.264, profil podstawowy, poziom 3.0, do 640 x 480 pikseli przy 30 fps.
  • Dźwięk: AAC, profil o niskiej złożoności

Karta generowania leadów

Karty generowania leadów świetnie nadają się do nawiązywania kontaktu z potencjalnymi klientami. Możesz w ten sposób zbierać informacje o potencjalnych klientach. Ludzie mogą wyrażać zainteresowanie Twoją firmą bez konieczności wypełniania formularza lub opuszczania konta na Twitterze. Zwykle ich imię i nazwisko, dojście do Twittera i adres e-mail są już wpisane, więc nie muszą ich wypełniać.
Wymagania:

  • Tytuł: 50 znaków
  • Wezwanie do działania: 20 znaków
  • Wiadomość po przesłaniu (opcjonalnie): 100 znaków
  • Obraz: co najmniej 800 x 200 pikseli w proporcjach 4:1 i nie więcej niż 3 MB

Aby ładnie skonfigurować Kartę Lead Generation musisz zalogować się na swoje konto Twitter Ads (nawet jeśli Karta jest bezpłatna):

  • Zaloguj się do Twittera
  • Kliknij ikonę Ustawienia i wybierz Twitter Ads z menu rozwijanego
  • Kliknij kartę Kreacje w górnym menu nawigacyjnym i wybierz Karty
  • Kliknij Utwórz swoje pierwsze karty generowania potencjalnych klientów
  • Po skonfigurowaniu kliknij kartę Tweety, a następnie kliknij niebieski przycisk Utwórz tweeta w prawym górnym rogu
  • Skomponuj swój tweet i kliknij Dołącz kartkę do tego tweeta, gdy będziesz gotowy
  • Wybierz kartę, którą chcesz dołączyć, a następnie wyślij swój tweet

Jak zintegrować te Twitter Cards z CMS?

Jeśli Twoja witryna działa pod WordPress, możesz zintegrować te Twitter Cards ze swoim systemem, aby zaoszczędzić czas. Jeśli skupimy się na WordPressie, możesz zainstalować trzy wtyczki:

  • Plecak odrzutowy
  • Karty JM na Twitterze
  • SEO przez Yoast

Twitter oferuje dobry przewodnik po konfiguracji systemu CMS za pomocą kart Twittera, więc zdecydowanie powinieneś zajrzeć.

Po prawidłowym skonfigurowaniu sprawdź, czy działa dobrze na Twitterze. Połącz się z narzędziem Twitter Card Validator, a zobaczysz, czy wszystko wygląda tak, jak powinno. Wzięliśmy przykład z naszego ostatniego artykułu:

Jak sprawdzić wydajność swoich kart na Twitterze?

Aby przejść dalej, możesz przyjrzeć się zachowaniu swoich kart na Twitterze. Niedawno opracowaliśmy nową funkcję, która umożliwia łatwe sprawdzanie wydajności kart na Twitterze (i przy okazji Open Graph). Możesz analizować dystrybucję i właściwości swoich kart na Twitterze, uzyskiwać informacje i uzyskiwać dostęp do szczegółów adresów URL. To świetny partner w Twojej strategii SEO, ponieważ poprawia zasięg udostępniania społecznościowego, współczynnik klikalności i konwersje.

Rozpocznij darmowy okres próbny