Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • OS
  • Ghidul definitiv pentru lucrul cu date structurate. Pentru ce este marcarea semantică? Beneficiile micro-markupului și ale rezultatelor căutării

Ghidul definitiv pentru lucrul cu date structurate. Pentru ce este marcarea semantică? Beneficiile micro-markupului și ale rezultatelor căutării

Și dumneavoastră v-ați săturat deja să înțelegeți structura site-ului Schema.org și cum să folosiți lista lui monstruoasă pentru a crea microdate pe propriul site? Atunci acest articol detaliat și inteligibil vă va clarifica odată pentru totdeauna totul și nu vor mai rămâne întrebări. Garantez!

Eu însumi am abordat de mai multe ori microdate și de fiecare dată le-am aruncat la naiba, pentru că site-ul Schema.org este absolut prost. Da, există o listă extinsă de entități și tipuri și o grămadă de descrieri pentru aceasta. Există chiar și o traducere parțială a site-ului în rusă - ruschema.org. Dar un dracu - nifiga nu este clar.

Ei bine, vedeți singuri: aici vreau să-mi dau seama cum pot adăuga micro-markup la pagina mea cu articole. Mă duc pe site-ul web Schema.org, merg la secțiunea Scheme, apoi dau clic pe Lista completă de tipuri, afișată pe o singură pagină link și obțin o listă imensă de entități (Lucru):

Deci, ce urmează? Dintre aceste șase proprietăți, ceva lipsește în mod clar, și anume: titlul articolului, autorul, data scrierii etc. Există câteva articole vagiBody, articleSection, pageEnd etc. Ei bine, ce ar trebui să fac în privința asta? Dacă dați clic pe o proprietate, nu veți găsi nimic nou:

Și așa mai departe pe toată lista. Absolut deloc o interfață prietenoasă, ascuțită, poate, pentru munca programatorilor, care sunt clare despre totul de la o jumătate de cuvânt, și nu rusă.

Bun! Să ne dăm seama ce se mănâncă aici și cu ce, pe acest Schema.org. Pentru ca toate neînțelegerile să dispară, iar motoarele de căutare să ne bată în cap că folosim micro-markup pe site-ul nostru, pentru că este cușer.

Să începem cu elementele de bază. Acesta este pentru cei care aud pentru prima dată despre microdate. Alții pot sări mai departe și să citească despre aplicarea practică a micro-markupului.

De ce avem nevoie de micro-markup și ce legătură are Schema.org cu el

Micro-markupul a fost inventat de profesioniști în marketing web. Altfel, acest lucru se numește markup semantic și înseamnă că paginile site-ului sunt marcate cu etichete speciale, astfel încât roboții de căutare să poată înțelege mai bine despre ce anume sunt aceste pagini ale site-ului și ce anume oferă.

Pe pagina Yandex.Webmaster dedicată micro-markupului, există un exemplu destul de ilustrativ al unei părți dintr-o pagină de site fără marcare și cu marcare:

Simțiți diferența, așa cum se spune. Dacă nu ați simțit acest lucru, vă explic: fără micro-markup, botul motorului de căutare nu poate determina el însuși ce anume se discută pe pagina site-ului. Cuvântul „avatar” poate avea multe sensuri. Pentru a fi clar pentru crawler că articolul vorbește despre un anumit film, adăugăm etichete speciale și declarăm că toate se referă la o entitate de tip Film.

S-au adăugat o grămadă de etichete neutre la documentul de marcare cu diverse atribute precum itemprop = "". Există, de asemenea, două atribute obscure: itemscope și itemtype, și a fost adăugat un link către secțiunea Film a aceluiași site schema.org. O.K! haideți să urmărim acest link și să vedem ce este acolo:

O altă listă de proprietăți (Proprietăți), dar printre ele există doar două dintre cele utilizate în exemplul Yandex - regizor și trailer. Unde sunt restul: numele și genul? Yandex a venit cu ele însuși?

Faptul este că schema.org are o anumită ierarhie și o puteți vedea doar pe pagina cu o listă generală a tuturor entităților (Lucru). Aici este timpul să clarificăm ce este - o esență.

Lucruîn Schema.org înseamnă un lucru specific, iar cuvântul însuși Lucru poate desemna oricare dintre lucrurile posibile. Toate celelalte tipuri de lucruri sunt cuibărite în el. Nu totul în lume, desigur, dar cel mai des folosit pentru a descrie pe Internet: articole, știri, evenimente, personalități, cărți, programe etc.

Fiecare dintre lucrurile imbricate poate conține propriul „set” de entități de tip similar. De exemplu, o entitate numită Eveniment poate include diverse tipuri de evenimente: evenimente de afaceri, evenimente pentru copii, festivaluri, petreceri muzicale etc.

Este clar că, dacă entitățile au o ierarhie, adică un fel de cuibărit, atunci s-ar putea să preia proprietățile (Proprietăți) de la părinți. Entitatea Festival preia proprietățile de la entitatea Eveniment și preia, de asemenea, proprietățile celei mai importante entități din listă - Lucru.

Acum înțelegeți de unde a primit Yandex numele și proprietățile de gen care lipsesc pentru un exemplu de micro-markup de film? Proprietatea gen se află în entitatea părinte CreativeWork, în care este imbricat filmul; iar proprietatea nume este în entitatea principală Thing, care include entitatea CreativeWork. Este atat de simplu!

Astfel, putem folosi proprietățile atât ale unei anumite entități, cât și ale părinților acesteia. De fapt, pe pagina oricărei entități imbricate de pe site-ul Schema.org, există o listă de proprietăți nu numai pentru ea însăși, ci și pentru părintele ei. Doar derulați în jos în pagină și le veți vedea în ordine.

Acum devine clar cum să utilizați site-ul Schema.org: selectați proprietățile entității și le descrieți cu propriile cuvinte. În plus, multe entități din partea de jos a paginii au cazuri de utilizare. Ele ajută destul de clar să ne dăm seama cum pot fi aplicate toate acestea.

De ce Schema.org?

Deci, de ce exact Schema.org și nu oricine altcineva? Oricum cine sunt tipii astia? Potrivit Wikipedia, acesta este un grup de inițiativă de camarazi de la cele mai mari motoare de căutare Google, Yahoo !, Bing și Yandex, care în 2011 a decis să adauge la un set special de metadate semantice, care ar trebui să îmbunătățească rezultatele căutării.

Dezvoltatorii schema.org sugerează ca principal format de marcare a metadatelor pentru paginile web microdate- etichete și atribute pentru marcarea informațiilor structurate pe paginile web, care au apărut în standardul HTML5.

Ce sunt itemscope și itemtype și pentru ce sunt acestea

