HTML-элемент data связывает машиночитаемое значение с его человекопонятным представлением. Это особенно полезно для добавления семантического значения к вашему контенту, например, для привязки идентификатора продукта к его отображаемому названию.

<p>Кетчуп:</p>
<ul>
  <li><data value="398">Мини</data></li>
  <li><data value="399">Джамбо</data></li>
  <li><data value="400">Мега Джамбо</data></li>
</ul>

или

<p>Price: <data value="49.99">$49.99</data></p>

Таким образом, data предоставляет поисковым системам и веб-сканерам дополнительную информацию, позволяющую точнее понимать ваш контент, что, в свою очередь, положительно влияет на результаты поисковой выдачи.

Спасибо за внимание.