Co to jest Walidator kart Twittera i jak z niego korzystać?

Czym więc jest walidator kart na Twitterze?

Aby to wiedzieć, najpierw musisz zrozumieć, czym jest karta na Twitterze.

Nie czuj się źle. Nie jesteś jedyną osobą, która nie wie o kartach na Twitterze.

Widzisz, Twitter to wyjątkowa platforma do realizacji Twoich marzeń o content marketingu.

Według statystyk mediów społecznościowych Twitter ma ponad 350 milionów aktywnych użytkowników. To ogromna pula wysokiej jakości ruchu, który czeka na konwersję dzięki Twoim wysiłkom dotyczącym treści.

Jak więc wywołać CTR? Jak sprawić, by tweety były wystarczająco angażujące, aby przyciągnąć odbiorców do Twojej witryny, blogów i stron docelowych?

Tworząc informacyjne, atrakcyjne i dobrze zorganizowane tweety. A teraz, jak byś to wszystko zrobił przy limicie zaledwie 280 znaków?

W tym miejscu pojawiają się karty na Twitterze. Karty na Twitterze umożliwiają przekazywanie przykuwających uwagę informacji swoim obserwatorom bez przekraczania limitu znaków.

W tym blogu omówimy wszystko o kartach Twittera, walidatorze kart Twittera oraz o tym, jak możesz z nich korzystać, aby poszerzyć liczbę przychodzących potencjalnych klientów poprzez marketing na Twitterze.

Zgrajmy!

Co to jest karta Twittera?

Karty na Twitterze zostały zaprojektowane tak, aby nadać tweetom z linkami bardziej atrakcyjny i uporządkowany wygląd , aby interakcja z odbiorcami była bardziej angażująca. Ich wciągające wrażenia zwiększają szanse na przeniesienie większego ruchu na udostępnianą stronę.

Wszystko, co musisz zrobić, to dodać kilka linijek kodu do swojej strony internetowej, a gdy ktoś udostępni link do Twojej treści, pojawi się on jako karta na Twitterze dla wszystkich obserwujących.

W tym przypadku system Twittera rozpoznaje adres URL w tweecie i indeksuje witrynę w celu pobrania typu karty i treści w celu ustrukturyzowania tweeta.

Być może nie słyszałeś wcześniej o kartach na Twitterze, ale jest to coś, z czym codziennie spotykasz się na swoich kanałach na Twitterze.

Spójrz na poniższy przykład karty na Twitterze. Tutaj link do filmu na youtube został zastąpiony tą piękną kartą gracza.

Karty na Twitterze nie są nowe. Wiele osób korzystało z nich wcześniej, aby wyjść poza restrykcyjny limit 140 znaków i udostępnić więcej informacji. Teraz limit znaków się zmienił, ale karty nadal są w użyciu.

Dowiedzmy się więcej o kartach na Twitterze.

Rodzaje kart na Twitterze

Twitter eksperymentował z różnymi opcjami kart i miał wcześniej kartę generowania potencjalnych klientów, ale później ją wycofał. Obecnie masz możliwość stworzenia 4 rodzajów kart na Twitterze.

Każda karta ma inne wrażenia wizualne w zależności od rodzaju obsługiwanych mediów . Musisz wybrać rodzaj karty, którą chcesz wdrożyć.

Uwaga: możesz mieć tylko jedną kartę na stronie.

1. Karta podsumowująca na Twitterze

Jak sama nazwa wskazuje, karta podsumowania zawiera właściwy opis udostępnianej strony internetowej, w tym miniaturę, tytuł, opis i adres URL strony.

Karty podsumowujące to świetny sposób na zaprezentowanie wielu rodzajów treści internetowych, takich jak posty na blogu, artykuły z wiadomościami, produkty eCommerce i recenzje restauracji.

Krótki opis na samej karcie działa jako świetne wezwanie do działania dla użytkownika, aby kliknął tweet i przeszedł do treści.

Jak dodać kartę podsumowania Twittera do swojej witryny?

Aby dodać kartę podsumowania, musisz wkleić poniższe kody do nagłówka swojej witryny z odpowiednimi atrybutami.

• Najpierw określasz typ karty.

<meta name="twitter:card" content="summary" />

• Następnie podaj @nazwa użytkownika konta, do którego karta ma być przypisana.

<meta name="twitter:site" content="@username" />

• Następnie napisz zwięzły tytuł strony z treścią. Tytuł w aplikacjach na Androida i iOS zostanie skrócony do dwóch wierszy i do jednego wiersza podczas przeglądania w Internecie. Więc zachowaj mniej niż 70 znaków.

 <meta name="twitter:title" content="Title of your webpage" />

200-znakowy opis, aby właściwie podsumować zawartość strony. Pamiętaj, aby nie używać tytułu jako opisu. To byłaby strata.

 <meta name="twitter:description" content="Description" />

• Teraz podaj adres URL obrazu, który ma pojawić się na karcie Twittera.

 <meta name="twitter:image" content="image URL" />

Aby uzyskać najlepsze wyniki, użyj następujących wymiarów i limitów znaków:

Tytuł : 70 znaków

Opis : 200 znaków

Obsługiwane wymiary obrazu: proporcje 1:1, minimalny wymiar 144x144 pikseli i maksymalny 4096x4096 pikseli.

Rozmiar obrazu : mniej niż 5 MB

2. Karta podsumowująca na Twitterze z dużym obrazem

Pomyśl o karcie Podsumowanie, ale z dużym obrazem.

Karta podsumowania z dużym obrazem ma taką samą funkcjonalność jak typowa karta podsumowania, ale z tą różnicą, że można dodać duży obraz.

Marki używają go do podkreślenia wizualnych elementów strony. Duży, ustrukturyzowany obraz może być doskonałym ogranicznikiem przewijania pośród zatłoczonej osi czasu na Twitterze.

Jak dodać do swojej witryny kartę podsumowującą na Twitterze z dużym obrazem?

Poniżej znajdują się metatagi, które musisz dodać do swojej witryny, aby zaimplementować karty podsumowań z dużym obrazem w swoich tweetach.

 <meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">
<meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">

Wymiary karty podsumowania z dużym obrazem:

Tytuł : 70 znaków

Opis : 200 znaków

Obsługiwane wymiary obrazu : Współczynnik proporcji 2:1 z minimalnymi wymiarami 300×157 lub maksymalnymi 4096×4096 pikseli.

Rozmiar obrazu : mniej niż 5 MB

3. Karta aplikacji na Twittera

Oprócz promowania treści witryny Twitter jest również doskonałym miejscem do promowania aplikacji w celu zwiększenia liczby instalacji. W końcu 80% użytkowników Twittera uzyskuje dostęp do platformy na urządzeniu mobilnym.

Dzięki funkcji karty aplikacji promowanie Twojej aplikacji staje się ciekawsze. Karta aplikacji to świetny sposób na promowanie swojej aplikacji na Twitterze w celu uzyskania większej liczby pobrań .

Wyświetla nazwę, ikonę, opis, a nawet informacje, takie jak cena i ocena Twojej aplikacji.

Na marginesie, upewnij się, że Twoja aplikacja jest publicznie dostępna w sklepach z aplikacjami ; w przeciwnym razie Twitter nie będzie w stanie pobrać danych niezbędnych do utworzenia karty aplikacji.

Jak dodać kartę aplikacji do swojej witryny?

• Aby dodać kartę aplikacji, wklej następujące kody do kodu HTML swojej strony internetowej:

 <meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
<meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>

• Domyślnie Twitter pobiera dane ze sklepów w USA, więc jeśli Twoja aplikacja jest dostępna w innym kraju, zdefiniuj nazwę kraju za pomocą poniższego tagu.

 <meta name=”twitter:app:country” content=”your country like US”>

• Następnie definiujesz nazwę, identyfikator aplikacji i adres URL swojej aplikacji w App Store.

 <meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
<meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>

• Tagi dla aplikacji zoptymalizowanej dla iPada. Jeśli Twoja aplikacja nie jest zoptymalizowana pod kątem iPada, wypełnij tagi w taki sam sposób, jak w przypadku iPhone'a.
  

 <meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
<meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>

• Zdefiniuj te same parametry dla swojej aplikacji w Google Play.

 <meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">
<meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">

Wymiar, o którym należy pamiętać w przypadku karty aplikacji:

Tytuł : Pobrano z identyfikatora Twojej aplikacji

Opis : 200 znaków

Obraz : Obraz przesłany do sklepu iTunes/Google Play musi być mniejszy niż 1 MB

4. Karta gracza na Twitterze

Wideo było królem marketingu treści, a wraz z pojawieniem się platform audio, takich jak przestrzenie na Twitterze, audio zaczęło również pełnić pierwsze miejsce w marketingu na Twitterze.

Na szczęście karta gracza obsługuje oba typy multimediów i zapewnia bogatsze wrażenia użytkownikom Twittera.

Co oni robią?

Karty graczy automatycznie wyciągają wideo lub audio obecne w łączu i odtwarzają je bezpośrednio na osi czasu lub w kanale , dzięki czemu użytkownicy nie muszą wychodzić z aplikacji tylko po to, aby wejść w interakcję z multimediami.

Karta to doskonały sposób na promowanie nowych filmów o produktach, fragmentów podcastów, informacji zakulisowych i wydarzeń związanych z marką.

Jak dodać kartę gracza do swojej strony?

Poniżej znajdują się przykładowe kody, które musisz wkleić do kodu HTML swojej strony internetowej:

 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />
 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />

Aby uzyskać głębsze zrozumienie i instrukcje dotyczące testowania doświadczenia karty gracza na różnych platformach, odwiedź tutaj.

Jak korzystać z walidatora kart Twittera?

Po wybraniu karty i umieszczeniu tagów w witrynie następnym krokiem jest sprawdzenie, czy wszystko działa poprawnie, czy nie.

Jak to robisz? Z pomocą walidatora kart Twittera w zaledwie dwóch prostych krokach:

Krok 1 : Przejdź do strony weryfikacji kart Twittera.

Krok 2 : Wklej adres URL strony z metatagami. Kliknij przycisk „Podgląd karty”.

Jeśli wszystko działa dobrze, podgląd karty pokaże Ci, jak Twoja karta będzie wyglądać w kanałach Twittera. Ponadto zobaczysz informacje o liczbie metatagów, typie karty i komunikat o pomyślnym załadowaniu karty.

Z drugiej strony zobaczysz komunikat o błędzie w sekcji dziennika, jeśli Twoja karta nie zostanie znaleziona lub ma inny problem.

Wniosek

To, że karty Twittera są stare, nie oznacza, że ​​nie działają. Udowodniono statystycznie, że tweety z dołączonymi multimediami działają lepiej niż zwykły tweet. Wskazówka, aby karty na Twitterze zdziałały dla Ciebie cuda.

Właściwa karta na Twitterze dopasowana do Twojej strategii marketingowej może zwiększyć widoczność, zaangażowanie i ogólną estetykę Twojego profilu na Twitterze.

Więc upewnij się, że przysiądziesz do tego pomysłu, przedyskutuj go ze swoim zespołem i poproś swojego programistę backendowego do pracy.

Co więcej, jeśli tak jak ja wierzysz, że Twitter może stworzyć lub złamać twoją markę i poważnie myślisz o odwróceniu losu; wypróbuj SocialPilot już dziś!