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
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:
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:
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:
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):
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:
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Ą:
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>
Galite pažiūrėti ir šį pavyzdį:
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
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ų
5. Pateikite asmeninius duomenis panaudojant asmens žymas
5.1. Rich snippets pavyzdys
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>
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
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
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
Parašykite komentarą