Przewodnik dla początkujących, jak dodać karty Twittera w WordPressie

Czy zastanawiałeś się kiedyś, dlaczego niektóre tweety generują znacznie więcej kliknięć niż inne, nawet gdy treść jest podobna? Sekret często tkwi w tym, jak treść pojawia się po udostępnieniu. Zwykłe tweety tekstowe są pomijane, ale tweety z przyciągającymi wzrok podglądami przyciągają uwagę i generują kliknięcia.

Tutaj na WPBeginner używamy kart Twitter, aby kontrolować wygląd naszych tweetów i zwiększać zaangażowanie. Widzimy zauważalny wzrost naszego ruchu w mediach społecznościowych i wskaźników zaangażowania.

Najlepsze jest to? Dodawanie kart Twitter do Twojej witryny WordPress nie wymaga żadnych umiejętności kodowania ani wiedzy technicznej. Pokażemy Ci wiele metod konfiguracji, od prostych rozwiązań wtyczek po ręczne wdrożenie, dzięki czemu możesz wybrać to, co najlepiej odpowiada Twojemu poziomowi umiejętności.

Dlaczego używać kart Twittera w WordPress?

Karty Twittera pozwalają dodać tytuł, podsumowanie, obraz oraz plik wideo lub audio do Twojego tweeta. W ten sposób masz większe szanse na uzyskanie większej liczby kliknięć i retweetów.

Możesz zobaczyć przykład na żywo, przechodząc na naszą stronę WPBeginner na X.

Największą zaletą kart Twittera jest to, że zwiększają one liczbę osób obserwujących Twoje konta X poprzez przypisywanie treści. Często ludzie tweetują Twoje linki bez odpowiedniego podania źródła.

Na przykład, powiedzmy, że @syedbalkhi retweetuje post z @wpbeginner bez podania źródła, a inni ludzie retweetują @syedbalkhi. Wtedy użytkownicy przeglądający te retweety są bardziej skłonni obserwować @syedbalkhi niż @wpbeginner.

Często kuratorzy treści robią to, aby skrócić długość tweetów i zapewnić retweetowanie własnych tweetów.

Dzięki kartom Twitter ten problem jest rozwiązany, ponieważ otrzymujesz uznanie dla swojej witryny WordPress z każdego tweeta, który wspomina o Twoim artykule.

Teraz, gdy znasz korzyści płynące z kart Twittera, przyjrzyjmy się, jak je zaimplementować w WordPressie. Omówimy dwie metody i pokażemy, jak testować i weryfikować Twoje karty Twittera:

1. Używanie wtyczki AIOSEO do dodawania kart Twitter (zalecane)
2. Dodawanie kart Twittera w WordPressie (Metoda z kodem)
3. Testuj i weryfikuj swoje karty Twittera
4. Najczęściej zadawane pytania
5. Eksperckie poradniki dotyczące korzystania z Twittera z WordPressem

Metoda 1: Używanie wtyczki AIOSEO do dodawania kart Twitter (zalecane)

Najprostszym sposobem dodania kart Twitter do Twojej witryny jest użycie wtyczki All in One SEO (AIOSEO) dla WordPress. Jest to najlepsza wtyczka SEO dla WordPress i jest używana przez ponad 3 miliony witryn.

Najpierw musisz zainstalować i aktywować wtyczkę AIOSEO. Więcej szczegółów znajdziesz w naszym poradniku krok po kroku: jak zainstalować wtyczkę WordPress.

Możesz użyć darmowej wersji AIOSEO, ponieważ oferuje ona funkcję ustawiania kart Twittera na Twojej stronie WordPress.

Po aktywacji wtyczki przejdź do obszaru administracyjnego WordPress i nawiguj do All in One SEO » Social Networks. Następnie kliknij zakładkę „X (Twitter)” i upewnij się, że opcja „Enable X Card” jest włączona.

Po włączeniu kart Twittera możesz zmienić ich wygląd, korzystając z różnych ustawień.

AIOSEO pozwala wybrać domyślny typ karty dla Twoich treści. Wtyczka ustawi „Podsumowanie” jako domyślny typ karty, który wyświetla tytuł, podsumowanie i miniaturę Twoich treści.

Możesz jednak zmienić ją na „Podsumowanie z dużym obrazem” z menu rozwijanego, a Twitter wyświetli Twój tweet z dużym obrazem.

Następnie musisz wybrać domyślne źródło obrazka wpisu. Jest to obrazek, który chcesz wyświetlić na swoich kartach Twittera.

