Микроразметка картинок с ленивой загрузкой
Возник вопрос, если путь картинке находится в 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>
Валидацию проходит, браузером не грузится.
Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.