Cu itemprop - Properties, sper că v-ați dat deja seama. Cine nu a înțeles încă - acesta este cel mai mic detaliu al micro-markup care denotă o proprietate specifică a unui obiect. De exemplu:

James Cameron

Această linie spune pur și simplu că un tip pe nume James Cameron nu este un încărcător de la Privoz, ci un director adevărat.

itemtype - înseamnă o entitate specifică pe care o descriem folosind micro-markup. De exemplu, Film.

itemscope - înseamnă Esență în general. Acest atribut le spune pur și simplu motoarele de căutare că există o entitate cu micro-markup aici și ei, motoarele de căutare, ar trebui să acorde atenție acestui lucru.

De obicei, aceste două atribute sunt scrise una după alta și ambele sunt adăugate la un bloc DIV de pe site. Itemscope vine pe primul loc, urmat de itemtype + se adaugă un link către o anumită secțiune de entitate în Schema.org:

Entitățile pot fi imbricate una în alta. De exemplu, entitatea mai mare Articol poate include și alte entități precum NewsArticle, Report etc. Adesea, entitățile globale precum Articolul sunt adăugate direct la eticheta body de pe pagina site-ului:

Restul entităților sunt adăugate așa cum apar pe pagină. Fiecare entitate specifică este, de asemenea, precedată de atributele itemscope itemtype. În consecință, pot exista mai multe astfel de construcții pe o pagină de site și trebuie să fie imbricate - totul este la fel ca în cazul etichetelor HTML obișnuite.

Cum se utilizează micro-markup pe site

Micro-markup poate fi adăugat direct la codul HTML al paginii sau puteți utiliza pluginuri terțe pentru CMS, cum ar fi WordPress, etc.

Puteți utiliza etichetele HTML existente de bloc, paragraf, link și listă pentru a lega atributele itemscope, itemtype și itemprop sau puteți adăuga etichete neutre.

Dacă trebuie să adăugați proprietatea url (link) la micro-markup, dar nu o afișați ca link, puteți utiliza eticheta de link. Vizitatorii îl vor vedea pur și simplu ca text, iar botul de căutare îl va citi după cum este necesar.

Unii webmasteri vicleni folosesc metaeticheta în corpul paginii. Etichetă meta, Karl!!! Nu recomand să faci asta. În primul rând, este eticheta head a paginii și acolo îi aparține. Și în al doilea rând, motoarele de căutare nu favorizează acest lucru, așa că ai grijă.

În plus, uneori aceiași webmasteri vicleni sfătuiesc să ascundă o parte a textului marcat cu micro-markup de la vizitatorii care folosesc CSS. Vă sfătuiesc cu tărie să nu faceți asta! Aceasta este o deghizare tipică, pentru care motoarele de căutare vă pot interzice cu ușurință.

Cât de multe detalii merită să faci micro-markup pe site?

Nu hrăniți unii webmasteri cu pâine - lăsați doar să se stabilească ceva de prisos pe site. Același lucru este valabil și pentru micro-markup. Nu ar trebui să fiți ca grafomanii și să sculptați atribute de micro-markup pentru fiecare squiggle de pe site. Totul ar trebui să fie cu moderație. În caz contrar, o faptă bună se va transforma într-o manie, iar conținutul util în sine se va pierde în spatele pădurii de atribute de micro-markup.

Motoarele de căutare au o atitudine lăudabilă față de micro-markup, dar monitorizează îndeaproape și viteza de încărcare a paginii. Dacă cantitatea de micro-markup este de 5-10 ori mai mare decât cantitatea de conținut util de pe pagină, atunci viteza de încărcare poate fi redusă semnificativ. La urma urmei, fiecare construcție itemscope itemtype trimite la schema.org și trage instrucțiunile necesare de acolo.

Prin urmare, distrează-te cu micro-markup, orice îți place, dar știi când să te oprești!

Cum se verifică corectitudinea micro-markupului

Puteți trece peste codul în așa fel încât diavolul însuși să-și rupă piciorul. Prin urmare, există validatoare de microdate convenabile de la Googleși Yandex. Mai mult, fiecare dintre ele se referă la corectitudinea micro-markupului în felul său, țineți cont de acest lucru.

Dacă ați omis ceva, atunci validatorul va emite un(e) mesaj(e) corespunzător(e). Fie o eroare, fie un avertisment sau ambele. Citiți-le, aprofundați în ele și corectați-le chiar acolo. Erorile trebuie corectate fără greșeală, avertismentele pot fi punctate, dar este mai bine să le corectați și pe acestea, în afara pericolului.

Cum să faci micro-markup într-un șablon WordPress

Există mai multe plugin-uri gata făcute pentru WordPress pentru adăugarea de micro-markup. Nu sunt un susținător al pluginurilor inutile, mai ales că acestea funcționează adesea după propria înțelegere, ceea ce nu este întotdeauna evident și de înțeles. Prin urmare, sunt pentru a adăuga totul la șablon cu pixurile mele jucăușe.

Adăugarea de microdate la un șablon WordPress nu este ușoară, dar foarte ușoară! Luați, de exemplu, o pagină cu postări unice, care sunt de obicei redate de șablonul single.php. Tot ce trebuie să faceți este să injectați următoarele bucăți de cod în loc:

itemscope itemtype = http: //schema.org/Article - adăugați la eticheta DIV cu atributul post sau intrare;

itemprop = "nume" - adăugați la eticheta h1 sau h2;

itemprop = "url" - adăugați la eticheta h1 sau h2 împreună cu eticheta de link. Exemplu:

itemprop = "autor" - se adaugă la fragmentul de cod care afișează numele autorului. Exemplu:

itemprop = „datePublished” - data publicării în format „Y-m-d”. Exemplu:

itemprop = "articleBody" - inserați-l în blocul de ieșire al textului articolului;
itemprop = "articleSection" - afișați titlul;
itemprop = „imagine” - link către imaginea postării;
etc.

Mai înțelept, tot acest proces este programat, recomand!

Sper că acum vă puteți da seama cu ușurință de micro-markup Schema.org.

Pe Internet, desigur, nu există doar acest tip de micro-markup. De fapt, există mai multe dintre ele, pentru sarcini diferite. Data viitoare, să vorbim despre Open Graph - a doua cea mai populară opțiune de micro-markup din rețeaua socială Facebook. Este conceput pentru a afișa în mod adecvat paginile site-ului în rețelele sociale.

Ține legătura!

Am lansat o nouă carte, „Marketing de conținut pe rețelele sociale: cum să intri în fruntea abonaților și să te îndrăgostești de marca ta”.

Aboneaza-te la

În eticheta de deschidere, adăugați atributul itemscope. Aceasta înseamnă că această etichetă conține o entitate. Să desemnăm tipul de entitate cu atributul itemtype, imediat după itemscope. Numele tipurilor sunt sub formă de URL. Notarea tipului de microdate poate fi găsită pe site-ul oficial Schema.org. Avem un nume precum http://schema.org/Article.

