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

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

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

Разметка 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="uk">

		<head >
		</head>

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

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

	</html>

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

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


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

<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>



fellow Дальше код виден только для пользователей:

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

Внимание! У Вас нет прав для просмотра скрытого текста.

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

Внимание! У Вас нет прав для просмотра скрытого текста.

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

Внимание! У Вас нет прав для просмотра скрытого текста.

<figure itemprop="image" itemscope="" itemtype="https://schema.org/ImageObject">
		<img itemprop="contentUrl"  src="images/robota/2/mehanizirovana-shtykatyrka-5m.jpg" alt="">
		<meta itemprop="description" content="Описание, дескрипшен для рисунка">
		<meta itemprop="author" content="Престиж штукатур">
		<meta itemprop="width" content="1000">
		<meta itemprop="height" content="667">	
<figcaption>Описание изображения</figcaption>
</figure>


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

Внимание! У Вас нет прав для просмотра скрытого текста.


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

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

Внимание! У Вас нет прав для просмотра скрытого текста.

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

Внимание! У Вас нет прав для просмотра скрытого текста.




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

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

Внимание! У Вас нет прав для просмотра скрытого текста.


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

Внимание! У Вас нет прав для просмотра скрытого текста.


Микроразметка хлебных крошек:

<ol itemscope itemtype="https://schema.org/BreadcrumbList" class="kruhtu">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
	<a itemprop="item" href="/"><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/"><span itemprop="name">Регион</span></a> 
	<meta itemprop="position" content="2" />
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
	<meta itemprop="item" content="https://rest/region/456.html"><span itemprop="name">Название региона</span>
	<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:

Внимание! У Вас нет прав для просмотра скрытого текста.


Микроразметка для раздела "О себе" (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>



Оставить свой комментарий:

Опыт в веб разработке:

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