Разметка schema для картинок на сайте

233

Nekada

19 октября 2013, 11:34

3684

Появилась такая потребность, разметить картинки на сайте.

Все картинки располагаются у меня на страницах в правом углу текста. Это вполне гармонично смотрится, прямо по фэншую, я бы сказала. Верхний край картинки наравне с верхним краем текста.

При разметке то, что написано в поле «name», появляется соответственно, над картинкой, а то, что в дескрипшне – под ней. Это некрасиво.

Да и не надо мне столько надписей вокруг картинки, там и по тексту достаточно заголовков и подзаголовков, чтобы понять, о чем идет речь.

Вынесли «name» вниз, под картинку, стало отображаться под картинкой в две строки название и описание. Снова некрасиво.

Если убрать в display:none; то, что в поле «name», то, похоже, Яндекс будет против:

Размечая страницы с помощью schema.org, придерживайтесь следующих рекомендаций:
• Чем больше, тем лучше — за исключением скрытого текста. Чем больше контента вы разметите, тем лучше. Однако, как правило, следует размечать только контент, видимый посетителям сайта, но не содержимое скрытых тегов <div> и других скрытых элементов страницы.

Что можно сделать в данной ситуации, чтобы были удовлетворены и Яндекс и я?

Наблюдаю и развлекаюсь.

661

87793

21 октября 2013, 23:08

#1

Nekada:
Если убрать в display:none; то, что в поле «name», то, похоже, Яндекс будет против:

Размечая страницы с помощью schema.org, придерживайтесь следующих рекомендаций:
• Чем больше, тем лучше — за исключением скрытого текста. Чем больше контента вы разметите, тем лучше. Однако, как правило, следует размечать только контент, видимый посетителям сайта, но не содержимое скрытых тегов <div> и других скрытых элементов страницы.

Что можно сделать в данной ситуации, чтобы были удовлетворены и Яндекс и я?

Уважаемая Nekada!

Похоже, то, что написано здесь, как раз относится к Вашему случаю:

Недостающая или неявная информация: используйте тег <meta> с атрибутом content
Иногда важная информация не может быть размечена из-за способа ее отображения на странице. Например, информация представлена на рисунке (изображение рейтинга 4 звезды из 5) или во Flash-объекте (например, длительность видеоролика) либо она подразумевается, но не указана на странице в явном виде (например, валюта цены).
В таких случаях можно использовать тег <meta> с атрибутом content. В следующем примере картинка иллюстрирует рейтинг 4 звезды из 5:
<div itemscope itemtype="http://schema.org/Offer"> <span itemprop="name">Blend-O-Matic</span> <span itemprop="price">$19.95</span> <img src="four-stars.jpg" /> 25 оценок </div>

А вот тот же пример с размеченной информацией о рейтинге.
<div itemscope itemtype="http://schema.org/Offer"> <span itemprop="name">Blend-O-Matic</span> <span itemprop="price">$19.95</span> <div itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating"> <img src="four-stars.jpg" /><meta itemprop="ratingValue" content="4" /><meta itemprop="bestRating" content="5" /> <span itemprop="ratingCount">25</span> оценок </div> </div>

1

Наше дело правое - не мешать левому!

233

Nekada

22 октября 2013, 05:40

#2

87793:
охоже, то, что написано здесь, как раз относится к Вашему случаю

87793, это я тоже внимательно прочитала.

Есть сомнения, что это относится к моему случаю.

Навряд ли содержимое тэгов h2 и description относится Яндексом к той информации, которая "не может быть размечена из-за способа ее отображения на странице."

тег h2 помогите разобраться Обратки конкурентов как робот google относится

661

87793

22 октября 2013, 06:31

#3

А так текст, к картинке относящийся (и который в принципе надо бы ввернуть в теги микроразметки, относящиеся к картинке), находится слева от неё?

Я правильно понял?

233

Nekada

22 октября 2013, 06:41

#4

87793, да, текст слева.

Я уже пошла в веб-строительство, потому что придумала вроде что сделать, но пока не знаю как.

661

87793

22 октября 2013, 06:53

#5

Nekada:
Я уже пошла в веб-строительство, потому что придумала вроде что сделать, но пока не знаю как.

Вообще-то, насчёт того, что сделать, чтобы текст был слева от картинки при том, что картинка и текст оборачиваются в контейнер микроразметки, - есть вполне простое решение.

Вот оно:


<table width=... align=... border=0>
...
<tr itemscope itemtype="http://schema.org/ImageObject">
<td>
<h2 itemprop="name">Заголовок</h2>
<p  itemprop="description">описание картинки</p>
</td>
<td width=...>
<img itemprop="contentUrl" src="kartinka.jpg">
</td>
</tr>
...
</table>

233

Nekada

22 октября 2013, 07:00

#6

87793:
Вообще-то, насчёт того, что сделать, чтобы текст был слева от картинки при том, что картинка и текст оборачиваются в контейнер микроразметки, - есть вполне простое решение.

Не... я не правильно поняла. Я думала про текст статьи вопрос.

Текст находится: h2 сверху над картинкой, дескрипшн - под ней.

Потом и тот и другой стали находиться под ней.

В общем, я там в теме в Веб-строительстве картинки запостила, как было, есть и как хочу.

Google: если скрытый контент Google: теги заголовка это Кинопоиск провел редизайн главной

661

87793

22 октября 2013, 07:17

#7

Nekada:
В общем, я там в теме в Веб-строительстве картинки запостила, как было, есть и как хочу.

"Как было" - там есть картинка, как у Вас получилось поначалу, когда Вы задумались об использовании микроразметки и начали её внедрять.

А вот как у Вас выглядело "как было" до того, как Вы вообще в эту микроразметку вляпались?

233

Nekada

22 октября 2013, 07:29

#8

87793:
А вот как у Вас выглядело "как было" до того, как Вы вообще в эту микроразметку вляпались?

А, красиво было, органично. Картинка в правом верхнем углу текста, т. е на одном уровне первая строка и верх картинки.

Интересно, а если к примеру, дескрипшн вообще не писать, а h2 написать под картинкой (внизу ладно, пусть будут подписи), останется ли вообще смысл в этой чема-разметке?

---------- Добавлено 22.10.2013 в 11:35 ----------

87793:
как Вы вообще в эту микроразметку вляпались?

Ну почему сразу "вляпалась"? 😡

Я, может, в ногу с новыми веяниями Яндекса пытаюсь идти?

Я ж не виновата, что эти веяния они внедряют рукожопо, не думая о том, как там это будет реализовываться, и допиливают на ходу, если вообще допиливают.

Как написать h2 вертикально? Уникальность картинок Парсинг характеристик товаров для

661

87793

22 октября 2013, 08:31

#9

Nekada:
А, красиво было, органично. Картинка в правом верхнем углу текста, т. е на одном уровне первая строка и верх картинки.

Заголовок-то картинки и описание её - были?

233

Nekada

22 октября 2013, 08:40

#10

87793:
Заголовок-то картинки и описание её - были?

Нет, не было. Вот так было.

Примерно. Ну слева/снизу по 5-10 px отступов от текста статей, понятное дело.

jpg 128883.jpg

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