Schema.org

Schema.org

Schema.org

Mikro verileri kullanarak schema.org'u kullanmaya başlama

Çoğu web yöneticisi, sayfalarındaki HTML etiketlerine aşinadır. Genellikle HTML etiketleri, tarayıcıya etikette bulunan bilgilerin nasıl görüntüleneceğini söyler. Örneğin 

Avatar

, tarayıcıya "Avatar" metin dizesini başlık 1 biçiminde görüntülemesini söyler. Bununla birlikte, HTML etiketi, metin dizesinin ne anlama geldiğiyle ilgili herhangi bir bilgi vermez - "Avatar", son derece başarılı 3B filme veya bir tür profil resmine atıfta bulunabilir - ve bu, aramayı daha zor hale getirebilir ilgili içeriği bir kullanıcıya akıllıca görüntülemek için motorlar.

 

Schema.org, web yöneticilerinin sayfalarını Google, Microsoft, Yandex ve Yahoo gibi başlıca arama motorları tarafından anlaşılabilecek şekilde işaretlemek için kullanabilecekleri paylaşılan bir kelime dağarcığı koleksiyonu sağlar.

Web içeriğinize bilgi eklemek için mikro veri , RDFa veya JSON-LD biçimleriyle birlikte schema.org sözlüğünü kullanırsınız Bu kılavuz, web sayfalarınıza işaretleme eklemeye başlayabilmeniz için Mikro Veri ve schema.org ile hız kazanmanıza yardımcı olacaktır.

Bu kılavuz Mikro Verilere odaklansa da , schema.org sitesindeki çoğu örnek, RDFa ve JSON-LD'de de örnekler göstermektedir. Burada sunulan temel fikirler (türler, özellikler vb.) Mikro verilerin ötesinde ilgilidir - ayrıntıların nasıl karşılaştırıldığını görmek için örneklere bir göz atın.

  1. Mikro veriler kullanarak içeriğinizi nasıl işaretleyebilirsiniz?
    1. Mikro verileri neden kullanmalısınız?
    2. itemcope ve itemtype
    3. itemprop
    4. Gömülü öğeler
  2. Schema.org sözlüğünü kullanma
    1. schema.org türleri ve özellikleri
    2. Beklenen türler, metin ve URL'ler
    3. İşaretlemenizi test etme
  3. Gelişmiş konu: Bilginin makine tarafından anlaşılabilir sürümleri
    1. Tarihler, saatler ve süreler
    2. Numaralandırmalar ve kanonik başvurular
    3. Eksik / üstü kapalı bilgi
    4. Schema.org'u genişletme

1. İçeriğinizi mikro veriler kullanarak nasıl işaretleyebilirsiniz?

1 A. Mikro verileri neden kullanmalısınız?

Web sayfalarınızın, insanların web sayfalarını okuduklarında anladıkları temel bir anlamı vardır. Ancak arama motorları, bu sayfalarda neyin tartışıldığı konusunda sınırlı bir anlayışa sahiptir. Web sayfalarınızın HTML'sine ek etiketler ("Hey arama motoru, bu bilgiler bu belirli filmi veya yeri veya kişiyi veya videoyu tanımlar" yazan etiketler ekleyerek arama motorlarının ve diğer uygulamaların içeriğinizi daha iyi anlamasına yardımcı olabilirsiniz. ve yararlı, alakalı bir şekilde sergileyin. Mikro veri, HTML5 ile sunulan ve bunu yapmanıza olanak tanıyan bir dizi etikettir.

1b. itemcope ve itemtype

Somut bir örnekle başlayalım. Avatar filmiyle ilgili bir sayfanız olduğunu hayal edin — bir film fragmanına bağlantı içeren bir sayfa, yönetmen hakkında bilgiler vb. HTML kodunuz aşağıdaki gibi görünebilir:

 

Avatar

Yönetmen: James Cameron (16 Ağustos 1954 doğumlu) Bilim kurgu Fragman

Başlamak için, sayfanın Avatar filmiyle "ilgili" bölümünü belirleyin. Bunu yapmak için, itemscope öğesini aşağıdaki gibi öğeyle ilgili bilgileri içeren HTML etiketine ekleyin:

 
itemscope >

Avatar

Yönetmen: James Cameron (16 Ağustos 1954 doğumlu) Bilim kurgu Fragman

Ekleyerek itemscope

...

bloğun içerdiği HTML'nin belirli bir öğe hakkında olduğunu belirtmiş olursunuz .

 

Ancak, ne tür bir öğe olduğunu belirtmeden tartışılan bir konunun olduğunu belirtmek o kadar da yararlı değildir. itemtypeHemen ardından özniteliği kullanarak öğe türünü belirtebilirsiniz itemscope.


