😎 » DARYA DLE » Микроразметка для сайта - разные части
2 594 1  

Микроразметка для сайта - разные части

На этой странице представлены разные части микроразметки которая используется для обозначення частей сайта.

:fellow: Микроразметку можно сделать через скрипт json

Разметка Open Graph + SEO

Микроразметка  og:

[not-available=main]<meta property="article:section" content="{category-title}" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{category-title}" />[/not-available]
[available=cat]<meta name="twitter:description" content="{category-description}" />[/available]
[page-description]<meta name="twitter:description" content="{page-description}" />[/page-description]
[page-title]<meta name="twitter:title" content="{page-title}" />[/page-title]
[xfgiven_foto-prevu]<meta name="twitter:image" content="[xfvalue_image_url_foto-prevu]" />
<meta property="og:image" content="[xfvalue_image_url_foto-prevu]" />
<meta property="og:image:secure_url" content="[xfvalue_image_url_foto-prevu]" />[/xfgiven_foto-prevu]
<!-- - --> 
<link rel='dns-prefetch' href='//pagead2.googlesyndication.com' />    
<!-- - --> 

Микроразметка каркаса страницы:

<!doctype html>
	<html lang="ru-UA">

		<head >
		</head>

		<body itemscope="" itemtype="https://schema.org/WebPage">

			<header itemscope="" itemtype="https://schema.org/WPHeader">
				...
			</header>
				
			<footer itemscope="" itemtype="https://schema.org/WPFooter">
				...
			</footer>
		</body>

	</html>

Микроразметка для подвала сайта:

<footer class="foot-nuz"  itemscope  itemtype="http://schema.org/WPFooter">
<sup>Copyright ©  
<i itemprop="copyrightYear">2016-2019</i> / 
<i itemprop="copyrightHolder">«Название компании»</i>
<i itemprop="creator">Only to top</i>
</sup>
		<div class="">
<a href="/">Пользовательськое соглашение</a>  
<a href="/">Политика конфиденциональности</a>
		</div>
</footer>

Для WPHeader — Web Page и WordPres не имееет к ниму отошения wink

<header itemscope itemtype="http://schema.org/WPHeader">
    <meta itemprop="headline" content="Название сайта">
    <meta itemprop="description" content="Описание сайта">
    <meta itemprop="keywords" content="асфальт, москва, недорого, доставка">
</header>

Микроразметка для навигации:

<nav itemscope  itemtype="https://www.schema.org/SiteNavigationElement">
	<ul class="menu">
		<li itemprop="name"><a itemprop="url" href="">Главная</a></li>
		<li itemprop="name"><a itemprop="url" href="">Раздел 1</a></li>
		<li itemprop="name"><a itemprop="url" href="">Раздел 2</a></li>
		<li itemprop="name"><a itemprop="url" href="">Фото</a></li>
		<li itemprop="name"><a itemprop="url" href="">Контакты</a></li>
	</ul>
</nav>


Микроразметка для Article:


<article class="article" itemscope itemtype="https://schema.org/Article">
<!-- Каноническая ссылка статьи -->
    <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"
        itemid="{Каноническая ссылка}" content="{Заголовок статьи}" />
<h1 itemprop="headline"><span itemprop="name">{title}</span></h1>
<div>
<time class="meta"><meta itemprop="datePublished" content="{date=y}-{date=m}-{date=d}" />{date}</time></div>
<div itemprop="InteractionCounter" content="UserPageVisits:{views}">{views}</div>
<div itemprop="author">{author}</div>

    <!-- Ссылка на превью статьи !Смотри ниже оформление картинки для артикля -->
    <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
        <img itemprop="url contentUrl" src="{Ссылка на превью}" alt="{Заголовок статьи}" />
    </div>

<div itemprop="articlebody">
{short-story}{full-story}
</div>

=== дата в снипет для гугл====
<time DateTime="2015-01-23t13:23:55+00:00">23 января 2015</time>
=== в <head>:===
<meta itemprop="datePublished" content="2015-01-23t13:23:55+00:00">
<meta itemprop="dateModified" content="2018-01-23t13:23:55+00:00" />


<div>
<i class="bg-icon_clock"></i> <time itemprop="datePublished">2015-05-22</time> год \<s itemprop="dateModified" />2018-12-22</s> | 
<!-- Автор статьи -->
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><s itemprop="name">автор</s></span>  | 
<meta itemprop="name" content="{title}">
<meta itemprop="url" content="{full-link}">
<span itemprop="articleSection"><a href="{category-url}"><s itemprop="name">{category}</s></a></span>
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><s itemprop="name">ооо «<u itemprop="name"> название компании</u>»</s><meta itemprop="logo" content="ссылка на логотип компании"></span>
</div>

</article>


Микроразметка для LocalBusiness + адрес:


		<div itemscope itemtype="http://schema.org/LocalBusiness"> 
			<img itemprop="logo" src="images/logo.png" alt="Логотип Евакуатора" />
			<span>Ми працюємо: ПН-НД,   с 1-00 до 24-00</span>
			
			<p itemprop="name">Дизайн студия</p>
			<p itemprop="description">Веб студия занимается разработкой сайтов на 1С-Битрикс</p> 
			<h5>Наші контакти:</h5>
			<address itemprop="address" itemscope="" itemtype="https://schema.org/PostalAddress">
				<span itemprop="postalCode">32300,</span><br />
				<span itemprop="streetAddress">вул. Тімірязєва 114,</span><br />
				<span itemprop="addressLocality">Кам'янець-Подільський,</span>
				<span itemprop="addressRegion">Хмельницька область</span><br />
				<meta itemprop="addressCountry" content="Україна"/>				
			</address>
			<span itemprop="telephone"><a href="tel:+3804441112301">+38 (044) 111-23-01,</a></span><br />
			<a itemprop="email"  href="mailto:evakuator-24@gmail.com">evakuator-24@gmail.com</a>
			<time itemprop="openingHours" datetime="Mo-Su 01:00-24:00">Цілодобово 24/7</time>
			<meta itemprop="url" content="https://evakuator-24.in.ua"/>

			<time itemprop="openingHours" datetime="Mo-Fr 9:00−20:00">С Понедельника по Пятницу 9-20</time>, 
			<time itemprop="openingHours" datetime="St,Sn">Суббота, Воскресенье круглосуточно</time> 


			<div itemprop="geo" itemscope="" itemtype="http://schema.org/GeoCoordinates"> 
				<meta itemprop="latitude" content="55.7537523"> 
				<meta itemprop="longitude" content="37.6225168"> 
			</div> 
		</div>


Микроразметка для рисунка:

Для обычного рисунка:

<figure itemscope itemtype="https://schema.org/ImageObject">
    <picture>
        <source media="(max-width: 450px)" srcset="/images/foto/big-kamenec-450.jpg">			
        <img itemprop="image" src="/images/foto/big-kamenec.jpg" alt="Вигляд на Кам’янець-Подільський з літака">
    </picture>			
    <meta itemprop="description" content="Вигляд на Кам’янець-Подільський з літака">
    <meta itemprop="author" content="rullan">
    <meta itemprop="contentLocation" content="Кам'янець-Подільський, Хмельницька область, Україна">
    <figcaption itemprop="caption">Вигляд на Кам’янець-Подільський з літака</figcaption>
</figure>


Для рисунка в Article:


[xfgiven_kartunka]
    <figure itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
        <picture>
			<source	media="(max-width: 450px)" srcset="[xfvalue_thumb_url_kartunka]">					
			<img itemprop="url"  src="[xfvalue_image_url_kartunka]" alt="{title}">	
		</picture>	
		<meta itemprop="contentUrl" content="https://ВашСайт">
		<meta itemprop="description" content="{title}">
		<meta itemprop="author" content="ВАШЕ НАЗВАНИЕ АВТОРА">
		<meta itemprop="width" content="933">
		<meta itemprop="height" content="533">	
		<figcaption itemprop="name">{title}</figcaption>
	</figure>
[/xfgiven_kartunka]


Микроразметка для Aside:


<aside  itemscope itemtype="https://schema.org/WPSideBar"> 
<h6 itemprop="name">заголовок блока</h6>
<h6 itemprop="name">заголовок блока</h6>
<h6 itemprop="name">заголовок блока</h6>
</aside>


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

Комментирии тоже нужно правильно пометить. Для комментариев используется http://schema.org/UserComments:


    <ol class="comment-list">
        <li class="comment" id="comment-1" itemprop="comment" itemscope itemtype="http://schema.org/Comments">
            <meta itemprop="discusses" content="Google search engine changes an algorithm for mobile browsers" />
            <link itemprop="url" href="#comment-1">
            <div class="comment-author" itemprop="creator" itemtype="http://schema.org/Person">
                <div itemprop="name">Wojtek Batyra</div>
            </div>
            <span itemprop="datePublished" content="2015-04-19" datetime="2015-04-19T02:18" title="19 April 2015 at 02:18">19 April 2015 at 02:18</span>
            <div itemprop="text">
                <!-- comment content -->
            </div>
        </li>
        <li class="comment" id="comment-2" itemprop="comment" itemscope itemtype="http://schema.org/Comments">
            ...
        </li>
        ...
    </ol>


