Tot ce trebuie să știți despre Schema Markup în 2022

În fiecare zi, șeful tău îți înmânează un teanc mare de note de la întâlniri, precum și diverse documente.

Este treaba ta să le sortezi corect pe fiecare într-un dulap de dosare.

Aceasta implică citirea tuturor acestora și alegerea detaliilor cheie . Este atât obositor, cât și plictisitor.

Din fericire, un nou manager vine și cere ca toate documentele create de companie să aibă aceleași detalii cheie etichetate în partea de sus a fiecăruia.

Treaba ta a devenit mult mai ușoară!

La o privire rapidă, aveți toate informațiile de care aveți nevoie pentru a sorta și arhiza corect toate documentele.

Ce este Schema Markup?

Schema Markup este o „etichetă” formată din cod, care partajează informații importante despre paginile dvs. și adaugă context.

Este ca un indicator pentru păianjeni în timp ce vă accesează cu crawlere conținutul. Codul este adăugat la HTML pentru a îmbunătăți fragmentele îmbogățite din SERP-urile Google.

Îți amintești că ai învățat să formatezi la școală? Profesorii tăi s-au săturat de fonturi cursive imposibil de citit, de înălțimi ale liniilor care transformă un eseu de o pagină în cinci și de a nu ști cine a scris chestia neplăcută pentru că nu are un nume pe el!

În același mod în care profesorii dvs. și-au dorit o modalitate mai bună de a vă înțelege eseurile, Google dorește o modalitate mai bună de a vă înțelege conținutul.

Ok, ești o afacere locală. Care este numele companiei dumneavoastră și unde se află?

Ok, postezi o rețetă. Care este numele rețetei, ingredientele și pașii pentru ao face?

Ok, ați recenzat un produs. Cum se numește și ce rating general cu stele i-ați acorda?

Definiția oficială Google a marcajului de schemă este „un format standardizat pentru furnizarea de informații despre o pagină și clasificarea conținutului paginii”.

Veți vedea în exemplul de mai jos că al doilea fragment include o evaluare cu stele și o recenzie care a fost adăugată în schemă.

Schema oferă mai multe informații utilizatorilor de căutare, precum și motoarelor de căutare. De asemenea, conținutul iese în evidență printre alte rezultate, ceea ce ajută la creșterea ratei de clic (CTR).

Cum a fost creată schema?

Deși schema.org a fost creat de cele mai mari patru companii de motoare de căutare (Google, Bing, Yahoo și Yandex), este de fapt un proiect condus de comunitate.

Oricine se poate implica și își poate împărtăși ideile.

Mai sus este o captură de ecran a paginii Github Issues a schema.org . Aici are loc marea majoritate a discuțiilor cu privire la diferite tipuri de schemă.

Este un loc minunat pentru a depana problemele și confuziile cu diferite tipuri de fragmente. Problemele sunt ușor de căutat.

Voi discuta mai multe despre acest lucru în secțiunea pentru dezvoltatori a acestui articol.

Schemă simplă

Ca și în cazul oamenilor din întreaga lume, există multe limbi folosite pentru codificarea site-urilor web.

O pagină web este alcătuită din HTML (Hypertext Markup Language) care spune site-ului web cum să vă vizualizeze conținutul. Deși site-ul dvs. web vorbește această limbă, nu putem presupune că toate motoarele de căutare pot!

Este un mare joc de ghicituri pentru Google să-și dea seama cine este autorul, compania/organizația pe care o reprezintă și ce date pot fi utilizate în SERP-uri.

Permiteți-mi să vă dau un exemplu rapid. Să presupunem că vrem să organizăm o întâlnire locală de SEO. Scopul nostru este să fim listați în această casetă care apare atunci când căutați pe Google „Evenimente SEO în apropierea mea”:

Ei bine, există o varietate de moduri în care am putea face asta. Prima (și cea mai simplă) modalitate ar fi să creați o postare pe Google My Business Event . Dar poate că nu suntem eligibili pentru a avea o înregistrare Compania mea pe Google!

Nici o problema. A doua metodă este să punem un fragment de cod schema.org pe pagina noastră de eveniment.

Consultați fragmentul de cod de mai jos. L-am adnotat pentru a fi ușor de înțeles.

