» » Микроразметка для сайта - разные части
103 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:

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

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

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

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

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

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

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


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

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

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

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

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




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

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

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


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

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


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

    <ol id="breadcrumb" class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            <a href="http://www.redigart.com/pl" title="Redigart Design" itemprop="item">
                <span itemprop="name"><i class="fa fa-home"></i></span>
                <meta itemprop="position" content="1" />
            </a>
        </li>
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            <a href="http://www.redigart.com/pl/blog-pl" title="Blog" itemprop="item">
                <span itemprop="name">Blog</span>
                <meta itemprop="position" content="2" />
            </a>
        </li>
        <li class="active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            <a href="http://www.redigart.com/?p=613" title="Schema.org &#8211; Dane strukturalne dla SEO" itemprop="item">
                <span itemprop="name">Schema.org &#8211; Dane strukturalne dla SEO</span>
                <meta itemprop="position" content="3" />
            </a>
        </li>
    </ol>


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

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


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

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:

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


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

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

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