...

După declararea entității, să desemnăm proprietățile acesteia. Sintaxa proprietăților entității poate fi găsită pe site-ul oficial Schema.org. Atributul este folosit pentru a declara proprietăți. itemprop. La fel, găsim pe pagină o etichetă care conține titlul articolului nostru. Acum să adăugăm un atribut cu numele proprietății. Avem un nume de proprietate - antetul numelui.

CMS în ceea ce privește SEO

Toate proprietățile entității sunt declarate în același mod. Enumerăm mai jos:

CMS

Conținutul articolului

După ce am definit entitatea și proprietățile acesteia, este necesar să facem modificările corespunzătoare în codul paginii, adică să adăugăm atribute suplimentare etichetelor. Ca rezultat, obținem marcajul semantic al paginii de blog. Nu e greu, nu?

Dacă aveți întrebări sau îndoieli, consultați întotdeauna site-ul oficial. Conține toate informațiile necesare despre entități și proprietățile sale, precum și exemple de marcaj semantic Schema.org pentru utilizare în diferite situații.

Strict vorbind, HTML se numește „limbaj de marcare hipertext”. Poate fi numit limbajul „macro-markup” - marcajul conținutului întregului conținut al unei pagini web.

Motoarele de căutare - Yandex și Google - au propriile cerințe pentru marcare. Cerința poate fi rezumată astfel: organizarea conținutului pentru a facilita analizarea paginii. Cu cât conținutul este organizat mai strict, cu atât robotul de căutare își desfășoară activitatea mai precis și mai rapid, cu atât indexarea și promovarea site-ului sunt mai reușite.

Toate cerințele de acest fel sunt colectate în micro-markup-ul site-ului.

Pentru utilizator, rezultatul aplicării cu succes a micro-markup este un fragment mai complet (previzualizare site) în rezultatele căutării. Site-urile bine etichetate au rate de clic (CTR) mai mari în rezultatele căutării. Aceasta înseamnă că vei primi mai mult trafic organic și pozițiile tale vor crește datorită acestui fapt.

Pentru a implementa marcajul, în codul HTML sunt folosite atribute speciale. Toate informațiile necesare sunt colectate într-un singur fișier html fără a implica resurse externe. Iată un exemplu de micro-markup oferit de Google (aici tema site-ului este „Imagini”):

Yandex folosește un sistem de micro-markup oarecum diferit de Google:

Numele organizației Contacte:
Adresa: Alexandru Pușkin, 114 ani 746228 Vladivostok,
Telefon: +7 999 777–77–77, Fax: +7 999 111–11–11, E-mail: [email protected]

Comparați același cod de pagină, dar fără micro-markup:

Numele organizației Contacte:
Adresa: Alexander Pushkina, 114, 746228, Vladivostok,
Telefon: +7 999 777-77-77, Fax: +7 999 111-11-11, E-mail: [email protected]

5 formate populare de micro-markup:

Toate formatele sunt în continuă dezvoltare și, până acum, marcajul unic nu există pentru toate domeniile.

Scopul principal al micro-markup este transferul de date despre conținutul site-ului. Pe baza acestor date, motoarele de căutare creează fragmente în rezultatele căutării și, de asemenea, indexează site-ul.

Cum se implementează micro-markup?

Mecanismul de utilizare a micro-markup pe exemplul formatului Schema.org. Trei pasi:

  1. Descrierea este inclusă într-un container - i se atribuie un nume și un tip:


  2. În interiorul containerului are loc o descriere a unei proprietăți specifice.
  3. În afara containerului, în anumite puncte de utilizare, informațiile sunt marcate cu un link către o anumită proprietate a schemei:
    Alexandru Pușkin, 114 ani

Interesant, nu există un algoritm unificat pentru procesarea datelor primite, totul depinde de subiectul specific al site-ului.

Deoarece cantitatea de informații despre fiecare subiect este destul de largă, devine necesară verificarea conformității cu standardele. Yandex și Google au validatori speciali pentru verificarea micro-markupului pe site.

Verificarea micro-markupului în Yandex Webmaster

Avem în fața noastră toate informațiile necesare analizei:

Acum, în câmpul de introducere cu mai multe pagini sub titlul în două culori „Adresa URL a documentului sau inserați o bucată de cod HTML” plasăm adresa paginii care este verificată.

Aici apare o singură problemă - pagina trebuie să conțină acest micro-markup. Dacă nu există micro-markup, atunci sub titlul „Verificare rezultat” este afișat pur și simplu un mesaj că marcajul nu a fost găsit pe pagină.

Testul este lansat prin apăsarea butonului „Verificare” sau printr-o combinație de taste rapide Ctrl + Enter.

Dacă pe site se folosește marcajul, atunci rezultatul verificării va fi reflectat în câmpul cu mai multe pagini de mai jos:

Dacă tocmai ați introdus codul HTML al paginii, atunci rezultatul lucrării va fi reprezentat de adresa gazdei locale:

Dacă aveți întrebări despre serviciul de validare a micro-markupului Yandex, puteți consulta paginile de ajutor pe care le plasează serviciul la: https://yandex.ru/support/webmaster/yandex-indexing/validator.xml

Validatorul Yandex, pe lângă verificarea completă a celor cinci formate de micro-markup enumerate, va verifica și formatul datelor marcate special și al fragmentelor speciale.

Validatorul oferă șase rezultate ale activității sale legate de erorile de analiză detectate:

  • Pagina nu a putut fi încărcată pentru analiză;
  • Micro-markup nu a fost detectat - se poate întâmpla din două motive - fie că nu există cu adevărat marcaj, fie este incorect formatat;
  • Absența unui câmp obligatoriu este deja un element al verificării, de exemplu, atunci când descrieți o imagine, adresa acesteia nu este indicată;
  • Este imposibil să se determine căreia îi aparțin unele câmpuri - de obicei depășesc marcarea lor;
  • Condițiile de organizare a fragmentelor nu au fost îndeplinite;
  • Proprietatea „conținut” a meta-etichetei conține un link, care nu este permis.

În plus, în fereastra de rezultate pot apărea trei avertismente:

  • Valoare incorectă a câmpului - de exemplu, format incorect de dată;
  • Tipul de date este setat incorect - vă rugăm să rețineți că, împreună cu tipurile standard definite de W3C, Yandex definește și unele dintre propriile tipuri;
  • Lipsa de marcare care să fie utilizată împreună cu cea utilizată.

Ca rezultat al validării cu succes de către Yandex, pagina din rezultatele căutării Yandex va fi reprezentată printr-un fragment structurat. Acest lucru se întâmplă de obicei după 10-14 zile.

