Детальное руководство по использованию самых популярных микроразметок.
Введение в rich snippets:
В чем разница между функциями SERP, Rich results (богатыми результатами), Rich snippets (богатыми сниппетами) и Rich cards (богатыми карточками)?
Функция SERP — это любой тип результата поиска, который не является традиционной синей ссылкой.
Богатые результаты (Rich results) — это термин, который Google ввел в 2017 году, чтобы включить все типы функций/улучшений результатов поиска, включая богатые сниппеты и богатые карточки.
Богатые сниппеты (Rich snippets) — это любой тип результатов органического поиска с расширенной информацией, отображаемой рядом с url и мета-тегами title и description.
Богатые карточки (Rich cards) — это отдельный результат, часто с визуальными улучшениями, который появляется над другими органическими результатами.
Как получить расширенные сниппеты?
Расширенные описания веб-страниц, также называемые расширенными результатами, основаны на структурированных данных .
Они являются наградой за то, что помогают поисковым системам, таким как Google, понять назначение ваших веб-страниц.
Не все структурированные данные приводят к созданию расширенных фрагментов, но некоторые виды — при правильной реализации — могут создавать расширенные фрагменты.
Рекомендуется добавлять структурированные данные, также называемые микроразметкой, в формате JSON-LD.
JSON-LD — один из методов передачи связанных данных с использованием текстового формата JSON, что позволяет упростить работу разработчиков по преобразованию существующих JSON-данных в JSON-LD.
Google также поддерживает форматы микроданных и RDFa.
RDFa — это рекомендация W3C, которая добавляет набор расширений на уровне атрибутов к HTML, XHTML и различным типам документов на основе XML для встраивания расширенных метаданных в веб-документы.
Как микроразметка страниц сайта помогает SEO?
В наши дни мы живем в мире, в котором все больше и больше не кликают.
Мы ожидаем ответов на наши поисковые запросы прямо в результатах поиска.
Стандартные синие ссылки больше не помогают. Люди ищут результаты, которые выделяются и облегчают их жизнь.
На помощь приходят расширенные сниппеты.
Расширенные сниппеты — это жизненная сила SEO для поисковых систем.
Они могут помочь вам достичь желанной «нулевой позиции» и сразу же отвечают на запросы с помощью текста, изображений и видео. Расширенные сниппеты помогают любому типу бизнеса — будь то сайт электронной коммерции, компания-разработчик программного обеспечения или некоммерческая организация — выделяя результаты поиска из общей массы.
Подумайте об этом — никто не хочет переходить по сайту или покупать что-либо, не зная, что это будет стоить их времени и денег.
Расширенные описания, такие как рейтинги, обзоры, цена, доступность продуктов и часто задаваемые вопросы, имеют решающее значение для превращения пользователей, выполняющих поиск, в клиентов.
Наличие этих улучшений приводит к более высокому CTR (количеству кликов), более низкому показателю отказов, а также повышению узнаваемости и узнаваемости бренда.
Рекомендуемые и обязательные атрибуты данных Google
Хотя Google использует словарь schema.org, он также создал свой собственный набор рекомендуемых и обязательных свойств.
Каждый объект структурированных данных имеет уникальный набор рекомендуемых и обязательных свойств, все в зависимости от типа контента и информации, которую он предоставляет.
Если объект не содержит всех требуемых свойств, он не будет иметь права на использование расширенного описания веб-страниц, и в этом случае Google сообщит об этом веб-мастеру в отчете о расширениях консоли поиска Google Search Console.
Важно отметить, что любые рекомендуемые свойства, не включенные в разметку, не повлияют негативно на приемлемость расширенного описания веб-сайта.
Тем не менее, рекомендуется заполнить как можно больше рекомендуемых свойств, чтобы максимально повлиять на производительность расширенного фрагмента.
Самые популярные разметки Google Rich Snippets
Микроразметка карточек товаров Product
Добавьте разметку Product на соответствующие страницы, чтобы Google мог предоставить подробную информацию о них в своих результатах, включая изображения Google.
Пользователи, выполняющие поиск товаров, смогут взаимодействовать с такой информацией как:
цена,
доступность,
отзывы.
Как выглядит микроразметка Product в выдаче Google:
<meta itemprop="description" content="Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height." />
Страница статьи — это просто страница блога или веб-сайта, относящаяся к определенной теме, которую нужно просматривать или читать как новостную статью.
Правильно размеченные страницы статей могут иметь возможность иметь расширенный фрагмент в поиске и действие в Google Assistant, что может помочь вашему сайту охватить нужных пользователей.
Как выглядит микроразметка Article в выдаче Google:
Пример разметки кода для корректной работы микроразметки Article:
<html>
<head>
<title>Article headline</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "Article headline",
"image": [
"https://example.com/photos/1×1/photo.jpg",
"https://example.com/photos/4×3/photo.jpg",
"https://example.com/photos/16×9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": [{
"@type": "Person",
"name": "Jane Doe",
"url": "http://example.com/profile/janedoe123"
},{
"@type": "Person",
"name": "John Doe",
"url": "http://example.com/profile/johndoe123"
}]
}
</script>
</head>
<body>
</body>
</html>
Микроразметка хлебных крошек (Breadcrumb)
Навигационная цепочка на странице указывает положение страницы в иерархии сайта и может помочь пользователям понять и эффективно изучить сайт.
Пользователь может перемещаться вверх по иерархии сайта, по одному уровню за раз, начиная с последней навигационной цепочки в цепочке навигации.
Как выглядит микроразметка Breadcrumb в выдаче Google:
Пример разметки кода для корректной работы микроразметки Breadcrumb:
Карусель предоставляет несколько результатов с расширенными карточками в формате списка в поисковой выдаче.
Единственные типы объектов, которые будут создавать карусель, включают:
статью,
рецепт,
курс,
ресторан,
фильм.
Чтобы получить право на карусель, все объекты должны быть одинаковыми.
Как правило, карусели появляются только на мобильных устройствах, и их можно включить в список каруселей среди других веб-сайтов.
Карусельная разметка структурированных данных занимает больше места в верхней части страницы результатов поиска, обеспечивая большую видимость на многих страницах, поскольку вы можете прокручивать список, улучшая CTR.
Как выглядит карусель в выдаче Google:
Пример разметки кода для корректной работы микроразметки карусели :
Страница часто задаваемых вопросов (FAQ) содержит список вопросов и ответов, относящихся к определенной теме.
Правильно размеченные страницы часто задаваемых вопросов могут иметь расширенный фрагмент в поиске и в Google Assistant, что может помочь вашему сайту охватить больше целевых пользователей.
Данную микроразметку можно использовать для многих страниц сайта.
Пример использования микроразметки FAQ для коммерческой страницы интернет-магазина:
Пример использования микроразметки FAQ для коммерческой страницы услуги:
Пример использования микроразметки FAQ для коммерческой страницы услуги:
Most unopened items in new condition and returned within <strong>90 days</strong> will receive a refund or exchange. Some items have a modified return policy noted on the receipt or packing slip. Items that are opened or damaged or do not have a receipt may be denied a refund or exchange. Items purchased online or in-store may be returned to any store.
<br /><p>Online purchases may be returned via a major parcel carrier. <a href="http://example.com/returns"> Click here </a> to initiate a return.</p>
We will reimburse you for returned items in the same way you paid for them. For example, any amounts deducted from a gift card will be credited back to a gift card. For returns by mail, once we receive your return, we will process it within 4–5 business days. It may take up to 7 days after we process the return to reflect in your account, depending on your financial institution's processing time.
Our local teams work diligently to make sure that your order arrives on time, within our normal delivery hours of 9AM to 8PM in the recipient's time zone. During busy holiday periods like Christmas, Valentine's and Mother's Day, we may extend our delivery hours before 9AM and after 8PM to ensure that all gifts are delivered on time. If for any reason your gift does not arrive on time, our dedicated Customer Service agents will do everything they can to help successfully resolve your issue.
<br/> <p><a href="https://example.com/orders/">Click here</a> to complete the form with your order-related question(s).</p>
We'll attempt to securely charge your credit card at the point of purchase online. If there's a problem, you'll be notified on the spot and prompted to use another card. Once we receive verification of sufficient funds, your payment will be completed and transferred securely to us. Your account will be charged in 24 to 48 hours.
Local and State sales tax will be collected if your recipient's mailing address is in:
<ul>
<li>Arizona</li>
<li>California</li>
<li>Colorado</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Микроразметка How-to
Микроразметка How-to знакомит пользователей с рядом шагов для успешного выполнения задачи и может включать видео, изображения и текст.
Например, “Как завязать галстук”.
Если каждый шаг в инструкции нужно читать последовательно, это хороший признак того, что структурированные данные HowTo могут принести пользу вашему контенту.
Структурированные данные HowTo подходят, когда в центре внимания страницы находятся инструкции.
Правильно размеченные страницы с инструкциями могут иметь возможность иметь расширенный фрагмент в поиске и в Google Assistant.
Как выглядит микроразметка How-to в выдаче Google:
"description": "Any kitchen can be much more vibrant with a great tile backsplash. This guide will help you install one with beautiful results, like our example kitchen seen here.",
"text": "Turn off the power to the kitchen and then remove everything that is on the wall, such as outlet covers, switchplates, and any other item in the area that is to be tiled."
}, {
"@type": "HowToDirection",
"text": "Then clean the surface thoroughly to remove any grease or other debris and tape off the area."
"name": "Prepare your and apply mortar (or choose adhesive tile)",
"url": "https://example.com/kitchen#step3",
"itemListElement": [{
"@type": "HowToDirection",
"text": "Follow the instructions on your thin-set mortar to determine the right amount of water to fill in your bucket. Once done, add the powder gradually and make sure it is thoroughly mixed."
}, {
"@type": "HowToDirection",
"text": "Once mixed, let it stand for a few minutes before mixing it again. This time do not add more water. Double check your thin-set mortar instructions to make sure the consistency is right."
}, {
"@type": "HowToDirection",
"text": "Spread the mortar on a small section of the wall with a trowel."
}, {
"@type": "HowToTip",
"text": "Thinset and other adhesives set quickly so make sure to work in a small area."
}, {
"@type": "HowToDirection",
"text": "Once it's applied, comb over it with a notched trowel."
"text": "Place the tile sheets along the wall, making sure to add spacers so the tiles remain lined up."
}, {
"@type": "HowToDirection",
"text": "Press the first piece of tile into the wall with a little twist, leaving a small (usually one-eight inch) gap at the countertop to account for expansion. use a rubber float to press the tile and ensure it sets in the adhesive."
}, {
"@type": "HowToDirection",
"text": "Repeat the mortar and tiling until your wall is completely tiled, Working in small sections."
"text": "Allow the thin-set mortar to set. This usually takes about 12 hours. Don't mix the grout before the mortar is set, because you don't want the grout to dry out!"
}, {
"@type": "HowToDirection",
"text": "To apply, cover the area thoroughly with grout and make sure you fill all the joints by spreading it across the tiles vertically, horizontally, and diagonally. Then fill any remaining voids with grout."
}, {
"@type": "HowToDirection",
"text": "Then, with a moist sponge, sponge away the excess grout and then wipe clean with a towel. For easier maintenance in the future, think about applying a grout sealer."
Когда пользователи ищут компании в поиске Google или на картах, в результатах поиска может отображаться хорошо заметная карточка сети знаний с подробной информацией о компании, которая соответствует запросу.
Когда пользователи запрашивают тип бизнеса (например, «лучшие рестораны Нью-Йорка»), они могут увидеть карусель предприятий, связанных с запросом.
С помощью структурированных данных Local Business вы можете сообщить Google о своем рабочем времени, различных отделах компании, обзорах вашей компании и многом другом.
Если вы хотите помочь пользователям сделать бронирование или разместить заказ прямо в результатах поиска, вы можете использовать Maps Booking API, чтобы включить бронирования, платежи и другие действия.
Как выглядит микроразметка Local Business в выдаче Google:
Пример разметки кода для корректной работы микроразметки местного бизнеса:
<h2 itemprop="name">How many ounces are there in a pound?</h2>
<div itemprop="upvoteCount">52</div>
<div itemprop="text">I have taken up a new interest in baking and keep running across directions in ounces and pounds. I have to translate between them and was wondering how many ounces are in a pound?</div>
Помогите пользователям найти содержание вашего рецепта, рассказав Google о вашем рецепте с помощью структурированных данных.
Когда вы предоставляете такую информацию, как оценки рецензентов, время приготовления, Google может лучше понять ваш рецепт и представить его пользователям интересным способом.
Рецепты могут появляться в результатах поиска Google и картинках Google.
Как выглядит микроразметка рецепта в выдаче Google:
Пример разметки микроразметки рецепта в коде сайта:
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"image": [
"https://example.com/photos/1×1/photo.jpg",
"https://example.com/photos/4×3/photo.jpg",
"https://example.com/photos/16×9/photo.jpg"
],
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2018-03-10",
"description": "This coffee cake is awesome and perfect for parties.",
"prepTime": "PT20M",
"cookTime": "PT30M",
"totalTime": "PT50M",
"keywords": "cake for a party, coffee",
"recipeYield": "10",
"recipeCategory": "Dessert",
"recipeCuisine": "American",
"nutrition": {
"@type": "NutritionInformation",
"calories": "270 calories"
},
"recipeIngredient": [
"2 cups of flour",
"3/4 cup white sugar",
"2 teaspoons baking powder",
"1/2 teaspoon salt",
"1/2 cup butter",
"2 eggs",
"3/4 cup milk"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"name": "Preheat",
"text": "Preheat the oven to 350 degrees F. Grease and flour a 9×9 inch pan.",
Поиск Гугл — это отправная точка для поиска и просмотра видео.
Хотя Google пытается автоматически понять детали вашего видео, вы можете предоставить информацию, такую как описание, URL-адрес страницы, дату загрузки и продолжительность.
Видео могут появляться в результатах поиска Google, результатах поиска видео, Картинках Google и Google Discover.
<p itemprop="description">This spring, Google is introducing the self-driving bicycle in Amsterdam, the world's premier cycling city. The Dutch cycle more than any other nation in the world, almost 900 kilometres per year per person, amounting to over 15 billion kilometres annually. The self-driving bicycle enables safe navigation through the city for Amsterdam residents, and furthers Google's ambition to improve urban mobility with technology. Google Netherlands takes enormous pride in the fact that a Dutch team worked on this innovation that will have great impact in their home country.</p>
Микроразметка для сообщений, касающихся COVID-19(BETA)
Актуальная микроразметка в наше время. Подойдет для бизнеса который может изменить свой график из-за ухудшения ситуации с Ковид 19. В данный момент данная микроразметка в тестируеруется, но если у вас именно такой бизнес, то вы можете смело ее использовать.
Как выглядит микроразметка COVID-19 в выдаче Google:
Пример разметки кода для корректной работы микроразметки COVID-19:
<p itemprop="text">As of 11:59 pm on March 17, 2020, all individuals in the 3 counties must strictly follow the provisions in this new Order. This new Order will be in effect through March 30, 2020.</p>