İçerikler :

Article Elementi , Yorumların Olduğu ve schem.. Article Elementi ve schema.org Microdata Tipl.. Bir Filim Videosu İle İlgili Bilgi Verildiği .. Bir Kişinin Bilgisinin verildiği Person Micro.. data-vocabulary.org HTML Microdata W3C Working Draft 29 March 201.. Item (Madde) itemid Attributesi itemprop Attribute itemscope Atributesi itemtype Atributesi Microdata schema.org

Bu Sayfayı Paylaş:

Kavram

Microdata

Tanım: Bir web sayfasını okuyan uygulamalar için (arama motoru , tarayıcı vb..) sayfa içerisinde anlamsal (semantik) olarak eklenen bilgiler ve bunun ile ilgili olan teknoloji

Kavram

Item (Madde)

Tanım: Microdata'da anahtar-değer (key-value) şeklinde tanımlanmış property'leri (özellikleri) olan veri birimi. HTML de bir item tanımlamak için elemente itemscope ve itemtype attributesi eklenir. itemscope ve itemtype eklenen element içinde item'ın property'leri (özellikleri) itemprop attributesi ile verilir

Kavram

itemscope Atributesi

Tanım: HTML bir elementin microdata item'ı olduğunu ve içinde bu item'a uygun property'lerin (özellik) olacağını belirtmek için kullanılır. Örneğin Person tipinde bir item
şeklinde yapılabilir

Kavram

itemtype Atributesi

Tanım: HTML bir elementin microdata item'ının tipini vermek için kullanılan attribute. Örneğin Person tipinde bir item
şeklinde yapılabilir

Kavram

itemprop Attribute

Tanım: HTML Microdata'da bir item'ın özelliğini vermek için kullanılan attribute. Örneğin bir Person tipi için ad özelliği Veli Hacıyatmaz şeklinde verilebilir

Kavram

itemid Attributesi

Tanım: HTML Microdata'da bir item'a global olarak id verilmesi icin kullanılan attribute

Örnek

Bir Kişinin Bilgisinin verildiği Person Microdata Örneği

Aşağıda data-vocabulary.org sitesi (google desteklidir) tarafından desteklenen Person tipine göre örnek görülmektedir :

<div itemscope itemtype="http://data-vocabulary.org/Person">

Benim adım <span itemprop="name">Veli Hacıyatmaz</span>

ama herkes bana <span itemprop="v:nickname">Haci</span> der.

Ana sayfamı burada bulabilirsiniz:

<a href="http://www.example.com"
itemprop="url">www.example.com</a>

Şişli, İstanbul'da oturuyorum ve 

<span itemprop="affiliation">ACME</span> şirketinde

<span itemprop="title">mühendis</span> olarak çalışıyorum.

</div>

itemscope elementi ile bu elementin microdata tipinde bir bilgi vereceğini belirtir. itemtype ise data tipini belirtir ve biz Person (Kişi) tipini kullanacağımız belirtiyoruz. itemprop ile de Person için tanımlı olarak özellikler verilmektedir

 


Örnek

Bir Filim Videosu İle İlgili Bilgi Verildiği Movie Microdata Örneği

Aşağıda schema.org sitesinde tanımlı Movie item tipine göre bir movie (film) ile ilgili bilgiler verilmiştir: 

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <span>Director: <span itemprop="director">
James Cameron</span> (born August 16, 1954)</span>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html"
itemprop="trailer">Trailer</a>
</div>

itemscope ile div içerisinde bir item olduğu belirtilir ve bu item'ın tipi itemtype ile Movie olarak belirlenir. Ardından yapımcı, filimin türü , ve fragman biligisi verilir


Örnek

Article Elementi ve schema.org Microdata Tiplerinin Kullanıldığı Örnek

Aşağıda article elementi ve  schema.org sitesinde tanımlı microdata elementlerinin kullanıldığı örnek görülmektedir :

 

<article itemscope 
itemtype="http://schema.org/BlogPosting">
 <header>
  <h1 itemprop="headline">The Very First Rule of Life</h1>
  <p><time itemprop="datePublished" 
datetime="2009-10-09">3 days ago</time></p>
  <link itemprop="url" href="?comments=0">
 </header>
 <p>If there's a microphone anywhere near you, 
assume it's hot and sending whatever 
you're saying to the world. Seriously.</p>
 <p>...</p>
 <footer>
  <a itemprop="discussionUrl" 
href="?comments=1">Show comments...</a>
 </footer>
</article>

 

Yukarıda örnekte bir article içinde schema.org'taki item'lardan BlogPosting tanımlanmıştır


Örnek

Article Elementi , Yorumların Olduğu ve schema.org Microdata Tiplerinin Kullanıldığı Örnek

Aşağıda bir blog ve yorumlarını içi içe article elementleri ile yapıldığı örnek görülmektedir. Blog schema.org'larda tanımlı item'lardan BlogPosting ile ilgili microdata tanımları yapılmıştır :

<article itemscope itemtype="http://schema.org/BlogPosting">
 <header>
  <h1 itemprop="headline">The Very First Rule of Life</h1>
  <p><time itemprop="datePublished" 
datetime="2009-10-09">3 days ago</time></p>
  <link itemprop="url" href="?comments=0">
 </header>
 <p>If there's a microphone anywhere near you,
 assume it's hot and sending whatever you're 
saying to the world. Seriously.</p>
 <p>...</p>
 <section>
  <h1>Comments</h1>
  <article itemprop="comment" itemscope 
itemtype="http://schema.org/UserComments" id="c1">
   <link itemprop="url" href="#c1">
   <footer>
    <p>Posted by: <span itemprop="creator" 
itemscope itemtype="http://schema.org/Person">
     <span itemprop="name">George Washington</span>
    </span></p>
    <p><time itemprop="commentTime" 
datetime="2009-10-10">15 minutes ago</time></p>
   </footer>
   <p>Yeah! Especially when talking about your lobbyist friends!</p>
  </article>
  <article itemprop="comment" itemscope 
itemtype="http://schema.org/UserComments" id="c2">
   <link itemprop="url" href="#c2">
   <footer>
    <p>Posted by: <span itemprop="creator"
 itemscope itemtype="http://schema.org/Person">
     <span itemprop="name">George Hammond</span>
    </span></p>
    <p><time itemprop="commentTime" 
datetime="2009-10-10">5 minutes ago</time></p>
   </footer>
   <p>Hey, you have the same first name as me.</p>
  </article>
 </section>
</article>

Yukarıda görüldüğü gibi Article içinde article'lar ve section'lar olabilmektedir


Kaynak

HTML Microdata W3C Working Draft 29 March 2012

Microdata için W3 spesifikasyonu (belirtim)

Kaynak

data-vocabulary.org

Microdata ile ilgili bazı veri tiplerinin tanımlandığı site. Google tarafından da desteklenmektedir. Event, Organization, Person, Product, Review, Review-aggregate, Breadcrumb, Offer or Offer-aggregate gibi bazı microdata tipleri bulunmaktadır

Kaynak

schema.org

Microdata ile ilgili bazı veri tiplerinin tanımlandığı site. Google, Microsoft ve Yahoo tarafından ortak olarak yürütülmektedir



Bu Sayfayı Paylaş:

İletişim Bilgileri

Takip Et

Her Hakkı Saklıdır. Bu sitede yayınlanan tüm bilgi ve fikirlerin kullanımından fibiler.com sorumlu değildir. Bu sitede üretilmiş , derlenmiş içerikleri, fibiler.com'u kaynak göstermek koşuluyla kendi sitenizde kullanılabilirsiniz. Ancak telif hakkı olan içeriklerin hakları sahiplerine aittir