Dostępnych jest wiele opcji do wyboru za pomocą menu rozwijanego. Na przykład, możesz przesłać lub wybrać domyślny obraz, który pojawi się w karcie X (Twitter) lub wybrać obraz wyróżniający, załączony obraz, pierwszy obraz w treści i inne.

Następnie dodaj domyślny obraz posta X, który będzie używany jako zapasowy, jeśli Twoja treść nie będzie miała obrazu.

Na przykład, jeśli źródłem obrazu posta jest obraz wyróżniony, ale postowi brakuje obrazu wyróżnionego, X użyje domyślnego obrazu zamiast tego.

Oprócz tego AIOSEO oferuje więcej opcji wyświetlania dodatkowych danych, takich jak autor posta i czas potrzebny na przeczytanie artykułu.

Istnieje również opcja ustawienia domyślnego źródła obrazka terminu, ale będziesz potrzebować AIOSEO Pro lub wyższej licencji, aby korzystać z tej funkcji.

Teraz, jeśli przewiniesz w dół, zobaczysz ustawienia strony głównej dla Twittera. Wtyczka pokaże podgląd, jak Twoja strona główna będzie wyglądać na karcie Twittera.

W tej sekcji możesz zmienić typ karty i dodać obraz strony głównej.

Jest to podobne do kroków, które pokazaliśmy wcześniej, ale różnica polega na tym, że te ustawienia dotyczą Twojej strony głównej.

Następnie wprowadź tytuł i opis strony głównej, które pojawią się na karcie Twittera.

Po zakończeniu kliknij przycisk „Zapisz zmiany”.

Oprócz tego AIOSEO pozwala również na zmianę ustawień kart X (Twitter) dla poszczególnych postów i stron.

Aby to zrobić, edytuj dowolny wpis lub stronę, a następnie przewiń w dół do Ustawień AIOSEO w edytorze treści. Teraz kliknij kartę „Społecznościowe” i wybierz „X (Twitter)”.

Wtyczka wyświetli podgląd karty X Twojego posta i da Ci możliwość wykorzystania danych z zakładki Facebook. Pozwala również edytować tytuł i opis X.

Możesz napisać nowy tytuł i opis lub użyć inteligentnych tagów. Na przykład, jeśli użyjesz tagu „+ Tytuł posta” nad polem Tytuł Twitter, AIOSEO automatycznie użyje tytułu Twojego posta na karcie Twitter.

Następnie przewiń w dół i wybierz Źródło Obrazu dla swojej Karty Twitter. Użyj menu rozwijanego, aby wybrać obraz, który chcesz wyświetlić dla swojego posta, taki jak obraz wyróżniony, załączony obraz, pierwszy obraz w treści i tak dalej.

Na koniec możesz wybrać Typ Karty Twittera z menu rozwijanego. Domyślnie AIOSEO ustawi go na „Podsumowanie”, ale możesz zmienić go na „Podsumowanie z dużym obrazkiem”.

Następnie zaktualizuj lub opublikuj swój wpis na blogu. Pomyślnie dodałeś karty Twittera do swojej witryny WordPress.

Metoda 2: Dodawanie kart Twitter w WordPress (metoda kodu)

Ta metoda wymaga dodania kodu do plików motywu lub motywu potomnego. Po prostu otwórz plik header.php lub użyj bezpłatnej wtyczki WPCode, aby dodać ten niestandardowy kod tuż przed tagiem </head>:

<?php
#twitter cards hack
if(is_single() || is_page()) {
  $twitter_url    = get_permalink();
 $twitter_title  = get_the_title();
 $twitter_desc   = get_the_excerpt();
   $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
    $twitter_thumb  = $twitter_thumbs[0];
      if(!$twitter_thumb) {
      $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
    }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
  if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
  }
}
?>

Możesz zmienić wartość ‘twitter:card’ w linii 14 na ‘summary_large_image’ , jeśli chcesz wyświetlić kartę podsumowania z dużym obrazem.

Jeśli nie wiesz, jak pracować z PHP lub napotykasz problemy z Metodą 2, skorzystaj z Metody 1.

Testuj i weryfikuj swoje karty Twittera

Zanim linki z Twojej witryny WordPress zaczną wyświetlać karty Twittera, musisz najpierw sprawdzić je w narzędziu do walidacji kart Twittera.

Po prostu przejdź do strony Walidator kart na stronie deweloperów Twittera. Wprowadź adres URL dowolnego wpisu z Twojej witryny WordPress i kliknij przycisk „Podgląd karty”.

Walidator kart nie wyświetla już podglądu tweeta, ale pokazuje log, czy karta Twittera załadowała się pomyślnie, czy nie.

Najczęściej zadawane pytania

Omówiliśmy podstawy dodawania kart Twittera do Twojej witryny WordPress, ale możesz mieć jeszcze kilka pytań. Poniżej znajdują się najczęściej zadawane pytania dotyczące kart Twittera i ich implementacji.

1. Czy karty Twitter działają automatycznie po dodaniu ich do mojej strony WordPress?

Karty Twitter powinny działać automatycznie po prawidłowym zaimplementowaniu tagów meta na Twojej stronie. Jednak może minąć trochę czasu, zanim Twitter rozpozna i zacznie wyświetlać Twoje karty. Możesz przyspieszyć ten proces, korzystając z narzędzia Card Validator firmy Twitter, aby przetestować swoje adresy URL i poprosić Twittera o zaindeksowanie Twojej witryny.

2. Jaka jest różnica między kartami Twitter typu Podsumowanie a Podsumowanie z dużym obrazem?

Główna różnica polega na rozmiarze i układzie obrazu. Karty podsumowania wyświetlają małą miniaturę po lewej stronie tweeta, podczas gdy karty podsumowania z dużym obrazem pokazują duży, widoczny obraz nad tekstem. Karty z dużymi obrazami zazwyczaj generują większe zaangażowanie, ale zajmują więcej miejsca w osi czasu.

3. Czy mogę używać różnych typów kart Twittera dla różnych stron na mojej witrynie?

Tak, zdecydowanie możesz używać różnych typów kart Twittera dla różnych stron. Większość wtyczek SEO, takich jak All in One SEO (AIOSEO), pozwala na ustawienie specyficznych opcji kart Twittera dla poszczególnych wpisów i stron. Daje to elastyczność w wyborze najlepszego typu karty dla każdej treści.

4. Dlaczego moje karty Twitter nie wyświetlają się, gdy udostępniam moje treści?

Istnieje kilka powodów, dla których karty Twittera mogą się nie pojawiać: meta tagi nie są poprawnie zaimplementowane, Twitter jeszcze nie zaindeksował Twojej witryny, w Twoim znaczniku karty występują błędy lub Twoje obrazy nie spełniają wymagań Twittera. Użyj narzędzia Card Validator od Twittera, aby rozwiązać problemy i zidentyfikować wszelkie błędy.

5. Czy muszę zatwierdzać moje karty Twittera z Twitterem przed ich użyciem?

Nie, Twitter nie wymaga już zatwierdzenia dla kart Twitter. Dopóki Twoje karty są prawidłowo zaimplementowane i zgodne z wytycznymi Twittera, powinny wyświetlać się automatycznie po udostępnieniu Twoich treści.

6. Jakie rozmiary obrazów najlepiej sprawdzają się w przypadku kart Twitter?

W przypadku kart typu „Summary” używaj obrazów o minimalnych wymiarach 144×144 pikseli (dobrze sprawdza się format kwadratowy). W przypadku kart typu „Summary with Large Image” używaj obrazów o minimalnych wymiarach 300×157 pikseli i proporcjach 1,91:1. Maksymalny rozmiar pliku dla obrazów to 5 MB, a Twitter obsługuje formaty JPG, PNG, WebP i GIF.

Eksperckie poradniki dotyczące korzystania z Twittera z WordPressem

Mamy nadzieję, że ten artykuł pomógł Ci dodać karty Twittera do WordPressa. Możesz również zapoznać się z innymi poradnikami dotyczącymi korzystania z X (Twittera) z WordPressem.

• Jak automatycznie tweetować po opublikowaniu nowego wpisu w WordPressie
• Jak dodać przycisk udostępniania i retweetowania na Twitterze w WordPressie
• Jak osadzać rzeczywiste tweety w postach na blogu WordPress
• Jak naprawić uszkodzone obrazy kart Twittera w WordPress
• Jak wyświetlić Twitter i Facebook autora na stronie profilu
• Najlepsze wtyczki Twittera dla WordPress (Porównanie)
• Jak wyświetlić ostatnie tweety w WordPress (krok po kroku)
• Jak dodać swoje kanały mediów społecznościowych do WordPressa (krok po kroku)

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.