Web semantiği için mikro veriler

Sayfalarınızı daha fazla anlamsal bilgi ile nasıl geliştirebilirsiniz?

Mikro veriler - Büyük etkiye sahip küçük

Web uygulamanızın, kendisi hakkında, belgenin bölümündeki eski güzel meta öğelerden çok daha fazla bilgi sağlayabileceğini biliyor muydunuz? Günümüzde web uygulamaları her zamankinden daha fazla birbirine bağlı, bu nedenle her sayfanın amacını net bir şekilde tanımlamak giderek daha alakalı hale geliyor.

Gerçek bir dünya örneği

Bu size biraz garip geliyorsa, hemen basit bir örneğe bakalım. Bir blogunuz olduğunu ve doğal olarak arama motorlarının her makale ile yayınladığınız içeriği daha iyi anlamasını istediğinizi düşünün. Açık ve anlamsal olarak doğru bir HTML yapısı temel bir gereksinimdir, ancak yalnızca başlangıçtır.

JSON-LD gibi standartların geliştirilmesi sayesinde yapılandırılmış verileri tek tip bir şekilde sağlayabilirsiniz. Buradaki anahtar kelime, arama motorları ve botları tam olarak bu meta verileri anlayacak şekilde programlandığından, bu ek meta verilerin sizin tarafınızdan tanımlandığı standart formattır.

Örneğimize geri dönersek, bir blog makalesi için, bir makalenin temel özelliklerini açıklayan JSON-LD öğesi "makale" mevcuttur.

JSON-LD'ye alternatif

Kulağa çok hoş geliyor ama bunun mikro verilerle ne ilgisi var? Mikro veriler temelde yukarıda açıklanan JSON-LD ile aynı amaca sahiptir: kullanıldığı sayfa için daha fazla meta veri sağlar. Temel fark, JSON-LD'nin web uygulamasının öğesinde tanımlanması gerektiğidir. Yine de mikro veri öğeleri, verileri ve arasında bölmeye gerek kalmadan doğrudan sayfanızın içeriğinde kullanılabilir.

<!-- 
The following eample is taken from Mozilla's site,
linked in the addendum. 
-->

<div itemscope itemtype="http://schema.org/SoftwareApplication">
  <span itemprop="name">Angry Birds</span> -

  REQUIRES <span itemprop="operatingSystem">ANDROID</span><br>
  <link itemprop="applicationCategory" href="http://schema.org/GameApplication"/>

  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
    RATING:
    <span itemprop="ratingValue">4.6</span> (
    <span itemprop="ratingCount">8864</span> ratings )
  </div>

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    Price: $<span itemprop="price">1.00</span>
    <meta itemprop="priceCurrency" content="USD" />
  </div>
</div>

Kullanım durumunuza veya zevkinize bağlı olarak bu, JSON-LD'den daha iyi bakımı yapılabilir bir çözüm olabilir. Mikro verilerle ilgili güzel olan şey, aslında DOM'unuzdaki ayrı bir öğe değil, mevcut HTML'nizi geliştirebileceğiniz bir dizi özellik olmasıdır.

Yerler, kişiler veya ürünler gibi mikro verilerin seçilebilecek birçok çeşidi vardır. Arama motorlarının botları tarafından iyi tanınırlar ve bu nedenle JSON-LD'ye uygun bir alternatif sunarlar.