Schema (schema.org) este un vocabular de date structurate care defineste entitatile, actiunile si relatiile de pe Internet (pagini web, e-mailuri etc.).
Acest vocabular face posibil pentru motoarele de cautare sa inteleaga mai bine continutul de pe paginile web si, la randul lor, sa serveasca o experienta mai buna pentru utilizatorii de internet.
Pe masura ce Google continua sa creeze un internet care sa serveasca utilizatorilor informatiile cautate, aceste marcaje devin din ce in ce mai valoroase pentru o comunicare eficienta pe internet.
Ca urmare a adaugarii de date structurate pe site-ul vostru web, Google poate suplimenta rezultatele cautarii site-ului cu informatii suplimentare sub forma de Rich Snippets, care s-au dovedit ca ajuta rata de click in rezultatele cautarii organice.
Tipuri de Schema.org
Vocabularul schema.org include formate pentru structurarea datelor in jurul tuturor tipurilor de persoane publice, locuri si lucruri de pe web. Lista completa a elementelor pe care le pot defini marcajele schemei poate fi gasita aici pe site-ul schema.org.
Marcarea schemelor este frecvent utilizata pentru a indica:
- Articole
- Evenimente
- Produse
- Persoane publice
- Organizatii
- Afacere locala
- Opinii
- Retete
- Conditii medicale
Adaugarea acestor marcarje vor permite unui motor de cautare sa inteleaga despre ce este vorba pe site. Motorul de cautare este apoi capabil sa prezinte aceste informatii prin intermediul Rich Snippets.
Ce sunt RDFa, Microdata si JSON-LD?
Acestea sunt toate limbajele de cod care pot fi adaugate la paginile HTML pentru a incorpora metadate (schema, de exemplu) intr-un document web. RDFa inseamna Cadrul descriptiv al resurselor in atribute. Este o forma de cod care poate fi adaugata la orice document bazat pe HTML, XHTML si XML.
RDFa – Cadrul descriptiv al resurselor in atribute
Atributele RDFa includ:
- about – pentru a specifica despre ce este resursa de metadata
- rel si rev – pentru a specifica o relatie si inversarea relatiei cu o alta resursa
- src, href si resursa – pentru a specifica o resursa partenera
- continut – pentru a trece peste continutul elementului atunci cand utilizati 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 similara cu RDFa, iar atributele sale includ urmatoarele:
- itemscope – pentru a crea elementul si a indica faptul ca restul elementului contine informatii despre acesta
- itemtype – pentru a descrie elementul si proprietatile cu o adresa URL valida a unui vocabular (de exemplu, „https://schema.org”)
- itemprop – pentru a indica faptul ca eticheta care contine are valoarea unei proprietati specificate a articolului (ex, itemprop = „nume”)
- itemid – pentru a indica un identificator unic al articolului
- itemref – pentru a face referinta la proprietatile unui element care nu sunt aflate in itemscope. Aceasta ofera o lista de ID-uri de elemente cu mai multe proprietati in alta parte a documentului
JSON-LD
JSON-LD inseamna Javascript Object Notation pentru Linked Objects. Acest stil de adnotare poate implementa schema lipind direct in eticheta <head> sau <body> a unui document web.
Notarea utilizeaza atribute „@context” si „@type” pentru a specifica vocabularul (schema.org). Deoarece poate fi plasat chiar in eticheta <head>, JSON-LD este considerat cel mai simplu mod de a implementa schema pentru incepatori.
Ce influenta are Schema.org?
Schema Markup inseamna sa faceti ca pagina voastra web sa atraga mai multe click-uri din partea utilizatorilor. In plus, face ca motorul de cautare sa interpreteze usor continutul paginii voastre si sa obtina mai multe informatii din aceasta,
Iata care sunt avantajele utilizarii schemei markup care ajuta site-ul web sa obtina rezultate in procesul de optimizare seo:
- Utilizarea Schema.org face ca pagina voastra sa para mai informativa si sa fie mai vizibila in rezutatele cautarii cu fragmente si imagini. Un utilizator este mai probabil sa 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 decat cele fara marcaj.
- Afacerile locale pot clarifica motoarelor de cautare despre ce este afacerea lor, despre ce vand si cum pot fi contactati de catre potentialii clienti.
- Cu un markup, motoarele de cautare inteleg tipul si ofertele afacerii. De exemplu, puteti utiliza schema.org pentru a arata ca sunteti stomatolog si nu ortodont.
- Schema Markup este utila pentru a promova evenimente direct in rezultatele cautarii pentru interogari locale, cum ar fi „evenimente langa mine”. Afacerile voastre apar in rezultatele cautarii cu informatii despre locul, artistii si pretul biletelor.
- Cu ajutorul schema markup, puteti afisa detalii despre afaceri in SERP-uri, cum ar fi logo-uri, numere de contact, asistenta pentru clienti, conturi de social media, bloguri si fondatori. Daca afacerea voastra are diverse nume sau ati schimbat numele, schema va anunta motorul de cautare despre asta.
Schema vs. Open Graph
Diferenta dintre marcajul Schema.org si Open Graph este ca Schema.org are ca scop sa ajute motoarele de cautare sa inteleaga mai bine continutul, in timp ce Open Graph este utilizat pe retelele de socializare pentru a afisa articolul partajat intr-un mod adecvat.
„Folosesc deja Open Graph, mai trebuie sa folosesc Schema?” – aceasta este o intrebare destul de comuna. Raspunsul este simplu: Da, ar trebui sa le implementati pe ambele.
Ce este Open Graph?
Open Graph este folosit mai ales de retelele sociale atunci cand partajeaza continutul. Open Graph contine, de obicei, informatii de baza despre continutul partajat, cum ar fi titlul, adresa URL, imaginea prezentata, autorul si altele.
Schema.org pentru Website
Implementarea acestei tip de schema functioneaza mai bine alaturi de Schema.org pentru Breadcrumbs. De ce ar trebui sa o implementati? Va afisa in SERP numele real al site-ului si nu numele domeniului.
Implementare:
<head itemscope itemtype=”http://schema.org/WebSite”>
<title itemprop=’name’>Numele site-ului tau</title>
<link rel=”canonical” href=”https://domeniu.ro” itemprop=”url”>
Schema.org Breadcrumbs
Marcarea schemelor Breadcrumbs, indexeaza legaturile de cale de la prima pagina la pagina curenta intr-o maniera ierarhica. Ajuta motoarele de cautare si utilizatorii sa inteleaga 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 si PostalAddress sunt utile pentru listarile locale, in special pentru magazinele sau locatiile fizice. Schema va permite sa adaugati o adresa fizica, programul si chiar metode de plata.
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 catre Logo” />
<div itemprop=”description”> Descriere </div>
<div itemprop=”address” itemscope itemtype=”http://schema.org/PostalAddress”>
<span itemprop=”streetAddress”>Adresa</span><br>
<span itemprop=”telephone”>Numar de telefon</span><br>
<span itemprop=”addressLocality”>Oras</span><br>
<span itemprop=”postalCode”>Cod Postal</span><br>
<span itemprop=”addressCountry”>Tara</span><br>
<span itemprop=”email”>Adresa de email</span>
</div>
Schema.org Product si Ratings
Aceste marcaje sunt utilizate pe scara larga pentru site-urile de comert electronic. Acestea sunt utilizate impreuna pentru a afisa informatii despre produse, precum pret, informatii despre stare si disponibilitate in SERP-urile Google. Schema de produse necesita proprietate „nume” in timp ce schema de oferta necesita proprietati precum „pret” si „categorie de pret”.
In afara de a fi utilizat pe site-uri de comert electronic, schema este folosita pentru site-uri de afaceri locale, precum un restaurant, pentru a afisa evaluarile utilizatorilor. Pentru a afisa mai multe evaluari pe un produs, puteti utiliza schema de evaluare generalizata.
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 adauga 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 compatibilitati: 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”>Inaltime</span>
<span itemprop=”width”>Latime</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>Pareri ale clientilor
</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” />In stoc
</div>
Descriere produs:
<span itemprop=”description”>Descriere Produs</span>
Pareri ale clientilor:
<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 si ma ajuta.</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 isi merita 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 sa functionezene, implementati un mic sistem de cerere pareri clientilor. La 1-2 zile dupa ce si-au primit produsele, trimiteti-le un mail in care sa le cereti un review al produsului. In mail dati-le contul (user + pass, URL de login) si URL-ul produsului/produselor pe care le-au cumparat.
Cum se valideaza datele structurate?
Dupa implementarea datelor structurate, codul ar trebui validat pentru a vedea daca exista 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 bucata de cod.
Dupa trimitere, instrumentul de testare a datelor structurate Google va arata daca exista o eroare in marcarea datelor structurate.
Pe langa erorile de sintaxa din marcaj, acesta notifica, de asemenea, despre valorile nevalide ale atributelor, cum ar fi data gresita sau formatul de timp. Acest lucru este util atunci cand nu sunteti sigur cum sa completati 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 ca afiseaza si valideaza toate datele structurate de pe o pagina.
- JSON-LD playground – creeaza si valideaza marcaje JSON-LD
Asigurati-va ca gasiti si utilizati tipurile de scheme comune care se potrivesc cel mai bine nisei sau afacerii voastre.
De asemenea, nu uitati sa gasiti toate tipurile de scheme pe care le puteti utiliza – exista o multime de tipuri de marcaje. Chiar daca unele nu sunt utilizate frecvent, daca sunt relevante pentru website-ul vostru, mergeti mai departe si utilizati-le. Nu uitati, cu cat faceti mai multe date structurate, cu atat SEO va fi mai eficient.
