Cum să folosiți etichetele Open Graph

Cum să folosiți etichetele Open Graph

Utilizați etichete de titlu și meta descriere? Bineînțeles că o faceți pentru că știți deja că meta tag-urile vă pot ajuta să vă îmbunătățiți clasamentul în motoarele de căutare.

Dar știați că meta tag-urile vă afectează de fapt traficul din social media? Sigur, există etichetele de autenticitate de la Google, dar cum rămâne cu Facebook și Twitter? De fapt, ambele au propriile lor meta tag-uri pentru social media care vă pot ajuta să creșteți cantitatea de trafic social pe care îl obțineți.

Veți vreodată acele postări pe social media care au imagini și videoclipuri care arată bine? S-ar putea să nu știți că nu aveți nevoie de niciun software sau conturi premium pentru a face același lucru pentru postările dvs. sociale.

Se numesc Facebook Open Graph și Twitter Cards. Iată cum le puteți valorifica pe amândouă:

Facebook Open Graph

Când partajați o imagine pe Facebook, cum arată?

Ei bine, nu arată întotdeauna așa. Facebook încearcă să citească codul de pe pagina dvs., dar nu reușește întotdeauna să vă extragă imaginile. Dacă nu folosiți etichetele Open Graph atunci când partajați un URL de pe site-ul dvs. pe Facebook, iată cum ar putea arăta:

Așa arăta cu Quick Sprout înainte de a implementa etichetele Open Graph pe site-ul meu. După ce am implementat etichetele Open Graph, am reușit să-mi cresc traficul pe Facebook cu 174%, pur și simplu pentru că acum exista o imagine lângă actualizările mele de stare Quick Sprout.

Acum că v-ați convins că ar trebui să folosiți Open Graph, iată cum îl configurați pe site-ul dumneavoastră.

og:title

Acesta este locul unde puneți titlul conținutului dumneavoastră. Gândiți-vă că acest lucru este similar cu tag-ul normal de titlu html pe care l-ar folosi un motor de căutare. Când vă creați og:title, păstrați numărul de caractere la mai puțin de 95 de caractere.

Exemplu: <meta property=”og:title” content=”11 Creative Ways to Build Links”/>

og:type

Acesta este locul unde descrieți ce tip de conținut partajați. Este un videoclip, o imagine, o postare pe blog, etc.? Iată lista completă din care puteți alege atunci când vă definiți tipul de conținut:

Activități

• activitate
• sport

Business

• bar

.

• companie
• cafenea
• hotel
• restaurant

Grupuri

• cazare

.

• ligă sportivă
• echipă sportivă

Organizații

• bandă
• guvernare
• guvernare

.

• non_profit
• scoală
• universitate

Persoane

• actor
• atlet
• autor
• autor

.

• regizor
• muzician
• politician
• personalitate publică

Locuri

.
• city
• city
• country
• landmark
• state_province

Producte și divertisment

.
• album
• carte
• băutură
• alimente
• joc
• produs
• cântec
• cântec
• film

.

• tv_show

Websites

• blog
• website
• article

Exemplu: <meta property=”og:type” content=”article”/>

og:description

Acest lucru este, de asemenea, similar cu tag-ul meta description din html, deoarece este folosit pentru a descrie conținutul dvs. Nu ar trebui să vă pese dacă este bogată în cuvinte cheie, dar în schimb ar trebui să veniți cu o descriere convingătoare care va duce la mai multe click-uri. Aveți la dispoziție până la 297 de caractere pentru acest tag.

Exemplu: <meta property=”og:description” content=”Te-ai săturat să construiești link-uri în stilul old school? Știți, metodele care vă cer să trimiteți e-mailuri la mii de webmasteri care cerșesc link-uri. „/>

og:image

Îți amintești că am menționat că am reușit să-mi cresc traficul pe Facebook cu 174%? S-a datorat faptului că am folosit Open Graph pentru a mă asigura că Facebook arăta o imagine de fiecare dată când cineva partaja un URL de la Quick Sprout.

Utilizând un tag og:image, vă veți asigura că o imagine va fi alături de conținutul pe care îl partajați. În acest fel, acesta iese în evidență față de toate celelalte actualizări de stare bazate pe text pe care oamenii le văd în timeline-urile lor.

Înainte de a intra în modul în care puteți utiliza acest tag, vă voi prezenta cerințele Facebook. O imagine trebuie să fie de cel puțin 50px pe 50px, dar de preferință mai mare de 200px pe 200px. În plus, imaginea nu poate avea o dimensiune mai mare de 5 MB.