Verificarea micro-markup-ului în Google

Micro-markup-ul este validat în același mod în Google: https://developers.google.com/structured-data/testing-tool/

Schema de micro-markup pe care Google o vizează se numește Schema.org. În multe privințe, ideea muncii „americane” nu este diferită de munca versiunii ruse de validare.

După cum puteți vedea, aici puteți introduce și adresa paginii care se verifică sau direct codul html.

Testul este pornit prin apăsarea butonului „Start test”. În ciuda faptului că ambii validatori funcționează conform aceleiași scheme Schema.org, rezultatele muncii lor sunt ușor diferite. Iată rezultatul de la Google:

Practica arată că validatorul Google are cerințe mai puțin stricte pentru marcare și găsește mai puține erori. Mai mult, Google nu informează proprietarul site-ului după ce perioadă de timp va intra în vigoare marcajul și va fi vizibil în rezultatele căutării.

Este necesar, dacă este posibil, să se utilizeze ambii validatori și să se tragă concluzii pe baza dublei verificări.

26.05.2017 Timp de citire: 30 minute

Una dintre cele mai profunde dorințe ale proprietarilor de site-uri și ale profesioniștilor SEO este să-și facă site-ul să iasă în evidență în rezultatele căutării, astfel încât să iasă în evidență față de concurență, iar utilizatorii să facă clic mai des pe el. Cea mai puternică metodă de a atinge acest obiectiv este de a lucra cu date structurate. În acest articol vom încerca să ne dăm seama ce sunt datele structurate și cum le puteți încorpora pe site-ul dvs. web.

Cum a început totul?

Schema unificată a formatelor de marcare semantică pentru site-uri, pe care le cunoaștem și le folosim cu toții acum, a apărut în 2011 cu sprijinul unor giganți precum Google, Yahoo! și Microsoft (alăturat mai târziu de al patrulea jucător - Yandex). Înainte de aceasta, marcarea datelor exista în diferite formate și nu exista o structură unică. De exemplu, „Yahoo!” a existat un serviciu numit „SearchMonkey”, care deja în 2008 a făcut posibilă marcarea datelor pe o pagină și generarea de fragmente unice în rezultatele căutării motorului său de căutare.

Corporațiile au avut un obiectiv global de a dezvolta un format comun de date structurate care să îmbunătățească afișarea site-urilor pe motoarele de căutare și să îmbunătățească calitatea căutărilor. Inițiatorii au realizat sarcinile stabilite, în urma cărora a luat naștere dicționarul schema.org, care combină un număr imens de reguli pentru micro-marcarea datelor de pe site.

Ce sunt datele structurate?

Datele structurate sunt informații care sunt prezentate într-o formă uniformă și corectă, cu respectarea unui anumit set de reguli.

Nu vom descrie principiile de lucru cu fiecare dicționar, vom analiza mai detaliat doar trei dintre ele: Json-ld, Opne Graph și schema.org.

Să începem cu popularul dicționar de micro-markup schema.org. Rezultatul colaborării dintre Google, Yahoo!, Microsoft și Yandex se dezvoltă activ și se actualizează în mod regulat până în prezent. La momentul creării articolului, dicționarul conține descrieri pentru 589 de tipuri de documente, 860 de proprietăți ale obiectelor și 114 de valori specifice. O listă completă a tuturor proprietăților este listată într-o ierarhie ramificată pe această pagină.

Principalul tip de entitate superioară din dicționarul schema.org este Thing, care, la rândul său, este împărțit în alte câteva subtipuri. Unii dintre ei:

  • CreativeWork este un set general de reguli pentru descrierea activităților creative: articole, cărți, filme, fotografii, software etc.;
  • Eveniment - un set de reguli pentru evenimente care au avut loc sau vor avea loc într-o anumită perioadă de timp: întâlniri, concerte, expoziții etc.;
  • Intangibilul este o clasă de servicii care include mai multe lucruri intangibile, cum ar fi dimensiuni, evaluări, fișe de post, servicii etc.
  • Organizație - un set de reguli pentru marcarea organizațiilor, o listă completă a diferitelor tipuri de afaceri este listată pe pagina localBusiness. De asemenea, puteți vedea această listă în Ajutor Yandex https://yandex.ru/support/webmaster/supported-schemas/address-organization.html;
  • Persoană - o entitate folosită pentru a descrie persoane sau personaje în viață, decedate, fictive;
  • Loc - un set de reguli pentru ceva care are o poziție fizică fixă ​​(clădire, parc, monument etc.);
  • Produsul este tot ceea ce este creat pentru vânzare. De exemplu, o pereche de pantofi, un bilet sau o mașină.

Fiecare subtip include un număr mare de etichete de descriere, astfel încât aproape orice tip de companie va găsi tipul de markup de care are nevoie.

Majoritatea etichetelor din dicționar au cazuri de utilizare sub forma unui exemplu de cod HTML sau script JSON-LD. Mai jos vom analiza exemple de aspect de pagină cu un articol, un produs și o organizație.

Șablon de microdate articol folosind schema.org

Cel mai adesea, microdate precum URL, dataPublished, dateModified, titlul, imaginea, autorul, editorul etc. sunt marcate. Să ne uităm la un exemplu specific:

Exemple de microdate ale articolului folosind schema.org „DESCRIEREA PAGINEI”>

„NUMELE ORGANIZATIEI”> „ADRESA FIZICĂ”> „LĂȚimea logo-ului în pixeli” inaltime = „ÎNĂLȚimea logo-ului în pixeli” src = „LINK CĂTRE IMAGINEA LOGO-ULUI” alt = /> „DESCRIEREA IMAGINEI ALTERNATIVE”>
TITLUL ARTICOLULUI DESCRIEREA ARTICOLULUI „LINK LA PAGINA ARTICOLULUI” /> "DATA PUBLICĂRII"> „DATA ULTIMEI SCHIMBĂRI”>

ANTET H1

„https://schema.org/ImageObject”> „Previzualizare lățime în pixeli” inaltime = „Previzualizarea înălțimii în pixeli” src = „LINK PENTRU PREVISUALIZARE IMAGINEA” alt = „DESCRIERE ALTERNATIVE PREVIEW” />„DESCRIERE ALTERNATIVE PREVIEW”>
TEXTUL PRINCIPAL AL ​​ARTICOLUI TREBUIE SĂ FIE AICI

Majoritatea articolelor marcate urmează o schemă similară. Este de remarcat faptul că în acest exemplu unele dintre etichete sunt indicate în secțiune (meta descriere și link către autor în g +), iar restul este scris în corpul documentului HTML. Nu este necesar să folosiți unele etichete, de exemplu, articolul se va simți grozav chiar și fără marcajul cu etichetele articolului sau ale editorului, dar este puțin probabil să treacă verificarea de validare în instrumentele Yandex sau Google.

