Rich snippets

Rich snippets

Rich snippets - vaizdingesnė ir išsamesnė informacija apie Jūsų tinklapį google rezultatuose

ĮVADAS
INTEGRUOKITE MICRO DATA IR SCHEMA.ORG
1. Sugeneruokite atsiliepimus ir įvertinimus (angl. Review Data)
1.1. Pavyzdys
1.2. Pagrindinės šio žymėjimo savybės
1.3. Žymėjimas
1.4. Pratestuokite
2. Akcentuokite savo produktus/prekes su Rich snippets
2.1. Produkto pavyzdys su įvertinimu ir kaina
2.2. Pagrindinės šio žymėjimo savybės
2.3. Žymėjimas
2.4. Pratestuokite...
2.5. Žymėjimo HTML kodo pavyzdys su įvertinimu ir kaina nuo ... Lt. iki ... Lt.
3. Maksimalus atsiliepimų su Rich snippets panaudojimas
3.1. Pavyzdys:
3.2.Pagrindinės šio žymėjimo savybės
3.3. Žymėjimo HTML kodo pavyzdys su įvertinimu, autoriumi ir data
3.4. Pratestuokite
3.5. Praplėskime šį žymėjimą pridėdami ir KAINĄ
4. Atvaizduokite verslo patikimumą (reitingą) paieškų sistemų rezultatuose
4.1. Pavyzdys
4.2. Pagrindinės šio žymėjimo savybės
4.3. Žymėjimo HTML kodo pavyzdys verslo reitingo atvaizdavimui
5. Pateikite asmeninius duomenis panaudojant asmens žymas
5.1. Pavyzdys
5.2. Pagrindinės šio žymėjimo savybės
5.3. Žymėjimo HTML kodo pavyzdys asmens duomenimis
6. Pateikite video iškarpos atvaizdavimą paieškų sistemose
6.1. Video iškarpos pavyzdys
6.2. Problematika
6.3. Pagrindinės šio žymėjimo savybės
6.4. Žymėjimo HTML kodo pavyzdys video žymėjimui
7. Sukurkite interaktyvias nuorodas (angl. breadcrumb trails) paieškų sistemų rezultatuose
7.1. Pavyzdys
7.2. Pagal Schema.org
7.3. Pagal Micro Data

ĮVADAS

Ši mokomoji medžiaga skirta visiems norintiems pagerinti vidinę SEO optimizaciją ir išgauti išplėstinę / detalesnę / vaizdingesnę informaciją, kuri pateikiama per paieškų sistemų rezultatus. Ši išplėstinė svetainės informacija angliškai vadinama „Rich snippets“, kuri sukonfigūruojama Micro Data ir Schema.org pagalba.

