Разметка схемы: руководство по структурированным данным для SEO от А до Я
Разметка схемы - это то, что стоит за расширенными сниппетами и множеством функций SERP, которые мы все чаще и чаще видим в Google сегодня.
В этом руководстве я расскажу о девяти типах разметки схемы, которые имеют наибольшее значение для SEO, и покажу, как вы можете добавить их на свой сайт.
Лучшая часть? Это руководство будет полезно как для новичков, так и для тех, кто уже имеет некоторые навыки программирования.
СОДЕРЖАНИЕ
Что такое разметка схемы и почему она важна?
Разметка схемы , также известная как схема, представляет собой семантический словарь стандартизованных тегов, добавляемых в HTML-код страницы. Эти теги помогают поисковым системам понимать содержание и контекст вашей веб-страницы и лучше представлять их в результатах поиска.
Если то, что вы только что прочитали, сбило вас с толку, вот пример. Взгляните на эту простую разметку схемы, которую мы использовали в нашей последней статье:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Article",
"headline" : "Google’s MUM: Search Updates and SEO Implications",
"author" : {
"@type" : "Person",
"name" : "Andrei Prakharevich"
},
"datePublished" : "2021-11-16",
"image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png"
}
</script>
Этот фрагмент кода описывает основные сущности, найденные на странице, в формате, который легко усваивается поисковыми системами. Таким образом, после сканирования этой страницы Google может определить, как называется статья, кто ее автор и когда она была опубликована.
Помимо улучшения способа передачи информации в Google, разметка Schema дает множество преимуществ, которые могут напрямую повлиять на ваш обычный трафик и появление в поиске.
Во-первых, вы можете получить расширенное описание, например, с исчерпывающей информацией о вашем продукте.
Вы также можете занять желанную нулевую позицию по определенным типам поисковых запросов, таким образом получая больше трафика.
И главное преимущество структурированных данных заключается в том, что они помогают создавать сущности и отношения между ними . Это особенно важно в свете грядущего обновления Google MUM .
Список можно продолжить, и далее в этом руководстве я коснусь дополнительных преимуществ для каждого типа схемы.
Как добавить разметку схемы на свой сайт?
Когда дело доходит до реализации разметки схемы, у вас есть два варианта:
Генераторы разметки
Генераторы разметки схемы позволяют добавлять структурированные данные без каких-либо навыков программирования.
В большинстве случаев оптимизаторы поисковых систем и владельцы веб-сайтов (и мы не исключение) используют Google Structured Data Markup Helper . Он предлагает 12 схем, чего более чем достаточно для начинающих.
Как работают генераторы разметки?
Процесс действительно прост - вы просто выбираете тип схемы и отмечаете все необходимые элементы на своей веб-странице.
Как только вы закончите с указанием элементов, инструмент сгенерирует фрагмент кода, который вы можете добавить на свою страницу.
Есть также другие генераторы разметки, которые предлагают больше типов схем:
Запускаете сайт на WordPress?
WordPress предлагает множество плагинов, которые могут помочь вам реализовать разметку схемы (RankMath, Yoast SEO и т. Д.). Просмотрите галерею плагинов и найдите тот, который вам больше всего подходит.
Ручная разметка
Если вы не можете найти нужный тип схемы в генераторах разметки, вы можете добавить ее вручную.
Код сначала выглядит устрашающе, но на самом деле он довольно простой, и вам нужно будет только изменить в нем определенные значения. Таким образом, вы можете попробовать выполнить разметку вручную, даже если у вас нет навыков программирования.
Вот два способа реализовать ручную разметку - с помощью JSON-LD илиMicrodata.
JSON-LD
JSON-LD - более популярный метод добавления разметки схемы вручную. Более того, этот метод рекомендуется Google . Его также легче понять и развернуть, чем микроданные или другие устаревшие форматы, такие как RDF или микроформаты.
Вы уже видели кусок простого кода JSON-LD в начале этого руководства. Есливыегопропустили, вотоноснова:
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Article",
"headline" : "Google’s MUM: Search Updates and SEO Implications",
"author" : {
"@type" : "Person",
"name" : "Andrei Prakharevich"
},
"datePublished" : "2021-11-16",
"image" : "https://cdn1.link-assistant.com/upload/news/post/427/1637067065.png"
}
</script>
Приведенный выше сценарий добавляется в раздел <head> страницы и сообщает поисковым системам следующую информацию:
Если вы присмотритесь, вы увидите, что этот код JSON-LD имеет очень простую структуру. Сначала идет тип схемы, а затем определенные свойства ( заголовок, автор, дата публикации ) и их значения ( статья, Андрей Прахаревич ).
При необходимости в этот фрагмент кода можно добавить дополнительные свойства. Скажем, если статья была обновлена, я могу добавить свойство dateModified сразу после свойства datePublished . Я также могу комбинировать несколько типов схем в одном фрагменте кода. В приведенном выше примере мы объединили разметку Article и Person .
Если я решу использовать тот же тип схемы для другой статьи, я просто возьму этот образец кода и заменю значения соответствующими.
Если мне нужно использовать другую схему, я обновлю свойство @type, указав требуемый тип схемы и добавлю новые свойства, специфичные для этой разметки.
Важная заметка:
Информация, встроенная в код JSON-LD, должна присутствовать на вашей веб-странице и быть видимой для пользователей. Чтобы избежать штрафов со стороны Google, никогда не добавляйте фрагменты контента, которые не могут быть найдены на самой странице.
Микроданные
Микроданные менее популярны, чем JSON-LD, и используются в редких случаях, когда вы ориентируетесь на поисковые системы, например Яндекс, которые просто не поддерживают JSON-LD.
В отличие от JSON-LD, вы не можете добавить ни одного фрагмента кода в <head> своей страницы с помощью микроданных. Вместо этого вам нужно будет пометить каждый элемент в вашем HTML отдельно.
Воткакэтовыглядит:
<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">Google’s MUM: Search Updates and SEO Implications</h1>
<span itemprop="datePublished">November 16, 2021</span>
</div>
В этом фрагменте у нас есть три новых значения ( itemscope, itemtype и itemprop ) помимо тех, которые мы видели в коде JSON-LD ранее в этом руководстве.
Вот что означают эти значения:
Как организовать рабочий процесс разметки?
По мере того, как мы приближаемся к практической части этого руководства, стоит установить оптимальный рабочий процесс.
Независимо от того, какой тип схемы или метод реализации вы выберете, типичный рабочий процесс останется прежним и будет выглядеть следующим образом:
Шаг 1. Выберите тип схемы и найдите страницы вашего сайта, где ее можно применить.
Шаг 2. Создайте свою разметку. Сгенерируйте код с помощью инструментов или напишите вручную.
Шаг 3. Подтвердите свою разметку. Перед добавлением кода на страницы вашего сайта всегда проверяйте его с помощью Google Rich Results Test или Schema Markup Validator .
Шаг 4. Разместите разметку на своем сайте. Пройден этап проверки? Теперь вы можете смело добавлять разметку на свой сайт.
9 схем, которые стоит добавить на свой сайт
На данный момент доступно 792 схемы в зависимости от типа контента, который вы хотите пометить. Я свел этот список к девяти схемам, которые несут наибольшую ценность для SEO. Эти:
Давайте подробнее рассмотрим каждый из типов схем.
1. Разметка лиц
Person разметки общается основная информация о человеке , указанных на странице для поисковых систем.
Хорошее место для применения этой разметки - раздел биографии автора в блоге, страница « О нас» или любая страница вашего веб-сайта, где вы упоминаете членов команды или партнеров.
SEO ценность
Человек Разметка помогает Google идентифицировать физическое лицо в качестве субъекта. Добавляя дополнительные схемы, такие как , например, Организация , вы помогаете Google устанавливать отношения между различными объектами (Человек ↔ Организация). Проще говоря, Person Schema - это первый кирпичик в огромной базе данных, которую вы создаете.
Ощутимым преимуществом применения схемы человека может быть исчерпывающая сеть знаний со всеми подробностями об определенном человеке.
Вы также могли слышать о EAT от Google . Person разметка является самым простым способом кормить Google со всеми видами информации о «экспертизе» и «авторитетности» создатели контента.
Примерразметкичеловека
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Person",
"name": "Arthur Andreyev",
"image": "https://cdn1.link-assistant.com/thumb/upload/news/user/43/thumb/1634057005-72x72-72x.png",
"jobTitle": "Email Marketer, Content Writer",
"url": "https://www.link-assistant.com/news/author/arthur-andreyev/",
"sameAs": [
"https://twitter.com/Arthur_precious",
"https://www.linkedin.com/in/arthur-andreyev-70699b155/"
],
"worksFor": {
"@type": "Organization",
"name": "SEO PowerSuite"
}
}
</script>
Помимо того, что мы уже видели в примерах JSON-LD, этот фрагмент кода имеет новое свойство sameAs . Это раздел, в котором вы делитесь ссылками на свои социальные профили и все авторитетные источники, где упоминается имя человека.
Tip
Если вы уже указаны в сети знаний Google, убедитесь, что вы подтвердили связь между вами как человеком и вашей сетью знаний (на случай, если есть сеть знаний для кого-то с таким же именем, как ваше).
Для этого сначала перейдите к инструменту поиска в сети знаний и проверьте, есть ли вы в списке. Если это так, введите свое имя в Google, а затем скопируйте URL-адрес своей сети знаний и добавьте его в свойство sameAs в разметке.
Если вы хотите увеличить EAT вашего сайта, обязательно добавьте эти свойства в разметку:
Как только я добавлю приведенный выше код в раздел <head> своей биографии , Google сможет легко отобразить основную информацию обо мне.
Лучший способ реализовать разметку Person - это генератор разметки схемы Меркла . Или вы можете просто взять фрагмент кода прямо выше и заменить значения, выделенные красным, своей собственной информацией.
Tip
Если вы хотите пройти лишнюю милю, вы можете найти больше свойств для каждого типа разметки схемы. Вот список свойств разметки Person .
2. Разметка для организации / местного бизнеса
Организация или местный бизнес - одна из наиболее важных схем, которые вы можете добавить на свой сайт, если вы компания.
Эти типы схем обычно добавляются один раз на главную страницу, страницу « О нас» или в раздел « Свяжитесь с нами » вашего веб-сайта и помогают установить сведения о вашей компании с помощью Google .
И хотя Google отлично понимает основную информацию о вашей компании, схема организации / местного бизнеса служит окончательным подтверждением того, что алгоритмы работают должным образом .
Примечание! Убедитесь, что вы не используете схемы организации или местного бизнеса на нескольких страницах своего веб-сайта, так как это может сбить с толку поисковые системы.
Вот мнение Джона Мюллера по этому поводу:
Взгляды Джона Мюллера на разметку организации
SEO ценность
Организация / LocalBusiness разметки следующий этап сущность потенциала вокруг вашего сайта.
Как только вы явно укажете все подробности о своей компании или бренде, Google может вознаградить вас Сетью знаний.
Если вы ведете местный бизнес, добавление разметки LocalBusiness также повысит ваши шансы попасть в Сеть знаний, когда кто-то ищет ваш ресторан, магазин и т. Д.
Помимо улучшения вашего внешнего вида в результатах поиска, правильно примененная разметка Organization / LocalBusiness может значительно повысить ваши усилия по EAT.
Примеры разметки для организаций / местных предприятий
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "SEO PowerSuite",
"description": "SEO PowerSuite is a software company that develops all-in-one SEO tools to optimize sites & grow search traffic: Rank Tracker, WebSite Auditor, SEO SpyGlass, LinkAssistant.",
"url": "https://link-assistant.com",
"logo": "https://cdn1.link-assistant.com/images/press/new-press/logos/sps-vertical.png",
"email": "support@link-assistant.com",
"address": {
"@type": "PostalAddress",
"addressCountry": "CY",
"postalCode": "1100",
"streetAddress": "21-23 Louki Akrita"
},
"founder": {
"@type": "Person",
"name": "Aleh Barysevich",
"gender": "Male",
"jobTitle": "CMO",
"image": "https://cdn.link-assistant.com/images/team/aleh-barysevich.jpg",
"sameAs": [
"https://twitter.com/ab80",
"https://www.linkedin.com/in/alehbarysevich/"
]
},
"foundingDate": "2005-02-07",
"sameAs" : [
"https://www.crunchbase.com/organization/link-assistant-com",
"https://www.facebook.com/linkassistant/",
"https://www.linkedin.com/company/seopowersuite/",
"https://twitter.com/seopowersuite",
"https://www.youtube.com/user/LinkAssistantVideos"
],
"contactPoint" : [
{
"@type" : "ContactPoint",
"contactType" : "customer service",
"email": "support@link-assistant.com",
"url": "https://link-assistant.com"
}
]
}
</script>
Хотя приведенный выше пример разметки организации длиннее, чем то, что мы видели ранее, его структура остается довольно простой.
Одним из наиболее важных элементов здесь является свойство sameAs, в котором необходимо указать все источники, в которых упоминается ваша компания. В дополнение к социальным сетям обязательно укажите ссылки на Википедию, Crunchbase, официальные списки компаний или страницу вашей компании на сайтах с обзорами. Эта информация послужит сторонним подтверждением сведений о вашей компании и значительно повысит доверие в глазах Google.
LocalBusiness разметка имеет ту же самую структуру, и единственное , что вам нужно изменить это @type свойства. Также здесь можно указать нишу вашего бизнеса (ресторан, пекарня, стоматолог, маникюрный салон и т. Д.).
Если вы управляете, скажем, местным рестораном, подумайте о добавлении этих свойств:
Вот фрагмент кода JSON-LD для ресторана:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Restaurant",
"name": "Dave's Steak House",
"image": "https://example.com/photos/1x1/photo.jpg",
"url": "http://www.example.com/restaurant-locations/manhattan",
"telephone": "+12122459600",
"priceRange": "$$",
"menu": "http://www.example.com/menu",
"servesCuisine": "American",
"acceptsReservations": "true",
"address": {
"@type": "PostalAddress",
"streetAddress": "148 W 51st St",
"addressLocality": "New York",
"addressRegion": "NY",
"postalCode": "10019",
"addressCountry": "US"
},
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": "4",
"bestRating": "5"
}
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 40.761293,
"longitude": -73.982294
},
"openingHoursSpecification": [{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Sunday"
],
"opens": "11:00",
"closes": "23:00"
},{
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Friday",
"Saturday"
],
"opens": "16:00",
"closes": "02:00"
}],
"sameAs": [
"facebook.com/davessteakhouse",
"twitter.com/davessteakhouse",
"instagram.com/davessteakhouse"
]
}
</script>
Как вы создаете схемы организации / местного бизнеса ?
Я предлагаю использовать генератор разметки схемы Меркла, поскольку он предлагает оба типа схем. Но если вы являетесь местным бизнесом, сразу переходите к помощнику по разметке структурированных данных Google . И, конечно, вы можете взять мой образец JSON-LD и просто заменить значения, выделенные красным.
3. Наценка на товар
Продукт разметка добавляется в продукте страниц на вашем сайте и улучшает внешний вид предметов , которые вы продаете в результатах поиска.
Если вы управляете сайтом электронной коммерции , не пропускайте этот тип схемы, так как он может напрямую помочь вам выделиться в результатах поиска по вашим продуктам.
SEO ценность
После того, как вы примените правильную схему продукта к одной из страниц продукта, вы можете ожидать, что Google предоставит вам подробный фрагмент поиска, подобный этому:
Этот фрагмент содержит гораздо больше деталей, чем если бы это была обычная синяя ссылка. А пользователи, в свою очередь, могут легко получить основную информацию о продукте (рейтинг, цена, доступность) и сравнить ее с конкурентами, не выходя из поисковой выдачи.
Схема продукта также дает вам право на получение значка продукта в Картинках Google, который может помочь вашему изображению выделиться и побудить больше пользователей нажимать на него.
Примерразметкитовара
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Apple AirPods Pro",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"description": "Active Noise Cancellation, Transparency mode, and a customizable fit — all in an incredibly light in-ear headphone.",
"sku": "0446310786",
"mpn": "925872",
"brand": {
"@type": "Brand",
"name": "Apple"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.4",
"reviewCount": "89"
},
"offers": {
"@type": "Offer",
"url": "https://example.com/airpods-pro",
"priceCurrency": "USD",
"price": "197.99",
"priceValidUntil": "2021-12-20",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock"
}
}
</script>
В этом фрагменте кода я коснусь нескольких свойств, которые мы еще не видели:
Обратите внимание, что если вы измените какие-либо сведения о своем продукте на странице, эти изменения также должны быть отражены в разметке схемы для этого элемента.
Как и в случае с другими схемами, этот образец кода имеет минимальный, но часто достаточный набор свойств, которые вы можете добавить.
Вы можете создать свою собственную разметку продукта, используя как Google Structured Data Markup Helper, так и Merkle Schema Markup Generator . Если вы чувствуете, что редактировать предоставленный мной образец кода будет проще, сделайте это.
4. Разметка для панировочных сухарей.
Хлебные крошки помогают пользователям легче перемещаться по вашему сайту и видеть позицию страницы в иерархии сайта. Хлебные крошки разметки передает этот опыт поисковых сниппет на Google.
SEO ценность
Сегодня Google легко понимает иерархию страниц вашего сайта и в большинстве случаев отображает хлебные крошки, разбивая URL-адрес. Но без Breadcrumb разметки, эти сухари часто не хватает дружественность.
Вот два результата по одному и тому же поисковому запросу. Первый без разметки, а второй с примененной разметкой Breadcrumbs :
Правильная разметка хлебных крошек улучшает внешний вид вашего поискового фрагмента и часто приводит к увеличению количества переходов на ваш веб-сайт.
Кроме того, панировочные сухари также улучшают внутреннюю структуру ссылок вашего сайта. Это отличный способ правильно распределить ссылочный вес по вашему сайту и повысить рейтинг.
Примерразметкипанировочныхсухарей
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Books",
"item": "https://example.com/books"
},{
"@type": "ListItem",
"position": 2,
"name": "Science Fiction",
"item": "https://example.com/books/sciencefiction"
},{
"@type": "ListItem",
"position": 3,
"name": "Award Winners"
}]
}
</script>
В приведенном выше примере над поисковым фрагментом будет отображаться следующая цепочка хлебных крошек:
Книги ›Научная фантастика› Лауреаты премий
Google рекомендует при работе с разметкой хлебных крошек иметь в виду типичный путь пользователя к данной странице. По сути, это означает, что вам не нужно копировать структуру определенного URL-адреса в разметке, потому что многие из его элементов не имеют практически никакого смысла для пользователей.
Важная заметка:
Помните, что ваша разметка должна соответствовать содержанию на странице. Поэтому, если вы применили разметку Breadcrumbs , убедитесь, что вы добавили такую же цепочку навигации где-нибудь на странице и связали ее элементы с соответствующими страницами.
Хорошее место для панировочных сухарей - вверху веб-сайта или под панелью навигации.
Вот как это выглядит в блоге SEO PowerSuite:
Чтобы сгенерировать собственную разметку Breadcrumb, перейдите к Генератору разметки схемы Merkle . Или используйте пример кода, который я предоставил выше.
5. Разметка статьи
Статья Schema является одним из самых популярных наценки , которые могут быть добавлены в ваши статьи и сообщения в блоге.
Он помогает Google извлекать основную информацию о вашем контенте, включая заголовки, информацию об авторе, дату публикации и т. Д.
Наиболее распространенные типы разметки статьи :
Хотя первые три являются наиболее распространенными, Google рекомендует выбрать наиболее подходящий из них. Итак, если ваша статья явно сообщает о новостях, выберите NewsArticle . Если это сообщение в блоге, выберите BlogPosting и так далее.
SEO ценность
Статья разметка помогает Google лучше понимать ваше содержание и дает ему дополнительный намек на то , что заголовок текст, изображение и дата публикации должны отображаться в результатах поиска.
Если ваш сайт имеет сильные сигналы EAT и у вас нет проблем с восприятием страницы, разметка статьи может повысить ваши шансы на появление в карусели главных новостей.
Эта карусель расположена в самом верху страницы выдачи, и попадание в нее может принести вам массу трафика.
Пример разметки статьи
В этом руководстве вы уже несколько раз видели простой пример разметки статьи . На этот раз я покажу вам его более масштабную версию и буду использовать тип BlogPosting .
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.link-assistant.com/news/google-mum-update.html"
},
"headline": "Google’s MUM: Search Updates and SEO Implications",
"datePublished": "2021-11-16",
"dateModified": "2021-11-20",
"description": "Discover how Google's MUM update will change the search process, and learn how to adapt your SEO strategy to it.",
"image": {
"@type": "ImageObject",
"url": "https://cdn1.link-assistant.com/thumb/upload/news/post/427/1637067065-500x.png",
"width": 500,
"height": 500
},
"author": {
"@type": "Person",
"name": "Andrei Prakharevich"
},
"publisher": {
"@type": "Organization",
"name": "SEO PowerSuite",
"logo": {
"@type": "ImageObject",
"url": "https://cdn1.link-assistant.com/images/press/new-press/logos/sps-vertical.png",
"width": 400,
"height": 400}
}
},
}
</script>
Структура кода осталась прежней. Свойства , которые я использовал в образце может быть использован для всех типов статьи Schema ( статьи, NewsArticle, BlogPosting ).
К этому типу разметки можно добавить еще несколько свойств, если вы хотите усилить EAT вашего сайта.
Сначала идет свойство Citation , которое используется для указания списка надежных источников, на которые вы ссылаетесь в своей статье.
Вторая, что особенно полезно для сайтов YMYL, является reviewedBy собственности. Если вы уделяете внимание медицинским, юридическим или финансовым темам и пользуетесь услугами экспертов-рецензентов для своего контента, не забудьте упомянуть рецензента статьи на странице и в разметке статьи .
И наконец...
Для создания разметки статьи я предлагаю вам использовать генератор разметки схемы Меркла, поскольку он позволяет вам выбрать необходимый тип статьи. Если вы отмечаете общую статью, вы можете использовать Google Structured Data Markup Helper .
6. Как сделать разметку
Если на вашем сайте есть страницы с инструкциями, используйте разметку HowTo .
Этот тип разметки можно применить к странице, на которой вы объясняете, как достичь определенной цели, выполнив пошаговый процесс. Скажите, как заменить колесо или как поменять лампочку .
С помощью разметки HowTo вы можете использовать не только текст, но и видео и изображения.
SEO ценность
После того, как вы правильно отметите свои страницы с инструкциями, Google может наградить вас расширенным сниппетом, который описывает ваши шаги с практическими рекомендациями.
Это может быть либо текстовый фрагмент:
Или фрагмент с изображениями для каждого шага:
Расширенные фрагменты с практическими рекомендациями имеют очевидное преимущество перед обычными результатами поиска и могут значительно повысить посещаемость вашего сайта.
ПримерразметкиHowTo
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "HowTo",
"name": "How to generate markup using Google Markup Helper",
"description": "This step-by-step guide will help you easily generate your own markup using Google Markup Helper.",
"image": "https://example.com/image1.png",
"totalTime": "PT5M",
"tool": {
"@type": "HowToTool",
"name": "Google Markup Helper"
},
"step": [{
"@type": "HowToStep",
"text": "Open Google Markup Helper, choose the needed Schema type and insert the URL of the page",
"name": "Open Google Markup Helper",
"url": "https://www.google.com/webmasters/markup-helper/"
},{
"@type": "HowToStep",
"text": "Highlight and mark all elements of your page.",
"name": "Highlight and mark your content"
},{
"@type": "HowToStep",
"text": "Click CREATE HTML to generate the piece of JSON-LD code. Once done add it to your site’s <head> section.",
"name": "Generate the piece of JSON-LD code and add it to your site"
}]
}
</script>
HowTo разметка Я только что сделал очень простая. Поскольку статья с практическими рекомендациями может включать в себя множество шагов, я предлагаю вам использовать генератор разметки схемы Меркла, чтобы упростить процесс.
7. Разметка FAQPage
FAQPage разметка используется на страницах , где есть список часто задаваемые вопросы с короткими и исчерпывающими ответами на них.
В SEO PowerSuite у нас есть отдельный блок часто задаваемых вопросов под каждым продуктом:
Такие блоки - идеальный кандидат для разметки FAQPage .
Важная заметка:
Если у вас есть страница, на которой ответы не являются окончательными, и пользователи могут добавлять свои ответы, разметку FAQPage использовать не следует. QAPage разметки следует использовать вместо этого.
SEO ценность
Схема FAQPage берет вопросы и ответы с вашей страницы часто задаваемых вопросов и объединяет их в расширенный фрагмент в результатах поиска.
Таким образом, пользователи могут быстро получить ответы на свои вопросы, не покидая Google.
Но что толку от этой разметки, если это, вероятно, сократит ваш трафик?
На самом деле все обстоит как раз наоборот, и расширенные фрагменты с часто задаваемыми вопросами часто имеют более высокий CTR. В этом тематическом исследовании количество кликов на веб-сайте увеличилось на 50% с помощью поисковых фрагментов часто задаваемых вопросов .
Кроме того, если вы дадите точные ответы на вопросы пользователей, ваш ответ может оказаться на самом верху страницы поисковой выдачи.
Взгляните, вот что происходит, когда я ищу « Что такое электронный маркетинг» .
Этот поисковый сниппет не только занимает первую позицию, но и использует много ресурсов поисковой выдачи, что выделяет его среди остальных результатов поиска.
По сравнению с другими типами разметки, схема FAQPage воспринимается Google очень быстро. Я видел, как несколько оптимизаторов поисковых систем сообщили, что они получили расширенный фрагмент часто задаваемых вопросов через 30 минут после применения разметки.
Хотя преимущества разметки FAQPage очевидны, ее используют менее 1% онлайн-компаний. Так что это простой способ получить конкурентное преимущество.
FAQPage пример разметки
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "✅What is SEO PowerSuite software?",
"acceptedAnswer": {
"@type": "Answer",
"text": "SEO Powersuite is a toolkit made up of 4 tools that cover every aspect of SEO — keywords, rankings, backlinks, on-page and content data, mobile SEO, local SEO, social media, analytics, and reports."
}
},{
"@type": "Question",
"name": "✅What SEO tools are included in SEO PowerSuite?",
"acceptedAnswer": {
"@type": "Answer",
"text": "4 tools that make up SEO Powersuite are Rank Tracker for rank tracking and keyword research, WebSite Auditor for on-page SEO and technical SEO audit, SEO SpyGlass for backlink research, and LinkAssistant for link building and outreach. Besides, there is a fresh online backlink checker as well as backlink API access for enterprise users."
}
},{
"@type": "Question",
"name": "✅Can I try your SEO software for free?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes you can! Not only is there a 7-day free trial available, but also, a functional free version. You can look up the differences between the paid and free version of the software on this page."
}
},{
"@type": "Question",
"name": "✅Do you have a support service?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yup! There is a live support button on the lower right of this very page! On top of that, you can submit a ticket through the website, or indeed through the software itself. Besides, our team is here with tutorials, webinars, and information from trusted sources to help you grow from a beginner to an advanced SEO specialist. You will discover that our SEO platform has a steep learning curve."
}
}]
}
</script>
FAQPage разметка является одним из самых простых. Он имеет очень простую структуру, в которой вы сначала задаете вопрос, а затем даете ответ.
В рекомендациях Google по этому типу разметки говорится, что вы должны включать весь текст вопроса и ответа. Так что количество символов не ограничено. Иногда Google отображает действительно длинные ответы, но чаще он обрезает текст, и вы можете проверить полный ответ, нажав « Еще» .
Помните этот снимок экрана с блоком часто задаваемых вопросов SEO PowerSuite? Чтобы сгенерировать разметку FAQPage за секунды, я просто скопировал вопросы и ответы и вставил их в генератор разметки схемы Меркла .
PRO tip
Если вы хотите охватить более широкую аудиторию своими страницами часто задаваемых вопросов, сначала проведите небольшое исследование ключевых слов.
Для этого откройте « Отслеживание рангов» и перейдите в « Исследование ключевых слов»> «Связанные вопросы»> «Люди также спрашивают» . Введите несколько ключевых слов и подождите, пока инструмент соберет за вас все варианты вопросов.
8. Разметка рецепта.
Если вам довелось вести кулинарный блог, вас определенно заинтересует разметка рецептов . Эта разметка позволяет добавлять структурированные данные в рецепты и лучше сообщать о процессе приготовления в Google.
SEO ценность
Рецепты с правильной разметкой могут отображаться в самом верху поисковой выдачи в карусели рецептов.
Очевидным преимуществом здесь является то, что пользователи с большей вероятностью будут нажимать на избранный фрагмент, а не прокручивать страницу результатов поиска вниз.
В Google Images рецепты с примененной разметкой также получают значок рецепта от Google.
Примерразметкирецепта
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/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": "Bake a cake",
"text": "Bake a cake following the recipe",
"url": "https://example.com/party-coffee-cake#step1",
"image": "https://example.com/photos/party-coffee-cake/step1.jpg"
},
{
"@type": "HowToStep",
"name": "Enjoy",
"text": "Allow to cool and enjoy.",
"url": "https://example.com/party-coffee-cake#step2",
"image": "https://example.com/photos/party-coffee-cake/step1.jpg"
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"ratingCount": "18"
}
}
</script>
При ближайшем рассмотрении вы можете заметить, что разметка Recipe очень похожа на разметку HowTo .
Значение большинства свойств ясно из их названий. Единственное, что здесь требует пояснения, - это recipeYield . В основном это количество, произведенное по рецепту (например, количество обслуженных людей, количество порций и т. Д.).
Как и в случае с разметкой HowTo , я рекомендую вам использовать генератор разметки схемы Меркла, потому что написание всего кода вручную может быть сложной задачей, когда дело доходит до рецептов с большим количеством шагов.
9. VideoObject markup
VideoObject схема добавляется к видео , размещенному на вашем сайте.
Этот тип схемы предоставляет Google основную информацию о ваших видео. Элементы, которые вы можете указать, включают описание видео, продолжительность, URL-адрес эскиза и дату загрузки.
SEO ценность
Видео с правильно примененной разметкой можно разместить в блоке Видео в самом верху поисковой выдачи.
Но это не единственное место, где разметка Schema может переносить ваши видео. Как заявляет Google, размеченные видео также могут появляться в результатах поиска видео, Картинках Google и Google Discover. Это отличный способ привлечь больше пользователей своим контентом.
VideoObject markup example
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "VideoObject",
"name": "Cute puppy playing",
"duration": "P10M",
"uploadDate": "2021-07-19",
"thumbnailUrl": "http://www.example.com/puppy.jpg",
"description": "Watch this cute puppy playing with the ball",
"contentUrl": "http://www.example.com/puppy_video.mp4",
"hasPart": [{
"@type": "Clip",
"name": "Puppy barks",
"startOffset": 30,
"endOffset": 45,
"url": "http://www.example.com/example?t=30"
},
{
"@type": "Clip",
"name": "Puppy plays with the ball",
"startOffset": 111,
"endOffset": 150,
"url": "http://www.example.com/example?t=111"
}]
}
</script>
В этом примере кода наиболее важной частью является свойство hasPart . Здесь вам нужно выделить наиболее важные части видео и указать время начала ( startOffset ) и окончания ( endOffset ) для каждой. В результате вы можете получить панель «Ключевые моменты» под своим видео в результатах поиска.
Схема VideoObject довольно интуитивно понятна, поэтому вы можете взять мой образец и просто заменить значения. Или вы можете использовать генератор разметки схемы Меркла .
Это девять типов схем, которые несут наибольшую ценность для SEO. Если вы хотите найти больше схем, которые могут быть полезны с точки зрения SEO, проверьте галерею поиска Google .
Распространенные ошибки разметки схемы, которых следует избегать
Человеческая ошибка всегда возможна, но когда дело доходит до разметки схемы, все время нужно перепроверять.
Если в вашей разметке есть ошибки, самое меньшее, что вы можете ожидать, - это то, что она просто не будет работать должным образом. В некоторых случаях неправильное использование разметки схемы может привести к штрафу со стороны Google.
Чтобы этого избежать, вот краткий список того, что нельзя делать при разметке схемы:
Не пропускайте проверку разметки
Один пропущенный символ в коде JSON-LD может сделать всю разметку устаревшей. Вот почему НЕОБХОДИМО проверить код перед добавлением его на свой сайт. Дляэтихцелейиспользуйте Google Rich Results Test или Schema Markup Validator . Последний имеет расширенные функциональные возможности и не только показывает структуру вашей разметки, но также выделяет любые обнаруженные ошибки.
Не добавляйте разметку к несуществующему контенту
Код JSON-LD можно добавить на любую страницу вашего сайта. Но то, что вы говорите Google в разметке, также должно соответствовать содержанию на странице.
Если Google обнаружит такое неправильное использование разметки, он сначала выдаст предупреждение в Search Console, а если проблема не исчезнет, будут приняты меры вручную.
Не добавляйте разметку для конкретной страницы по всему сайту
Один из примеров такого неправильного использования разметки - это когда разметка рейтинга для одного элемента масштабируется на всю категорию. Это также может привести к штрафу со стороны Google.
Не нарушайте правила Google
Обязательно ознакомьтесь с общими рекомендациями Google в отношении структурированных данных и внимательно следуйте им . Это поможет избежать проблем в будущем.
Как отслеживать улучшения разметки?
Чтобы проверить улучшения разметки на вашем веб-сайте с течением времени, войдите в Google Search Console , перейдите в раздел «Улучшения» и просмотрите состояние различных типов разметки данных, примененных к вашим страницам.
В случае обнаружения каких-либо ошибок вам будет предоставлено точное местонахождение ошибок и некоторые инструкции по их исправлению.
Помимо отслеживания технического состояния разметки, теперь вы также можете использовать Search Console для отслеживания ее эффективности в результатах поиска.
Выберите « Эффективность»> «Результаты поиска»> «Внешний вид при поиске» и просмотрите сводку кликов и показов для расширенных результатов поиска. Вверху страницы вы также можете щелкнуть НОВЫЙ и применить фильтр внешнего вида поиска, чтобы увидеть эффективность расширенных результатов поиска с течением времени.
Подводя итоги
Разметка схемы на первый взгляд выглядит сложной, но на самом деле ее легко реализовать, особенно со всеми инструментами, которые могут вам помочь.
Это было длинное руководство, но я надеюсь, что оно вдохновило вас попробовать разметку Schema. Если я пропустил важную информацию, не стесняйтесь задать мне вопрос в разделе комментариев ниже.