Dar asteapta! În cazul în care verificați captura de ecran și sunteți copleșit, știți că există o varietate de moduri de a adăuga markup Schema pe site-ul dvs. fără a atinge niciun marcaj ciudat. Există atât pluginuri WordPress, cât și generatoare de cod ușor de utilizat.

Ajută totuși să obțineți o înțelegere brută a ceea ce fac acei ajutoare de fapt.

Și chiar așa, acest mic fragment oferă Google o mulțime de informații despre evenimentul nostru!

Are sens?

Schema.org vs. Rich Snippets vs. Date structurate

Veți vedea tot felul de termeni aruncați în jur:

• Tipuri/clase de schemă
• Date structurate
• Fragmente bogate

Dar care sunt diferențele lor?

Datele structurate descriu ceea ce facem. Oferim date clare și organizate despre conținutul nostru pe care motoarele de căutare le pot înțelege.

Schema.org este un tip de date structurate. Este de fapt singurul tip de date structurate la care îi pasă Google.

Poate că ați mai auzit de OpenGraph înainte. Acesta este un alt tip de date structurate, dar este folosit aproape exclusiv pentru site-uri de social media precum Facebook, Twitter și Pinterest.

Fragmentele îmbogățite sunt widget-urile interesante și fantastice pe care Google le creează folosind datele dvs. Nu avem control absolut despre nimic, dar datele noastre structurate schema.org ne măresc șansele.

Vrei să vezi câteva exemple?

Informații despre un film:

Recenzii cu stele:

Reţetă:

De ce tipuri Schema.org folosește Google?

Din câte știm, le folosesc pe toate! La urma urmei, Google este un jucător de bază în spatele proiectului schema.org.

Cu toate acestea, indiferent de câte tipuri de date folosesc pentru înțelegerea și clasarea site-urilor web, există doar câteva care sunt folosite în fragmentele lor bogate (cel puțin de acum).

Sunt:

• Organizare
• Articol
• Afacere locală
• Reţetă
• Revizuire
• Video
• Produs
• Eveniment
• Persoană

Asta nu înseamnă că celelalte nu merită implementate. Suntem pe cale să trecem peste o varietate de tipuri diferite de date care ar putea fi foarte benefice de implementat.

Cum să adăugați Schema Markup pe site-ul dvs. web

Aveți trei opțiuni principale pentru adăugarea de markup Schema pe site-ul dvs.:

1. Adăugați manual codul de marcare
2. Utilizați evidențiatorul de date
3. Utilizați un plugin WordPress

Verificarea pentru marcaj existent

Înainte de a adăuga ceva pe site-ul dvs., este important să vedeți ce este implementat în prezent.

Dacă citiți acest articol, probabil că ați făcut unele eforturi SEO în trecut, chiar dacă este doar la fel de puțin ca instalarea plugin-ului Yoast SEO WordPress. Ei bine, astfel de pluginuri adaugă, de obicei, cel puțin o schemă de marcare.

Introduceți o adresă URL a dvs. în Instrumentul de testare a datelor structurate .

Orice marcaj pe care îl aveți se va afișa în partea dreaptă a paginii. După cum puteți vedea, există trei tipuri de schemă utilizate pe pagina pe care am testat-o.

Opțiunea #1: Adăugați manual codul de marcare

Ai putea să-ți scrii codul de marcare de la zero, dar nu trebuie să fie așa.

Google a creat Structured Data Markup Helper și este grozav!

Începeți prin a selecta tipul de conținut și a introduce una dintre adresele URL. Aleg o postare recentă de pe blog a noastră.

Apoi, începeți să evidențiați și să etichetați diferite elemente ale paginii dvs.

După aceea, faceți clic pe butonul roșu „Creați HTML” și luați codul pentru a-l adăuga la secțiunea de cap a codului HTML! Va arăta puțin așa:

Acest lucru este minunat pentru pagina dvs. de pornire sau chiar pentru o singură pagină. Dar începe să devină plictisitor dacă doriți să etichetați individual fiecare postare de blog.

Dacă acesta este cazul, există și alte opțiuni de explorat. Primul dintre acestea este Evidențiatorul de date.

Opțiunea #2: Evidențiator de date

Google a vrut să ofere webmasterilor o interfață mai ușor de utilizat pentru etichetarea datelor lor. Poate că nu sunteți încrezător în editarea HTML-ului unei pagini pentru a adăuga markup Schema.