Čia apteiksiu sutrumpintą, bet vaizdžią ir ganėtinai lengvai suprantamą informaciją, kaip sukonfigūruoti „Rich snippets“, tačiau visuomet galite detaliai pasitikrinti per Google (https://support.google.com/webmasters/answer/2722261?hl=en) nurodymus arba pratestavimo įrankiu (http://www.google.com/webmasters/tools/richsnippets)

ĮŽANGA Į MICRO DATA IR SCHEMA.ORG

Kas yra Micro Data?

Micro Data (kaip ir RDFa ir Microformats) yra būdas pažymėti internetinės svetainės turinio elementus tokius kaip atsiliepimai, asmenys, įvykiai, kainos, receptai ir t.t. Šis žymėjimas yra atliekamas pasinaudojus įprastiniais HTML elementais ir atributais.

Pavyzdžiui „Person“ turi tokias savybes kaip name, url ir title – tai yra tokie atributai, kurie gali būti pritaikyti HTML žymoms (angl. tags) tam, kad kiekvieną savybę būtų galima apibudinti atskirai.

<div itemscope itemtype="http://data-vocabulary.org/Person">
Name:
<span itemprop="name">Gediminas pavardenis</span>
Website:
<ahref="http://www.seopaslaptys.lt" itemprop="url">www.seopaslaptys.lt </a>
Title:
<span itemprop="title" >SEO konsultantas</span>
</div>

Itemscope – pasako, kad turinys esantis nurodytame yra struktūrinių duomenų elementas.

Itetype=“http...“ – nusako koks tai yra žymėjimo elementas. Šiuo atveju tai „Person“.

Itemprop=”…” – apibudina kiekvieną savybės elementą atskirai

Daugiau informacijos: apie microDATA (https://support.google.com/webmasters/answer/176035?hl=en) – Google Webmaster Help, HTML Microdata – W3C (http://www.w3.org/html/wg/drafts/microdata/master/)

Kas yra Schema.org?

Schema.org tai daugumos paieškų sistemų (google, bingo, yahoo) sukurtas žodynas skirtas sužymėti interneto svetainėse patalpinto turiniui. Šis standarta palengvina webmasterių darbą, kadangi šis žodynas yra suprantamas daugeliui paieškų sistemų.

Daugiau informacijos: kas yra Schema.org (http://schema.org/) ir Google Webmaster Help (https://support.google.com/webmasters/answer/1211158?hl=en)

Kodėl verta žymėti struktūrinius duomenis?

Struktūrinių duomenų žymėjimo privalumai:

- Paieškų sistemų rezultatuose bus išgeneruota papildoma/ išplėstinė / vaizdingesnė Jūsų svetainės informacija. Pavyzdžiui klientų vertinimai ir kaina:

snipet

Išgavę tokius struktūrinius duomenis sulauksite apie 10-25% daugiau lankytojų

- Paieškų sistemoms pateiksite detalesnę ir informatyvesnę informacija apie savo internetinę svetainę ir tokiu būdu paieškų sistemos tiksliau nusakys Jūsų svetainės turinį, o tai suteiks pranašumo google pozicijose.

INTEGRUOKITE MICRO DATA IR SCHEMA.ORG

1. Sugeneruokite atsiliepimus ir įvertinimus (angl. Review Data)

1.1. Pavyzdys:

snipet

1.2. Pagrindinės šio žymėjimo savybės

Itemtype atributai:

Itemtype Paaiškinimas

http://www.schema.org/AggregateRating

http://www.schema.org/Review

http://www.schema.org/Raiting

Įvertinimų vidurkis atsižvelgiant į visus vertinimus.

Prekės, produkto, paslaugos ir pan. atsiliepimas.

Individualus elemento įvertinimas

Itemprop atributai:

Itemprop Paaiškinimas Savybės priskiriamos

itemprop=”name

itemprop=”description

itemprop=”aggregateRating”                          

itemprop=”ratingValue

itemprop=”reviewCount

itemprop=”author”                                     

itemprop=”datePublished

itemprop=”reviewRating

itemprop=”reviewBody

itemprop=”worstRating

itemprop=”bestRating

Pažymėto elemento vardas.

Pažymėto elemento apibudinimas.

Galutinis pažymėto elemento įvertinimas atsižvelgiant į visus vertinimus.

Aprašymo vertinimas.

Atsiliepimų skaičius.

Turinio autorius. HTML 5 galima naudoti rel=author žyma.

Turinio paskelbimo data.

Atsiliepimui priskirtas įvertinimas.

Atsiliepimo turinys.

Pats blogiausias galimas vertinimas.

Pats geriausias galimas vertinimas.

Visoms

Visoms

CreativeWork

Rating

AggregateRating

CreativeWork

CreativeWork

Rating

CreativeWork

Rating

Rating

  • CreativeWork - http://schema.org/CreativeWork
  • Rating – http://schema.org/Rating
  • AggregateRating – http://schema.org/AggregateRating

1.3. Žymėjimas

Žemiau pateikime HTML kode pavaizduotus žymėjimo pavyzdžius.

Šiame pavyzdyje atvaizduojamas bendras vertinimas, kuris išgeneruojamas į detalesnę paieškų sistemų rezultatų pateikimą (angl. Rich snippets):

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[Produkto pavadinimas rašomas čia]</span>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[vertinimas]</span> stars – based on
<span itemprop="reviewCount">[atsiliepimų skaičius]</span> reviews
<div>
</div>

Nuoroda į pavyzdinį puslapį, kuriame tik kodas


O šis žymėjimo pavyzdys su dviem įvertinimais, nes prieš tai buvusiame pavyzdyje rodomi tik įvertinimai be realių atsiliepimų.:

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[Produkto pavadinimas rašomas čia]</span>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[vertinimas]</span> stars – based on
<span itemprop="reviewCount">[atsiliepimų skaičius]</span> reviews
<div>
</div>

<!--Komentaras: Pirmas vertintojas-->
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<span itemprop="name">[Atsiliepimo antraštė/ santrauka]</span> - įvertino
<span itemprop="author">[atsiliepimo autorius]</span>,
<meta itemprop="datePublished" content="[data pagalISO formatą pvz: 2013-12-15]">2013-12-15
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<span itemprop="ratingValue">[vertintojo duotas balas]</span> balai
</div>
<span itemprop="description">[Atsiliepimo tekstas]</span>
</div>

<!--Komentaras: Antras vertintojas-->

<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<span itemprop="name">[Atsiliepimo antraštė/ santrauka]</span> - įvertino
<span itemprop="author">[atsiliepimo autorius]</span>,
<meta itemprop="datePublished" content="[data pagalISO formatą pvz: 2013-12-15]">2013-12-15
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<span itemprop="ratingValue">[vertintojo duotas balas]</span> balai
</div>
<span itemprop="description">[Atsiliepimo tekstas]</span>
</div>
</div>

Nuoroda į pavyzdinį puslapį, kuriaMe tik kodas

1.4. Pratestuokite

Atlikus struktūrinių duomenų žymėjimo darbus būtina atlikti patikrinimą ar teisingai sužymėjote. Patikrinimą atlikite su google struktūrinių duomenų tikrinio priemone:

http://www.google.com/webmasters/tools/richsnippets

PAŽYMIME, kad iškarto nepamatysite Rich snippets rezultatų per google paieškų sistemą, nes tam reikia šiek tiek laiko, kol puslapis bus suindeksuotas.

span>Daugiau informacijos: struktūrinių duomenų generatorius: http://schema-creator.org/, Rich snippet video: http://www.youtube.com/watch?v=n0SF6PLCx4I, review: http://schema.org/Review ir http://schema.org/AggregateRating pagal schema.org

2. Akcentuokite savo produktus/prekes su Rich snippets

2.1. Produkto pavyzdys su įvertinimu ir kaina

Prekes galime atvaizduoti ne tik su įvertinimu, bet ir su kaina, kaip pateikta pavyzdyje:

atsiliepimas

2.2. Pagrindinės šio žymėjimo savybės

Itemtype atributai:


Itemtype
Paaiškinimas

http://www.schema.org/Product                                                    

http://www.schema.org/Offer                                                   

http://www.schema.org/AggregateRaiting

Pažymime, kad tai yra parduodama prekė / produktas.

Pažymime, kad tai bus prekės kainos pasiūlymas.

Pažymėtos prekės įvertinimų vidurkis atsižvelgiant į keliolika įvertinimų.

Itemprop atributai:


Itemprop
Paaiškinimas Savybės priskiriamos

itemprop=”name”                                                    

itemprop=”description”                                                    

itemprop=”price

itemprop=”aggregateRating”                                     

itemprop=”ratingValue

itemprop=”reviewCount

Pažymėto elemento (prekės) pavadinimas.

Pažymėto elemento (prekės) apibudinimas.

Pažymėto elemento (prekės) kaina.

Galutinis elemento įvertinimas atsižvelgiant į visus vertinimus.

Aprašymo vertinimas.

Atsiliepimų skaičius.

 

Visoms                                                    

Visoms                                                    

Offer

CreativeWork                                      

Rating

AggregateRating

2.3. Žymėjimas

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[Produkto pavadinimas]</span>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">[Produkto pardavimo kaina]</span>
</span>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[Įvertintas balų]</span> balais – atsižvelgiant į
<span itemprop="reviewCount">[atsiliepimų skaičius]</span> atsiliepimus
</div>
</div>

Nuoroda į pavyzdinį puslapį, kuriaMe tik kodas

2.4. Pratestuokite.

Atlikus struktūrinių duomenų žymėjimo darbus būtina atlikti patikrinimą ar teisingai sužymėjote. Patikrinimą atlikite su google struktūrinių duomenų tikrinio priemone:

http://www.google.com/webmasters/tools/richsnippets

2.5. Žymėjimo HTML kodo pavyzdys su įvertinimu ir kaina nuo ... Lt. iki ...

Tačiau jeigu tai prekė ar paslauga, kurios galutinė kaina suderinama tiesiogiai su klientu tuomet gal vertėtų Rich snippet pateikti ir kainos intervalą nuo iki.

<span itemprop="offers"
itemscope itemtype="http://schema.org/AggregateOffer">
<span itemprop="lowPrice">[ prekės/paslaugos kaina nuo]</span> iki
<span itemprop="highPrice">[prekės/paslaugos kaina iki]</span>

Paieškų sistemų rezultatuose turėtų atrodyti taip (Įvertinimas, kaina nuo ...Lt iki ...Lt):

img

Nuoroda į pavyzdinį puslapį, kuriaMe tik kodas

Daugiau informacijos:
Google webmaster help: https://support.google.com/webmasters/answer/146750?hl=en, http://schema.org/Product ir http://schema.org/Offer pagal schema.org

3. Maksimalus atsiliepimų su Rich snippets panaudojimas

3.1. Rich snippets pavyzdys

Pateiktame pavyzdyje matote, kad individualus ATSILIEPIMAS SU ĮVERTINIMU apie prekę ar paslaugą gali būti pateiktas kartu ir su žmogaus (atsiliepimo autoriaus kuris pateikė/peržiūrėjo atsiliepimą) VARDU ir DATA:

atsiliepimas

Itemtype atributai:

Itemtype Paaiškinimas

http://www.schema.org/Review

http://www.schema.org/Rating

 

Pažymime paslaugos / produkto įvertinimą.

Pažymime individualaus paslaugos / produkto vertinimą.

Itemprop atributai:

Itemprop Paaiškinimas Savybės priskiriamos

itemprop=”itemreviewed”                                               

itemprop=”worstRating”

itemprop=”bestRating”

itemprop=”ratingValue”                                 

itemprop=”datePublished”

itemprop=”name”

Pažymėto elemento (prekės, paslaugos) pavadinimas.

Pats blogiausias galimas vertinimas.

Pats geriausias galimas vertinimas.

Galutinis elemento įvertinimas atsižvelgiant į visus vertinimus

Pažymime atsiliepimo datą

Autoriaus vardas

Review

<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<span itemprop="itemreviewed">[prekės/paslaugos pavadinimas]</span>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "[blogiausias vertinimo balas]">
<meta itemprop="bestRating" content="[geriausias vertinimo balas]">
<meta itemprop="ratingValue" content="[suteiktas įvertinimo balas]">
</div>
<span itemprop="datePublished" content="[data pagal ISO formatą pvz: 2013-12-01]">
[data]</span>
<span itemprop="author">[autoriaus vardas]</span>
</div>

Nuoroda į pavyzdinį puslapį, kuriame tik kodas

3.4. Pratestuokite.

Atlikus struktūrinių duomenų žymėjimo darbus būtina atlikti patikrinimą ar teisingai sužymėjote. Patikrinimą atlikite su google struktūrinių duomenų tikrinio priemone:

http://www.google.com/webmasters/tools/richsnippets

3.5. Praplėskime šį žymėjimą pridėdami ir KAINĄ

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">[prekės/paslaugos pavadinimas]</span>
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "[blogiausias vertinimo balas]">
<meta itemprop="bestRating" content="[geriausias vertinimo balas]">
<meta itemprop="ratingValue" content="[suteiktas įvertinimo balas]">
</div>
<span itemprop="author">[autoriaus vardas]</span>
<span itemprop="datePublished" content="[data pagal ISO formatą pvz: 2013-12-01]">
[data]</span>
</div>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">[prekės paslaugos kaina]</span>
</span>
</div>

Nuoroda į pavyzdinį puslapį, kuriame tik kodas

Šis kodas turėtų sugeneruos: ĮVERTINIMĄ, AUTORIŲ, DATĄ IR KAINĄ:

atsiliepimai

O jeigu tai prekė ar paslauga, kuri turi kainos intervalą nuo ... iki ... tuomet papildomai pridėkite šį kodą:

<span itemprop="offers" itemscope
itemtype="http://schema.org/AggregateOffer">
<span itemprop="lowPrice">[kaina nuo]</span>
iki <span itemprop="highPrice">[kaina iki]</span>
</span>

atsiliepimai

Galite pažiūrėti ir šį pavyzdį:

elektroniniu parduotuviu kurimas

Pavyzdžio html kodas atrodo taip:

<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">
Elektroninės parduotuvės kūrimo kokybę įvertino:</span>
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "1">
<meta itemprop="bestRating" content="5">
<meta itemprop="ratingValue" content="5">
</div>
<span itemprop="datePublished" content="2013-11-01">
2013-11-01</span>
<span itemprop="author">SEOpaslaptys.lt</span> 5 balais iš 5 galimų
</div>
<p>Pilnai veikiančios elektroninės parduotuvės kainos nuo: <br/>
<span itemprop="offers"
itemscope itemtype="http://schema.org/AggregateOffer">
<span itemprop="lowPrice">999LTL</span>
iki <span itemprop="highPrice">1999LTL</span>
</span></p>

Patikrinkit šį pavyzdį per Struktūrinių duomenų tikrinimo įrankį

Daugiau informacijos:
Google webmaster help: https://support.google.com/webmasters/answer/146645?hl=en#Individual_reviews, ir http://schema.org/Review pagal schema.org

4. Atvaizduokite verslo patikimumą (reitingą) paieškų sistemų rezultatuose

4.1. Rich snippets pavyzdys

atsiliepimai

4.2. Pagrindinės šio žymėjimo savybės

Itemtype atributai:

Itemtype Paaiškinimas

http://www.schema.org/LocalBusiness                                                    

http://www.schema.org/PostalAddress

http://www.schema.org/AggregateRating

Pažymime, kad tai verslas (su reikiamais rekvizitais)

Pažymime verslo arba įvykio adresą.

Galutinis įvertinimas atsižvelgiant į visus vertinimus.

 

Itemprop atributai:

Itemprop Paaiškinimas Savybės priskiriamos

itemprop=”name”     

itemprop=”streetAddress”

itemprop=”addressLocality”

itemprop=”streetRegion”

itemprop=”postalCode”

itemprop=”telephone”

itemprop=”ratingValue”

itemprop=”bestRating”

itemprop=”reviewCount”

Pažymėto elemento (verslo) pavadinimas.

Pažymėto elemento Gatvės.

Pažymėto elemento miestas.

Pažymėto elemento vieta.

Pažymėto elemento pašto kodas.

Pažymėto elemento telefonas.

Pažymėto elemento įvertinimas

Pats geriausias galimas vertinimas.

Atsiliepimų skaičius.

Visoms

PostalAddress

PostalAddress

PostalAddress

PostalAddress

ContacPoint

Rating

Rating

AggregateRating

4.3. Žymėjimo HTML kodo pavyzdys verslo reitingo atvaizdavimui.

<div itemscope itemtype="http://schema.org/LocalBusiness">
<span itemprop="name">[verslo (UAB) pavadinimas]</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">[gatvės pavadinimas]</span>
<span itemprop="addressLocality">[miestas] </span>,
<span itemprop="addressRegion">[šalis/apskritis/regionas]</span>
<span itemprop="postalCode">[pašto kodas]</span>
</div>
<span itemprop="telephone">[telefono numeris]</span>
<div itemprop="aggregateRating"
itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">[turinio reitingas pvz.: 100%]</span>/
<span itemprop="bestRating">[geriausias vertinimas pvz:100%]</span>
procentų atsižvelgiant į
<span itemprop="reviewCount">[ atsiliepimų skaičius pvz.: 10]</span> klientų įvertinimus.
</div>
</div>
<!-- kad paieškos sistemos atvaizduotų šį vertinimą būtinas ir realus atsiliepimas-->
<div class="hreview">
<h3 class="summary">[įvertinimo antraštė]</h3>
<blockquote class="description" >[detalus įvertinimo/aprašymo tekstas]</blockquote>
</div>


Daugiau informacijos:
http://schema.org/LocalBusiness ir http://schema.org/PostalAddress pagal schema.org, Local http://www.microdatagenerator.com/local-business-schema/ pagal microData generatorių

Gediminas info@seopaslaptys.lt

5. Pateikite asmeninius duomenis panaudojant asmens žymas

5.1. Rich snippets pavyzdys

atsiliepimas

5.2. Pagrindinės šio žymėjimo savybės

Itemtype atributai:

Itemtype Paaiškinimas

http://www.schema.org/Person

http://www.schema.org/PostalAddress

Asmens žymėjimas.

Pažymime asmens adresą.

 

Itemprop atributai:

Itemprop Paaiškinimas Savybė priskiriamos

itemprop=”name”

itemprop=”image”

itemprop=”jobtitle”

itemprop=”address”

itemprop=”addressLocality”

itemprop=”addressRegion”

itemprop=”postalCode”

itemprop=”telephone”

itemprop=”email”

Pažymėto elemento (asmens) vardas.

Asmens atvaizdo nuoroda.

Asmens darbo aprašymas.

Asmens adresas.

Asmens miestas.

Asmens šalis.

Pažymėto elemento pašto kodas.

Pažymėto elemento telefono numeris.

Asmens elektroninis paštas.

Visoms

Visoms

Person

PostalAddress

PostalAddress

PostalAddress

PostalAddress

Person

Person

5.3. Žymėjimo HTML kodo pavyzdys asmens duomenimis

<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">[Pažymėto elemento (asmens) vardas]</span>
<img src="[Asmens atvaizdo nuoroda]" itemprop="image" />
<span itemprop="jobTitle">[Asmens darbo/specialybės aprašymas]</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">[Asmens miestas]</span>,
<span itemprop="addressRegion">[Asmens šalis]</span>
<span itemprop="postalCode">[pašto kodas]</span>
</div>
<span itemprop="telephone">[telefono numeris]</span>
<a href="mailto:[email address]" itemprop="email">info@domenas.lt</a>
</div>

Patikrinkit šį pavyzdį per Struktūrinių duomenų tikrinimo įrankį

Daugiau informacijos:
http://schema.org/Person pagal Schem.org, https://support.google.com/webmasters/answer/146646?hl=en pagal Google Help

6. Pateikite video iškarpos atvaizdavimą paieškų sistemose

6.1. Video iškarpos pavyzdys

snipet

6.2. Problematika

Atkreipiu dėmesį, kad panaudojus tik Micro Data ir Schema.org neužteks tikslui pasiekti. Kad pateikti video iškarpą paieškų sistemų rezultatuose papildomai reikia paruošti:

  • Video XML svetainės žemėlapyje.
  • Unikalus tekstas apie video (antraštėje ir aprašyme).

6.3. Pagrindinės šio žymėjimo savybės

Itemtype atributai:

Itemtype Paaiškinimas

http://www.schema.org/VideoObject

Pažymime video arba muziką.

Itemprop atributai:

Itemprop Paaiškinimas Savybės priskiriamos

itemprop=”name”

itemprop=”duration”

itemprop=”thumbnail”

itemprop=”description”

 

Pažymėto elemento (video) vardas.

Video trukmė.

Video iškarpa.

Pažymėto elemento (video) aprašymas.

 

Visoms

MediaObject

MediaObject

Visoms

6.4. Žymėjimo HTML kodo pavyzdys video žymėjimui

<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
<span itemprop="name">[video pavadinimas]</span>
<meta itemprop="duration" content="[trukmė pagal ISO formatą pvz.: T1M33S]" />
<meta itemprop="thumbnail" content="[thumbnail-url]" />
[video object]
<span itemprop="description">[video aprašymas]</span>
</div>

Daugiau informacijos:
http://schema.org/VideoObject pagal Schem.org, https://support.google.com/webmasters/answer/2413309?hl=en&topic=1088474&ctx=topic pagal Google Help, http://www.distilled.net/blog/video/getting-video-results-in-google/

7. Sukurkite interaktyvias nuorodas (angl. breadcrumb trails) paieškų sistemų rezultatuose

7.1. Pavyzdys

snipet Patikrinkit šį pavyzdį per Struktūrinių duomenų tikrinimo įrankį

KITAS PUSLAPIS TIK SU BREADCRUMB DUOMENIMIS

Šio pavyzdžio struktūrimai duomenys:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p><a href="../index.php"><span itemprop="title">Pradžia</span></a> <a href="../seo-straipsniai.php"><span itemprop="title">Kiti SEO straipsniai</span></a> <a href="../seo-straipsniai/7-puslapio-optimizavimo-etapai.php"><span itemprop="title"> 7 puslapio optimizavimo etapai</span></a> </p>
</div>

<span xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title" href="http://www.seopaslaptys.lt/" alt="Pradžia"></a>
</span>
<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title" href="http://www.seopaslaptys.lt/seo-straipsniai.php" alt="Kiti SEO straipsniai"></a>
</span>
<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title" href="http://www.seopaslaptys.lt/seo-straipsniai/7-puslapio-optimizavimo-etapai.php" alt="7 puslapio optimizavimo etapai"></a>
</span>
</span>

7.2. Pagal Schema.org (tačiau naudokit pavyzdį, nes to nepakaks)

<div itemprop="breadcrumb">
<a href="[pagrindinis url]">[puslapio pavadinimas]</a> >
<a href="[sekantis url]">[puslapio pavadinimas]</a> >
<a href="[sekantis url]">[puslapio pavadinimas]</a>
</div>

7.3. Pagal Micro Data (tačiau naudokit pavyzdį, nes to nepakaks)

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="[parent url]" itemprop="url">
<span itemprop="title">[puslapio pavadinimas]</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="[sekantis url]" itemprop="url">
<span itemprop="title">[puslapio pavadinimas]</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="[sekantis url]" itemprop="url">
<span itemprop="title">[puslapio pavadinimas]</span>
</a>
</div>



Daugiau informacijos:
https://support.google.com/webmasters/answer/185417?hl=en pagal Google Help

Pasidalinkite

Parašykite komentarą

Susisiekite dabar:


Skambinkite: +370 633 09000
Rašykite: EnterNet@EnterNet.lt