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.
- Mikro veriler kullanarak içeriğinizi nasıl işaretleyebilirsiniz?
- Mikro verileri neden kullanmalısınız?
- itemcope ve itemtype
- itemprop
- Gömülü öğeler
- Schema.org sözlüğünü kullanma
- schema.org türleri ve özellikleri
- Beklenen türler, metin ve URL'ler
- İşaretlemenizi test etme
- Gelişmiş konu: Bilginin makine tarafından anlaşılabilir sürümleri
- Tarihler, saatler ve süreler
- Numaralandırmalar ve kanonik başvurular
- Eksik / üstü kapalı bilgi
- 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 FragmanBaş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:
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. itemtype
Hemen ardından özniteliği kullanarak öğe türünü belirtebilirsiniz itemscope
.
Avatar
Yönetmen: James Cameron (16 Ağustos 1954 doğumlu) Bilim kurgu FragmanBu, 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 itemprop
. etiketleri, 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 name
ve birthDate
. Bir ö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
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: name
, description
, url
, ve image
. Daha 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 Jonesitemprop="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 itemscope
, itemtype
ve itemprop
tü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:
time
etiketini kullanındatetime
- Numaralandırmalar ve kanonik referanslar:
link
etiketi ile kullanınhref
- Eksik / örtük bilgi:
meta
etiketini ile kullanıncontent
.
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, time
etiketiyle birlikte datetime
niteliği kullanın. datetime
Özniteliğin değeri, YYYY-MM-DD
format kullanılarak belirtilen tarihtir . Aşağıdaki HTML kodu, tarihi net bir şekilde 1 Nisan 2011 olarak belirtir.
04/01/11
hh:mm
Veya hh:mm:ss
biçimini kullanarak bir gün içinde bir saat de belirtebilirsiniz . Saatler harfle başlar T
ve 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.
Süreler time
, datetime
niteliğ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
H
saat sayısını belirtmek için M
kullanı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. availability
Mülkiyet genellikle yalnızca birkaç olası değerler-birine sahip olabilir In stock
, Out of stock
, Pre-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:
Ve işte aynı öğe, ancak kullanılabilirliği izin verilen değerlerden biri olarak açık bir şekilde belirtmek için link
ve href
kullanın:
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, link
bunun yerine aşağıdaki gibi bir öğe kullanabilirsiniz :
JD Salinger 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 meta
birlikte 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:
Aşağıda, derecelendirme bilgilerinin işaretlendiği örnek verilmiştir.
Bu teknik idareli kullanılmalıdır. Yalnızca meta
baş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 .