Marcatorul de date este util. Asigurați-vă că sunteți conectat la contul dvs. Google de afaceri, conectați una dintre adresele URL și etichetați-o exact așa cum ați proceda cu Structured Data Markup Helper.

După aceea, va prezenta conținut similar pe site-ul dvs. și vă puteți asigura că și acesta este etichetat corect.

Opțiunea #3: Plugin WordPress

Puteți începe cu un plugin WordPress precum Yoast . Versiunea sa gratuită vă oferă cele mai de bază tipuri de Scheme, cum ar fi Organizație, Persoană și Breadcrumbs.

Au și upgrade-uri premium care acceptă comerțul electronic și tipurile de scheme legate de afaceri locale.

Acum, unde pleci de aici? S-ar putea să fii blogger, așa că ai dori tipuri de schemă precum BlogPosting sau Articol. Este posibil să aveți o afacere locală și doriți tipul LocalBusiness.

Un plugin gratuit grozav pe care l-am găsit este WP SEO Structured Data Schema . Acceptă o mulțime de tipuri de schemă în versiunea gratuită.

Dacă nu sunteți sigur pe care să implementați pe site-ul dvs., mai jos am enumerat cele mai populare tipuri de schemă.

Tipuri de date de schemă pe care ar trebui să le utilizați

Organizare și date din schema breadcrumb

• Organizare
• Pesmet

Există câteva tipuri de date care se aplică tuturor site-urilor — indiferent dacă sunteți o publicație de știri, un magazin online sau o înghețată.

În ghidul Google pentru îmbunătățirea aspectului site-ului web al companiei dvs. în căutare, recomandă configurarea tipului de schemă Organizație și Breadcrumb .

Procedând astfel, vei specifica tot felul de informații, cum ar fi numele mărcii tale, adresa acesteia (dacă ai una), canalele tale oficiale de rețele sociale și logo-ul tău.

Breadcrumbs ajută la afișarea ierarhiei paginilor dvs. Le vei vedea foarte des în rezultatele căutării. Aruncă o privire la adresa URL a acestui rezultat al căutării pentru termenul „ghete de drumeție pentru bărbați”:

Breadcrumb-urile arată ierarhia paginilor, categoriilor de produse și categoriilor de postări de blog.

De asemenea, Google recomandă adăugarea unei secțiuni contactPoint la marcajul organizației dvs. Acest lucru vă va ajuta să obțineți informațiile de contact listate corect atunci când oamenii vă caută compania.

Ca astfel:

Sfat pentru marcarea organizației: nu plasați marcajul organizației pe toate paginile. John Mueller de la Google recomandă ca acesta să fie plasat numai pe pagina de pornire sau pe pagina de contact .

Markup persoană

Cel mai obișnuit motiv pentru care oamenii doresc să folosească marcajul Persoană este să obțină fragmente bogate ca acesta:

Nu este întotdeauna ușor să obțineți astfel de fragmente bogate. Mai ales dacă nu ești foarte cunoscut sau ai un nume destul de comun.

Cea mai bună utilizare a acestei scheme de marcare pentru SEO este dacă dețineți un site web personal. Este util și dacă ești o companie care are pagini dedicate despre fiecare dintre membrii echipei tale.

Markup pentru afaceri locale

Dacă sunteți o companie locală, implementarea de marcare a schemei LocalBusiness este un pas grozav de făcut.

Cu toate acestea, fragmentele îmbogățite de afaceri locale extrag în primul rând date din înregistrarea dvs. Compania mea pe Google.

Încă merită implementat pentru consistența NAP (nume, adresă, număr de telefon).

Markup articol

Pentru a deveni și mai specific decât tipul de articol, puteți utiliza în schimb un tip de NewsArticle sau BlogPosting .

Articolele pot conține toate datele de bază pe care le-ați asocia cu un articol, cum ar fi titlul și data publicării acestuia. În plus, puteți specifica, de asemenea, numărul de cuvinte, premiile pe care le-a câștigat și o scurtă descriere a acestuia.

Evaluare/Markup de recenzie

Cu toții am mai văzut acest tip de fragment bogat de evaluare în rezultatele căutării:

Poate fi folosit pentru a afișa evaluările clienților dvs. sau propria recenzie a unui produs.

Asigurați-vă că utilizați recenzii reale de la clienții dvs., în loc să setați în mod arbitrar toate produsele dvs. la cinci stele.

Acesta este probabil cel mai frecvent abuzat tip de schemă. Unii oameni le-au pus pe toate paginile lor, sperând să obțină clasamente mai mari și să facă clic. Google a prins asta și ar putea chiar să te penalizeze pentru că faci așa ceva.

Markup produs

Schema de produse este o necesitate pentru magazinele de comerț electronic!

Este recomandat să-l asociați cu schema de recenzii/evaluări.

Markup video

Google afișează rezultatele video nu numai în fila Videoclipuri, ci și în conformitate cu conținutul obișnuit.

De multe ori rezultatele video sunt dominate de rezultatele Youtube. Alteori (ca aceasta) alte site-uri de înaltă autoritate sunt capabile să asigure clasamente.

Markup eveniment

Cu siguranță recitiți secțiunea noastră intitulată „Schemă simplă”, unde trecem peste un exemplu practic de marcare a evenimentului.

Acest marcaj este pentru orice tip de eveniment pe care îl creați și vă permite să includeți toate detaliile evenimentului în markup.

Markup rețetă

Este o necesitate pentru orice blog de gătit! Dacă ați aruncat vreodată o privire la orice pagină cu rezultate de căutare legate de rețete...

…este clar că este complet diferit de rezultatele pentru orice alt cuvânt cheie.

Doriți să faceți cât mai ușor posibil pentru Google să vă înțeleagă rețeta.

Bonus: Markup pentru industria dvs. de nișă

Există o mulțime de tipuri de marcare super nișă legate de industrie de utilizat. Mai ales dacă ești în SEO local, sunt șanse ca concurenții tăi să nu profite de ei.

De exemplu, există tipuri precum:

• MensClothingStore
• BikeStore
• Librărie
• HobbyShop
• …chiar și OfficeEquipmentStore

Marcare schema în... e-mailuri

90% dintre voi care citiți acest articol probabil sunteți interesați doar de cum să adăugați un marcaj Schema pe site-uri web.

Majoritatea oamenilor nu aveau idee că este ceva ce ar putea fi adăugat și la e-mailurile lor de marketing!

În primul rând, este important de menționat că acesta este într-adevăr doar un beneficiu pentru utilizatorii Gmail. Din fericire, utilizatorii Gmail se întâmplă să dețină 29% din cota de piață a clienților de e-mail, ceea ce îl face cel mai folosit serviciu de e-mail.

Mi-ar plăcea să văd un marcaj Schema adăugat la clienții de e-mail Apple. Știați că Gmail și Apple reprezintă peste 50% din cota de piață a clienților de e-mail?

Cele mai comune două exemple de fragmente schema.org pe care le veți vedea utilizate în căsuța dvs. de e-mail sunt pentru zboruri și hoteluri. Mai jos este ceea ce veți vedea pentru zborurile pe care le-ați achiziționat:

Și iată un exemplu de buton care apare lângă toate e-mailurile dvs. referitoare la o rezervare la hotel.

Cei mai mulți dintre voi, însă, nu sunteți în afaceri cu hoteluri sau companii aeriene. Există încă câteva tipuri de date răutăcioase de care ați putea folosi!

Acțiuni Go-To

Cele mai utile acțiuni pentru aproape orice afacere vor fi acțiunile de acces .

Tot ce face este să furnizeze un buton sau un link simplu lângă e-mailul tău, care le permite abonaților tăi să viziteze o adresă URL.

Acest marcaj este excelent pentru a oferi un îndemn la acțiune și pentru a încuraja deschiderile.

Evenimente și RSVP

Ați putea folosi tipul de date EventRegistration și RSVP pentru a le face foarte ușor pentru abonații dvs. să spună da la următorul eveniment.

Crearea de răspunsuri personalizate specifice (de ex. „Da, mă duc”) și alocarea fiecăruia cu o adresă URL unică este ideală pentru testarea divizată, urmărirea și personalizarea experienței utilizatorului.

Urmărirea comenzilor și a expedierii

Pentru cei care sunt în comerțul electronic, cele mai utile două elemente de marcare prin e-mail pentru dvs. vor fi Comanda și Livrarea coletelor .

Facturi

Indiferent dacă trimiteți facturi clienților sau reamintiți unui client despre plata automată a abonamentului, tipul de date Factură este foarte util.

În imaginea de mai sus, puteți vedea exemplul care arată o factură care a fost deja plătită.

