Taguri Meta Open Graph - Ce Trebuie Să Știi

Vrei ca oamenii să-ți observe postările din social media?

Zilnic, peste 4 milioane de articole de blog sunt scrise, așadar este crucial să-ți distribui munca pe rețelele sociale. Open Graph este una dintre cele mai importante componente pentru a ajunge la un public mai larg.

Nu toți oamenii cunosc importanța Open Graph. Ce este, de fapt? Cum te poate ajuta să fii remarcat?

Ce este Open Graph?

„Open Graph meta tags, la fel ca meta descriptions și titlurile, guvernează modul în care sunt scrise URL-urile atunci când sunt distribuite pe rețelele sociale.”

Este mai simplu să definești conținutul paginii pe site-urile de socializare datorită proiectului Open Graph al Facebook de a standardiza informațiile sociale pe toate site-urile web.

Aceste taguri oferă serviciilor de socializare informații precum titlul paginii, descrierea și imaginea principală în secțiunea head a unei pagini web. Acest proces păstrează coerența și autenticitatea informațiilor afișate.

De ce să folosești Open Graph?

Open Graph este suportat în diverse rețele sociale, cum ar fi:

• Facebook;
• Twitter/X;
• Pinterest;
• Viber;
• Telegram;
• WhatsApp.

Conform Google, protocolul îmbunătățește „Blocurile de Conținut Recomandat”.

Ce se întâmplă dacă Open Graph nu este folosit?

Deoarece Facebook nu este sigur ce să afișeze în previzualizare, poate folosi orice imagine găsește (poate chiar prelua un banner publicitar sau ceva din antetul tău).

Ca urmare, Facebook nu poate determina ce secțiuni ale previzualizării să afișeze.

• Open Graph creează previzualizări pentru site-urile web legate de social media.
• Tagurile Open Graph ajută persoanele să localizeze materialul în feed-urile sociale, ceea ce duce la creșterea vizitelor.

Pe măsură ce vizitatorii derulează pagina site-ului tău, cu cât materialul tău apare mai sus, cu atât primește mai multă atenție. Permite utilizatorilor să obțină o previzualizare înainte de a da click.

Folosește tagurile OG pentru a ajuta oamenii să-ți localizeze materialul pe Facebook și alte platforme de social media.

Elementele meta OG sunt folosite pentru a crea fragmente atunci când URL-urile sunt partajate în conversații private pe site-uri care utilizează protocolul.

Semnificația protocolului Open Graph pentru afacerea ta

Acest tip de interacțiune este simplificat de protocolul Open Graph al Facebook. Marcajul Open Graph este o metodă de organizare și urmărire a datelor de previzualizare. Îți permite controlul complet asupra modului în care materialul tău este afișat pe rețelele sociale, altele decât cele proprii.

Pentru a facilita integrarea, au fost create obiecte grafice bogate care împărtășesc setul standard de caracteristici al Facebook. Facebook are control asupra fluxului de informații din surse externe (sau apreciate, etc.). Aceste informații sunt furnizate de tagurile meta Open Graph pe măsură ce trec prin antetul unui site web.

Deoarece mulți oameni accesează o pagină prin social media, tagurile Open Graph sunt mai vitale ca niciodată. CTR-ul poate crește atunci când căutarea este îmbunătățită. Open Graph facilitează procesul de partajare în social media. Open Graph este larg suportat pe toate site-urile de socializare. Tagurile Open Graph ale Twitter/X sunt un bun exemplu; Twitter/X suportă Open Graph.

Ce înseamnă exact asta?

De ce să te deranjezi să etichetezi conținutul tău server-side folosind Open Graph? Există posibilitatea ca tagurile suplimentare să îmbunătățească performanța site-ului tău și să atragă mai mulți vizitatori? Iată câteva dintre motivele pentru care credem că Open Graph poate face o diferență uriașă.

Majoritatea rețelelor sociale proeminente utilizează taguri Open Graph

Dacă nu ai timp să înveți HTML, poți utiliza în schimb tagurile Open Graph de la Facebook. Poți folosi aceste etichete pentru a personaliza numele, descrierile și fotografiile care apar pe toate site-urile principale de socializare.

Tagurile Open Graph sunt într-adevăr pentru social media

Open Graph a fost conceput pentru a afișa mostre de informații în cadrul rețelei sociale. Organizează informațiile în moduri care depășesc simpla partajare a unei pagini web.

Imagine optimizată

Poți folosi tagurile Open Graph pentru a specifica ce imagine ar trebui să apară în previzualizarea ta socială. Opțiunea implicită nu trebuie aleasă. Oamenii sunt mai înclinați să dea click pe linkuri către postarea ta de blog sau site-ul tău dacă arată excelent.

Este vorba despre previzualizări sociale, nu previzualizări de căutare

Atât optimizarea pentru motoarele de căutare (SEO), cât și marketingul pe rețelele sociale sunt cruciale, dar au cerințe distincte. Componentele Open Graph au rezolvat o veche problemă de SEO: faptul că previzualizările postărilor din rețelele sociale aveau titluri și descrieri neatrăgătoare.

