Înapoi la blog
Te-ai întrebat vreodată de ce uneori linkurile tale distribuite pe Facebook sau Twitter arată ciudat? Știi cum să influențezi aspectul articolelor de blog atunci când sunt distribuite pe rețelele sociale?
Dacă nu ești sigur că ai făcut tot posibilul pentru a optimiza informațiile despre articolul tău sau pagina care apare pe Facebook și Twitter, citește mai departe. Îți vom arăta cum utilizarea corectă a acestor social media tags te poate ajuta să îmbunătățești aspectul vizual al previzualizărilor postărilor tale.
Când distribui linkul unui articol, vrei ca acesta să arate bine pe social media. Îți dorești să conțină o imagine de calitate, un titlu corect, o descriere și un URL precis. Facebook, Twitter și alte platforme extrag acești parametri direct de pe site-ul tău.
Poți controla ce date sunt preluate incluzând social media meta tags (de exemplu, open graph tags) în codul HTML al paginilor tale.
Dacă meta tag-urile de Facebook (=Open Graph meta tags) sunt prezente, tu decizi ce va fi afișat în postare. Dacă nu incluzi aceste proprietăți og (open graph), Facebook va afișa în continuare informații, dar probabil nu în modul în care ți-ai dori. Acest lucru funcționează analog și pentru Twitter meta tags. Hai să vedem cum funcționează utilizarea acestor tag-uri pentru distribuirea linkurilor pe Facebook.
Distribuirea conținutului web pe Facebook
Facebook este o platformă excelentă pentru a-ți promova conținutul nou. Crearea unei postări noi dintr-un articol de pe site este la fel de simplă ca inserarea linkului în fereastra de postare.
Să analizăm acest proces. Vom folosi articolul nostru despre Facebook Marketing Strategy ca exemplu.
După inserarea URL-ului, Facebook preia datele și creează o postare formatată frumos. Formatul este afișat instant în preview – atât pentru desktop, cât și pentru mobil. Dacă folosești Kontentino pentru a-ți gestiona conținutul, preview-ul este disponibil imediat în content calendar.
Înțelegerea meta tag-urilor în codul HTML al paginii
Proprietăți meta pentru motoarele de căutare
La începutul codului, putem vedea câteva proprietăți care definesc parametrii articolului, numite și meta tags sau meta properties. Unele sunt folosite de motoarele de căutare pentru a înțelege conținutul site-ului, oferind informații suplimentare care nu sunt afișate direct pe pagină. Acestea includ, de exemplu:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Imaginea de mai jos arată codul HTML pentru această postare Kontentino. Poți vedea aceste meta tags marcate cu verde.
Identificarea meta tag-urilor în codul HTML al articolului Facebook Ads Target Audiences 101: The Ultimate Guide
Sfat rapid: Nu ești sigur cum să vezi codul HTML? Apasă CTRL+U în browser pe Windows sau Option + Command + U pe Mac.
Datorită acestor tag-uri, motoarele de căutare știu că indexarea paginii este setată pe „follow” (dofollow). Meta title-ul și meta descrierea introduse sunt folosite pentru a afișa linkul în rezultatele căutării (SERP). După cum poți vedea, acestea sunt setate astfel:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Află cum să ajungi la persoanele potrivite folosind audiențele țintă din Facebook Ads.’
Știm că aceste meta tag-uri nu au lungimea optimă, dar nu suntem aici să vorbim despre SEO sau Google. Așadar, să trecem direct la tag-urile de mai jos, care conțin textul „og:”.
Aceste proprietăți sunt adesea numite social meta tags sau pur și simplu proprietăți og meta.
În codul nostru, există 7 proprietăți og meta diferite:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
În plus, există și alte Facebook meta tags asociate cu og:image:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Pe lângă acestea, vei găsi și social meta tags specifice pentru Twitter, cum ar fi:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Să revenim la exemplul nostru cu Facebook. Trebuie să decodăm și să edităm conținutul proprietăților „og:” pentru a controla modul în care arată noua postare cu linkul respectiv.
Citește mai departe pentru a afla despre: i) Decodarea proprietăților og: meta; ii) Recomandări pentru scrierea conținutului acestora; iii) Editarea lor în CMS-ul site-ului tău.
Publicarea pe Facebook și Twitter cu Kontentino
Înscrie-te pentru o perioadă de probă de 14 zile în Kontentino și stăpânește social media meta tags alături de noi. Vezi preview-ul postării înainte de publicare.
Termenul „og:” vine de la „Open Graph”. Este un protocol care îți permite să transmiți Facebook-ului cum să afișeze conținutul tău distribuit. După cum menționează Facebook în instrucțiunile pentru developeri, „fără aceste Open Graph tags, crawler-ul Facebook folosește euristicile interne pentru a ghici titlul, descrierea și imaginea de preview”. Definirea explicită a acestor informații asigură o calitate superioară a postărilor.
Aceste tag-uri sunt extrem de importante. Protocolul Open Graph a fost lansat de Facebook acum mai bine de 10 ani (în 2010), iar astăzi este gestionat de Open Web Foundation.
Protocolul ajută developerii să reprezinte bogat orice pagină web în graficul social. Să trecem la detaliile celor mai importante 4 tag-uri: og:title, og:image, og:url și og:description.
Proprietatea og:title
Prin specificarea og:title, setăm titlul obiectului nostru (un articol de blog) așa cum ar trebui să apară pe Facebook. Rețeaua va prelua acest titlu și îl va afișa sub URL.
Proprietatea og:image
Inhibăm aici URL-ul imaginii care trebuie să reprezinte articolul. De regulă, se folosește linkul către imaginea reprezentativă (featured image). Astfel, te asiguri că Facebook afișează exact acea imagine și nu una aleatorie din articol.
Proprietatea og:url
Acest tag conține URL-ul canonic al paginii, servind ca ID permanent în social graph.
Proprietatea og:description
Aceasta ne ajută să avem o descriere clară la distribuire. De exemplu: „Află cum să ajungi la persoanele potrivite folosind audiențele țintă din Facebook Ads.”
Twitter meta tags
Acestea funcționează similar cu Open Graph și specifică datele pe care Twitter le preia atunci când distribui o pagină web.
Stăpânirea tag-urilor og meta
Acum că ai înțeles tipurile de social meta tags, este timpul să mergem în CMS-ul site-ului tău. Vom folosi WordPress ca exemplu, fiind cel mai popular sistem din lume.
Dacă folosești un plugin SEO precum Yoast SEO, Rank Math sau All in One SEO, editarea acestor date este foarte simplă. Majoritatea permit setarea separată pentru Facebook și Twitter. Să vedem cum se face în Rank Math.
Începem prin editarea postării și accesarea secțiunii SEO, unde deschidem tab-ul „Social”.
Găsirea locului pentru editarea social media meta tags în CMS
Rank Math include un preview live. Apasă butonul „Preview & Edit Social Media”.
Editarea Facebook meta tags
Vei vedea previzualizarea postării și, dedesubt, câmpurile ce pot fi ajustate.
Preview-ul distribuit de CMS – în acest caz, plugin-ul Rank Math
Dacă proprietățile og:image, og:title și og:description nu sunt specificate, simulatorul va folosi datele meta de bază pentru motoarele de căutare.
Editarea tag-urilor og:title și og:description ale articolului tău
După ce salvezi modificările, este important să verifici cum arată postarea actualizată.
Noile social media meta tags completate pentru postare
Deși Facebook recomandă 2-4 propoziții pentru og:description, poți folosi și o singură propoziție pentru a menține aspectul curat al cardului.
Poți folosi și plugin-uri dedicate precum OG sau poți introduce manual codul în HTML. WIX și alte sisteme au soluții integrate pentru inserarea proprietăților og meta.
După editare, folosește Facebook Debugger pentru a vedea modificările live. Nu uita să cureți cache-ul înainte de verificare!
Open Graph meta tags în Facebook Link Sharing Debugger
Preview-ul linkului în Facebook Sharing Debugger arătând meta tag-urile în acțiune
Concepții greșite despre social media meta tags
Mitul 1: Meta tag-urile sunt doar pentru SEO.
Meta tag-urile nu sunt doar pentru Google; ele joacă un rol critic în modul în care conținutul tău este afișat pe rețelele sociale, îmbunătățind rata de engagement.
Mitul 2: Toate imaginile se vor afișa perfect pe social media.
Fără a specifica og:image, platformele pot selecta imagini irelevante sau le pot tăia incorect, afectând impactul vizual al postării.
Mitul 3: Tag-urile sunt importante doar pentru site-uri de tip single-page.
Meta tag-urile sunt esențiale pentru orice pagină dintr-un site, asigurând o afișare consistentă indiferent dacă e vorba de un blog sau o listă de produse.
Mitul 4: Te poți baza pe platforme să formateze automat conținutul.
Este riscant să lași Facebook sau Twitter să aleagă singure. Fără setarea manuală a og:url sau og:description, platformele pot prelua date incomplete sau incorecte.
Mitul 5: Social meta tags sunt greu de implementat fără cod.
Plugin-urile no-code precum Rank Math simplifică procesul. Nu trebuie să fii developer pentru a optimiza postările pentru social sharing.
Mitul 6: Twitter Cards funcționează doar cu imagini statice.
Twitter Cards suportă formate variate, inclusiv GIF-uri și video-uri, făcând postările tale mai dinamice.
Mitul 7: Meta tag-urile sunt doar pentru propriul conținut.
Acestea ajută conținutul tău să arate profesional oriunde este distribuit, chiar și pe alte site-uri.
Concluzie
Sperăm că acest articol te-a ajutat să înțelegi proprietățile og meta. Dacă vrei să simplifici procesul de marketing pe social media, încearcă Kontentino. Este o soluție intuitivă care eficientizează colaborarea în echipă și aprobarea conținutului.
Calendarul nostru integrează funcția de preview, astfel încât să nu pierzi timp verificând în alte părți cum vor arăta linkurile tale optimizate.
Întrebări frecvente
Ce este un social media meta tag?
Un social media meta tag furnizează date cruciale precum titluri, imagini și descrieri pentru platformele sociale. Este esențial pentru îmbunătățirea engagementului.
Care sunt exemplele de meta tags?
Exemplele includ meta property=”og:title”, og:image și og:url, care optimizează distribuirea pe Facebook sau Twitter.
Ce reprezintă social media metadata?
Includ date Open Graph precum un titlu concis, o descriere și imagini de înaltă calitate pentru a îmbunătăți aspectul postărilor.
Ce sunt social media tags?
Sunt identificatori precum twitter card tags sau og tags inserați în fișierul HTML pentru a controla expunerea paginii web pe social media.
Cum se creează meta tag-urile?
Se pot introduce manual în codul HTML sau folosind plugin-uri CMS care automatizează adăugarea titlului, descrierii și imaginii.
Ce rețele sociale folosesc meta tags?
Tag-urile meta sunt folosite de marile platforme precum Facebook, Twitter, LinkedIn și Pinterest pentru a optimiza afișarea conținutului.
Este necesar un meta tag?
Da, este crucial pentru marketingul online deoarece controlează aspectul conținutului tău, asigurând o rată mai mare de click și distribuire.
Cum găsesc meta tag-urile?
Poți inspecta codul sursă al site-ului sau poți folosi instrumente precum Facebook Debugger pentru a vedea proprietățile og:image sau og:type.
Câte meta tag-uri ar trebui să folosesc?
Concentrează-te pe cele esențiale: og:title, og:image, og:url și Twitter card tags pentru a maximiza expunerea socială.
Ce este un Facebook meta tag?
Include tag-uri din protocolul Open Graph (ex: og:title) care determină cum apar postările tale pe Facebook.
Ce definește proprietatea og:title?
Definește titlul paginii web așa cum apare el atunci când linkul este distribuit pe rețelele sociale.
Ce definește proprietatea og:image?
Specifică URL-ul imaginii care va însoți conținutul tău la distribuire.
Ce definește proprietatea og:type?
Definește tipul de conținut (ex: articol, site web), ajutând platformele să îl categorizeze corect.
Exemple de metadata?
Exemplele includ description tag, variabile de sesiune și tag-ul og:image, esențiale pentru selecția corectă a imaginii la distribuire.
