Меня зовут Иван Жданович руководитель проекта Seo House Почему мне можно доверять Я занимаюсь клиентским продвижением сайтов в Снг, Европу и США. Опыт работы с клиентскими проектами более 15 лет. Сегодня пойдет речь про структурную разметку сайтов.
Микроразметка сайта – это способ структурирования информации для поисковых систем, облегчающий их работу по индексации страниц. Это достигается путем внедрения в HTML-код страницы специальных тегов, которые помогают поисковикам лучше понимать содержание сайта и отображать его в результатах поиска более привлекательно. Применение микроразметки увеличивает видимость сайта в поисковой выдаче и может положительно сказаться на его кликабельности.
Что дает микроразметка
Микроразметка даёт ряд важных преимуществ для веб-сайтов, особенно в контексте поисковой оптимизации (SEO) и улучшения взаимодействия с поисковыми системами:
Повышение видимости в поисковой выдаче: поскольку микроразметка помогает поисковым системам лучше понимать содержание страниц, сайты с правильно реализованной микроразметкой чаще отображаются в выдаче в виде расширенных сниппетов. Это могут быть сниппеты с рейтингом, ценами, наличием товара, автором и датой публикации для статей и т. д.
Улучшение пользовательского опыта: предоставление дополнительной информации в результатах поиска, такой как оценки пользователей, цены, наличие товаров или элементы навигации (хлебные крошки), делает сниппеты более информативными. Это не только помогает пользователям быстрее находить нужную информацию, но и может увеличить вероятность их перехода на ваш сайт.
Повышение точности и релевантности поисковых запросов: микроразметка позволяет поисковым системам точнее интерпретировать содержимое страницы, следовательно, сайт будет чаще появляться в результатах поиска по действительно релевантным запросам. Это увеличивает качество трафика на сайт, привлекая более заинтересованных пользователей.
Используя микроразметку, вебмастера имеют возможность продвигать свои сайты более эффективно, делая информацию о продуктах, услугах и предложенном контенте более понятной и доступной как для поисковых систем, так и для конечных пользователей.
В чем преимущество сниппетов расширенных
Расширенные сниппеты, создаваемые при помощи микроразметки, имеют несколько значительных преимуществ по сравнению с обычными сниппетами в поисковой выдаче:
Повышение кликабельности: расширенные сниппеты более заметны в поисковой выдаче благодаря дополнительным элементам (например, рейтингу, отзывам, ценам, наличию товара), что привлекает внимание пользователей и увеличивает вероятность того, что они кликнут именно по вашей ссылке.
Улучшение пользовательского опыта еще до посещения сайта: предоставление ключевой информации прямо в сниппете помогает пользователям быстрее находить то, что они ищут, улучшая их общий опыт работы с поисковой системой и с вашим сайтом даже до того, как они перейдут на него.
Целевой трафик и повышение конверсии: благодаря более подробной информации в сниппете пользователи заранее получают представление о содержании страницы, поэтому если они переходят на сайт, то их интерес к представленной там информации или продукту уже подтвержден. Это привлекает более качественный трафик на сайт и может способствовать повышению конверсии.
Эти преимущества делают микроразметку важным инструментом для вебмастеров и маркетологов, стремящихся максимизировать видимость и эффективность своих сайтов в интернете.
Основные виды разметки
В веб-разработке и SEO используется несколько основных типов микроразметки, каждый из которых служит для улучшения понимания контента сайта поисковыми системами и улучшения отображения результатов поиска. Ниже приведены основные типы:
Schema.org (Схема): Самый популярный и универсальный словарь микроразметки, поддерживаемый крупнейшими поисковыми системами, включая Google, Bing, Yahoo!, и Yandex. Schema.org предоставляет обширный набор типов для разметки различного рода информации на веб-сайтах, включая товары, людей, организации, местоположения, события и многое другое.
Microformats (Микроформаты): Этот тип микроразметки позволяет встроить информацию о контактах (hCard), событиях (hCalendar), отзывах и других данных напрямую в классы HTML. Микроформаты легко читаемы как людьми, так и машинами, что делает их полезными для поисковой оптимизации.
RDFA (Resource Description Framework in Attributes): Стандарт, основанный на использовании ат
Виды разметки с кодом для Google
Микроразметка для страницы контактов
<div itemscope="" itemtype=">
<span itemprop="name"> </span>
Контактная информация:
<div itemprop="address" itemscope="" itemtype=>
Почтовый адрес:
<span itemprop="streetAddress">номер дома, улица</span>
<span itemprop="postalCode">почтовый индекс</span>
<span itemprop="addressLocality">город, страна</span>
</div>
Телефон:<span itemprop="telephone">контактный телефон</span>,
Факс:<span itemprop="faxNumber">факс</span>,
E-mail: <span itemprop="email">корпоративный e-mail</span>
</div>Микроразметка карточки товара
<div itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Футболка с топорами</h1>
<img src="/images/article/1556011480370.jpg" itemprop="image">
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <div>700 руб.</div>
<meta itemprop="price" content="700.00"> <meta itemprop="priceCurrency" content="RUB"> </div>
<div>Производитель: <span itemprop="brand">Макс-Экстрим</span></div>
<div>Модель: <span itemprop="model">3774438</span></div>
<div itemprop="description">Дизайнерская футболка, перевод надписи - <br> "Нечего делать с ножом там, где нужен топор". Футболка с классным <br> дизайном, изготовлена из качественных материалов и стойкой краски.</div>
</div>Микроразметка категории товаров
<div itemscope itemtype="http://schema.org/Product">
<p itemprop="name">Мужские футболки</p>
<div itemtype="http://schema.org/AggregateOffer" itemscope="" itemprop="offers">
<div>40 товаров</div>
<meta content="40" itemprop="offerCount">
<div>от 500 руб.</div>
<meta content="500" itemprop="lowPrice">
<div>до 1000 руб.</div>
<meta content="1000" itemprop="highPrice">
<meta content="RUB" itemprop="priceCurrency">
</div>
</div>Микроразметка статей
<section itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">Микроразметка для статьи</h1>
<time itemprop="datePublished" datetime="2019-04-26T20:10:00+00:00">26 апреля 2019</time>
<div itemscope itemprop="image" itemtype="http://schema.org/ImageObject">
<img itemprop="url contentUrl" src="/images/article/microrazmetka-schema-org.png" alt="Микроразметка статьи">
</div>
<h2 itemprop="alternativeHeadline">Подзаголовок</h2>
<article itemprop="articleBody">
<p>Текст статьи</p>
</article>
<div>Автор: <span itemprop="author">Артем Абловацкий</span></div>
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url image" src="logo.svg" />
</div>
<meta itemprop="name" content="Артем Абловацкий">
<meta itemprop="telephone" content="+7 909 45 45 396">
<meta itemprop="address" content="г. Москва, ул. Пушкина Дом Колотушкина">
</div>
<meta itemprop="dateModified" content="2019-04-26T23:30:40+00:00" />
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="Ссылка на статью" />
</section>Микроразметка для отзывов
<div itemprop="review" itemscope itemtype="http://schema.org/Review"> <span itemprop="name">Превосходная статья!</span>
<span itemprop="author">Артем Абловацкий Старший Сео специалист RUSH</span>
<meta itemprop="datePublished" content="2022-26-04">
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "0">
<span itemprop="ratingValue">10</span> <span itemprop="bestRating">10</span> </div>
<span itemprop="reviewBody">Очень познавательная и информативная статья! Узнал много нового.</span>
</div>
</div>Микроразметка для изображений
<div itemscope itemtype="http://schema.org/ImageObject">
<h2 itemprop="name">Винни-Пух</h2>
<img src="vinni.jpg" itemprop="contentUrl" />
<span itemprop="description">Винни-Пух залезает на дерево.</span>
</div>Микроразметка для видео
<div itemscope itemtype="http://schema.org/VideoObject" >
<a itemprop="url" href="https://www.mysite.com/view/306/">
<h1 itemprop="name">Что такое Schema.org</h1></a>
<p itemprop="description">Schema.org - это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. Цель семантической разметки — сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.</p>
<meta itemprop="duration" content="PT6M58S">
<meta itemprop="isFamilyFriendly" content="true">
<p>Дата загрузки:<span itemprop="uploadDate">2013-06-05T00:00:00</span></p>
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<img itemprop="contentUrl" src="https://www.mysite.com/images/preview/img1.jpg">
<meta itemprop="width" content="250">
<meta itemprop="height" content="120">
</span>
</div>Микроразметка страницы Q&A
<span itemprop="name">Почем опиум для народа</span>
<div><span itemprop="answerCount">Количество ответов на вопрос</span></div>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="text">Религия-опиум для народа</div>Микроразметка для кулинарных сайтов
<div itemscope itemtype="http://schema.org/Recipe">
<h1 itemprop="name" >Бефстроганов</h1>
Впервые это блюдо появилось в конце XIX века и было названо в честь графа Строганова А.Г.
<img itemprop="resultPhoto" src="profit.jpg" />
<ul>
<li>Автор рецепта: <span itemprop="author">Граф Строганов</span></li>
<li>После приготовления вы получите <span itemprop="recipeYield" >7 порции</span></li>
<li>Время приготовления: <meta itemprop="totalTime" content="PT45M"/>40 минут</li>
</ul>
<h2>Ингредиенты</h2>
<ul>
<li itemprop="ingredients">
говядина
</li>
<li itemprop="ingredients" >
сметана
</li>
<li itemprop="ingredients" >
соль
</li>
<li itemprop="ingredients" >
свежемолотый перец
</li>
<li itemprop="ingredients" >
мука
</li>
</ul>
<h2>Способ приготовления</h2>
<ul itemprop="recipeInstructions">
<li><img itemprop="image" src="creks.jpg" alt="нарезанная ломтиками говядина"/>
Положить мясо между двумя слоями пищевой пленки (или в пакет) и тонко отбить.
</li>
<li><img itemprop="image" src="feks.jpg" alt="лук нарезанный четвертькольцами"/>
Отбивные нарезать тонкой соломкой поперек волокон.
</li>
<li><img itemprop="image" src="peks.jpg" alt="из любого мяса"/>
обжарить до мягкости на медленном огне, периодически помешивая.
</li>
</ul>
<span itemprop="recipeCategory">Блюда из говядины</span>
<div itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation">Все примеры взяты из FAQ Google. Если необходимо примеры, то welcom в help Google! Если необходимо внедрить разметку без ошибок, то обращайтесь ко мне, я все помогу сделать. Мой сайт и контакты в профиле!