Exemplu: <meta property=”og:image” content=”https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”/>

og:url

În acest tag, trebuie să plasați URL-ul paginii pe care o partajați. Acest tag poate părea irelevant, dar este important, deoarece uneori veți avea mai multe URL-uri pentru același conținut. Utilizând acest tag, vă veți asigura că toate partajările merg către un singur URL față de mai multe URL-uri, ceea ce ar trebui să vă ajute Facebook Edgerank.

Exemplu: <meta property=”og:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”/>

og:site_name

Acest tag îi spune lui Facebook numele site-ului dumneavoastră. Nu aveți cu adevărat nevoie de acest tag, dar nu este rău să îl includeți.

Exemplu: <meta property=”og:site_name” content=”Quick Sprout”/>

fb:admins

Dacă aveți o pagină de fani pe Facebook și doriți să obțineți mai multe date în Facebook Insights, atunci trebuie să folosiți acest tag. Acesta îi spune lui Facebook că sunteți proprietarul site-ului și conectează pagina dvs. de fani de pe Facebook la site-ul dvs. web.

Exemplu: <meta property=”fb:admins” content=”500013011″/>

Acum că aveți meta tag-urile Facebook Open Graph la locul lor, haideți să trecem la Twitter Cards.

Twitter Cards

Ați văzut vreodată un tweet ca acesta?

Bine, aceste tweet-uri detaliate apar doar atunci când folosiți Twitter Cards. Nu ți-ar plăcea să ai așa ceva pentru site-ul tău? Îl va ajuta să iasă în evidență din mulțime.

Iată cum valorificați Twitter Cards:

Dacă folosiți pluginul SEO for WordPress de Yoast, urmați doar acești pași. Pentru toți ceilalți, urmați pașii de mai jos.

twitter:card

Acest meta tag descrie tipul de conținut pe care îl partajați. Aveți trei opțiuni cu Twitter: photo (pentru imagini), player (pentru videoclipuri) și summary (pentru orice altceva). Dacă nu vă definiți cardul, Twitter va alege implicit sumarul.

Exemplu: <meta name=”twitter:card” content=”summary”>

twitter:url

Aceasta este pagina pe care o partajați pe Twitter. În mod similar cu modul în care Facebook solicită un URL, Twitter face și el acest lucru, deoarece este posibil să aveți aceeași bucată de conținut pe site-ul dvs. de mai multe ori. Acest lucru va asigura că un singur URL primește toate tweet-urile. În caz contrar, tweet-urile dvs. vor fi împărțite pe mai multe URL-uri.

Exemplu: <meta name=”twitter:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”>

twitter:title

În mod similar cu titlul Facebook Open Graph, acesta nu ar trebui să fie umplut cu cuvinte cheie. Faceți-l convingător, astfel încât oamenii să dorească să dea clic pe el. Din nou, ca și în cazul Facebook, veți dori să limitați numărul de caractere la 70.

Exemplu: <meta name=”twitter:title” content=”11 Creative Ways to Build Links”>

twitter:description

Acest lucru este similar cu o etichetă meta description pe care ați folosi-o pentru Google. Dar nu o umpleți cu cuvinte cheie. Scopul dvs. ar trebui să fie să creați o propoziție convingătoare care să îi determine pe oameni să facă clic pe site-ul dvs. web. Descrierea dvs. este limitată la 200 de caractere.

Exemplu: <meta name=”twitter:description” content=” Te-ai săturat să construiești link-uri în stilul old school? Știți, metodele care vă cer să trimiteți e-mailuri la mii de webmasteri care cerșesc linkuri. „>

twitter:image

Pentru ca tweet-ul dvs. să iasă în evidență, aveți nevoie de o imagine. Imaginile dvs. trebuie să aibă o dimensiune a fișierului mai mică de 1 MB și nu pot fi mai mici de 60px pe 60px. Imaginile mai mari de 120px pe 120px vor fi redimensionate.

Exemplu: <meta name=”twitter:image” content=” https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”>

După ce aplicați metaetichetele Twitter Card pe site-ul dumneavoastră, trebuie să vă înscrieți în programul Twitter Card. Odată ce sunteți acceptat, URL-urile de pe site-ul dvs. vor fi afișate în format card.

Concluzie

Meta tag-urile nu sunt doar pentru motoarele de căutare. Site-urile de social media le valorifică și ele. La fel cum v-ați optimizat meta tag-urile pentru clasamentele Google și ratele de clicuri, trebuie să faceți același lucru pentru Facebook și Twitter.