itemtype = "http://schema.org/Movie" >

Avatar

Yönetmen: James Cameron (16 Ağustos 1954 doğumlu) Bilim kurgu Fragman

Bu, div'de bulunan öğenin schema.org tür hiyerarşisinde tanımlandığı gibi aslında bir Film olduğunu belirtir. Bu durumda, öğe türleri URL olarak sağlanır http://schema.org/Movie.

Başa dönüş

1c. itemprop

Avatar filmi hakkında arama motorlarına hangi ek bilgileri verebiliriz? Filmlerin oyuncu, yönetmen, reyting gibi ilginç özellikleri vardır. Bir öğenin özelliklerini etiketlemek için itempropözniteliği kullanın Örneğin, bir filmin yönetmenini belirlemek için itemprop="director", yönetmenin adını içeren öğeye ekleyin (Http://schema.org/Movie adresinde bir filmle ilişkilendirebileceğiniz tüm özelliklerin tam listesi bulunmaktadır.)


itemprop = "name" > Avatar

Yönetmen: itemprop = "yönetmen" > James Cameron (16 Ağustos 1954 doğumlu) itemprop = "genre" > Bilim kurgu itemprop="trailer"> Fragman

Öznitelikleri sayfadaki uygun metne ...iliştirmek için ek etiketler eklediğimizi unutmayın itempropetiketleri, sayfaların bir web tarayıcısı tarafından oluşturulma şeklini değiştirmez, bu nedenle, birlikte kullanılması uygun bir HTML öğesidir itemprop.

Arama motorları artık yalnızca http://www.avatarmovie.com'un bir URL olduğunu değil, aynı zamanda James Cameron tarafından yönetilen Avatar adlı bilim kurgu filmi Avatar'ın fragmanının da URL'sini anlayabiliyor.

Başa dönüş

1d. Gömülü öğeler

Bazen bir öğe özelliğinin değerinin kendisi, kendi özellik kümesine sahip başka bir öğe olabilir. Örneğin, filmin yönetmeni tipi Kişinin bir öğedir ve Kişi özelliklerine sahip olduğunu belirtebilir nameve birthDateBir özelliğin değerinin başka bir öğe olduğunu belirtmek için itemscope, karşılık gelen öğeden hemen sonra yenisine başlarsınız itemprop.


Avatar

itemprop = "yönetici" itemscope itemtype = "http://schema.org/Person" > Yönetmen: James Cameron (itemprop = "birthDate" > 16 Ağustos 1954 doğumlu)
Bilim kurgu Fragman

Başa dönüş

2. schema.org sözlüğünü kullanma

2a. schema.org türleri ve özellikleri

Tüm web sayfaları filmler ve kişilerle ilgili değildir. 1. bölümde açıklanan Film ve Kişi türlerine ek olarak, schema.org, her biri, içeriği açıklamak için kullanılabilecek kendi özellik kümesine sahip olan çeşitli diğer öğe türlerini açıklar. öğe.

En geniş öğe türüdür Thing dört özelliğe sahiptir: namedescriptionurl, ve imageDaha spesifik türler, özellikleri daha geniş türlerle paylaşır. Örneğin, Yer daha spesifik bir Öğe türüdür ve Yerelİşletme daha spesifik bir Yer türüdür. Daha spesifik öğeler, ebeveynlerinin özelliklerini devralır. (Aslında, LocalBusiness daha spesifik bir Yer türü ve daha spesifik bir Organizasyon türüdür, bu nedenle özellikleri her iki üst türden devralır.)

Aşağıda, yaygın olarak kullanılan bir dizi öğe türü verilmiştir:

  • Yaratıcı çalışmalar: CreativeWork , Kitap , Film , Müzik Kaydı , Tarif , TV Serisi ...
  • Gömülü metin dışı nesneleri: AudioObject , ImageObject , VideoObject
  • Etkinlik
  • Organizasyon
  • Kişi
  • Yer , Yerel İşletme , Restoran ...
  • Ürün , Teklif , AggregateOffer
  • İnceleme , AggregateRating

Tek bir sayfada listelenen tüm materyal türlerinin tam listesini de görebilirsiniz .

Başa dönüş

2b. Beklenen türler, metin ve URL'ler

Web sayfalarınıza schema.org işaretlemesini eklerken aklınızda bulundurmanız gereken birkaç not.

  • Gizli metin dışında daha fazlası daha iyidir. Genel olarak, ne kadar çok içeriği işaretlerseniz o kadar iyidir. Ancak genel bir kural olarak, yalnızca web sayfasını ziyaret eden kişiler tarafından görülebilen içeriği işaretlemelisiniz, gizli div'lerdeki veya diğer gizli sayfa öğelerindeki içeriği işaretlememelisiniz.
  • Beklenen türler ve metin. Schema.org türlerine göz atarken, birçok özelliğin "beklenen türlere" sahip olduğunu fark edeceksiniz. Bu, özelliğin değerinin kendisinin gömülü bir öğe olabileceği anlamına gelir (bkz. Bölüm 1d: gömülü öğeler). Ancak bu bir gereklilik değildir - yalnızca normal bir metin veya bir URL eklemekte sorun yoktur. Ayrıca, beklenen bir tür belirtildiğinde, beklenen türün alt türü olan bir öğenin de yerleştirilmesinde sorun yoktur. Örneğin, beklenen tür Yer ise, bir LocalBusiness yerleştirmek de sorun değildir.
  • Url özelliğini kullanma. Bazı web sayfaları belirli bir öğe hakkındadır. Örneğin, Kişi öğe türünü kullanarak işaretleyebileceğiniz tek bir kişi hakkında bir web sayfanız olabilir. Diğer sayfalarda açıklanan öğelerden oluşan bir koleksiyon vardır. Örneğin, şirket sitenizde, her kişi için bir profil sayfasına bağlantı içeren, çalışanları listeleyen bir sayfa olabilir. Bir öğe koleksiyonu olan buna benzer sayfalar için, her öğeyi ayrı ayrı işaretlemelisiniz (bu durumda bir dizi Kişi olarak) ve url özelliğini, her öğe için karşılık gelen sayfaya bağlantıya eklemelisiniz, örneğin:
    
    
    itemprop="url"> Alice Jones
    itemprop="url"> Bob Smith

Başa dönüş

2c. İşaretlemenizi test etme

Tıpkı bir web tarayıcısının web sayfası düzeninizdeki değişiklikleri test etmek için önemli olduğu ve yazdığınız kodu test etmek için bir kod derleyicisinin önemli olduğu gibi, doğru uygulandığından emin olmak için schema.org işaretlemenizi de test etmelisiniz. Google, işaretlemenizi test etmek ve hataları tanımlamak için kullanabileceğiniz zengin bir snippet test aracı sağlar.

3. Gelişmiş konu: Bilginin makine tarafından anlaşılabilir sürümleri

Birçok sayfa tek kullanılarak tanımlanabilir itemscopeitemtypeve itemproptürleri ve schema.org tanımlanan özelliklerle birlikte özellikler (bölüm 1 'de tarif edilmiştir) (Bölüm 2'de tarif edilmiştir).

Bununla birlikte, bazen bir makinenin ek belirsizlik giderme olmadan bir öğe özelliğini anlaması zordur. Bu bölümde, sayfalarınızı işaretlerken makinenin anlayabileceği bilgi sürümlerini nasıl sağlayabileceğiniz açıklanmaktadır.

  • Tarihler, saatler ve süreler: timeetiketini kullanındatetime
  • Numaralandırmalar ve kanonik referanslar: linketiketi ile kullanınhref
  • Eksik / örtük bilgi: metaetiketini ile kullanın content.

Başa dönüş

3 A. Tarihler, saatler ve süreler: datetime ile zaman etiketini kullanın

Makinelerin anlaması için tarihler ve saatler zor olabilir. "04/01/11" tarihini düşünün. 11 Ocak 2004 demek mi? 4 Ocak 2011? Veya 1 Nisan 2011? Tarihleri ​​belirsiz hale getirmek için, timeetiketiyle birlikte datetimeniteliği kullanın. datetimeÖzniteliğin değeri, YYYY-MM-DDformat kullanılarak belirtilen tarihtir Aşağıdaki HTML kodu, tarihi net bir şekilde 1 Nisan 2011 olarak belirtir.


 04/01/11 

hh:mmVeya hh:mm:ssbiçimini kullanarak bir gün içinde bir saat de belirtebilirsiniz Saatler harfle başlar Tve aşağıdaki gibi bir tarihle birlikte sağlanabilir:


 8 Mayıs, 19:30 

Bunu bağlam içinde görelim. İşte 8 Mayıs 2011'de gerçekleşecek bir konseri açıklayan bazı HTML'ler. Etkinlik işaretlemesi, etkinliğin adını, açıklamasını ve etkinliğin tarihini içerir.


itemscope itemtype = "http://schema.org/Event" >
itemprop = "name" > Spinal Tap
itemprop = "description" > Şimdiye kadarki en gürültülü gruplardan biri iki günlük unutulmaz bir gösteri için yeniden bir araya geliyor. Etkinlik tarihi: 8 Mayıs, 19:30

Süreler timedatetimeniteliğe sahip etiketi kullanılarak benzer bir şekilde belirtilebilir Süreler, harf ile başlar P("nokta" anlamına gelir). 1 ½ saatlik bir yemek tarifi pişirme süresini şu şekilde belirleyebilirsiniz:


 itemprop = "cookTime" datetime = "PT1H30M" > 1 1/2 saat 

Hsaat sayısını belirtmek için Mkullanılır ve dakika sayısını belirtmek için kullanılır.

Tarih, saat ve süre standartları ISO 8601 tarih / saat standardı tarafından belirlenir .

Başa dönüş

3b. Numaralandırmalar ve kanonik referanslar: href ile bağlantıyı kullanın

Numaralandırmalar

Bazı özellikler yalnızca sınırlı sayıda olası değer alabilir. Programcılar genellikle bunlara "numaralandırma" adını verir. Örneğin, satış için bir ürüne sahip bir çevrimiçi mağaza , teklifin ayrıntılarını belirtmek için Teklif öğe türünü kullanabilir. availabilityMülkiyet genellikle yalnızca birkaç olası değerler-birine sahip olabilir In stockOut of stockPre-order, vb. Öğe türlerinin URL olarak belirtilmesine çok benzer şekilde, schema.org'daki bir numaralandırma için olası değerler de URL olarak belirtilebilir.

İşte, Teklif türü ve ilgili özelliklerle işaretlenmiş, satılık bir ürün:


Karışım-O-Matic 19,95 ABD doları Bugün piyasada!

Ve işte aynı öğe, ancak kullanılabilirliği izin verilen değerlerden biri olarak açık bir şekilde belirtmek için linkve hrefkullanın:


Karışım-O-Matic 19,95 ABD doları

Bugün satışta!

Schema.org, bir avuç mülk için numaralandırma sağlar; tipik olarak, bir özellik için sınırlı sayıda tipik değer olduğunda, schema.org'da belirtilen karşılık gelen bir numaralandırma vardır. Bu durumda, olası değerler ItemAvailability'deavailability belirtilir .

Kanonik referanslar

Tipik olarak bağlantılar, öğesi kullanılarak belirtilir Örneğin, aşağıdaki HTML, Catcher in the Rye kitabının Wikipedia sayfasına bağlanır.


Gördüğünüz gibi itemprop="url", aynı öğeyi tartışan başka bir sitedeki (bu durumda Wikipedia) bir sayfaya bağlantı belirtmek için kullanılabilir. Üçüncü taraf sitelere bağlantılar, arama motorlarının web sayfanızda tanımladığınız öğeyi daha iyi anlamasına yardımcı olabilir.

Ancak sayfanıza görünür bir bağlantı eklemek istemeyebilirsiniz. Bu durumda, linkbunun yerine aşağıdaki gibi bir öğe kullanabilirsiniz :


Çavdardaki Avcı -

tarafından

Başa dönüş

3c. Eksik / örtük bilgi: içerikle birlikte meta etiketi kullanın

Bazen, bir web sayfasında işaretlenmesi değerli olabilecek bilgiler bulunur, ancak bilgiler sayfada görünme şekli nedeniyle işaretlenemez. Bilgiler, bir görüntüde (örneğin, 5 üzerinden 4 derecelendirmeyi temsil etmek için kullanılan bir görüntü) veya bir Flash nesnesinde (örneğin, bir video klibin süresi) iletilebilir veya dolaylı olabilir ancak açıkça belirtilmeyebilir sayfada (örneğin, bir fiyatın para birimi).

Bu durumlarda, bilgileri belirtmek için öznitelikle metabirlikte etiketini kullanın contentŞu örneği ele alalım — görüntü, kullanıcılara 5 üzerinden 4 yıldız derecelendirmesini gösteriyor:


Karışım-O-Matic 19,95 ABD doları  25 kullanıcı değerlendirmesine göre

Aşağıda, derecelendirme bilgilerinin işaretlendiği örnek verilmiştir.


Karışım-O-Matic 19,95 ABD doları
itemprop = "yorumlar" itemscope itemtype = "http://schema.org/AggregateRating" >  itemprop = "ratingCount" > 25 kullanıcı oyuna dayalı

Bu teknik idareli kullanılmalıdır. Yalnızca metabaşka şekilde işaretlenemeyen bilgiler için içerikle kullanın .

Başa dönüş

3 boyutlu. Schema.org'u genişletme

Çoğu site ve kuruluşun schema.org'u genişletmek için bir nedeni olmayacaktır. Ancak schema.org, mevcut türlere ek özellikler veya alt türler belirtme yeteneği sunar. Bunu yapmakla ilgileniyorsanız, schema.org uzantı mekanizması hakkında daha fazla bilgi edinin .

vallaki.com