Форум русской поддержки Joomla!® CMS
17.08.2017, 10:08:31 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Основной курс по Joomla
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Микроразметка картинок

 (Прочитано 412 раз)
0 Пользователей и 1 Гость смотрят эту тему.
ChaosHead
Профи
********

Репутация: +409/-13
Online Online

Пол: Мужской
Сообщений: 4742



« : 28.02.2017, 21:44:07 »

Подскажите, кто решал вопрос микроразметки картинок в статьях. Статьи в Joomla размечаются микроразметкой https://schema.org/Article, а ему требуется соответсвующая разметка картинок вот такая https://schema.org/ImageObject
Код:
<div itemscope itemtype="http://schema.org/ImageObject">
  <h2 itemprop="name">Beach in Mexico</h2>
  <img src="mexico-beach.jpg"
  alt="Sunny, sandy beach."
  itemprop="contentUrl" />
  By <span itemprop="author">Jane Doe</span>
  Photographed in
    <span itemprop="contentLocation">Puerto Vallarta, Mexico</span>
  Date uploaded:
    <meta itemprop="datePublished" content="2008-01-25">Jan 25, 2008
  <span itemprop="description">I took this picture while on vacation last year.</span>
</div>
Отдельный вопрос зачем такое придумали, но как бы лихо перевести все статьи с картинками в такую разметку? Никто не решал такой вопрос?
Записан
ChaosHead
Профи
********

Репутация: +409/-13
Online Online

Пол: Мужской
Сообщений: 4742



« Ответ #1 : 28.02.2017, 21:56:55 »

Ага, выяснил, что если изображение добавлять через форму:


то оно размечается, но неправильно
Код:
<div class="pull-left item-image">
<div class="img_caption none" style="float: none; width: 555px;">
<img class="caption" title="222" src="/images/3/1.jpg" alt="111" itemprop="image"><p class="img_caption">222</p>
</div>
</div>
Валидацию не проходит, пишет: (Атрибут image.itemtype имеет недопустимое значение.)
Записан
Septdir
Практически профи
*******

Репутация: +106/-0
Offline Offline

Пол: Мужской
Сообщений: 2117



« Ответ #2 : 01.03.2017, 12:07:02 »

Как-то так. Чем заполнять контент написал
Код:
<div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
<link itemprop="url" href="ссылка на большую картинку">
<meta itemprop="width" content="ширина большой картинки ">
<meta itemprop="height" content="высота большой картинки">
<meta itemprop="thumbnail" content="ссылка на миниатюру">
</div>
Сам недавно с этим мучался валидную разметку.
Так что если надо могу дать полную валидную разметку под Яндекс и гулю для itemtype="http://schema.org/Article"
« Последнее редактирование: 01.03.2017, 12:28:26 от Septdir » Записан
ChaosHead
Профи
********

Репутация: +409/-13
Online Online

Пол: Мужской
Сообщений: 4742



« Ответ #3 : 01.03.2017, 12:22:29 »

Был бы благодарен. Толковой инфы очень мало по этой теме.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet