O introducere în marcarea structurată a datelor

Termenul Datele structurate se referă la informații formatate într-un mod universal de înțeles. Motoarele de căutare precum Google, Bing și Yahoo utilizează date structurate (implementate în paginile web) pentru a rafina rezultatele căutării, pentru a filtra cu mai multă precizie și pentru a îmbunătăți modul în care sunt afișate rezultatele. Acest lucru îi ușurează pe utilizatori să găsească informațiile pe care le caută.

De ce avem nevoie de date structurate??

Datele structurate devin o parte din ce în ce mai importantă a ecosistemului web. - Google

Paginile web au un înțeles inerent pe care utilizatorii îl înțeleg atunci când le citesc. Motoarele de căutare, pe de altă parte, au o înțelegere limitată a conținutului paginii web. De exemplu, să presupunem că aveți o pagină web despre "jaguar". Un motor de căutare ar putea accesa pagina cu crawlere, dar nu ar ști neapărat ce înseamnă cuvântul "jaguar". "Jaguar" se poate referi la animal, sau se poate referi la producătorul de mașini.

Acest lucru face dificilă ca motoarele de căutare să afișeze rezultate relevante ale unui utilizator. Oamenii pot deduce sensul unui cuvânt din contextul paginii web, însă motoarele de căutare au dificultăți în a face acest lucru.

Cu date structurate puteți ajuta motoarele de căutare să înțeleagă conținutul dvs. și să îl afișeze într-un mod util și relevant.

Cum se utilizează datele structurate?

Datele structurate au un avantaj major: vizibilitatea. Informațiile stocate în cadrul datelor structurate pot fi utilizate de motoarele de căutare pentru a genera fragmente îmbogățite. Fragmentele bogate furnizează utilizatorului informații detaliate referitoare la întrebările lor specifice.

Probabil ați întâlnit exemple ale acestor fragmente bogate - dacă nu, aruncați o privire la SERP Google pentru lasagna. Sunt sigur că observați imaginile de lângă unele rezultate ale căutării. Aceste imagini au fost adăugate datorită microdatelor. Acestea pot fi utilizate pentru a oferi motoarelor de căutare informații suplimentare despre pagina web, în ​​acest caz o imagine, dar puteți adăuga, de asemenea, un rating, timpul de gătire, cantitatea de calorii etc..

Aceste fragmente îmbogățite fac ca anumite rezultate să iasă în evidență de celelalte, ceea ce duce adesea la o rată de clic (CTR) mai mare. Unele site-uri web au raportat o creștere a CTR de 30% după implementarea datelor de marcare structurate. Sună destul de bine, huh?

Tipuri de marcare structurată a datelor

Există trei tipuri de marcare structurată a datelor:

  • microdatele
  • Microformatele
  • RFDA

Înainte de a începe să explorați aceste tipuri de marcare, trebuie să aveți în vedere un singur lucru: nu puteți utiliza mai mult de un tip de date structurate pe o singură pagină web, deoarece aceasta poate confunda motoarele de căutare. Prin urmare, trebuie să alegem între aceste trei opțiuni. Dar care este cel mai potrivit pentru site-ul nostru? Să aruncăm o privire la ele în mod individual.

Dacă vrei să știi totul despre diferențele tehnice dintre RDFa, micro-date și microformate, îți sugerez să citești o comparație între RDFa, Microdata și Microformate de către Manu Sporny, președintele grupului la World Wide Consorțiu Web care a creat RDFa.

microdatele

Microdatele sunt probabil cele mai populare tipuri de date structurate, datorate în mare parte site-ului Schema.org. Pe acest site, o inițiativă a celor mai mari trei motoare de căutare (Google, Bing și Yahoo), veți găsi o colecție comună de scheme (microdate) pe care le puteți utiliza.

Marcarea microdatelor constă din 3 elemente: itemscope, categorie de obiect și itemprops. Atributul itemscope cuprinde informații despre element. Prin adăugarea articolelor în HTML, specificați faptul că conținutul din elementul ales este în legătură cu un anumit element.

Concert Foo Fighters

Adăugați elementul itemtype pentru a identifica tipul de conținut. Utilizați acest atribut imediat după itemcope.

Concert Foo Fighters

În acest exemplu, itemcope informează motoarele de căutare că elementul conținut în div este de fapt un eveniment. Tipurile de elemente sunt adăugate întotdeauna ca adrese URL. Puteți găsi o listă completă a tuturor tipurilor de articole de la Schema.org.

Acum că motoarele de căutare știu că pagina noastră este despre un eveniment, îi putem furniza informații suplimentare despre acest eveniment specific. Pentru aceasta folosim itemprop atribut.