Titlul paginii, meta descrierile și tagurile Open Graph pentru titlu, descriere, URL și imagine trebuie să fie unice pentru ca conținutul să fie optimizat pentru motoarele de căutare și rețelele sociale.

Ai control asupra materialului tău

Indiferent dacă îți postezi materialul tu însuți sau o face altcineva, ai control complet asupra modului în care va apărea pe rețelele sociale.

Chiar dacă personalizezi fiecare postare din social media, majoritatea clienților tăi vor ignora previzualizarea. Vizitatorii care aleg să-ți partajeze materialul o vor face cu o imagine, un titlu și o descriere bine alese, dacă tagurile tale Open Graph sunt cât se poate de bune. Acest lucru este foarte important, deoarece ai control deplin asupra informațiilor care se răspândesc despre afacerea ta.

Tipuri de taguri Open Graph

Tagurile Open Graph precum og:title, og:image, og:type și og:url permit platformelor de socializare să vizualizeze informațiile tale. Trebuie să folosești aceste taguri critice, dar poți folosi și altele.

O captură de ecran Facebook care conține conexiuni la componentele og:image, og:url, og:title și og:description.

og:site_name

Tagul og:site_name ar trebui să conțină domeniul unde poate fi găsit conținutul tău. Ca urmare, acesta înlocuiește numele brandului, care ar fi fost în meta titlu (și, prin urmare, ar fi interzis în tagul og:title tag).

Tagul og:site_name ar trebui să includă numele site-ului sau brandului tău, în timp ce tagul og:title ar trebui să conțină titlul articolului tău.

Cod og:site_name <meta property="og:site_name" content="Your Site Name" />

Folosește același tag pentru numele site-ului pe întregul tău site web.

og:title

Tagul og:title este sugerat pentru setarea titlului paginii. Este similar cu modul în care sunt folosite meta titlurile în SEO. Atunci când folosești un meta titlu existent, asigură-te că menții câmpul og:title liber de orice conținut specific brandului sau site-ului tău.

Cod og:title <meta property="og:title" content="Title" />

Acest tag ar trebui să apară pe orice pagină a site-ului tău pe care un utilizator ar dori să o partajeze pe Facebook, Twitter/X sau pe un alt site de socializare.

Păstrează titlul între 40 și 50 de caractere; altfel, va fi tăiat.

Dacă vrei ca mai mulți oameni să-ți viziteze site-ul, titlul trebuie să facă mai mult decât să-l descrie pur și simplu.

Spre deosebire de meta titlurile motoarelor de căutare, nu ar trebui să incluzi numele domeniului tău sau orice altă informație care ar putea fi folosită pentru a te identifica.

og:type

Folosește tagul og:type pentru a specifica tipul de material trimis. Acesta informează site-ul de socializare despre tipul de conținut pe care îl partajezi, cum ar fi o postare de blog, o pagină web, un fișier video sau audio.

Cod og:type <meta property="og:type" content="article" />

Folosește tipul de obiect „articol” pentru informații care necesită explicații, cum ar fi postările de blog.

Adaugă tipul de site web la celelalte pagini ale site-ului.

Trebuie să folosești formatul corect de fișier dacă dorești să transferi un fișier care conține atât text, cât și audio sau video. Această pagină conține o listă a tuturor Categoriilor de Obiecte.

og:locale

Tagul og:locale oferă informații despre limba în care este redactat materialul transferat. Utilizatorii site-urilor de socializare ar trebui să fie conștienți că conținutul postat pe site-uri web poate fi vizualizat într-o serie de limbi.

Cod og:locale <meta property="og:locale" content="en_GB" />

Deoarece Facebook presupune că tot ceea ce nu are un tag og:locale este scris în engleza americană, dacă administrezi un site web în Statele Unite care este compus în întregime din material în engleză, ești liber să ignori acest tag (en_US).

Dacă conținutul pe care îl furnizezi este scris într-o altă limbă decât engleza americană, asigură-te că folosești tagul OG corect.

og:url

Pur și simplu folosește tagul og:url pentru a specifica unde dorești să publici conținutul.

Cod og:url <meta property="og:url" content="https://www.yourdomain.com/title.html" />

Acest tag trebuie să furnizeze URL-ul canonic al paginii.

og:description

Declarația inclusă într-un tag og:description trebuie să fie succintă, simplă și cât mai atrăgătoare posibil pentru a încuraja cititorii să viziteze un site web.

Ești liber să refolosești informația atâta timp cât este relevantă, datorită faptului că acest tag este similar cu unul utilizat de motoarele de căutare.

Cod og:description <meta property="og:description" content="Your description." />

Ar fi util să-ți păstrezi descrierea între 50 și 100 de caractere. Postările de pe Facebook ar trebui să aibă cel mult între două și patru cuvinte; postările mai lungi de patru cuvinte sunt mai susceptibile de a fi șterse.

Pentru a obține cele mai multe click-uri și atenție pentru materialul pe care îl furnizezi, descrierea pe care o oferi ar trebui să fie cât mai detaliată și convingătoare posibil.

og:image

