0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 7040 Просмотров
*

ChaosHead

  • Гуру
  • 5242
  • 451 / 13
Микроразметка картинок
« : 28.02.2017, 20: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

  • Гуру
  • 5242
  • 451 / 13
Re: Микроразметка картинок
« Ответ #1 : 28.02.2017, 20: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

  • Живу я здесь
  • 3370
  • 168 / 4
Re: Микроразметка картинок
« Ответ #2 : 01.03.2017, 11: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, 11:28:26 от Septdir »
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
CodersRank | Контакты | Мой GitHub | Workshop
*

ChaosHead

  • Гуру
  • 5242
  • 451 / 13
Re: Микроразметка картинок
« Ответ #3 : 01.03.2017, 11:22:29 »
Был бы благодарен. Толковой инфы очень мало по этой теме.
*

Филипп Сорокин

  • Завсегдатай
  • 1918
  • 160 / 4
  • разработчик.москва
Re: Микроразметка картинок
« Ответ #4 : 31.08.2017, 08:27:39 »
Сам недавно с этим мучался валидную разметку.
Так что если надо могу дать полную валидную разметку под Яндекс и гулю для itemtype="http://schema.org/Article"

Хотел дать, так что не дал? :)
Продолжаю тему. Вот моя микроразметка, принимаемая валидаторами обоих поисковиков:
Код
<article itemscope itemtype="http://schema.org/Article">
   
    <meta itemprop="mainEntityOfPage" content="https://site.ru/article.html" />
    <meta itemprop="name" content="Заголовок статьи">
    <meta itemprop="headline" content="Заголовок статьи">
    <meta itemprop="author" content="Автор">
    <meta itemprop="dateModified" content="2017-08-25T03:02:04+03:00">
    <meta itemprop="datePublished" content="2017-08-25T03:02:04+03:00">

    <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
        <link itemprop="url image" href="https://site.ru/article_image.jpg">
        <meta itemprop="width" content="640">
        <meta itemprop="height" content="480">
    </div>
   
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
            <link itemprop="url image" href="https://site.ru/logo.jpg">
            <meta itemprop="width" content="300">
            <meta itemprop="height" content="90">
        </div>
        <meta itemprop="name" content="Моя организация">
        <meta itemprop="address" content="Город, улица, дом">
        <meta itemprop="telephone" content="555-55-55">
    </div>

    <div  itemprop="articleBody">
       
        Текст статьи
       
    </div>
   
</article>
*

Septdir

  • Живу я здесь
  • 3370
  • 168 / 4
Re: Микроразметка картинок
« Ответ #5 : 31.08.2017, 11:54:53 »
Да потерялась видать тема
"http://schema.org/BlogPosting
Код: html
<div class="microdata" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting">
<meta itemscope="" itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage"
  itemid="/blog/web/joomla-extra-fields-anywhere.html" content="">
<meta itemprop="name" content="Joomla - Доп поля в любом месте">
<meta itemprop="headline" content="Joomla - Доп поля в любом месте">
<link itemprop="url" href="/blog/web/joomla-extra-fields-anywhere.html">
<meta itemprop="description" content="Новые доп. поля в Joomla сделаны весьма неплохо, а некоторых аспектах даже превосходят поля k2, но вот их вывод
сделан совсем не гибко. А...">
<meta itemprop="datePublished" content="2017-07-20">
<meta itemprop="dateModified" content="2017-07-20">
<div itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
<link itemprop="url" href="https://septdir.ru/images/blog/31/fulltext.jpg">
<meta itemprop="width" content="1200">
<meta itemprop="height" content="536">
<meta itemprop="thumbnail" content="https://septdir.ru/images/blog/31/intro.jpg">
</div>
<div itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<meta itemprop="name" content="Игорь Бердичевский">
<meta itemprop="description" content="Веб разработчик">
<meta itemprop="image" content="https://septdir.ru/images/avatars/foto.jpg">
<link itemprop="url" href="https://septdir.ru/">
<meta itemprop="email" content="septdir@gmail.com">
<meta itemprop="telephone" content="+xxxxx">
<meta itemprop="address" content="Россия, Санкт-Петербург">
</div>
<div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Игорь «Septdir» Бердичевский">
<meta itemprop="description" content="Персональный сайт Игоря Бердичевского">
<link itemprop="url" href="https://septdir.ru/">
<meta itemprop="address" content="Россия, Санкт-Петербург">
<meta itemprop="telephone" content="+7xxxxx">
<meta itemprop="email" content="septdir@gmail.com">
<meta itemprop="image" content="images/logo.png">
<div itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject">
<link itemprop="url" href="https://septdir.ru/images/logo.png">
<meta itemprop="width" content="231">
<meta itemprop="height" content="40">
<meta itemprop="thumbnail" content="https://septdir.ru/images/logo.png">
</div>
</div>
</div>
https://schema.org/Article
Код: html
<div class="microdata" itemscope="" itemtype="https://schema.org/Article">
<meta itemscope="" itemprop="mainEntityOfPage" itemtype="https://schema.org/WebPage"
  itemid="/blog/web/joomla-extra-fields-anywhere.html" content="">
