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

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

Возник вопрос, если путь картинке находится в 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, то как добавить микроразметку изображения?