Schema (schema.org) este un vocabular de date structurate care definește entitățile, acțiunile și relațiile de pe Internet (pagini web, e-mailuri etc.).
Acest vocabular face posibil pentru motoarele de căutare să înțeleagă mai bine conținutul de pe paginile web și, la rândul lor, să ofere o experiență mai bună pentru utilizatorii de internet.
Pe măsură ce Google continuă să creeze un internet care să servească utilizatorilor informațiile căutate, aceste marcaje devin din ce în ce mai valoroase pentru o comunicare eficientă pe internet.
Ca urmare a adăugării de date structurate pe site-ul vostru web, Google poate suplimenta rezultatele căutării site-ului cu informații suplimentare sub formă de Rich Snippets, care s-au dovedit că ajută rata de click în rezultatele căutării organice.
Tipuri de Schema.org
Vocabularul schema.org include formate pentru structurarea datelor în jurul tuturor tipurilor de persoane publice, locuri și lucruri de pe web. Lista completă a elementelor pe care le pot defini marcajele schemei poate fi găsită aici, pe site-ul schema.org.
Marcarea schemelor este frecvent utilizată pentru a indica:
- Articole
- Evenimente
- Produse
- Persoane publice
- Organizații
- Afacere locala
- Opinii
- Rețete
- Condiții medicale
Adăugarea acestor marcaje va permite unui motor de căutare să înțeleagă despre ce este vorba pe site. Motorul de căutare este apoi capabil să prezinte aceste informații prin intermediul Rich Snippets.
Ce sunt RDFa, Microdata și JSON-LD?
Acestea sunt toate limbajele de cod care pot fi adăugate la paginile HTML pentru a incorpora metadate (schema, de exemplu) într-un document web. RDFa înseamnă Cadrul descriptiv al resurselor în atribute. Este o formă de cod care poate fi adăugată la orice document bazat pe HTML, XHTML și XML.
RDFa – Cadrul descriptiv al resurselor în atribute
Atributele RDFa includ:
- about – pentru a specifica despre ce este resursa de metadata
- rel și rev – pentru a specifica o relație și inversarea relației cu o altă resursă
- src, href și resource – pentru a specifica o resursă parteneră
- content – pentru a trece peste conținutul elementului atunci când utilizați atributul de proprietate
- datatype – pentru a specifica tipul de date specificat pentru a fi utilizat cu atributul de proprietate
- typeof – pentru a specifica tipul RDF al subiectului sau al resursei partenere
Microdatele
Implementarea microdatelor este similară cu RDFa, iar atributele sale includ următoarele:
- itemscope – pentru a crea elementul și a indica faptul că restul elementului conține informații despre acesta
- itemtype – pentru a descrie elementul și proprietățile cu o adresă URL validă a unui vocabular (de exemplu, „https://schema.org”)
- itemprop – pentru a indica faptul că eticheta care conține are valoarea unei proprietăți specificate a articolului (ex. itemprop = „nume”)
- itemid – pentru a indica un identificator unic al articolului
- itemref – pentru a face referință la proprietățile unui element care nu sunt aflate în itemscope. Aceasta oferă o listă de ID-uri de elemente cu mai multe proprietăți în altă parte a documentului.
JSON-LD
JSON-LD înseamnă JavaScript Object Notation pentru Linked Objects. Acest stil de adnotare poate implementa schema lipind direct în eticheta <head>
sau <body>
a unui document web.
Notarea utilizează atribute „@context” și „@type” pentru a specifica vocabularul (schema.org). Deoarece poate fi plasat chiar în eticheta <head>
, JSON-LD este considerat cel mai simplu mod de a implementa schema pentru începători.
Ce influență are Schema.org?
Schema Markup înseamnă să faceți ca pagina voastră web să atragă mai multe click-uri din partea utilizatorilor. În plus, face ca motorul de căutare să interpreteze ușor conținutul paginii voastre și să obțină mai multe informații din aceasta.
Iată care sunt avantajele utilizării schemei markup care ajută site-ul web să obțină rezultate în procesul de optimizare SEO:
- Utilizarea Schema.org face ca pagina voastră să pară mai informativă și să fie mai vizibilă în rezultatele căutării cu fragmente și imagini. Un utilizator este mai probabil să dea click pe astfel de rezultate. Acesta este motivul pentru care site-urile web cu marcaj de schema au posibilitatea de a se clasifica mai bine decât cele fără marcaj.
- Afaceriile locale pot clarifica motoarelor de căutare despre ce este afacerea lor, despre ce vând și cum pot fi contactați de către potențialii clienți.
- Cu un markup, motoarele de căutare înțeleg tipul și ofertele afacerii. De exemplu, puteți utiliza schema.org pentru a arăta că sunteți stomatolog și nu ortodont.
- Schema Markup este utilă pentru a promova evenimente direct în rezultatele căutării pentru interogări locale, cum ar fi „evenimente lângă mine”. Afacerile voastre apar în rezultatele căutării cu informații despre locul, artiștii și prețul biletelor.
- Cu ajutorul schema markup, puteți afișa detalii despre afaceri în SERP-uri, cum ar fi logo-uri, numere de contact, asistență pentru clienți, conturi de social media, bloguri și fondatori. Dacă afacerea voastră are diverse nume sau ați schimbat numele, schema va anunța motorul de căutare despre asta.
Schema vs. Open Graph
Diferența dintre marcajul Schema.org și Open Graph este că Schema.org are ca scop să ajute motoarele de căutare să înțeleagă mai bine conținutul, în timp ce Open Graph este utilizat pe rețelele de socializare pentru a afișa articolul partajat într-un mod adecvat.
„Folosesc deja Open Graph, mai trebuie să folosesc Schema?” – aceasta este o întrebare destul de comună. Răspunsul este simplu: Da, ar trebui să le implementați pe ambele.
Ce este Open Graph?
Open Graph este folosit mai ales de rețelele sociale atunci când partajează conținutul. Open Graph conține, de obicei, informații de bază despre conținutul partajat, cum ar fi titlul, adresa URL, imaginea prezentată, autorul și altele.
Schema.org pentru Website
Implementarea acestui tip de schema funcționează mai bine alături de Schema.org pentru Breadcrumbs. De ce ar trebui să o implementați? Va afișa în SERP numele real al site-ului și nu numele domeniului.
Implementare:
<head itemscope itemtype=”http://schema.org/WebSite”>
<title itemprop=’name’>Numele site-ului tău</title>
<link rel=”canonical” href=”https://domeniu.ro” itemprop=”url”>
Schema.org Breadcrumbs
Marcarea schemelor Breadcrumbs indexează legăturile de cale de la prima pagină la pagina curentă într-o manieră ierarhică. Ajută motoarele de căutare și utilizatorii să înțeleagă ierarhia site-ului. Breadcrumbs sunt, de asemenea, utile pentru reducerea ratei de respingere a paginii web.
Implementare:
<ol itemscope itemtype=”https://schema.org/BreadcrumbList”>
<li itemprop=”itemListElement” itemscope itemtype=”http://schema.org/ListItem”>
<a itemprop=”item” href=”https://www.domeniu.ro/categorie”>
<span itemprop=”name”>Categorie</span></a>
<meta itemprop=”position” content=”1″ />
</li>
›
<li itemprop=”itemListElement” itemscope itemtype=”http://schema.org/ListItem”>
<a itemprop=”item” href=”https://www.domeniu.ro/subcategorie”>
<span itemprop=”name”>Subcategorie</span></a>
<meta itemprop=”position” content=”2″ />
</li>
</ol>
Schema.org Local Business
Schema LocalBusiness și PostalAddress sunt utile pentru listările locale, în special pentru magazinele sau locațiile fizice. Schema vă permite să adăugați o adresă fizică, programul și chiar metode de plată.
Implementare:
<div itemscope itemtype=”http://schema.org/Organization”>
<a itemprop=”url” href=”https://www.domeniu.ro/„>
<a itemprop=”sameAs” href=”https://www.facebook.com/brand„>Facebook</a>
<a itemprop=”sameAs” href=”https://www.twitter.com/brand„>Twitter</a>
<div itemprop=”name”><strong>Nume Brand</strong></div>
</a>
<img itemprop=”logo” src=”Aici se va pune sursa URL către Logo.” />
<div itemprop=”description”> Descriere </div>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<span itemprop=”streetAddress”>Adresă</span><br>
<span itemprop=”telephone”>Număr de telefon</span><br>
<span itemprop=”addressLocality”>Oraș</span><br>
<span itemprop=”postalCode”>Cod Postal</span><br>
<span itemprop=”addressCountry”>Țară</span><br>
<span itemprop=”email”>Adresă de email</span>
</div>
Schema.org Product și Ratings
Aceste marcaje sunt utilizate pe scară largă pentru site-urile de comerț electronic. Acestea sunt utilizate împreună pentru a afișa informații despre produse, precum preț, informații despre stare și disponibilitate în SERP-urile Google. Schema de produse necesită proprietatea „nume” în timp ce schema de ofertă necesită proprietăți precum „preț” și „categorie de preț”.
În afară de a fi utilizată pe site-uri de comerț electronic, schema este folosită pentru site-uri de afaceri locale, precum un restaurant, pentru a afișa evaluările utilizatorilor. Pentru a afișa mai multe evaluări pe un produs, puteți utiliza schema de evaluare generalizată.
Implementare:
<div itemscope itemtype=”http://schema.org/Product”>
<a itemprop=”url” href=”https://www.domeniu.ro/nume-produs„>
<h1 div itemprop=”name”><strong>Nume Produs</strong></h1>
<img itemprop=”image” src=”url-imagine” alt=”Titlu produs” title=”Titlu produs” itemprop=”image” />
<div itemprop=”offers” itemscope itemtype=”https://schema.org/Offer”>
<span itemprop=”priceCurrency” content=”lei”>lei</span><span
itemprop=”price” content=”XXX.XX”>XXX.XX</span>
<link itemprop=”availability” href=”https://schema.org/InStock” />In stock
</div>Descriere Produs <span itemprop=”description”>Descriere </span></div>
Se pot adăuga alte caracteristici cu itemprop:
1. Category
2. Brand
3. Color
4. ItemCondition (nou, second hand)
5. Logo
6. Manufacturer
7. SKU
8. Weight
9. Width
10. Height
11. Product relationship
a. isAccessoryOrSparePartFor, isConsumableFor, isRelatedTo, isSimilarTo
b. Pentru produse similare sau compatibilități: o baterie cu un laptop.
12. altele
<div itemscope itemtype=”https://schema.org/Product”>
<span itemprop=”name”>Nume Produs</span>
<link itemprop=”url” href=”https://domeniulmeu.ro/url-produs”>
<img src=”imagine-produs.jpg” alt=’Nume Produs’ />
<span itemprop=”brand”>Brand Produs</span>
<span itemprop=”category”>Categorie Produs</span>
<span itemprop=”color”>Culoare Produs</span>
<span itemprop=”height”>Înălțime</span>
<span itemprop=”width”>Lățime</span>
<span itemprop=”weight”>Greutate</span>
<span itemprop=”model”>Model Produs</span>
<span itemprop=”productID”>ID produs</span>
<time itemprop=”releaseDate” datetime=”2015-11-02″>11/02/15</time>
<span itemprop=”sku”>123456</span>
Agreggate Rating
<div itemprop=”aggregateRating” itemscope itemtype=”https://schema.org/AggregateRating”>
Rating <span itemprop=”ratingValue”>3</span>/5
bazat pe <span itemprop=”reviewCount”>100</span>Păreri ale clienților
</div>
<div itemprop=”offers” itemscope itemtype=”https://schema.org/Offer”>
<span itemprop=”priceCurrency” content=”RON”>RON</span>
<span itemprop=”price” content=”1000.00″>1,000.00</span>
Pret valid pana la <time itemprop=”priceValidUntil” datetime=”2015-11-21″>21 Noiembrie</time>
<link itemprop=”ItemCondition” href=”https://schema.org/NewCondition”>Nou
<link itemprop=”availability” href=”https://schema.org/InStock” />În stoc
</div>
Descriere produs:
<span itemprop=”description”>Descriere Produs</span>
Păreri ale clienților
<div itemprop=”review” itemscope itemtype=”https://schema.org/Review”>
<span itemprop=”name”>Produs bun</span> –
by <span itemprop=”author”>Daniel</span>,
<meta itemprop=”datePublished” content=”2015-11-02″>Nov 2, 2015
<div itemprop=”reviewRating” itemscope itemtype=”https://schema.org/Rating”>
<meta itemprop=”worstRating” content = „1”>
<span itemprop=”ratingValue”>4</span>/
<span itemprop=”bestRating”>5</span>stars
</div>
<span itemprop=”description”>Produsul este bun și mă ajută.</span>
</div>
<div itemprop=”review” itemscope itemtype=”https://schema.org/Review”>
<span itemprop=”name”>Scump</span> –
by <span itemprop=”author”>Dan</span>,
<meta itemprop=”datePublished” content=”2015-11-02″>Nov 2, 2015
<div itemprop=”reviewRating” itemscope itemtype=”https://schema.org/Rating”>
<meta itemprop=”worstRating” content = „1”/>
<span itemprop=”ratingValue”>2</span>/
<span itemprop=”bestRating”>5</span>stars
</div>
<span itemprop=”description”>Produsul nu își merită banii.</span>
</div>
Produse similare:
<div itemprop=”isSimilarTo” itemscope itemtype=”http://schema.org/Product”>
<span itemprop=”name”>Produs 2</span>
</div>
<div itemprop=”isSimilarTo” itemscope itemtype=”http://schema.org/Product”>
<span itemprop=”name”>Product 3</span>
</div>
…
</div>
De reținut pentru implementare!
Pentru ca AggregateRating să funcționeze, implementați un mic sistem de cerere a părerilor clienților. La 1-2 zile după ce și-au primit produsele, trimiteți-le un mail în care să le cereți un review al produsului. În mail, dați-le contul (user + pass, URL de login) și URL-ul produsului/produselor pe care le-au cumpărat.
Cum se validează datele structurate?
După implementarea datelor structurate, codul ar trebui validat pentru a vedea dacă există erori. Cel mai convenabil instrument este cel de testare a datelor structurate de la Google. Intrarea poate fi adresa URL a site-ului web sau doar o bucată de cod.
După trimitere, instrumentul de testare a datelor structurate Google va arăta dacă există o eroare în marcarea datelor structurate.
Pe lângă erorile de sintaxă din marcaj, acesta notifică, de asemenea, despre valorile nevalide ale atributelor, cum ar fi data greșită sau formatul de timp. Acest lucru este util atunci când nu sunteți sigur cum să completați datele structurate.
Tool-uri pentru verificarea datelor structurate
- Google Structured data testing tool – cel mai convenabil tool pentru a valida codul sau URL.
- Yandex Structured data validator – este un tool destul de util pentru că afișează și validează toate datele structurate de pe o pagină.
- JSON-LD playground – creează și validează marcaje JSON-LD.
Asigurați-vă că găsiți și utilizați tipurile de scheme comune care se potrivesc cel mai bine nișei sau afacerii voastre.
De asemenea, nu uitați să găsiți toate tipurile de scheme pe care le puteți utiliza – există o mulțime de tipuri de marcaje. Chiar dacă unele nu sunt utilizate frecvent, dacă sunt relevante pentru website-ul vostru, mergeți mai departe și utilizați-le. Nu uitați, cu cât faceți mai multe date structurate, cu atât SEO va fi mai eficient.