<meta itemprop="name" content="Joomla - Доп поля в любом месте">
<meta itemprop="headline" content="Joomla - Доп поля в любом месте">
<link itemprop="url" href="/blog/web/joomla-extra-fields-anywhere.html">
<meta itemprop="description" content="Новые доп. поля в Joomla сделаны весьма неплохо, а некоторых аспектах даже превосходят поля k2, но вот их вывод
сделан совсем не гибко. А...">
<meta itemprop="datePublished" content="2017-07-20">
<meta itemprop="dateModified" content="2017-07-20">
<div itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
<link itemprop="url" href="https://septdir.ru/images/blog/31/fulltext.jpg">
<meta itemprop="width" content="1200">
<meta itemprop="height" content="536">
<meta itemprop="thumbnail" content="https://septdir.ru/images/blog/31/intro.jpg">
</div>
<div itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<meta itemprop="name" content="Игорь Бердичевский">
<meta itemprop="description" content="Веб разработчик">
<meta itemprop="image" content="https://septdir.ru/images/avatars/foto.jpg">
<link itemprop="url" href="https://septdir.ru/">
<meta itemprop="email" content="septdir@gmail.com">
<meta itemprop="telephone" content="+7xxxxx">
<meta itemprop="address" content="Россия, Санкт-Петербург">
</div>
<div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Игорь «Septdir» Бердичевский">
<meta itemprop="description" content="Персональный сайт Игоря Бердичевского">
<link itemprop="url" href="https://septdir.ru/">
<meta itemprop="address" content="Россия, Санкт-Петербург">
<meta itemprop="telephone" content="+7xxxxx">
<meta itemprop="email" content="septdir@gmail.com">
<meta itemprop="image" content="images/logo.png">
<div itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject">
<link itemprop="url" href="https://septdir.ru/images/logo.png">
<meta itemprop="width" content="231">
<meta itemprop="height" content="40">
<meta itemprop="thumbnail" content="https://septdir.ru/images/logo.png">
</div>
</div>
</div>
« Последнее редактирование: 06.12.2019, 02:31:07 от Septdir »
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
CodersRank | Контакты | Мой GitHub | Workshop
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Микроразметка Хлебных крошек(mod_breadcrumbs) в json-ld

Автор ViktorMah

Ответов: 2
Просмотров: 763
Последний ответ 23.03.2020, 09:22:50
от ViktorMah
Правильная микроразметка shema.org для меню

Автор Roinmana

Ответов: 1
Просмотров: 4002
Последний ответ 26.04.2018, 13:46:10
от smallplushbear
Микроразметка ImageObject и BlogPosting

Автор addrss

Ответов: 1
Просмотров: 3338
Последний ответ 22.03.2018, 20:34:45
от ProtectYourSite
Микроразметка для каталого разширений

Автор Septdir

Ответов: 1
Просмотров: 851
Последний ответ 18.09.2017, 14:06:29
от ProtectYourSite
Микроразметка schema

Автор cntrl

Ответов: 3
Просмотров: 2284
Последний ответ 09.09.2017, 15:51:28
от Филипп Сорокин