Dacă vrem să identificăm locația concertului Foo Fighters, pur și simplu adăugăm itemprop =“locație“ la elementul care include numele locației (din nou, vizitați schema.org pentru o listă completă a tuturor proprietăților pe care le puteți asocia cu un tip de element).

Concert Foo Fighters. Concertul va avea loc la Madison Square Garden.

Uneori va trebui să adăugați elemente suplimentare pentru a adăuga detalii despre itemprop. Folosim deoarece, în mod implicit, acestea nu influențează modul în care textul în linie este prezentat de un browser.

Datele și orele

Datele și orele pot fi dificil de interpretat. Data 08/10/12, de exemplu, înseamnă 8 octombrie 2012? Sau 10 august 2012? Sau 12 august 2008? Confuză, nu-i așa? Motoarele de căutare au aceeași problemă.

Pentru a le oferi ora și data corecte, trebuie să adăugăm un atribut "datetime". Acest atribut specifică o dată utilizând formatul YYYY-MM-DD.

Codul de mai sus este pentru data de 1 aprilie 2011.

Atributul datetime poate fi, de asemenea, utilizat pentru a specifica un timp. Times sunt prefixate cu litera T și pot fi furnizate împreună cu o dată.

Codul de mai sus afișează data și ora următoare: 8 mai 2011, ora 19:30. Dacă adăugăm marcajul de dată și oră la exemplul nostru anterior, am putea obține ceva de genul:

Concert Foo Fighters. Concertul va avea loc la Madison Square Garden pe .

Cu aceste etichete simple putem spune motoarelor de căutare că, la 8 mai 2011, la ora 19.30, va avea loc un concert Foo Fighters la Madison Square Garden. Putem folosi alte atribute pentru a marca paginile web despre Cărți, Filme, Organizații, Rețete etc..

Informații implicite

Informațiile nu sunt întotdeauna vizibile utilizatorilor și motoarelor de căutare. Unele informații pot fi încorporate într-un obiect media sau pot să nu fie menționate explicit pe o pagină. În acest caz, puteți utiliza etichete meta pentru a specifica aceste informații.

Să presupunem că avem un videoclip pe pagina noastră și dorim ca durata videoclipului să apară ca un fragment îmbogățit. Deoarece durata videoclipului nu este furnizată ca text pe pagina noastră, trebuie să folosim o etichetă meta pentru a adăuga aceste informații. De exemplu:

Codul de mai sus spune motoarelor de căutare că videoclipul este de 2 minute și 40 de secunde (nu uitați că folosim formatul ISO8601 pentru date și ore). Aceste informații vor apărea ca un fragment îmbogățit în rezultatele căutării.

Microformatele

Microformatele extind etichetele HTML convenționale cu informații semantice. Pentru a adăuga date structurate pe o pagină web cu microformate, veți folosi mai ales atributul de clasă. Acest lucru face ca microformatele să fie cel mai simplu și mai curat mod de a adăuga date structurate.

Cele mai populare tipuri de microformate sunt hCard, hCalendar și hReview. hCard este utilizat pentru oameni, companii și organizații. hCalendar poate fi folosit pentru a adăuga informații despre evenimente. Și cu hReview puteți revizui restaurante, cărți, filme etc..

Să presupunem că avem o pagină pentru un meci de fotbal. Mai întâi de toate trebuie să le spunem motoarelor de căutare că această pagină Web este despre un eveniment prin referirea hCalendar în .

 

În continuare trebuie să le spunem motoarelor de căutare care parte din pagina noastră web este despre eveniment. Pentru aceasta folosim clasa vevent.

Totul conținut de noi

oferă motorului de căutare mai multe informații despre eveniment (dar puteți utiliza și alte etichete, cum ar fi sau

daca este necesar). Dacă vrem să adăugăm titlul evenimentului nostru, folosim proprietatea sumară. Rezumatul este o proprietate necesară pentru un eveniment!

Real Madrid - FC Barcelona

Prin utilizarea proprietății locației putem specifica locul în care se va desfășura meciul.

Real Madrid - FC Barcelona la Câmp nou

Cu acest cod îi spunem motoarelor de căutare că meciul dintre Real Madrid și FC Barcelona va avea loc în Camp Nou. O altă proprietate necesară pentru hCaldendar este dtstart. Descrie data și ora evenimentului.

Real Madrid - FC Barcelona la Câmp nou pe

Aceste etichete oferă motoarelor de căutare mai multe informații despre meciul de fotbal dintre Real Madrid și FC Barcelona, ​​cum ar fi locația și data / ora.

Pentru mai multe informații despre microformate, consultați wiki-ul de microformate.

RFDA

RFDa utilizează un număr de proprietăți pentru a identifica entități (cum ar fi o persoană sau un eveniment). Utilizează etichete HTML, cum ar fi

și , pentru a descrie entitățile. Caracteristicile mai avansate ale RFDa pot fi dificile pentru webmasterii care nu se întâmplă să fie experți în date structurate.

RFDa are patru atribute de bază: voctype, tip de, proprietate și resursă.

Primul atribut, voctype, definește vocabularul pe care îl vom folosi pentru datele noastre structurate. Datorită acestui atribut, motoarele de căutare știu de unde să obțină informațiile despre aceste date structurate.

Salut, numele meu este John Doe!

Cu codul de mai sus specificăm că vocabularul pentru etichetele RFDa poate fi găsit la schema.org (de exemplu). Există și alte vocabulare, cum ar fi LOV și Dublin Core. Acum trebuie să specificăm tipul de date. Este vorba despre o persoană, un eveniment, un restaurant ...? Pentru aceasta folosim atributul typeof.

Salut, numele meu este John Doe!

Motoarele de căutare știu că vorbim despre o persoană, dar ei nu știu prea multe despre el. Prin adăugarea de proprietăți putem să le oferim mai multe informații despre această persoană.

Buna numele meu este John Doe!

Codul de mai sus ne spune că această pagină web este despre o persoană numită John Doe. Putem adăuga un id unic la aceste date structurate pentru a identifica această persoană prin adăugarea atributului resursă.

Buna numele meu este John Doe!

Acest id unic este util dacă vrem să vorbim despre John Doe pe un alt site web. Prin adăugarea id-ului la sfârșitul adresei URL a acestei pagini web (de ex. Http://example.com/employees#john), avem o referință pentru toate informațiile despre John Doe.

Pentru mai multe informații despre implementarea RFDa, consultați documentația RDFa pe w3.org.

De ce prefer Microdata

Prefer să folosesc microdata pentru a implementa date structurate. Eu nu spun în nici un fel că microdata este cea mai bună opțiune (există avantaje și dezavantaje pentru fiecare tip menționate), dar pentru mine, microdata oferă cele mai multe avantaje.

În comparație cu microdatele, RDFa are un pic de curbă de învățare atunci când se ocupă de entități imbricate. Iar implementarea RFDa în paginile non-XHTML poate fi problematică din cauza anumitor atribute și valori.

Dezavantajul microformelor este acela că, dacă doriți să o modernizați pe un site web, probabil că veți avea
pentru a redenumi o mulțime de clase CSS și

și Etichete.

Pentru mine, microdatele sunt cele mai bune din ambele lumi; este simplu și ușor de implementat. Microdatele sunt, de asemenea, recomandate de Google, astfel încât pentru persoanele cărora le place să respecte instrucțiunile Google, acest lucru poate fi un motiv pentru a alege microadatele peste microformate și RFDa.

Testarea marcajului

Ați petrecut nenumărate ore adăugând date structurate pe site-ul dvs. web. Dar cum știți dacă este implementat corect? Aici este util instrumentul Google de testare a fragmentelor îmbogățite. Pe acest site puteți lua o adresă URL sau o bucată de cod HTML și puteți testa marcarea structurată a datelor. Acesta vă poate da o idee despre modul în care pagina va apărea în rezultatele căutării.

Unelte

Încheiem acest articol cu ​​o colecție de instrumente care ar putea fi utile atunci când adăugați date structurate pe site-ul dvs. Web.

  • Schema.org Creator este o modalitate ușoară de a genera microdate. Alegeți un tip de conținut (persoană, eveniment, revizuire ...), completați câmpurile obligatorii și faceți clic pe un buton pe care aveți codul HTML corect.
  • Dacă aveți un blog sau un site Wordpress puteți utiliza acest plugin Wordpress la îndemână. Plug-ul de creare a schemelor, dezvoltat de Raven, face cu ușurință adăugarea de date structurate pe paginile dvs. Web. Unul dintre avantajele acestui plugin este că utilizează coduri scurte. Deci, nu trebuie să adăugați manual microdatele.
  • Microformat are mai mulți creatori pentru hCard, hCalendar și hReview. Utilizați aceste instrumente pentru a genera rapid microformate pentru site-ul dvs. Web.
  • RDFa Play este probabil cel mai bun instrument dacă doriți să implementați RFDa. Acesta vă permite să editați și să depanați codul. În plus, chiar vine cu un vizualizator de date!

Concluzie

În viitor, vom vedea date mult mai structurate. Permite motoarelor de căutare să interpreteze mai eficient conținutul și să genereze fragmente îmbogățite. Toate acestea conduc la o rată de clic, în mod evident mai mare, pentru paginile în care sunt implementate date structurate.

Spuneți-ne gândurile în comentariile dvs.; veți profita de date structurate în curând? Aveți deja experiență în acest sens?