Furnizează URL-ul imaginii care va fi folosită în fragmentul social folosind elementul og:image. Folosește o imagine care este atât intrigantă, cât și direct relevantă pentru conținutul articolului, pentru a crește probabilitatea ca oamenii să dea click pe site-ul tău.

Acest element OG funcționează similar cu schema markup, care este utilizat de motoarele de căutare pentru a oferi rezultate bogate.

Cod og:image <meta property="og:image" content="https://yourdomain.com/wp-content/uploads/your-image.png" />

Dacă vrei ca paginile partajabile ale site-ului tău să se claseze mai sus în optimizarea imaginilor pentru motoarele de căutare, folosește fotografii inovatoare care se potrivesc cu brandingul tău. Chiar dacă o pagină nu este probabil să fie partajată frecvent, brandingul acesteia cu logo-ul tău este o idee inteligentă în cazul în care cineva o partajează în viitor.

Pentru a evita să pară pixelată sau de calitate scăzută, lucrarea ta originală ar trebui să aibă un raport de aspect de 1.91:1 și o rezoluție de cel puțin 1200 pe 630 de pixeli.

Tagurile og:image:width și og:image:height asigură că imaginile partajate anterior apar corect. Instalează Yoast pe site-ul tău WordPress dacă nu ai făcut-o deja pentru a le adăuga automat. Dacă nu ai făcut-o deja, iată codul:

<meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" />

Adaugă Open Graph în WordPress

Adăugarea tagurilor OG în WordPress este cea mai ușoară, comună și simplă modalitate de a o realiza cu pluginul Yoast SEO. Acest plugin ar trebui să fie deja instalat dacă site-ul tău este configurat astfel încât motoarele de căutare să-l poată localiza cu ușurință.

Actualizează pagina sau articolul unde ar trebui inserat Open Graph folosind opțiunea „social” a Yoast SEO.

Completează câmpurile og:image, og:title și og:description în secțiunea Facebook.

Yoast îți va configura tagul og:url, Twitter/X Card și dimensiunile imaginilor. Dacă nu îi instruiești pe Yoast să folosească o anumită imagine, acesta va utiliza imaginea principală din postare.

Când site-ul tău este partajat, nicio imagine nu este afișată implicit. Poți modifica acest lucru furnizând o captură de ecran a întregului site. Această eroare apare atunci când un URL de imagine nu are tagul og:image.

Pe pagina principală de setări a Yoast, poți selecta og:image la nivel de site.

Adăugarea tagurilor OG în blogul tău WordPress este foarte ușoară. Trebuie doar să mergi la:

Bara laterală WordPress : Yoast>Social>Facebook.

Activează comutatorul, apoi salvează imaginea existentă. Credem că ar trebui să selectezi un logo. Poți face același lucru și pentru Twitter/X și Pinterest.

Adaugă Open Graph manual

Dacă știi să codezi și nu utilizezi unul dintre sistemele anterioare, tagurile OG sunt simple de instalat.

Poți copia și lipi conținutul de mai jos pe site-ul tău, dar te rugăm să-l modifici pentru a se potrivi nevoilor tale.

<meta property="og:site_name" content="INSERT SITE NAME" /> <meta property="og:title" content="INSERT TITLE" /> <meta property="og:description" content="INSERT DESCRIPTION" /> <meta property="og:url" content="INSERT URL" /> <meta property="og:type" content="INSERT TYPE" /> <meta property="og:image" content="INSERT IMAGE URL" /> <meta property="og:image:width" content="1280" /> <meta property="og:image:height" content="640" /> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:image" content="INSERT IMAGE URL" />

Testarea tagurilor tale meta Open Graph

Să presupunem că ai înțeles cum să incluzi un Open Graph pe site-ul tău.

Dacă site-ul tău este clasificat corect, ar trebui să arate excelent atunci când este partajat pe rețelele sociale. Testează-ți întotdeauna munca înainte de a o lansa publicului.

Înainte de a partaja un URL, verifică de două ori dacă tagurile tale OG sunt preluate și afișate corespunzător.

Aceste instrumente pot fi utile pentru testarea tagurilor tale OG:

• Pinterest Rich Pins Validator
• Twitter/X Card Validator
• Facebook Sharing Debugger
• LinkedIn Post Inspector

Pur și simplu introdu un URL în oricare dintre aceste servicii pentru a obține tagurile meta originale. Când îl partajezi, vei avea o idee despre cum va arăta pentru ceilalți.

Examinează imaginea, titlul și descrierea previzualizării înainte de a continua. Poți primi alerte despre taguri de care nu ai nevoie, pe care le poți adăuga sau ignora.

Dacă testul URL eșuează, ar trebui să încerci din nou cu un alt tag. Verifică dacă fiecare instrument este operațional vizitând URL-ul său. Poți discuta despre asta când este gata.

Verdict

Este crucial să menții controlul asupra a ceea ce partajezi pe rețelele sociale. Traficul și ratele de conversie cresc atunci când elemente bogate sunt afișate în Open Graph. Începe cu o singură postare de blog. Pe măsură ce vei vedea rezultatul, va fi mult mai ușor să aplici tagurile Open Graph în postările tale viitoare.

Întrebări frecvente