Микроразметка картинок с ленивой загрузкой

11
Алексей,
Микроразметка картинок с ленивой загрузкой

Возник вопрос, если путь картинке находится в data-src, то как добавить микроразметку изображения?

Возник вопрос, если путь картинке находится в data-src, то как добавить микроразметку изображения?

Делать скрытое изображение не вариант, браузер всё равно загрузит его. Добавлять src к другому тегу вообще жесть. Но есть вариант, можно добавить микроразметку http://schema.org/ImageObject к ссылке на изображение.

Вот как размечена детальная картинка у меня на сайте:

<div itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject" style="display: none">
    <a itemprop="url contentUrl" href="https://blog.budagov.ru/path/to/img.jpg"></a>
    <meta itemprop="width" content="1920">
    <meta itemprop="height" content="1080">
    <span itemprop="name">Название изображения</span>
    <p itemprop="description">Описание изображения</p>
</div>

Валидацию проходит, браузером не грузится.

Опубликовано 25 августа 2021 | Обновлено 9 сентября 2021
Поделиться
Комментарии
Авторизуйтесь чтобы получать уведомления об ответе
Возник вопрос, если путь картинке находится в data-src, то как добавить микроразметку изображения?