Микроразметка для логотипа:


<div  itemprop="publisher" itemscope itemtype="https://schema.org/Organization">					
	<span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
         <img itemprop="url" alt="логотип" src="{THEME}/images/logo.png" />
    </span>
		<meta itemprop="address" content="Україна, місто Кам'янець-Подільський, вул. Князів коріатовичів, 4">
		<meta itemprop="name" content="название сайта">
		<meta itemprop="telephone" content="+380974791111"> 
         <meta itemprop="url" content="https://ваш сайт/"> 
</div> 


Микроразметка картотчки товара:

    <article itemscope itemtype="http://schema.org/Product">
      <meta itemprop="sku" content="1234567890"> //код товару від продавця
	  <meta itemprop="mpn" content="AF1"> //код товару від виробника
      <meta itemprop="name" content="Черевики Nike Air Force 1">
      <meta itemprop="description" content="Класична модель, яка ніколи не вийде з моди.">
      <meta itemprop="image" content="https://example.com/images/product/nike-air-force-1.jpg">
      <meta itemprop="brand" content="Nike">
      <meta itemprop="price" content="1234.56">
      <meta itemprop="availability" content="in stock">
	  /*
		in stock - товар є в наявності.
		out of stock - товар відсутній у наявності.
		preorder - товар можна замовити заздалегідь.
		discontinued - товар більше не випускається.
	  */
      <meta itemprop="color" content="чорний">
      <meta itemprop="size" content="42">
      <meta itemprop="material" content="шкіра">
      <meta itemprop="weight" content="500 г">
      <meta itemprop="shipping" content="100 грн">//Вартість доставки
      <meta itemprop="warranty" content="1 рік">
      <meta itemprop="reviewCount" content="10">
      <meta itemprop="aggregateRating" content="4.5">
	  
      <div itemscope itemtype="http://schema.org/Review">
        <meta itemprop="rating" content="5">
        <meta itemprop="author" content="John Doe">
        <meta itemprop="datePublished" content="2023-09-27">
        <p itemprop="reviewBody">
          Чудові черевики, рекомендую!
        </p>
      </div>
	  
      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <link itemprop="url" href="https://example.com/cart/add/1234567890">
        <meta itemprop="priceCurrency" content="UAH">
        <meta itemprop="price" content="1234.56">
      </div>
    </article>
<!-- Карточка товара - «Product» -->
<main itemscope itemtype="http://schema.org/Product">

    <h1 itemprop="name">{Название товара}</h1>
    <meta itemprop="brand" content="{Бренд}" />
    <img itemprop="image" src="{Путь до изображерния товара}" />
    <meta itemprop="description" content="{Описание_товара}">

    <!-- Цены с валютой - «Offer» -->
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <meta itemprop="priceCurrency" content="RUB" />
        <div itemprop="price">{Цена}</div>
        <link itemprop="url" href="{Ссылка на товар}" />

        <link itemprop="availability" href="http://schema.org/InStock" /><!-- В наличии -->
        <link itemprop="availability" href="http://schema.org/OutOfStock" /><!-- Отсутствует -->
        <meta itemprop="availability" content="https://schema.org/PreOrder" /><!-- Предзаказ -->
    </div>

    <?php if ($reviews_count > 0) { /* Если есть отзывы */ ?>

        <!-- Рейтинг (Звёзды) - «AggregateRating» -->
        <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
            <meta itemprop="worstRating" content="{Самая низкая оценка в этой системе рейтинга / 1}" />
            <meta itemprop="bestRating"  content="{Самая высокая оценка в этой системе рейтинга / 5}" />
            <meta itemprop="reviewCount" content="{Количество пользователей, оставивших отзыв}" />
            <meta itemprop="ratingValue" content="{Средний звёздный рейтинг}" />
        </div>

        <?php foreach ($reviews_product as $review) { ?>

            <!-- Отзыв - «Review» -->
            <div itemprop="review" itemscope itemtype="http://schema.org/Review">
                <span itemprop="itemReviewed">{Название товара}</span>
                <span itemprop="name">{Название товара}</span>
                <div itemprop="author" itemscope itemtype="http://schema.org/Person">
                    <div itemprop="name">{Автор отзыва}</div>
                </div>
                <meta itemprop="datePublished" content="{Дата отзыва ISO}">
                <div itemprop="reviewBody">{Текст отзыва}</div>

                <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
                    <meta itemprop="ratingValue" content="{Оценка пользователя}" />
                    <meta itemprop="bestRating" content="{Максимальная значение оценки}" />
                    <meta itemprop="worstRating" content="{Минимальная значение оценки}">
                </div>
            </div>

        <?php } ?>
    <?php } ?>

</main>

Микроразметка для оценки:

Если у нас есть возможность оценивать статьи или продукты в онлайн-магазине или оцениваnm книги, фильмы, для информирование поисковых систем о полученных оценках  используется тег http://schema.org/Review:


<div id="rating_post" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
	<div class="rating_info">
	
        <b>Рейтинг:</b> 		
		<meta itemprop="itemReviewed" content="название продукта">		
		<meta itemprop="ratingCount" content="33"> <!-- сколько проголосовало -->
		<meta itemprop="ratingValue" content="5.7"> <!-- средняя оценка -->
		<meta itemprop="bestRating" content="5">  <!-- самая большая -->
		<meta itemprop="worstRating" content="1"> <!-- самая низкая -->
	
	
    </div>
	<div id="rating">
		<div id="rating_blank"></div><div id="rating_hover"></div><div id="rating_votes" style="width: 83.13px;"></div>
	</div>
</div>


Вариант №2:

Устанавливается на всех страницах в футере:

<div id="rating_post" itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating" title="5/5">
	<meta content="1" itemprop="worstRating" />
	<span itemprop="ratingValue" aria-label="Оценка: 4,9 из 5">4.9/<s itemprop="bestRating">5</s></span>
	<span><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></span>
	<a href=" ссылка на страницу гугл с отзывами"><span>112 отзывов на Google</span></a><br />	
	Verified Ratings <a href="ссылка на страницу с отзывами на своем сайте">Прочитайте все наши отзывы</a>
<div>

Сылка на свою компанию в Гугл отзывах:

search.google.com/local/writereview?placeid=ChIJb0FldbY2ME

Свой идентификатор (ChIJb0FldbY2ME) получаем Здесь - просто вводим название компании.


Код одного отзыва на своем сайте на странице отзывов:

<div id="id_1" class="reviews" itemprop="review" itemscope="" itemtype="http://schema.org/Review">
	<meta content="Natali Portman" itemprop="author">
	<div class="wpcr3_hide" itemprop="reviewRating" itemscope="" itemtype="http://schema.org/Rating">
		<meta content="5" itemprop="bestRating">
		<meta content="1" itemprop="worstRating">
		<meta content="4" itemprop="ratingValue">
	</div>
	<div class="ratingValue"><i>★</i><i>★</i><i>★</i><i>★</i></div>
	<u itemprop="datePublished">Jun 8, 2019</u>	by <u>Randal Fleming</u> on	<u>New Bathroom Style</u>
	<blockquote itemprop="reviewBody">
		<p>Remained a few minutes before regular closing the store when we came, we 
		spent at the store 2 hour time after closed and bought all for our bathroom 
		and got a good deal. The salesperson was very professional. Thank you.</p>
	</blockquote>
</div>

* пример работы варианта 2 на странице - https://newbathroomstyle.com/reviews/



Микроразметка - Вопрос-ответ


<div class="faq-block" itemscope="" itemtype="https://schema.org/FAQPage" style="">
	<h2 class="faq-block__title">Часто задаваемые вопросы про Реставрация ванн</h2>
	<div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
		<h3 itemprop="name">вопрос 1</h3>
		<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
			<div itemprop="text">
				<p>ответ 1</p>
			</div>
		</div>
	</div>
	<div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
		<h3 itemprop="name">вопрос 2</h3>
		<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
			<div itemprop="text">
				<p>ответ 2</p>
			</div>
		</div>
	</div>
	<div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
		<h3 itemprop="name">вопрос 3</h3>
		<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
			<div itemprop="text">
				<p>ответ 3</p>
			</div>
		</div>
	</div>
	<div itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
		<h3 itemprop="name">вопрос 4</h3>
		<div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
			<div itemprop="text">
				<p>ответ 4</p>
			</div>
		</div>
	</div>
</div>


Если на сайте есть какие-либо объявления используэм микроразметку http://schema.org/WPAdBlock :


    <div class="ads" itemscope itemtype="http://schema.org/WPAdBlock">
        <meta itemprop="name" content="Advertise Block" />
        <meta itemprop="description" content="Advertise using AdSense."/>
        <div class="adsContent">
            ...
        </div>
    </div>



Мікроразмітка хлібних крихт:

<ol itemscope itemtype="https://schema.org/BreadcrumbList" class="kruhtu">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="/" itemprop="item">
            <span itemprop="name">Головна</span>
        </a> 
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://rest/region/" itemprop="item">
            <span itemprop="name">Регіон</span>
        </a> 
        <meta itemprop="position" content="2" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="https://rest/region/456.html" itemprop="item">
            <span itemprop="name">Назва регіона</span>
        </a> 
        <meta itemprop="position" content="3" />
    </li>
</ol>


Микроразметка для Блога:

    <div class="mainCopy" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
        <h1 itemprop="name headline">Google search engine changes an algorithm for mobile browsers</h1>
        <ul class="blog-meta">
            <li><span class="icon"><i class="fa fa-user"></i> </span><span class="entry-author" itemprop="author" itemscope itemtype="http://schema.org/Person">Wojtek Batyra</span></li>
            <li><span class="icon"><i class="fa fa-calendar"></i> </span><span datetime="2015-03-15" itemprop="datePublished">15 March 2015</span></li>
            <li><span class="icon"><i class="fa fa-comments"></i> </span>0</li>
            <li><span class="icon"><i class="fa fa-tags"></i> </span>
                <a href="http://www.redigart.com/en/tag/google-en"><span itemprop="keywords">google</span></a>
                | <a href="http://www.redigart.com/en/tag/mobile-version"><span itemprop="keywords">mobile version</span></a>
                | <a href="http://www.redigart.com/en/tag/search"><span itemprop="keywords">search</span></a>
            </li>
        </ul>                        
        <div itemprop="articleBody">
            <!-- Copy -->
        </div>
    </div>


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

http://schema.org/Organization можно использовать как для организации, так и для компании. LocalBusiness может использоваться для маркировки филиалов, где родительским элементом является Organization.

    <ul class="socialIcons" itemscope itemtype="http://schema.org/Organization">
        <li>
            <link itemprop="url" href="https://www.redigart.com/" />
            <meta itemprop="logo" content="http://www.redigart.com/wp-content/themes/redigart/images/logo.png" />
            <meta itemprop="name" content="Redigart Design" />
            <div itemscope itemprop="address" itemtype="http://schema.org/PostalAddress">
                <meta itemprop="streetAddress" content="Wisłowiec 82" />
                <meta itemprop="postalCode" content="22-417" />
                <meta itemprop="addressLocality" content="Stary Zamość" />
            </div>
            <meta itemprop="telephone" content="+48 84 307 07 79" />
            <meta itemprop="telephone" content="+48 570 285 787" />
            <meta itemprop="email" content="info(at)redigart.com" />
            <a href="https://www.facebook.com/redigart" rel="nofollow" target="_blank" itemprop="sameAs"><img src="http://www.redigart.com/wp-content/themes/redigart/images/social-icons/facebook.png" alt="Facebook" /></a>
        </li>
        <li><a href="https://www.google.com/+Redigart" rel="nofollow" target="_blank" itemprop="sameAs"><img src="http://www.redigart.com/wp-content/themes/redigart/images/social-icons/googleplus.png" alt="Google+" /></a></li>
        <li><a href="https://twitter.com/redigart" rel="nofollow" target="_blank" itemprop="sameAs"><img src="http://www.redigart.com/wp-content/themes/redigart/images/social-icons/twitter.png" alt="@redigart" /></a></li>
    </ul>

Микроразметка для meta:


