Cách thêm thuộc tính 'tên' và 'url' vào cùng một thẻ?

Question

Tôi đang thêm schema.org Microdata vào trang web của mình.

HTML code của tôi là như thế này:

<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> 

Kể từ khi itemprop "url" và "name" của Tổ chức là tất cả trong thẻ neo. Làm thế nào tôi có thể chỉ ra cả hai "url" và "tên" itemprop trên cùng một thẻ? Tôi có phải thêm thêm thẻ span cho mục đích này không?

Tôi đã thử tìm kiếm một số ví dụ mã hóa về điều này nhưng không thể tìm thấy bất kỳ ví dụ nào để hiển thị việc sử dụng nhiều số itemprop trên cùng một thẻ.

Cuối cùng, tôi muốn có Microdata như thế này:

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

Answer 1

Bạn phải làm điều đó bằng cách xếp lồng hai yếu tố. Ví dụ, bạn có thể làm tổ một <span> bên trong <a> và đặt itemprop="name" trên rằng:

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

tôi thấy this site tiện dụng để thử nghiệm điều đó.

Answer 2

Có thể có sự cố với google. "Công cụ kiểm tra đoạn mã chi tiết" cho biết khi bạn đánh dấu một thẻ neo là url, phần thân của thẻ được sử dụng làm giá trị thay vì thuộc tính href. Nhưng không ai muốn hiển thị url bên trong một thẻ neo.

Answer 3

này cũng làm việc và có thể nhìn một chút dễ dàng hơn để duy trì: hỗ trợ

<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> 

của Google cho schema.org và google structured data tester đã được cải thiện đáng kể kể từ khi câu hỏi ban đầu đã được đăng. Mã ở trên xác nhận chính xác trong đó.

Answer 4

Mã ban đầu của OP bây giờ có vẻ hoạt động tốt. Như đã trình bày ở đây:

https://search.google.com/structured-data/testing-tool#url=http%3A%2F%2Fmercedes-benzhanoi.com.vn%2Fmercedes-ha-noi.auto%2Fgla-250-4matic.html

<div itemscope="" itemtype="http://schema.org/Organization"> <span class="title" itemprop="name"> <a itemprop="url" href="http://mercedes-benzhanoi.com.vn/mercedes-ha-noi.auto/gla-250-4matic.html">GLA 250 4MATIC</a></span> </div>