HTML название продукта 5 микроданных является изображение

Question

Это код:

<article> 
<img itemprop="name" src="img/product_name.png"> 
<p>Product text</p> 
</article> 

Обычно я мог бы сделать это:

<h3 itemprop="name">Product name here</h3> 

Каждый знает, как я могу это сделать?

Answer 1

Помните, что микроданные позволяют машинам понять вашу страницу. Скрытие текста в изображении противоположное и сделает любые микроданные бесполезными. Но вы можете добавить правильные метаданные на странице, не показывая посетителю.

Я бы решить так:

<article itemscope> 
    <img itemprop="image" alt="textual name" src="img/product_name.png" /> 
    <meta itemprop="name" content="textual name" /> 
    <p>Product text</p> 
</article> 

Answer 2

Так как Michaël Hompus сказал, вы можете нам meta, вы можете обратиться к этой ссылке ниже для более подробного объяснения.

here, an example on htmlgoodies

Вот мой пример:

<article itemscope itemtype="http://schema.org/Product"> 
    <img itemprop="image" src="img/product_name.png"> 
    <meta itemprop="name" content="name of product here" /> 
    <p itemprop="description">Product text</p> 
</article> 

и вы можете добавить больше деталей: see here