<meta name="description" content="Корреспондент Александр Дубинский заявил, что показатель политической партии прежнего президента Украины понизился мгновенно на 2% лишь за 3 дня." />
<link rel="canonical" href="https://news.com.ua/u-partii-poroshenko-rejting-silno-upal-za-3-dnya-pochemu-i-prichina.html" />
<meta property="og:title" content="У партии Порошенко рейтинг сильно упал за 3 дня: почему и причина" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://news.com.ua/u-partii-poroshenko-rejting-silno-upal-za-3-dnya-pochemu-i-prichina.html" />
<meta property="og:image" content="https://news.com.ua/wp-content/uploads/2019/06/k293.jpeg" />
<meta property="og:site_name" content="Новости Сегодня" />
<meta property="og:description" content="Корреспондент Александр Дубинский заявил, что показатель политической партии прежнего президента Украины понизился мгновенно на 2% лишь за 3 дня." />
<meta property="article:tag" content="Украина" />
<meta property="article:published_time" content="2019-06-17T16:25:32Z" />
<meta property="article:modified_time" content="2019-06-17T16:11:26Z"  />
<meta property="og:image:secure_url" content="https://news.com.ua/wp-content/uploads/2019/06/k293.jpeg" />

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@kmmm1979" />
<meta name="twitter:domain" content="http://twitter.com/@kmmm1979" />
<meta name="twitter:title" content="У партии Порошенко рейтинг сильно упал за 3 дня: почему и причина" />
<meta name="twitter:description" content="Корреспондент Александр Дубинский заявил, что показатель политической партии прежнего президента Украины понизился мгновенно на 2% лишь за 3 дня." />
<meta name="twitter:image" content="https://news.com.ua/wp-content/uploads/2019/06/k293.jpeg" />

Микроразметка для раздела "О себе" (schema.org/Person)

Person — тип для описания человека — реально существующего, жившего давно или вообще вымышленного. С его помощью можно описать имя, фамилию, возраст, дату рождения и смерти, пол, контактные данные, информацию о работе и кучу другой информации, которую робот поймёт.

    <div itemscope itemtype="http://schema.org/Person">
       <p itemprop="name">Алексей</p> <!-- Имя -->
       <p itemprop="additionalName"> Владимирович</p> <!-- Отчество -->
       <p itemprop="familyName"> Петров</p> <!-- Фамилия -->
      <p itemprop="jobTitle">веб-мастер</p> <!-- Должность -->
       <div>
          <a href="http://site.ru/about/" itemprop="sameAs">site.ru/about/</a>, <!-- Адрес оффициальной веб-страницы (вроде wikipedia), множественное -->
          <a href="http://site2.ru/users/who/" itemprop="sameAs">site2.ru/users/who/</a> <!-- Адрес оффициальной веб-страницы (вроде wikipedia), множественное -->
       </div>
       <div>
          <a href="http://ok.ru/who" itemprop="url">ok.ru/who</a>, <!-- Адрес веб-страницы, множественное -->
          <a href="http://twitter.com/who" itemprop="url">twitter.com/who</a>, <!-- Адрес веб-страницы, множественное -->
          <a href="http://vk.ru/who" itemprop="url">vk.ru/who</a> <!-- Адрес веб-страницы, множественное -->
       </div>
       <div>
          <span itemprop="telephone">8(495)123-45-67</span>, <!-- телефон, множественное -->
          <span itemprop="telephone">+7(926)12-34-567</span> <!-- телефон, множественное -->
       </div>
       <div>
          <span itemprop="email">email1@site.ru</span>, <!-- e-mail, множественное -->
          <span itemprop="email">email2@site.ru</span> <!-- e-mail, множественное -->
       </div>
    </div>


Микроразметка для рекламного блока:

<div itemscope itemtype="https://schema.org/WPAdBlock">
	<a href="" itemprop="url" rel="external"><img alt="" itemprop="image" src="" ></a>
</div>


Микрразметка для видео:

	<div itemscope="" itemtype="http://schema.org/VideoObject">
	    <meta itemprop="name" content="Машинная штукатурка дома">
	    <meta itemprop="description" content="Машинная штукатурка дома в Москве и Московской области">
	    <meta itemprop="duration" content="PT6M58S">
	    <meta itemprop="isFamilyFriendly" content="true">
	    <meta itemprop="uploadDate" content="2021-06-23T00:00:00">
	    <meta itemprop="thumbnailUrl" content="https://i.ytimg.com/vi/J6qQd71ruQI/sddefault.jpg">
	    <meta itemprop="url" content="https://www.youtube.com/embed/J6qQd71ruQI">
      	<meta itemprop="contentUrl" content="https://www.youtube.com/embed/J6qQd71ruQI" />
  		<meta itemprop="embedUrl" content="https://www.youtube.com/embed/J6qQd71ruQI?rel=0" />
		<iframe width="560" height="515" src="https://www.youtube.com/embed/J6qQd71ruQI" title="Машинная штукатурка дома" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>	
	</div>

Коментарі 1

18 грудня 2021 18:30

schema это сила fellow


Залишити свій коментар:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2009
2023