Imaginea 3. Un exemplu de pagină în SERP cu micro-markup articol în Google. Data publicării este afișată lângă articol.



Imaginea 4. Un exemplu de pagină în SERP pentru aceeași interogare ca în imaginea 3, numai în Yandex. Data este afișată în dreapta, cu data publicării sau creării în sus, iar data modificării mai jos.

Șablon de micro-markup card de produs folosind schema.org

Următorul tip de micro-markup pe care îl vom lua în considerare va fi produsul sau, cu alte cuvinte, marcajul semantic al unui card de produs.

CUPRINS H1

„LINK LA IMAGINE” alt = „DESCRIEREA IMAGINEI ALTERNATIVE”> „LINK LA IMAGINE” titlu = "(! LANG: CONȚINUT H1" >!}
PRET IN RUBLE
„PRț ÎN FORMAT 000.00”>
INDICAREA DISPONIBILITĂȚII MĂRFURILOR
DESCRIERE PRODUS

Acordați o atenție deosebită formatului prețurilor, deoarece majoritatea erorilor din micro-marcarea cardurilor de produse sunt ascunse acolo. Cu textul, putem scrie orice valoare în orice format, iar direct în eticheta de preț în sine, indicăm prețul strict în format monetar, altfel motoarele de căutare vor ignora această linie.


Imaginea 5. Un exemplu de la Google SERP cu indicarea prețului în format „FROM” și „TO”.

Șablon de microdate ale organizației folosind schema.org

Ultimul model pe care îl vom analiza este marcarea organizației. De obicei, acest marcaj este folosit pentru a structura informațiile pe o pagină de contact.

„https://schema.org/Organization”> NUMELE ORGANIZATIEI
„https://schema.org/PostalAddress”> STRADA, ORAȘ, REGIUNE.
„LINK LA LOGO” /> Telefon: NUMAR DE TELEFON

Schema.org are un vocabular foarte lung. Din această cauză, în timp ce lucrați cu acesta, pot apărea dificultăți, dar nu toate etichetele din marcaj sunt necesare și majoritatea pot fi abandonate. În exemplele oferite, am indicat cele mai elementare etichete care pot fi folosite atunci când lucrați cu marcajul schema.org, dar pot fi multe altele.

Google are un special instrument pentru a marca pagini folosind dicționarul schema.org. Face mult mai ușor să creați machete de pagină.


Imaginea 6. Exemplu de la Yandex. Informații suplimentare despre organizație sunt afișate sub descrierea paginii și pot fi introduse fie manual, folosind marcaj, fie folosind serviciul Yandex.Directory.

Avantajele și dezavantajele microdatelor schema.org

  • Un dicționar mare care este actualizat constant;
  • Sprijinit de toate motoarele de căutare populare;
  • Codul nu este ascuns de scripturi și se află în întregime în conținutul paginii;
  • Îmbunătățește afișarea fragmentelor în rezultatele căutării;
  • Puteți găsi markup pentru aproape fiecare site;
  • Există pluginuri pentru automatizarea formării de micro-markup;
  • Se dezvoltă și se completează activ.
  • Un număr mare de scheme de micro-markup poate speria un utilizator nepregătit;
  • Ai nevoie de cunoștințe inițiale despre aspect și modificări ale codului paginilor;
  • Complica codul HTML, ceea ce incetineste dezvoltarea site-ului web;
  • Toată documentația oficială de referință este în limba engleză;
  • Nu toate proprietățile au exemple de utilizare pe site-ul oficial.

Instrumente pentru lucrul cu micro-markup schema.org

Când lucrați cu micro-markup schema.org, servicii precum:

  • Validator de date structurate Google
  • Asistent pe micro-marcarea paginilor conform dicționarului schema.org de la Google. Ca rezultat, obținem codul HTML al paginii cu micro-markup-ul deja implementat;
  • Verificarea marcajului semantic de la Yandex;
  • Site oficial de marcare;
  • Traducere neoficială a site-ului web schema.org în limba rusă;
  • „All In One Schema.org Rich Snippets”, „Wprichsnippets.com”, „Schema App Structured Data” - pluginuri pentru WordPress care generează automat markup semantic schema.org;
  • Notepad ++ - sau orice alt editor de text.

Acest protocol a fost dezvoltat de Facebook pentru a îmbunătăți afișarea fragmentelor de link-uri de pe site-uri externe pe rețelele sociale. Acesta este probabil unul dintre cele mai simple și mai mici dicționare de micro-markup. Puteți începe să încorporați marcajul cu patru proprietăți principale:

  • og: titlu - titlul paginii.
  • og: type - tipul obiectului, de exemplu, „music.album” (album). Alte proprietăți sunt acceptate în funcție de tip. Toate caracteristicile posibile ale etichetei de tip sunt enumerate pe site-ul oficial.
  • og: imagine - Adresa URL a imaginii.
  • og: url este adresa URL canonică a obiectului.

Toate etichetele de marcare „Open Graph” sunt scrise în container .

Pe lângă proprietățile de bază, puteți specifica și altele suplimentare care vor îmbunătăți afișarea linkurilor pe rețelele sociale:

  • og: audio - URL la fișierul audio dacă se redă muzică la deschiderea paginii.
  • og: determinant este un cuvânt care apare înaintea numelui acestui obiect într-o propoziție. Tipul de enumerare (a, an, the, "", auto). Dacă este selectat automat, consumatorul de date trebuie să aleagă între „a” sau „an”. Valoarea implicită este „” (gol). Eticheta este cea mai relevantă pentru segmentul vorbitor de limba engleză datorită utilizării diferitelor articole precum „a”, „the”, „an”, etc.
  • og: descriere - descrierea paginii, numărul permis de caractere este de la 160 la 295 de caractere.
  • og: locale - limba și țara. Formatul de afișare este language_TERRITORY, implicit este en_US. Pentru segmentul vorbitor de limbă rusă, eticheta ru_RU este prescrisă.
  • og: locale: alternativ - limbă sau țară alternativă.
  • og: site_name - numele site-ului.
  • og: video - URL video.

Deschideți șablonul de marcare a paginii grafice

Mai jos este un exemplu de cod HTML cu toate proprietățile posibile, în practică, unele dintre aceste etichete nu sunt specificate și cele patru proprietăți standard sunt suficiente:

ANTETUL PAGINEI „ATENTUL PAGINII” /> "LINK LA PAGINA" /> „LINK PENTRU PREVIZUalizare” /> „LINK LA FIȘIER AUDIO” /> „DESCRIEREA PAGINEI” /> „LINK LA VIDEO” /> ...


Avantajele și dezavantajele microdatelor Open Graph

