Форум Сайтостроение Веб-строительство

Помогите с микроразметкой для изображений

Z
На сайте с 10.12.2017
Offline
48
zanzibar
662

Подскажите - изображение выводится таким кодом в коде страницы <a href='/loadfiles/moduls/doska/bigfoto/fd9b4ee60e6a1d99dbce3cca8c02fd8c.jpg' vfoto='advert' alt='' title=''> .

В файле выводится так <a href='{$dir_http."/".NAME_DIR_LOADFILES_MODULS}/doska/bigfoto/{$name_image}' vfoto='advert' alt='{$alt_img|codehtml}' title='{$title_img|codehtml}'>

Будет ли правильно если я сделаю так <a itemprop="image" href='/loadfiles/moduls/doska/bigfoto/fd9b4ee60e6a1d99dbce3cca8c02fd8c.jpg' vfoto='advert' alt='' title=''> .

Или здесь нужно по другому прописывать?

C
На сайте с 26.12.2005
Offline
146
Charli
#1

Надо сначала объект объявить, чтобы было понятно к чему относится фото

Лучший хостинг, которым пользовался за последние 15 лет! (https://beget.com/p107248)
Z
На сайте с 10.12.2017
Offline
48
zanzibar
#2
Charli:
Надо сначала объект объявить, чтобы было понятно к чему относится фото

в плане объект? Вот это http:// schema.org/Article ? То это объявлено в коде.

Меня беспокоить именно что изображение по ссылке начинается без img scr=

Z0
На сайте с 03.09.2009
Offline
823
ziliboba0213
#3
zanzibar:
в плане объект? Вот это http:// schema.org/Article ? То это объявлено в коде.

Меня беспокоить именно что изображение по ссылке начинается без img scr=

Так вам не для ссылки надо, а для img. Зачем вы для ссылки делаете?

Или у вас фотки js вставляются по клику по ссылке?

Z
На сайте с 10.12.2017
Offline
48
zanzibar
#4
ziliboba0213:
Так вам не для ссылки надо, а для img. Зачем вы для ссылки делаете?

Или у вас фотки js вставляются по клику по ссылке?

Да, фотки по клику. Маленькие - img, большие по клику открываются по ссылке.

Показывает в проверке микроразметки так

Это нормально или нет?

D
На сайте с 28.06.2008
Offline
1113
Dram
#5

НОррмально так как "нравится" валидатору. Попробовали - скормили валидатору, смотрим ошибки, пробуем по другому.

Z0
На сайте с 03.09.2009
Offline
823
ziliboba0213
#6 


<div itemscope itemtype="http://schema.org/WebPage">

<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">                                                   

      <img itemprop="url contentUrl" src="http://site.ru/pic-150-120.jpg" alt="" title="">

      <meta itemprop="width" content="150">

      <meta itemprop="height" content="120">

</div>

</div>

Вот так работает, берите за пример.

Z
На сайте с 10.12.2017
Offline
48
zanzibar
#7
ziliboba0213:

<div itemscope itemtype="http://schema.org/WebPage">

<div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">                                                   

      <img itemprop="url contentUrl" src="http://site.ru/pic-150-120.jpg" alt="" title="">

      <meta itemprop="width" content="150">

      <meta itemprop="height" content="120">

</div>

</div>

Вот так работает, берите за пример.

А если изображения разных размеров - что указывать width heght ? 100% или что другое или не указывать?

Z0
На сайте с 03.09.2009
Offline
823
ziliboba0213
#8
zanzibar:
А если изображения разных размеров - что указывать width heght ? 100% или что другое или не указывать?

Вам лень самому проверить? 🍿

https://webmaster.yandex.ru/tools/microtest/

https://search.google.com/structured-data/testing-tool

Z
На сайте с 10.12.2017
Offline
48
zanzibar
#9
ziliboba0213:
Вам лень самому проверить? 🍿
https://webmaster.yandex.ru/tools/microtest/
https://search.google.com/structured-data/testing-tool

Ну наверное должно быть правило - как правильно писать для изображений разных размеров, в нете везде инфа с размерами?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий