Luați controlul asupra fragmentelor dvs. sociale

Semnalele sociale devin din ce în ce mai importante în lumea SEO. Acțiunile Facebook, Tweets și Google + 1 au ajuns la un astfel de volum încât au potențialul de a fi o mare măsură a calității conținutului. Acesta este motivul pentru care motoarele de căutare au început să ia în considerare aceste semnale atunci când acestea rang pagini web.

Semnalele sociale nu sunt încă la fel de importante ca și alți factori de clasificare, cum ar fi profilul de legătură și conținutul unui site, dar, fără îndoială, vor fi un factor esențial de clasificare în viitor.

Pentru a maximiza vizibilitatea conținutului nostru, trebuie să controlam modul în care acesta pare a fi un fragment social. Un bun snippet social are potențialul de a atrage mulți vizitatori suplimentari pe site-urile noastre. Să vedem cum putem crea una din acestea.


Fragmente sociale?

Un fragment social este a previzualizarea unei pagini care este folosit atunci când împărtășesc acea pagină pe social media. În loc de un link simplu, utilizatorii obțin informații suplimentare despre conținutul din spatele link-ului.

De exemplu, dacă vrem să împărtășim articolul despre paginare din Webdesigntuts + pe Facebook, vedem următorul fragment social:

Un fragment Google pe Google+ va arăta aproximativ același:

Deci, în loc de o legătură de bază, utilizatorii văd mult mai multe informații despre pagină. Putem vedea o imagine de previzualizare, titlul și chiar o scurtă descriere. Acest lucru face mai ușor pentru noi să decidem dacă link-ul este sau nu în valoare de clic.

Aceste fragmente sociale sunt generate automat. Persoana care împărtășește pagina web nu are control asupra imaginii, titlului și descrierii care este utilizată. Acestea pot fi modificate numai de webmasterul însuși (vom învăța cum să procedăm mai târziu în articol).


De ce sunt importante fragmente sociale?

Fragmentul social al unei pagini este ceva ce uită multe webmasteri, provocând potențial probleme de afișare pe social media. Dacă nu este prezent marcajul de fragment social, un fragment de imagine social va fi afișat adesea incorect.

Scopul fragmentelor sociale este să convinge oamenii să facă clic pe ei. Cu cât mai mulți oameni dau clic pe el, cu atât mai mulți vizitatori primesc pagina de bază. De aceea ar trebui să le tratezi ca o publicitate gratuită. O reclamă echivalentă ar trebui să aibă o fotografie atrăgătoare, un titlu demn de demarcație și o descriere interesantă. Un fragment social ar trebui să aibă aceleași elemente.

Dacă unul dintre aceste elemente nu funcționează corect, de exemplu, este afișată o miniatură greșită, în final vă poate costa vizitatori și clienți.

Acesta este un exemplu al unei pagini nu are au implementat fragmente sociale. Am împărțit o pagină de "De Bakboetiek", un magazin specializat în coacerea echipamentelor. Ei au, de asemenea, un magazin unde vinde produse precum acest mucegai, dar după cum puteți vedea, acest fragment social nu este deosebit de util ...

În loc să arătați o miniatură a mucegaiului de tort și o scurtă descriere, nu putem vedea decât sigla și titlul greșit. Nu există nici măcar o descriere! Cum ar presupune acest fragment social să aducă vizitatorii de pe Facebook pe site-ul lor?


Protocolul Open Graph

Fragmentele sociale se bazează pe Open Graph Protocol. Acesta este folosit pentru a transforma o pagină Web într-un obiect bogat în graficul social. Datorită acestui fapt, mass-media sociale, cum ar fi Facebook, Google+ și Twitter, pot identifica elementele importante ale unei pagini.

Protocolul OG se bazează pe RDFa (amintiți-vă RDFa din articolul nostru de date structurat?). Putem să o implementăm prin utilizarea suplimentară etichetele din a unei pagini.

Mai multe informații despre Open Graph Protocol pot fi găsite pe ogp.me.


Crearea unui fragment social

Acum este momentul să preluăm controlul asupra propriului fragment social. Există mai multe elemente care pot fi modificate: miniatură, titlu, descriere, URL și tip de conținut.

Notă: următorul marcaj este utilizat de Facebook și Google+. Twitter utilizează metaetichete diferite, pe care le vom discuta mai târziu.

miniatură

Acesta este probabil cel mai important element al unui fragment social. Este partea pe care majoritatea utilizatorilor o vor vedea mai întâi, deci asigurați-vă că utilizați o imagine clară pentru aceasta.

Vă sugerăm să utilizați o imagine pătrată de cel puțin 200 x 200 pixeli. Dacă imaginea este prea mică, este posibil să nu fie afișată sau ar putea fi folosită o altă imagine a paginii (în unele cazuri imaginea unui anunț ...).

Putem specifica locația miniaturii cu acest marcaj:

Titlu

Acesta este titlul fragmentului dvs. social. Este al doilea element cel mai important, alături de miniatură. Titlul dvs. ar trebui să convingă utilizatorul să facă clic pe el. De asemenea, acționează ca un text de ancorare pentru link-ul către pagină.

Codul titlului arată astfel:

Descriere

Scrieți un rezumat scurt al paginii care poate fi folosit ca descriere. Eu folosesc de multe ori textul meta-descriere pentru un fragment social, dar puteți alege orice doriți. Asigurați-vă că îngheață curiozitatea cititorului și îl face să facă clic pe link.

Tipul de conținut

Dacă doriți să specificați conținutul paginii pe care o puteți utiliza og: Tip etichetă. Dacă această etichetă este omisă, pagina va fi clasificată drept "site web". Alte tipuri de conținut care pot fi utilizate sunt muzică, video, articol, carte și profil. Mai multe informații pot fi găsite pe pagina de obiecte încorporate pe Facebook.

