2011-07-24 17 views
15

schema.org Mikro verilerini web siteme ekliyorum.Aynı etikete 'ad' ve 'url' özellikleri nasıl eklenir?

Benim HTML kodu şu şekildedir:

<div itemscope itemtype="http://schema.org/Organization"> 
<span class="title">Name of the organization</span> 
<a href="http://www.ABCCompany.com/">ABC Company</a> 
</div> 

Örgütü itemprop "url" ve "isim" çapa etiketteki tüm olduğundan. Aynı etikette hem "url" hem de "name" itemprop'u nasıl belirtebilirim? Bu amaçla fazladan span etiketi ekleyelim mi?

Bu konuda bazı kodlama örneklerini aramayı denedim, ancak aynı etikette birden çok itemprop kullanımını gösteren herhangi bir örnek bulamadım. Sonunda

, böyle mikro verilerine sahip istiyorum:

url="http://www.ABCCompany.com", name="ABC Company" 
+0

Knut @cygri doğru cevabı sağlamıştır olarak onun cevabı silinmiş olmasını istedi. Bunu incelemek ve cevabın yardımcı olması durumunda onu seçmek isteyebilirsiniz. – Will

cevap

30

İki elemanları yerleştirerek bunu yapmak zorunda. Örneğin, yuva bir <a><span> ve bu konuda itemprop="name" koyabilirsiniz:

<div itemscope itemtype="http://schema.org/Organization"> 
    <a itemprop="url" href="http://www.ABCCompany.com/"> 
     <span itemprop="name">ABC Company</span> 
    </a> 
</div> 

Ben böyle şeyler test etmek için kullanışlı this site bulabilirsiniz.

+2

Bu gibi itemprop'ları barındırmak gerçekten yasal mı? Spekülasyonda bunun hakkında herhangi bir örnek gördünüz mü? Gördüğüm iç içe geçmiş nesneler üzerindeki tek örnek, itemprop'lardan birinin bir itemtip olması ve yeni bir itemscope başlatmasıdır. – knut

+3

Evet, tabi ki yasal. Neden olmasın? Spesifikasyondaki algoritma, üzerinde bir @itemscope bulunmadığı sürece tüm alt öğelere ayrılır. – cygri

+3

@knut - Bir 'itemprop',' itemscope' gibi yeni bir kapsam oluşturmaz. Her öğe türü ('', '', vb), eklenmiş bir 'itemprop' özniteliğinin değeri olarak hangi parçanın ayıklandığını belirler. –

2

Google ile ilgili bir sorun olabilir. "Zengin snippet test aracı", bir bağlantı etiketini bir URL olarak işaretlediğinizde, etiketin gövdesinin href niteliğinden ziyade değer olarak kullanıldığını belirtir. Ancak, hiç kimse URL'yi bir çapa etiketinde göstermek istemez.

+2

Zengin snippet sınama aracını kullanırsanız ve çapada itemprop = 'name' iseniz, href içindeki metni bağlantılı bir öğe olarak gösterir, dolayısıyla bu şekilde çalışır ve neredeyse sizinki gibi görünür. Birinde url 've' adı 'düştü. HOWEVER, Web Yöneticisi Araçları'na bakarsanız, itemprop = 'name' öğesinin aslında name özelliğinin URL'sini kullandığını göreceksiniz. Benim tecrübemde, ankrajta itemprop = 'url', sonra da öğenin içindeki itemprop = 'name' ile bir açıklık olmalıdır. Test aracı gerçekten aldatıcıdır. – emptywalls

0

Bu da çalışır ve bakımı biraz daha kolay görünebilir: Schema.org'daki için

<div itemscope itemtype="http://schema.org/Organization"> 
<span class="title" itemprop="name"><a itemprop="url" href="http://www.ABCCompany.com/">ABC Company</span></a> 
</div> 

Google'ın destek ve özgün soru yayınlanmıştır beri google structured data tester önemli ölçüde iyileştirilmiştir. Yukarıdaki kod, doğru bir şekilde doğrular.

İlgili konular