Ultimul tip de marcare și structurare a datelor la care ne vom uita este JSON-LD. Acest nume groaznic înseamnă „JavaScript Object Notation Linked Data”. Consorțiul World Wide Web, sau cu alte cuvinte, W3C, este responsabil pentru dezvoltarea formatului. Acest format îndeplinește aceeași funcție ca schema.org, dar într-un mod ușor diferit: structurează datele folosind JavaScript, ceea ce face munca mult mai ușoară.

Unul dintre avantajele acestui format este că dicționarul schema.org este folosit pentru a descrie datele. Astfel, folosind scripturi JSON-LD, putem descrie orice fel de entitate și îmbunătăți afișarea site-ului nostru în rezultatele căutării, petrecând o perioadă minimă de timp. În plus, acest lucru se poate face fără încorporarea etichetelor HTML în corpul paginii, trebuie doar să specificați.

Pentru claritate, să comparăm marcajul schema.org și JSON-LD:

Adidași


Adidași

Adidași

Șablon de marcare a articolului folosind JSON-LD

Am luat un exemplu de marcare folosind JSON-LD bazat pe micro-markupul unui articol din schema.org din același material de mai sus. Se folosesc toate aceleași proprietăți.

TITLUL ARTICOLULUI

ANTETUL ARTICOLULUI

Apare o întrebare firească: care este mai bun decât schema.org sau JSON-LD? Nu există un răspuns cert aici. Lucrul cu micro-markup în format JSON-LD este mai ușor și mai plăcut decât orice cu același dicționar schema.org în format HTML, dar are și dezavantajele sale. De exemplu, motorul de căutare Google este sfătuit să folosească această tehnologie pentru a-și marca paginile. Dar există probleme cu Yandex: acest tip de marcaj nu este încă afișat în rezultatele căutării din cauza scripturilor, deși paginile cu marcaj JSON-LD sunt verificate pentru valabilitate.

Motorul de căutare Yandex nu afișează informații marcate cu metalimba JSON-LD în rezultatele căutării.

Figura 8. Scrisoare de la suport tehnic Yandex cu privire la planurile pentru JSON-LD. Mulțumim utilizatorului pentru captură de ecran.Oleh Holovkin .

În acest caz, trebuie să prioritizați corect. Dacă aveți nevoie de fragmente extinse în Yandex și Google, atunci folosim vechiul marcaj schema.org; dacă ne concentrăm pe Occident și motorul nostru principal de căutare este doar Google, atunci marcajul JSON-LD trebuie luat și implementat fără întârziere.

Avantajele și dezavantajele microdatelor JSON-LD

  • Formatul este ceva mai simplu în comparație cu schema.org;
  • Recomandat de Google;
  • Există plugin-uri de calitate cu care să lucreze motorul WordPress;
  • Datorită JavaScript, marcajul este „invizibil” pentru utilizatorul obișnuit, spre deosebire de HTML;
  • Scriptul este plasat numai în container fără a introduce linii suplimentare de cod în corpul site-ului;
  • Este validat în instrumentele oficiale de verificare ale Yandex și Google.

Cum altfel poți marca un site?

Metodele de marcare enumerate mai sus se referă la intervenția directă în codul sursă al paginii, dar există și alte metode de structurare a datelor. Acestea sunt Data Highlighter (Marker) de la Google și „Produse și prețuri” de la Yandex. Folosind aceste instrumente, puteți extinde fragmente de pagină în rezultatele căutării direct din panoul webmasterului.

Imaginea 9. „Marcator” în Search Console și serviciul „Produse și prețuri” de la Yandex.

Marker Google

Pentru a începe marcarea, aveți nevoie de:

  1. Mergi la instrumentși alegeți tipul de date pentru marcaj. Momentan sunt doar 9 dintre ele:
    • Evenimente
    • Organizații locale
    • Recenzii de cărți
    • Aplicații
    • Produse
    • Restaurante
    • Articole
    • seriale TV
    • Filme

Figura 10. Panoul pentru alegerea tipului de informații pentru marcare în Search Console.


  1. În continuare, Google va oferi să verifice cinci pagini pentru corectitudinea marcajului automat. Dacă în timpul procesului de validare se găsesc erori în marcaj, acestea pot fi corectate. Acordați o atenție deosebită prețurilor dacă marcați cardurile de produse, deoarece instrumentul face adesea greșeli în marcarea prețurilor. Dacă instrumentul a marcat o pagină cu un alt subiect (de exemplu, ați marcat carduri de produse și el s-a oferit să marcheze o pagină de contact), atunci această pagină poate fi ștearsă folosind butonul din colțul din dreapta sus.

Figura 12. Buton pentru a elimina o pagină de marcare definită incorect din Search Console.

  1. După verificarea mostrelor, verificăm de două ori lista de pagini marcate și publicăm. După finalizare, Search Console va afișa o listă cu toate grupurile de pagini etichetate de pe site-ul dvs. pe care le puteți modifica sau șterge complet.

Figura 13. Un exemplu de listă de pagini deja marcate folosind Google Marker.

Acest lucru încheie marcarea cu Google Marker. În acest caz, nu este absolut necesar să cunoașteți HTML sau JavaScript, este suficient să marcați manual fiecare pagină, iar Google va procesa în sine datele și va face ajustări la fragmentele de căutare. Dar Marker are și argumentele sale pro și contra.

Avantajele și dezavantajele microdatelor folosind Google Marker

  • Marcarea fără a interfera cu codul sursă al paginilor;
  • Instrumentul se află direct în Google Search Console;
  • Paginile sunt aranjate semi-automat;
  • Puteți grupa pagini după tip;
  • Marcajul va apărea numai în rezultatele căutării Google;
  • Instrumentul nu marchează întotdeauna corect informațiile;
  • Există multă muncă manuală atunci când amenajați un site mare.

Serviciul Yandex „Produse și prețuri”

În sine, acest instrument nu are legătură cu înțelegerea obișnuită a marcajului paginii, deoarece este de obicei folosit în Yandex pentru a încărca informații despre un produs în Yandex.Market în format YML. În mod ciudat, Yasha a reușit să găsească o utilizare pentru acest tip de informații despre produse, iar acum rezultatele căutării organice includ adesea site-uri marcate cu acest serviciu. Caracteristica principală a „Produse și prețuri” este afișarea în rezultatele căutării Yandex a prețului pentru un produs/serviciu în dreapta link-ului către site.


Figura 14. Un exemplu de afișare a prețului unui serviciu în rezultatele căutării Yandex cu serviciul „Produse și prețuri” conectat.

Serviciul „Produse și prețuri” poate fi folosit nu doar de magazinele online, ci și de organizațiile care furnizează servicii. În acest caz, va trebui să creați manual documentul YML.