O parte unică a acestui tip de date este că există o varietate de stări de plată din care puteți alege.

Aceasta este definită de PaymentStatusType din Schema . Cele cinci tipuri sunt:

• PlataSe aplica automat
• PaymentComplete
• Plată respinsă
• Plată datorată
• PaymentPastDue

Schema pentru dezvoltatori

Faceți clic aici pentru a trimite prin e-mail această secțiune dezvoltatorului dvs.

M-am gândit să închei acest articol cu ​​câteva sfaturi și trucuri pentru dezvoltatori.

Acesta nu este neapărat ceva ce trebuie să știți ca manager de marketing sau cineva căruia nu îi place nimic care seamănă cu codul.

Cum să citiți documentele

În calitate de dezvoltator, învățarea oricărui tip de tehnologie începe cu învățarea cum să citești documentația.

Există trei resurse principale pe care doriți să le urmăriți:

• Ierarhia completă Schema.org
• Google Structured Data Docs (sau Gmail Structured Data Docs pentru cei care se ocupă de e-mail)
• Pagina Schema.org Github Issues pentru discuții și asistență de ultimă oră

Schema.org Docs

Documentația schema.org detaliază fiecare tip/clasă posibil definit de standard și opțiunile de configurare pe care le aveți.

Documentația sa nu este cel mai distractiv de citit. Datorită modului în care este aranjat, veți deveni un expert în a apăsa butoanele „Acasă” și „Sfârșit” de pe tastatură.

Tabelul gri principal pe care îl vedeți detaliază toate proprietățile/atributele disponibile pe care aveți opțiunea de a le defini.

Dacă derulați allllllllllllllllllllllllllllll... până în partea de jos a paginii, veți observa atât subtipuri (gândiți-vă la subclase în termeni de programare), cât și exemple de fragmente de cod.

Google Structured Data Docs

Documentele de date structurate de la Google arată tot felul de exemple de cod, precum și o privire în spatele cortinei asupra tipurilor de schemă la care îi pasă Google.

Navigarea în el este foarte simplă. Panoul din stânga are tot ce aveți nevoie pentru a fi listat în „date structurate”.

Probleme Schema.org Github

Vor fi momente când citești documentele și ceva nu este suficient de clar pentru tine. Sunt șanse ca cineva să fi avut aceeași confuzie. Cel mai bun loc pentru a obține claritate cu privire la acest tip de probleme tinde să fie prin problemele de navigare Github.

Microdate vs. RDFa vs. JSON-LD

Adevărata dezbatere aici este Microdata AND RDFa vs. JSON-LD.

Microdatele și RDFa sunt foarte asemănătoare. Acestea urmează o sintaxă asemănătoare HTML/XML. De asemenea, este complet vizibil și folosește conținutul dvs. existent.

JSON-LD, pe de altă parte, este doar un fragment invizibil de cod, procesat doar de roboții care vă vizitează site-ul. Marea diferență este că trebuie să definești totul din nou. Deci, să presupunem că specificați numele postării dvs. de blog. Trebuie să-l tastați din nou, în loc să-l înfășurați în jurul conținutului dvs. vizibil.

Dacă acest lucru nu are niciun sens, permiteți-mi să ilustrez folosind două fragmente de cod.

O postare pe blog cu microdate:

 <div itemscope itemtype="http://schema.org/NewsArticle">
<h1 itemprop="headline">
      15 companii de mașini electrice care preiau piața
    </h1>
<p itemprop="articleBody">Acesta este conținutul articolului meu.</p>
</div>

O postare de blog JSON-LD:

 <h1>15 companii de mașini electrice care preiau piața</h1>
<p>Acesta este conținutul articolului meu.</p>

<script type="application/ld+json">
 {
  "@context": "https://schema.org",
  "@type": "Articol",
  „titlu”: „15 companii de mașini electrice care preiau piața”,
  "articleBody": "Acesta este conținutul articolului meu."
  }
</script>

Note finale

Sper că acest articol a fost de mare ajutor pentru a vă învăța despre datele structurate și marcarea schemei!

Am parcurs mult teren și am trecut prin multe tipuri diferite de scheme.

Pe măsură ce Google implementează funcții din ce în ce mai bogate pentru rezultatele căutării, importanța schemei va crește doar.

Spune-ne cum te descurci cu implementarea schemei folosind #fatjoeschema pe Twitter @fatjoewho!