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

ChaosHead

Гуру
5242
451 / 13

Подскажите, кто решал вопрос микроразметки картинок в статьях. Статьи в 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 »

Цитата: Septdir от 01.03.2017, 11:07:02

Сам недавно с этим мучался валидную разметку.
Так что если надо могу дать полную валидную разметку под Яндекс и гулю для 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 Просмотров: 1255	23.03.2020, 09:22:50 от ViktorMah
Правильная микроразметка shema.org для меню Автор Roinmana	Ответов: 1 Просмотров: 4805	26.04.2018, 13:46:10 от smallplushbear
Микроразметка ImageObject и BlogPosting Автор addrss	Ответов: 1 Просмотров: 4194	22.03.2018, 20:34:45 от ProtectYourSite
Микроразметка для каталого разширений Автор Septdir	Ответов: 1 Просмотров: 1194	18.09.2017, 14:06:29 от ProtectYourSite
Микроразметка schema Автор cntrl	Ответов: 3 Просмотров: 2804	09.09.2017, 15:51:28 от Филипп Сорокин

Микроразметка картинок - Поисковая оптимизация, продвижение сайтов на Joomla (SEO)

Новости Joomla

👩‍💻 Joomla-ресурсы в мессенджере MAX.

👩‍💻 WT CDEK library v.1.3.0 - обновление PHP SDK для Joomla + CDEK.

👩‍💻 Вышла новая версия плагина joomLab Gallery 1.1.0 для Joomla.

ChaosHead

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

ChaosHead

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

Septdir

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

ChaosHead

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

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

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

Septdir

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

Похожие темы