Deci, pentru a conecta serviciul „Produse și prețuri” în Yandex, aveți nevoie de:

  1. Adăugați site-ul dvs. la webmasterul Yandex și accesați serviciul „Produse și prețuri”;
  1. Atunci trebuie să acceptați termenii acordului, dacă acest serviciu nu a fost conectat anterior la site.


Figura 15 sugerează Yandexfamiliariza cu format YML șiconducere prin conexiune.


Avantaje și dezavantaje ale instrumentului Produse și prețuri Yandex

  • Distinge puternic site-ul de alți concurenți în căutare, crește CTR;
  • Utilizatorul, înainte de a merge pe site, primește informații despre costul serviciului/produsului;
  • Pe lângă preț, în documentul YML sunt indicați și alți parametri, care sunt luați în considerare și la formarea unui fragment;
  • În majoritatea motoarelor de site populare, fișierul este generat automat sau semi-automat.
  • Rezultatele cu prețuri vor fi vizibile numai în rezultatele căutării Yandex;
  • Încărcarea documentelor YML nu este furnizată în toate CMS-urile;
  • Cu modificări frecvente ale prețurilor pe site, este necesară generarea regulată a unui document;
  • Consumă timp dacă trebuie să marcați manual un număr mare de pagini.

Instrumente pentru lucrul cu serviciul Produse și prețuri Yandex

Spre deosebire de Google Marker, lucrul cu un fișier YML necesită următoarele instrumente pentru a funcționa:

  • Lista motoarelor de site cu capacitatea de a încărca documente YML;
  • Generator de documente YML pentru generarea manuală a fișierelor;

Rezultat

Implementarea marcajului de date structurate este un pas important care poate crește ulterior CTR-ul unui site în căutare și poate îmbunătăți afișarea conținutului în rezultatele căutării. Există mai multe modalități de a marca site-ul dvs., dar în acest moment cea mai testată este implementarea de marcare schema.org, deoarece restul metodelor fie au funcționalitate limitată, fie sunt marcate în cadrul aceluiași motor de căutare.

Fiecare metodă de marcare a datelor are avantajele și dezavantajele sale; înainte de a începe implementarea, ar trebui să vă evaluați cu atenție capacitățile și să alegeți cea mai bună opțiune. Metodele de marcare individuale pot fi combinate între ele, de exemplu, Open Graph de la schema.org și „Produse și prețuri” de la Yandex. Și rețineți: prezența micro-markup-ului pe site nu garantează o modificare a fragmentului de căutare în SERP, în primul rând facilitează scanarea site-ului de către motoarele de căutare.

Articolul a fost pregătit de: Abdullin Konstantin, tehnolog expert SEO site-ul companiei

Orice pagină de pe site este formată din etichete HTML. De obicei, etichetele HTML spun browserului cum să afișeze informațiile din interiorul etichetei. În același mod, micro-markupul Schema.org le spune motoarelor de căutare unde se află această sau aceea informație importantă pe pagină.

Dacă nu v-ați întâlnit cu microdate înainte și auziți despre ele pentru prima dată, atunci înainte de a citi acest articol, studiați următoarele:

Nu voi scrie prea multe despre micro-markup Schema.org în acest articol, deoarece am examinat totul în detaliu în.

În acest articol, vreau să vă arăt cum să faceți micro-markup pe site-ul dvs. în practică, astfel încât să fie bine primit atât de Google, cât și de Yandex în același timp. Pentru că mulți oameni se confruntă cu probleme: pentru Yandex, micro-markup-ul este validat în mod normal (citiți despre asta mai jos), dar pentru Google apar erori și invers. Da, este adevarat. Dar poți găsi întotdeauna un compromis!

Cu marcajul Schema.org corect, puteți îmbunătăți cu adevărat indexarea site-ului dvs. de către roboții de căutare. Pentru că vei putea transfera cele mai importante date și vei indica care dintre articole trebuie indexate din nou dacă au fost modificate. Adică, informațiile sunt oferite robotului de căutare imediat „pe un platou de argint”. Pentru aceasta, a fost creat un micro-markup de către motoarele de căutare.

Cum se verifică „corectitudinea” microdatelor Schema.org?

Pentru a verifica validarea („corectitudinea”) micro-markup-ului, sunt concepute servicii speciale care au fost dezvoltate de motoarele de căutare. În acest articol, vom verifica micro-markupul pentru motoarele de căutare Yandex și Google.

  • Validator de micro-markup Google
  • Validator de micro-markup Yandex

Vreau să te avertizez imediat: dacă pagina ta a trecut validarea pentru un serviciu, asta nu înseamnă că va trece și pentru altul. Prin urmare, pentru a face o validare cu drepturi depline pentru două motoare de căutare, va trebui să înțelegeți puțin despre ceea ce faceți, și nu doar să copiați și să lipiți codul din acest articol.

Cum să folosiți validatorii de micro-markup?

În primul rând: nu trebuie să vă înregistrați pentru a utiliza aceste servicii de validare. Doar urmați linkurile de mai sus și îl puteți utiliza imediat. Acum doar câteva cuvinte despre fiecare dintre validatori.

Deci, să începem cu validatorul Google. Pagina arata asa:

Există două opțiuni pentru verificarea validării paginii:

  1. Prin lipirea directă a codului HTML
  2. Prin lipirea adresei URL a paginii pe care doriți să o verificați

Prima opțiune de verificare mai potrivit pentru a găsi pur și simplu varianta corectă de micro-markup și abia apoi să o transferați pe un site real. Acest lucru este mult mai rapid decât schimbarea constantă a site-ului dvs. live și verificarea acestuia introducând adresa URL a paginii.

A doua opțiune de verificare trebuie utilizat atunci când ați adăugat deja micro-markup pe site-ul dvs. Acest lucru se face chiar la sfârșit.

După verificarea în validatorul Google, codul paginii dvs. HTML va apărea în stânga, iar în dreapta - ce micro-markup există și există erori:

Cu validatorul Google, cred că totul este clar. Să trecem la validatorul de la Yandex.

Când accesați un site cu un validator de micro-markup de la Yandex, veți vedea o imagine ușor diferită, dar sensul rămâne același:

Aici interfața este puțin mai simplă și din nou există două opțiuni pentru verificarea codului HTML: prin lipirea codului sursă al paginii sau prin lipirea doar a adresei URL a paginii solicitate.

După ce v-ați verificat pagina pentru validitatea micro-markup-ului, Yandex își va afișa erorile într-un format ușor diferit, chiar lângă micro-markup:

Validatorul Yandex și Google vă vor oferi imediat recomandări în rusă. Dar chiar și acest lucru nu este suficient, deoarece fiecare are erori diferite și depind de contextul specific al paginii și de structura HTML.