URL-

Aceasta este adresa URL la care utilizatorul va fi trimis atunci când face clic pe titlu. Adăugați URL-ul canonic la această etichetă:

Dacă dorești urmăriți traficul provenind de la mediile sociale, puteți adăuga parametri de urmărire care permit afișarea informațiilor în Google Analytics. Utilizați Google Builder URL pentru acest lucru.

Trebuie doar să adăugați trei parametri: Sursă, Mediu și Campanie.

  • Sursa: facebook
  • Mediu: social
  • Campanie: un nume / id unic

Adresa URL finală va arăta astfel: http://www.website.com/article-title?utm_source=facebook&utm_medium=social&utm_campaign=article-name


Cartile de pe Twitter

Twitter utilizează un markup diferit pentru a crea carduri Twitter. Cardurile Twitter vă permit să atașați materiale media la tweet-urile care se leagă de conținutul dvs..

Pot fi utilizate trei tipuri de medii:

  • rezumat: similar cu un fragment social pe Facebook și Google+
  • fotografie: o carte foto
  • jucător: o carte de media player

Să discutăm fiecare cartela Twitter în mod individual:

rezumat

Cardul sumar este un card Twitter care seamănă cu fragmentele sociale pe care le vedem pe Facebook și pe Google+. Poate fi folosit pentru diferite tipuri de conținut (postări de blog, articole, produse ...). Un card sumar poate arăta astfel:

     

Mai întâi de toate trebuie să identificăm tipul de card Twitter prin intermediul Twitter: carte (în acest caz un rezumat). Adresa URL ar trebui să fie URL-ul canonic al paginii. Twitter: titlu eticheta nu trebuie să depășească 70 de caractere. Pe de altă parte, descrierea este limitată la 200 de caractere. Imaginea este folosită ca o miniatură și ar trebui să fie pătrată. Imaginile mai mici de 60 x 60px nu vor fi afișate. În cele din urmă, creator eticheta poate fi utilizată pentru a da credit autorului.

Fotografie

Există mai multe elemente ale unui card foto care sunt, de asemenea, utilizate în Cartea sumară. Diferența majoră dintre cele două este stilul tweet-ului. Cardul foto pune imaginea din față și centru în tweet.

Twitter utilizează twitter: image URL pentru fotografie. Dacă această imagine este mai mică de 280 x 150 pixeli, nu va fi afișată. Puteți specifica o lățime și înălțime a imaginii pentru a ajuta Twitter să păstreze raportul de aspect al imaginii la redimensionare.

O carte foto poate arăta astfel:

      

Twitter: carte și twitter: image eticheta sunt obligatorii, restul este opțional.

Jucător

Cardul Player este utilizat pentru audio și video. Fișierul media este încorporat în tweet printr-o iframe. Dezavantajul unui card de jucător este acela trebuie să fie aprobat de Twitter!

Dacă doriți să utilizați un card de jucător pentru aprobare, adăugați următorul cod pe pagina dvs.:

       

Twitter: carte eticheta este utilizată pentru a identifica cardul de jucător. URL-ul, titlul, imaginea și descrierea sunt similare cu alte carduri de jucător. twitter: jucător eticheta conține o legătură HTTPS către playerul iframe. Puteți specifica lățimea și înălțimea iframei prin Twitter: jucător: lățime și Twitter: jucător: înălțime Etichete.

Câteva alte cerințe pentru cărțile de jucător:

  • Utilizați o adresă URL HTTPS (videoclipul trebuie difuzat și prin HTTPS)
  • Oprirea sau întreruperea controalelor sunt obligatorii
  • Nu este permisă redarea automată
  • Conținutul nu trebuie să vă solicite să vă conectați

Cardurile Twitter și graficul deschis

Twitter caută mai întâi Twitter: carte tag-uri de pe site-ul dvs., dar dacă nu se poate găsi, acesta revine la marcarea Open Graph. Aceasta înseamnă că nu este necesar să creați etichete duplicate. Puteți completa pur și simplu etichetele Open Graph existente cu etichete pentru carduri twitter.

Twitter vede următoarele etichete ca fiind similare (marcajul Twitter în stânga, OG în partea dreaptă)

  • twitter: ul = og: url
  • twitter: description = og: descriere
  • twitter: title = og: titlu
  • twitter: image = og: imagine
  • twitter: imagine: width = og: imagine: lățime
  • twitter: imagine: înălțime = og.image.height

Concluzie

Motoarele de căutare cheltuiesc din ce în ce mai mult timp pe semnalele sociale, deoarece reprezintă un indicator excelent pentru conținutul de calitate. Pentru a îmbunătăți șansa ca cineva să facă clic pe un fragment social, trebuie să preluăm controlul asupra conținutului acestuia. Putem face acest lucru prin intermediul protocolului Open Graph pentru Facebook și Google+. Pentru Twitter trebuie să completăm aceste etichete Open Graph cu codul Twitter.


Resurse utile

Pentru a vă ajuta în implementarea fragmentelor sociale, am colectat mai multe instrumente care ar putea fi utile:

  • Google+ Creator de snippet: Utilizați acest instrument pentru a genera un cod HTML pentru un fragment social. Pur și simplu lipiți codul în secțiunea cap a paginii dvs. și ați terminat.
  • Facebook Debugger: verificați informațiile grafice deschise care au fost extrase din pagina dvs..
  • Instrumentul de testare a fragmentelor bogate: poate fi folosit pentru a verifica informațiile din fragmentul dvs. social.