Când lansați pentru prima dată un nou site web sau blog, probabil că veți dori să îl împărtășiți cu prietenii și familia imediat. Dar dacă nu l-ați configurat corect, tot ce vor vedea este un link plictisitor.
Chiar dacă previzualizarea încarcă o imagine, este posibil să nu fie cea pe care doriți să o vedeți. Dar poți repara asta.
Etichetele meta sunt etichete HTML care nu afișează niciun conținut pe pagina dvs. web. Locuiesc în interiorul etichete în HTML. Când motoarele de căutare și alte servicii, precum Facebook, vă citesc pagina, obțin informații direcționate din metaetichete.
Pentru mulți oameni, Google ESTE internetul. Este, fără îndoială, cea mai importantă invenție de la Internet în sine. Și, deși motoarele de căutare s-au schimbat mult de atunci, principiile fundamentale sunt în continuare aceleași.
Metaetichetele sunt ceea ce aveți nevoie pentru a obține rețelele sociale și mesajele text pentru a vă procesa corect linkurile. Când partajați un link prin Facebook, de exemplu, Facebook urmează linkul către pagină. Apoi citește pagina și încearcă să-și dea seama ce este totul.
Cel mai important, încearcă să găsească un titlu, o descriere și o imagine. Dacă nu le găsește, va afișa doar un link simplu, fără buzunare. Pentru ca Facebook să afișeze un anumit titlu, descriere și imagine, va trebui să adăugați metaetichete specifice pentru a-i spune ce să caute.
Dacă site-urile de socializare precum Facebook și Twitter obțin informațiile de care au nevoie de pe site-ul dvs. web, vor crea un card. Dacă totul a decurs conform planului, ar trebui să arate așa cum te-ai aștepta.
LEGATE DE: Cum să construiești roboți Twitter, Instagram și Reddit folosind Python
Dacă v-ați creat site-ul web cu HTML simplu sau un cadru frontal, adăugarea metaetichetelor ar trebui să fie simplă. Acestea merg în aceeași zonă cu etichetele de titlu, stil și script, ca în exemplul următor:
Lee Nathan - Scriitor de dezvoltare personală
...
Puteți vedea că există deja câteva metaetichete la locul lor. Acestea nu sunt cele de care veți avea nevoie pentru ca site-ul dvs. web să apară corect în linkuri, sunt doar câteva valori implicite de nivel scăzut.
Schimbarea metaetichetelor în WordPress este mai implicată. Instrucțiunile complete ar necesita un ghid întreg. Deci, în schimb, iată câteva sugestii pentru a vă ajuta să începeți:
- Dacă vă simțiți confortabil să vă editați tema, metaetichetele ar trebui să fie localizate în header.php fișierul temei dvs. curente.
- Dacă nu vă puteți accesa tema sau nu doriți să o tratați, vă puteți schimba metaetichetele cu un plugin de genul Gestionare avansată a metaetichetelor.
Aruncăm o privire la cei mai buni furnizori de găzduire WordPress dacă sunteți interesat să lansați un site pe platformă.
Cum se creează un card Facebook
Acum că v-ați dat seama cum să vă accesați metaetichetele, puteți începe să le editați. Acestea sunt etichetele minime pe care Facebook dorește să le vadă:
Proprietățile de titlu și descriere îi spun Facebook ce text să afișeze. Proprietatea URL se poate conecta la o subpagină pentru promoții speciale sau testare A / B.
Proprietatea imaginii ar trebui să fie o adresă completă, nu relativă la pagina indexului, cum ar fi /image.jpg. Cea mai bună dimensiune de imagine de utilizat este 1200x628, deoarece această dimensiune va fi cea mai compatibilă între site-urile și dispozitivele de socializare.
Cum se creează un card Twitter
Cardul Twitter este aproape același cu cardul Facebook, dar cu metaetichete diferite. Așa arată metaetichetele Twitter:
Proprietățile de titlu și descriere sunt aceleași cu cele de pe Facebook; proprietatea imaginii respectă, de asemenea, aceleași reguli. Și 1200x628 este o dimensiune bună pentru a începe.
Principala diferență este proprietatea cardului. Acest exemplu folosește „Summary_large_image” pentru a crea un card care arată cam la fel ca și cardul Facebook. Totuși, Twitter are și alte opțiuni.
Cum să vă asigurați că previzualizarea dvs. arată corect
Ai putea să postezi un tweet și să-l ștergi rapid de o jumătate de duzină de ori până când îți vei face corect cardul. De asemenea, vă puteți trimite un mesaj pe Facebook. Dar aceste metode sunt cam neîndemânatice. Din fericire, ambele servicii oferă un instrument la îndemână pentru a vă facilita verificarea cardurilor.
Facebook are un depanator de partajare. Și Twitter are un validator de card. Ambele instrumente fac aceeași sarcină de a vă permite să vedeți cum funcționează legăturile; ei folosesc doar nume diferite.
Alte aspecte pe care ar trebui să le testați
Acum ați obținut link-ul site-ului dvs. pentru a arăta excelent pe cele două mari rețele de socializare. Șansele sunt că va arăta bine peste tot, dar ar trebui să verificați dublu. De exemplu, dacă aveți informații în partea de jos sau de sus a unei imagini, aceasta poate fi decupată pe mobil.
Mobil
Înainte de a merge mai departe, este o idee bună să vă asigurați că linkul dvs. arată în continuare bine pe mobil. După cum am menționat, imaginea dvs. ar putea fi decupată pe ecranul mai mic. Exemplul prezentat mai devreme avea imaginea prea joasă, deci nu puteai vedea decât jumătatea superioară a capului.
SMS și mesageri
Aceasta este o chestiune simplă de a vă trimite un text (sau un mesaj printr-un serviciu precum WhatsApp) cu linkul. Nu trebuie să vă faceți griji cu privire la un instrument de validare. Șansele sunt că, dacă arată bine în aplicațiile de socializare, va arăta bine aici.
Dacă lucrați pe site-ul dvs. personal, cu siguranță doriți să arate bine pe LinkedIn. Din fericire, LinkedIn oferă, de asemenea, un instrument de validare a chemat inspectorul postului. De asemenea, nu trebuie să vă faceți griji cu privire la mai multe metaetichete, deoarece LinkedIn folosește etichetele Facebook.
La ce să lucrați în continuare
Informațiile pe care le-am acoperit ar trebui să fie suficiente pentru a vă începe. Dar dacă doriți să aflați mai multe, verificați Ghidul Facebook pentru etichete sau Pagina Twitter pe etichete.
Webul este plin de instrumente pentru a ajuta pe oricine să-și creeze propriile imagini cu aspect profesional, care pot fi partajate. Iată preferatele noastre.
- Programare
- HTML
- Pagina principala
- Instrumente pentru webmasteri
Lee este un nomad cu normă întreagă și un polimat cu multe pasiuni și interese. Unele dintre aceste pasiuni se învârt în jurul productivității, dezvoltării personale și scrisului.
Aboneaza-te la newsletter-ul nostru
Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Încă un pas…!
Vă rugăm să confirmați adresa de e-mail în e-mailul pe care tocmai vi l-am trimis.
