Cum să adăugați carduri Twitter pe site-urile WordPress

Partajarea conținutului pe Twitter este o modalitate excelentă de a genera trafic către site-ul tău. Cu toate acestea, Tweet-ul în sine nu oferă prea multe informații despre conținutul partajat. În cel mai bun caz, un Tweet standard ar conține pur și simplu o cantitate mică de text descriptiv scris de utilizatorul care tweeting, un link către conținut, o imagine încărcată manual și poate unul sau două #hashtag-uri sau @mențiuni.

Toate chestii destul de standard, niciuna dintre ele nu a fost recuperată dinamic. În plus, dacă tweet-urile tale sunt retweetate, tweet-ul tău original (și conținutul postat pe Twitter) primește o expunere minimă – Twitter Cards schimbă toate acestea. Twitter Cards oferă posibilitatea de a prelua automat conținutul de la adresa URL postată pe Twitter folosind popularul protocol Open Graph.

Conținutul, cum ar fi un fragment de text, o imagine sau chiar un videoclip, plus multe altele, poate fi recuperat și afișat în mod dinamic pe cardul Twitter relevant. Nu numai că, fiecare card va afișa, de asemenea, link-uri directe către numele tău Twitter și va permite chiar urmărirea cu un singur clic. Aceasta înseamnă că, dacă tweet-urile tale sunt retweetate, informațiile tale (și conținutul partajat) sunt într-o locație excelentă pentru a atrage atenția, nu utilizatorul care face retweetarea. Acest lucru este ideal pentru a crește numărul de urmăritori pe Twitter.

Două moduri de a integra carduri Twitter

Să aruncăm o privire mai atentă la modul în care am proceda pentru a implementa această caracteristică care schimbă jocul în site-ul tău WordPress. Implementarea cardurilor Twitter în WordPress se poate face în mai multe moduri. Unul este prin utilizarea unui plugin. În al doilea rând, modificând codul temei prin utilizarea unei teme secundare.

Prima opțiune pe care o vom explora este folosirea unui plugin. Există mai multe plugin-uri care vă permit să implementați cu ușurință carduri Twitter pe site-ul dvs. WordPress. Pur și simplu descărcați și instalați unul dintre pluginurile disponibile și populare în acest scop. Pluginurile pot fi descărcate prin Directorul de pluginuri sau în tabloul de bord WordPress atunci când navigați la Pluginuri .

Meta plugin pentru carduri Twitter

Pluginul Twitter Cards Meta vă permite să implementați cu ușurință cardurile Twitter pe site-ul sau blogul dvs. WordPress. La activarea pluginului, este creată o pagină de opțiuni în tabloul de bord WordPress. Îl puteți accesa prin meniul de administrare Twitter Cards .

Acum puteți începe să configurați pluginul Twitter Cards Meta. Completați detaliile relevante pentru contul dvs. Twitter, adăugați o adresă URL implicită a imaginii și selectați ce imagine doriți să fie afișată în cardurile dvs. Twitter. În cele din urmă, salvați opțiunile făcând clic pe butonul Salvare opțiuni .

Pluginul Yoast SEO

Unul dintre cele mai populare plugin-uri disponibile pentru WordPress este Yoast SEO. În prezent numără peste un milion de instalații active. Acest plugin WordPress puternic este livrat complet cu integrarea Twitter Card imediată . Majoritatea oamenilor au acest plugin instalat pentru optimizarea SEO. Deci, sunt șanse, este posibil să aveți deja această caracteristică specială disponibilă fără să vă dați seama.

Descărcați și instalați pluginul ca de obicei și vizitați meniul SEO => Social admin din tabloul de bord WordPress. Introduceți numele dvs. de utilizator Twitter în câmpul marcat Nume utilizator Twitter și faceți clic pe butonul Salvare modificări . În partea de sus a paginii există file pentru diverse rețele de socializare. Acum faceți clic pe fila Twitter pentru a deschide pagina cu opțiuni specifice Twitter cu pluginul Yoast SEO.

Asigurați-vă că glisorul Adăugați metadatele cardului Twitter este în poziția Activat și selectați tipul de card pe care doriți să îl utilizați din lista derulantă. După ce ați finalizat acest pas, apăsați din nou butonul Salvați modificările pentru a vă salva opțiunile.

Un ultim pas este să adăugați numele dvs. de utilizator Twitter la contul de utilizator al site-urilor dvs. Puteți face acest lucru prin meniul Utilizatori => Profilul dvs. de administrator din tabloul de bord WordPress. Derulați în jos pagina de profil de utilizator până când vedeți titlul Meta pentru carduri Twitter . Acolo puteți adăuga numele dvs. de utilizator Twitter în câmpul furnizat. Asigurați-vă că faceți clic pe butonul Actualizare profil pentru a salva corect modificările.

Pluginul pentru carduri Twitter JM

JM Twitter Cards este un alt plugin care vă permite să integrați cu ușurință cardurile Twitter cu site-ul dvs. WordPress. Acceptă toate tipurile de carduri și nu intră în conflict cu Yoast SEO. Acest lucru vă permite să utilizați în continuare alte funcții Yoast dacă preferați să utilizați acest plugin pentru nevoile dvs. de card Twitter.

După activarea pluginului, puteți vizita pagina de opțiuni din tabloul de bord WordPress făcând clic pe JM Twitter Cards . Pur și simplu completați detaliile solicitate, cum ar fi numele dvs. de utilizator Twitter, tipul cardului, dimensiunea imaginii. Acum încărcați o imagine alternativă care va fi afișată dacă nu există o imagine postată.

De asemenea, puteți furniza date suplimentare care vor face legătura cu diverse magazine de dispozitive mobile, cum ar fi Google Play și Apple Store . Acest lucru vă va permite să autopromovați aplicațiile care pot fi conectate cu conținutul partajat. Folosind fila Tipuri de postări din partea de sus a paginii de opțiuni, puteți selecta dacă postările, paginile și/sau atașamentele dvs. vă vor oferi oportunitatea de a personaliza în continuare fiecare dintre cardurile dvs. Twitter pe bază de postare.

Adăugați carduri Twitter fără pluginuri

Dezvoltatorii de teme deopotrivă și oamenii care doresc doar să-și murdărească mâinile cu ceva cod, pot implementa carduri Twitter în tema lor WordPress cu o ușurință relativă. Folosind o temă secundară a temei pe care ați activat-o, pur și simplu adăugați următorul cod în fișierul functions.php :

function my_twitter_cards() {
    dacă (este_singular()) {
        global $post;
	$twitter_user = str_replace('@', '', get_the_author_meta('twitter'));
	$twitter_url = get_permalink();
	$twitter_title = get_the_title();
	$twitter_excerpt = obține_the_excerpt();
	$twittercard_image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
	$twittercard_thumb = $twittercard_image[0];
	dacă (!$twittercard_thumb) {
	    $twittercard_thumb = 'https://www.example.com/default-image.png';
	}
	dacă ($twitter_user) {
	    echo '<meta name="twitter:creator" value="@' . esc_attr($twitter_user) . '" />' . „\n”;
	}
	echo '<meta name="twitter:card" value="summary" />' . „\n”;
	echo '<meta name="twitter:url" value="' . esc_url($twitter_url) . '" />' . „\n”;
	echo '<meta name="twitter:title" value="' . esc_attr($twitter_title) . '" />' . „\n”;
	echo '<meta name="twitter:description" value="' . esc_attr($twitter_excerpt) . '" />' . „\n”;
	echo '<meta name="twitter:image" value="' . esc_url($twittercard_thumb) . '" />' . „\n”;
	echo '<meta name="twitter:site" value="@mhthemes" />' . „\n”;
    }
}
add_action('wp_head', 'my_twitter_cards');

Tot ce am făcut aici este să creăm o funcție PHP numită my_twitter_cards . Această funcție este conectată la acțiunea wp_head și a atribuit unele date din oricare postare care este vizualizată în prezent unor variabile PHP. Nu uitați să modificați valoarea pentru $twitter_user în funcție de nevoile dvs. personale și să furnizați adresa URL a imaginii de rezervă pentru $twittercard_thumb . Aceste date sunt apoi folosite ca metadate ale postărilor . Este exact aceste date pe care Twitter Cards le preia și le afișează pe ecran.

Validarea adreselor URL

După efectuarea oricăreia dintre opțiunile de mai sus pentru a implementa cardurile Twitter pe site-ul sau blogul dvs. WordPress, trebuie să testați validitatea uneia dintre adresele URL de postare care pot fi partajate pe Twitter. În acest fel, vă puteți asigura că funcția Twitter Cards a fost implementată corect și că funcționează corect pe site-ul dvs. WordPress, așa cum era de așteptat.

În unele cazuri, în funcție de alegerea tipului de card, domeniul dvs. va fi adăugat automat la o listă albă . De aceea, este foarte recomandat să efectuați acest proces de validare. Puteți face acest lucru prin copierea și lipirea unei adrese URL de la una dintre postările dvs. în Validatorul de card Twitter. Odată validat, veți vedea o previzualizare a modului în care respectiva postare va fi afișată odată ce a fost distribuită pe Twitter. Acum sunteți gata să utilizați cardurile Twitter și să vă împărtășiți conținutul lumii!