Acum știți unde să vă verificați micro-markupul. Prin urmare, accesați imediat site-ul dvs., copiați linkul URL al primului articol și verificați-l pentru validare.

Sunt prea multe greseli? Nu vă faceți griji, totul poate fi reparat. Principalul lucru este să vă dați seama treptat pentru a corecta toate greșelile.

Pasul 1. Ce trebuie marcat pe pagină?

Dicționarul de micro-markup Schema.org este foarte mare. Puteți găsi formatul de marcare pentru aproape orice tip de postare aici. În ultimul articol, am oferit o listă de bază a formatelor care sunt suportate de acest micro-markup: adrese și organizații, videoclipuri, programe, rezumate, imagini, articole, filme și așa mai departe.

Prin urmare, primul pas este să decideți asupra șablonului de bază și să îl pregătiți corect. Și apoi îl transferă pe un site real.

În acest articol vă voi arăta cum să faceți un exemplu pentru un site alimentat de CMS WordPress. Și pe acest CMS, blogurile sunt cel mai des create. Prin urmare, vom scrie markup pentru acest tip de pagină, cum ar fi „Articol”.

În continuare, trebuie să stabilim ce entitate din dicționar vom folosi. Resursa oficială Schema.org are următoarea structură: Articol... Dar în cadrul acestuia există substructuri pe care le putem folosi. Mergând din ce în ce mai adânc în substructuri, am găsit următorul tip: Postare pe blog... Este o variantă privată a entității Articol... Și este grozav pentru a marca postările de pe blog.

Acum să definim structura. Există o mulțime de proprietăți acolo. Iată o captură de ecran cu doar o mică parte din toate posibilitățile:

Din fericire, nu toate proprietățile sunt necesare. Asta ma face fericit. Iată un exemplu ilustrativ de marcare a paginii:

Acum înțelegeți ce proprietăți avem nevoie pentru a marca pagina. Am făcut această imagine pentru a arăta clar ce trebuie specificat exact folosind micro-markup Schema.org. Și din imaginea de mai sus este clar că este necesar să se marcheze cele mai importante zone ale documentului. Desigur, în imagine nu am arătat toate micro-markupurile pe care le vom folosi, dar acum trebuie să înțelegeți de ce vom face acest lucru în general și ce anume va intra sub marcajul paginii.

Pasul 2. Formarea unui șablon de micro-markup

A devenit clar ce anume vom marca. Rămâne să asamblați structura corectă.

Esența principală a micro-markupului (din punct de vedere tehnic): adăugați atribute suplimentare la etichetele necesare. Uneori adăugați etichete suplimentare pentru structură.

Să trecem la treabă fără preludiu. După numeroase încercări de a face markupul Schema.org valid pentru Google și Yandex, am obținut următoarea structură:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 <div itemscope itemtype = „http://schema.org/BlogPosting”> <link itemprop = "mainEntityOfPage" itemscope href = „Link către articol” / > <div itemprop = „editor” itemscope itemtype = „https://schema.org/Organization”> <div itemprop = "logo" itemscope itemtype => <img alt = "(! LANG: Logo www.site" itemprop= "image url" src = !} „http://www.site/favicons/favicon-160x160.png”/ > <meta itemprop = „lățime” conținut = „160”> <meta itemprop = „înălțime” conținut = „160”> </ div> <meta itemprop = "telefon" conținut = "-"> <meta itemprop = „adresă” conținut = „Rusia”> <meta itemprop = „nume” conținut = „www.site”> </ div> <meta itemprop = "datePublished" content = "2016-01-24"> <meta itemprop = "dateModified" content = "2016-01-24"> <span itemprop = "autor" itemscope itemtype = "http://schema.org/Person"> <span itemprop = "nume"> Yuri Nemets</ span> </ span> <div itemprop = "articleBody"> <h1 itemprop = "titlu"> Titlu</ h1> <span itemprop = „imagine” itemscope itemtype = „https://schema.org/ImageObject”> <img itemprop = „url imagine” alt = „Descrierea imaginii” lățime = "500" înălțime = "280" src = "http: //www..png" /> <meta itemprop = „lățime” conținut = „500”> <meta itemprop = „înălțime” conținut = „280”> </ span> <p></ p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae nam tempora doloribus velit dicta iusto alias veritatis inventore, unde eum. Atque voluptatem unde, ipsum autem dolor facere, veniam quas ut.</ p> </ div> </ div>

Așa arată un articol obișnuit fără adăugiri de la terți. Codul este foarte mare. Acum voi explica literal rând cu rând și vă voi spune unde sunt nuanțele:

  • Linia 1: declarăm tipul de conținut care va fi marcat.
  • Linia 5: aici indicăm adresa URL a paginii pe care se află în prezent utilizatorul, adică adresa articolului curent.
  • Liniile de la 8 la 18: o mica substructura in care trebuie sa specificati mai detaliat informatii despre site: logo (adresa inaintea imaginii si dimensiunile acesteia), numarul de telefon, adresa si denumirea firmei (site).
    • Rândurile de la 9 la 13:încă o substructură cu o ieșire de imagine, adică un logo. Toate imaginile care sunt necesare pentru micro-markup trebuie să fie afișate într-o astfel de structură, unde, pe lângă adresa dinaintea imaginii, meta-etichetele indică și informații despre dimensiunile acesteia.
    • Linia 14: indicați numărul de telefon, dacă există.
    • Linia 15: adresa reală dacă lucrezi într-un birou, de exemplu.
    • Linia 16: aici scriem numele firmei.
  • Linia 21: data publicării articolului. Fiți foarte atenți aici, pentru că trebuie specificat într-un format special: „ AN LUNĂ ZI". Iar separatorul trebuie să fie un semn" ".
  • Linia 24: data ultimei modificări a articolului, pentru a spune motorului de căutare care dintre articole ar trebui reindexat, dacă a fost schimbat recent. Regulile din paragraful anterior se aplică și aici.
  • Liniile de la 27 la 29: indicăm într-o substructură specială informații despre autorul articolului.
  • Liniile de la 32 la 45: partea principală a conținutului articolului dvs., în cadrul căreia trebuie marcate mai multe elemente:
    • Linia 35: titlul articolului dvs. Îl marchem după cum urmează, adăugând o proprietate la eticheta de titlu - itemprop = "titlu";
    • Liniile de la 38 la 42: după cum ați văzut mai devreme, există o substructură cu o imagine. Dar în acest caz, aici indicăm imaginea principală din articol;

Acum vă rog să nu vă lăsați intimidați de descrierea mare și de codul HTML în sine. Am încercat să comentez totul, astfel încât să puteți vedea în ce constă un articol obișnuit și ce atribute trebuie înregistrate.

Top articole similare

Categorii: