Ghid pentru începători despre cum să adăugați carduri Twitter în WordPress

Te-ai întrebat vreodată de ce unele tweet-uri primesc mult mai multe clicuri decât altele, chiar și atunci când conținutul este similar? Secretul constă adesea în modul în care apare conținutul atunci când este partajat. Tweet-urile cu text simplu sunt ignorate, dar tweet-urile cu previzualizări atrăgătoare captează atenția și generează clicuri.

Aici, la WPBeginner, folosim Carduri Twitter pentru a controla cum arată tweet-urile noastre și pentru a crește implicarea. Vedem o creștere notabilă în traficul nostru pe rețelele sociale și ratele de implicare.

Partea cea mai bună? Adăugarea cardurilor Twitter pe site-ul dvs. WordPress nu necesită abilități de codare sau expertiză tehnică. Vă vom arăta mai multe metode pentru a configura acest lucru, de la soluții simple cu pluginuri la implementare manuală, astfel încât să puteți alege ce funcționează cel mai bine pentru nivelul dvs. de abilități.

De ce să folosiți carduri Twitter în WordPress?

Cardurile Twitter vă permit să adăugați un titlu, un rezumat, o imagine și un fișier video sau audio la tweet-ul dvs. Astfel, aveți mai multe șanse să obțineți mai multe clicuri și retweet-uri.

Puteți vedea un exemplu live accesând pagina noastră WPBeginner pe X.

Cel mai mare avantaj al cardurilor Twitter este că măresc numărul de persoane care îți urmăresc conturile X prin atribuirea conținutului. Adesea, oamenii tweet-ează linkurile tale fără să-ți acorde creditul cuvenit.

De exemplu, să spunem că @syedbalkhi retweetează o postare de la @wpbeginner fără atribuire, iar alte persoane retweetează @syedbalkhi. Atunci utilizatorii care văd acele retweeturi sunt mai predispuși să îl urmărească pe @syedbalkhi decât pe @wpbeginner.

Adesea, curatorii de conținut fac acest lucru pentru a menține lungimea tweet-urilor scurtă și pentru a asigura retweet-urile propriilor tweet-uri.

Cu Twitter Cards, această problemă este rezolvată deoarece primești credit pe site-ul dvs. WordPress de la fiecare tweet care menționează articolul dvs.

Acum că știți beneficiile cardurilor Twitter, să vedem cum să le implementați în WordPress. Vom acoperi două metode și vă vom arăta cum să testați și să validați cardurile dvs. Twitter:

1. Utilizarea pluginului AIOSEO pentru a adăuga carduri Twitter (Recomandat)
2. Adăugarea cardurilor Twitter în WordPress (Metoda prin cod)
3. Testați și validați cardurile dvs. Twitter
4. Întrebări frecvente
5. Ghiduri experte pentru utilizarea Twitter cu WordPress

Metoda 1: Utilizarea pluginului AIOSEO pentru a adăuga carduri Twitter (Recomandat)

Cel mai simplu mod de a adăuga Twitter Cards pe site-ul dvs. este utilizând pluginul All in One SEO (AIOSEO) pentru WordPress. Este cel mai bun plugin SEO pentru WordPress și este utilizat de peste 3 milioane de site-uri web.

Mai întâi, va trebui să instalați și să activați pluginul AIOSEO. Pentru mai multe detalii, urmați tutorialul nostru pas cu pas despre cum să instalați un plugin WordPress.

Puteți folosi versiunea gratuită a AIOSEO, deoarece oferă o funcție pentru configurarea cardurilor Twitter pe site-ul dvs. WordPress.

După ce pluginul este activ, accesați zona de administrare WordPress și navigați la All in One SEO » Rețele sociale. Apoi faceți clic pe fila „X (Twitter)” și asigurați-vă că opțiunea „Activați cardul X” este activată.

Odată ce ai activat Cardurile Twitter, le poți schimba aspectul folosind diferite setări.

AIOSEO vă permite să selectați Tipul implicit de card pentru conținutul dvs. Pluginul va seta „Rezumat” ca tip implicit de card, care afișează titlul, rezumatul și imaginea miniaturală pentru conținutul dvs.

Totuși, o poți schimba în 'Rezumat cu imagine mare' din meniul derulant, iar Twitter va afișa tweet-ul tău cu o imagine mare.

După aceea, trebuie să selectați Sursa implicită a imaginii postării. Aceasta este imaginea pe care doriți să o afișați pe cardurile dvs. Twitter.

Există diferite opțiuni din care puteți alege folosind meniul derulant. De exemplu, puteți încărca sau selecta o imagine implicită care va apărea în cardul X (Twitter) sau puteți selecta imaginea de prezentare, imaginea atașată, prima imagine din conținut și multe altele.

Apoi, adăugați o Imagine implicită pentru postare X, care va fi folosită ca backup în cazul în care conținutul dvs. nu are o imagine.

De exemplu, dacă sursa imaginii postării dvs. este o imagine de prezentare, dar postarea nu are o imagine de prezentare, atunci X va folosi imaginea implicită în schimb.

Pe lângă acestea, AIOSEO oferă mai multe opțiuni pentru a afișa date suplimentare, cum ar fi autorul postării și timpul necesar pentru a citi un articol.

Există, de asemenea, o opțiune de a seta Sursa implicită a imaginii termenului, dar veți avea nevoie de AIOSEO Pro sau o licență superioară pentru a utiliza această funcție.

Acum, dacă derulați în jos, veți vedea setările paginii de pornire pentru Twitter. Pluginul va afișa o previzualizare a modului în care va arăta pagina dvs. de pornire pe un card Twitter.

Sub această secțiune, puteți schimba Tipul de card și puteți adăuga o Imagine pentru pagina de pornire.

Acest lucru este similar cu pașii pe care i-am arătat mai devreme, dar diferența este că aceste setări sunt pentru pagina dvs. de pornire.

Apoi, introduceți un Titlu și o Descriere pentru Pagina de pornire care vor apărea pe Cardul Twitter.

Odată ce acest lucru este făcut, faceți clic pe butonul ‘Salvează modificările’.

Pe lângă asta, AIOSEO vă permite, de asemenea, să modificați setările cardurilor X (Twitter) pentru postări și pagini individuale.

Pentru a face acest lucru, editați orice postare sau pagină de blog și apoi derulați în jos la Setările AIOSEO din editorul de conținut. Acum faceți clic pe fila „Social” și selectați „X (Twitter)”.

Pluginul va afișa o previzualizare a cardului X al postării dvs. și vă va oferi opțiunea de a utiliza date din fila Facebook. De asemenea, vă permite să editați titlul și descrierea X.

Puteți scrie un titlu și o descriere nouă sau puteți folosi etichete inteligente. De exemplu, dacă folosiți eticheta ‘+ Titlul postării’ deasupra câmpului Titlu Twitter, atunci AIOSEO va folosi automat titlul postării dvs. în Cardul Twitter.

După aceea, derulați în jos și selectați Sursa imaginii pentru Cardul dvs. Twitter. Utilizați meniul derulant pentru a selecta imaginea pe care doriți să o afișați pentru postarea dvs., cum ar fi o imagine recomandată, o imagine atașată, prima imagine din conținut și așa mai departe.

În cele din urmă, puteți selecta Tipul Cardului Twitter din meniul derulant. Implicit, AIOSEO îl va seta la „Rezumat”, dar îl puteți schimba în „Rezumat cu imagine mare”.

Apoi, actualizează sau publică postarea de pe blog. Acum ai adăugat cu succes Carduri Twitter pe site-ul tău WordPress.

Metoda 2: Adăugarea Cardurilor Twitter în WordPress (Metoda Cod)

Această metodă necesită adăugarea de cod în fișierele temei sau temei copil. Pur și simplu deschideți fișierul header.php sau utilizați pluginul gratuit WPCode pentru a adăuga acest cod personalizat chiar înainte de tag-ul </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; ?>" />
<?
  }
}
?>

Puteți schimba valoarea „twitter:card” de pe linia 14 în „summary_large_image” dacă doriți să afișați un card rezumat cu o imagine mare.

Dacă nu știi cum să lucrezi cu PHP sau întâmpini probleme cu Metoda 2, atunci te rugăm să folosești Metoda 1.

Testați și validați cardurile dvs. Twitter

Înainte ca linkurile de pe site-ul tău WordPress să afișeze Carduri Twitter, trebuie mai întâi să le verifici în validatorul de carduri Twitter.

Pur și simplu accesați pagina Validare card de pe site-ul dezvoltatorilor Twitter. Introduceți URL-ul oricărei postări de pe site-ul dvs. WordPress și faceți clic pe butonul „Previzualizare card”.

Validatorul de carduri nu mai afișează o previzualizare a tweet-ului, dar arată un jurnal dacă cardul Twitter s-a încărcat cu succes sau nu.

Întrebări frecvente

Am acoperit elementele de bază ale adăugării Twitter Cards pe site-ul dvs. WordPress, dar s-ar putea să mai aveți unele întrebări. Mai jos sunt cele mai frecvente întrebări pe care le primim despre Twitter Cards și implementarea lor.

1. Cardurile Twitter funcționează automat odată ce le adaug pe site-ul meu WordPress?

Cardurile Twitter ar trebui să funcționeze automat odată ce ați implementat corect meta tag-urile pe site-ul dvs. Cu toate acestea, poate dura ceva timp până când Twitter recunoaște și începe să afișeze cardurile dvs. Puteți accelera procesul utilizând instrumentul Card Validator de la Twitter pentru a vă testa URL-urile și pentru a solicita ca Twitter să scaneze site-ul dvs.

2. Care este diferența dintre Twitter Cards de tip Rezumat și Rezumat cu imagine mare?

Principala diferență este dimensiunea și aspectul imaginii. Cardurile de rezumat afișează o mică imagine miniaturală pe partea stângă a tweet-ului, în timp ce cardurile de rezumat cu imagine mare arată o imagine mare și proeminentă deasupra textului. Cardurile cu imagini mari tind să obțină mai multă implicare, dar ocupă mai mult spațiu în cronologie.

3. Pot folosi diferite tipuri de carduri Twitter pentru diferite pagini de pe site-ul meu?

Da, puteți folosi absolut diferite tipuri de carduri Twitter pentru pagini diferite. Majoritatea pluginurilor SEO precum All in One SEO (AIOSEO) vă permit să setați setări specifice pentru cardurile Twitter pentru postări și pagini individuale. Acest lucru vă oferă flexibilitatea de a alege cel mai bun tip de card pentru fiecare conținut.

4. De ce nu apar cardurile mele Twitter când partajez conținutul meu?

Există mai multe motive pentru care cardurile Twitter s-ar putea să nu apară: meta tag-urile nu sunt implementate corect, Twitter nu a indexat încă site-ul dvs., există erori în marcajul cardului dvs. sau imaginile dvs. nu îndeplinesc cerințele Twitter. Utilizați Card Validator de la Twitter pentru a depana și a identifica orice probleme.

5. Trebuie să aprob cardurile mele Twitter cu Twitter înainte de a le folosi?

Nu, Twitter nu mai necesită aprobare pentru Twitter Cards. Atâta timp cât cardurile dvs. sunt implementate corect și respectă ghidurile Twitter, acestea ar trebui să se afișeze automat atunci când conținutul dvs. este partajat.

6. Ce dimensiuni ale imaginilor funcționează cel mai bine pentru Twitter Cards?

Pentru cardurile de rezumat, folosiți imagini de cel puțin 144×144 pixeli (formatul pătrat funcționează bine). Pentru cardurile de rezumat cu imagine mare, folosiți imagini de cel puțin 300×157 pixeli cu un raport de aspect de 1.91:1. Dimensiunea maximă a fișierului pentru imagini este de 5 MB, iar Twitter suportă formatele JPG, PNG, WebP și GIF.

Ghiduri experte pentru utilizarea Twitter cu WordPress

Sperăm că acest articol v-a ajutat să adăugați carduri Twitter pe WordPress. S-ar putea să doriți să vedeți și alte ghiduri legate de utilizarea X (Twitter) cu WordPress.

• Cum să tweetați automat atunci când publicați o postare nouă în WordPress
• Cum să adăugați butonul de partajare și retweet pe Twitter în WordPress
• Cum să încorporezi tweet-uri reale în postările de blog WordPress
• Cum să remediați imaginile cardurilor Twitter deteriorate în WordPress
• Cum să afișați Twitter-ul și Facebook-ul autorului pe pagina de profil
• Cele mai bune pluginuri Twitter pentru WordPress (comparativ)
• Cum să afișezi tweet-uri recente în WordPress (pas cu pas)
• Cum să adaugi fluxurile tale de social media în WordPress (Pas cu Pas)

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.