Включение структурированных данных в процесс проектирования

Опубликовано: 2022-03-10
Краткий обзор ↬ Модернизация поисковой оптимизации — это далеко не все. По мере того, как метаданные становятся умнее, как никогда важно встраивать их в процесс проектирования с самого начала.

Поисковая оптимизация (SEO) необходима практически для любого веб-сайта, но ее тонкости остаются чем-то вроде специализации. Даже сегодня к SEO часто относятся как к чему-то, что можно исправить постфактум. Это может быть до определенного момента, но это действительно не должно быть. Поисковые системы становятся умнее с каждым днем, и веб-сайты тоже могут быть умнее.

Основы SEO остались прежними: отличный контент с четкой маркировкой рано или поздно победит — независимо от того, сколько людей пытаются обмануть систему. Дело в том, что эти этикетки стали гораздо более изощренными, чем раньше. Мета-заголовки, альтернативный текст изображения и обратные ссылки важны, но в 2020 году они также довольно примитивны. Существует еще один уровень метаданных, который в настоящее время использует лишь часть сайтов: структурированные данные.

Все поисковые системы преследуют одну и ту же цель: организовать веб-контент и предоставить наиболее релевантные и полезные результаты для поисковых запросов. То, как они достигают этого, сильно изменилось со времен Lycos и Ask Jeeves. Только Google использует более 200 факторов ранжирования, и это только те, о которых мы знаем.

SEO — это огромная область в настоящее время, и я хочу сказать вам, что структурированные данные — это очень, очень важный фактор, который нужно понять и внедрить в ближайшие годы. Это не только повышает ваши шансы на высокий рейтинг по релевантным запросам. Что еще более важно, это помогает сделать ваши веб-сайты лучше, открывая их для всех видов полезного веб-опыта.

Рекомендуемая литература : Какое место SEO занимает в вашем процессе веб-дизайна?

Еще после прыжка! Продолжить чтение ниже ↓

Что такое структурированные данные?

Структурированные данные — это способ маркировки контента на веб-страницах. Используя словарь Schema.org, он устраняет большую часть двусмысленности SEO. Вместо того, чтобы доверять Google, Bing, Baidu и DuckDuckGo, чтобы выяснить, о чем ваш контент, вы говорите им. Это разница между поисковой системой, которая угадывает , о чем страница, и знает наверняка.

Как пишет Schema.org:

Добавляя дополнительные теги в HTML своих веб-страниц — теги, которые говорят: «Эй, поисковая система, эта информация описывает этот конкретный фильм, или место, или человека, или видео», — вы можете помочь поисковым системам и другим приложениям лучше понять ваш контент. и отображать его в полезной, релевантной форме.

Schema.org был запущен в 2011 году, это проект, совместно используемый Google, Microsoft, Yahoo и Яндекс. Другими словами, это «двухпартийное» усилие — если хотите. Разметка превосходит любую поисковую систему. По словам Schema.org,

«Общий словарь облегчает веб-мастерам и разработчикам выбор схемы и получение максимальной выгоды от своих усилий».

Во многих отношениях это более обширный родственник микроформатов (запущенных примерно в 2005 году), которые встраивают семантику и структурированные данные в HTML, в основном для поисковых систем и агрегаторов. Хотя в настоящее время микроформаты по-прежнему поддерживаются, «официальный» характер библиотеки Schema.org делает ее более надежной и долговечной.

JSON для связанных данных (JSON-LD) стал доминирующим базовым стандартом для структурированных данных, хотя микроданные и RDFa также поддерживаются и служат той же цели. Schema.org предоставляет примеры для каждого типа в зависимости от того, что вам удобнее.

В качестве примера предположим, что Джо Блоггс пишет рецензию на роман Джозефа Хеллера « Уловка-22 » 1961 года и публикует ее в своем блоге. К сожалению, у Bloggs плохой вкус, и он ставит ему две звезды из пяти. Человек, просматривающий страницу, понял бы эту информацию бездумно, но компьютерным программам пришлось бы соединить несколько точек, чтобы прийти к такому же выводу.

При наличии структурированных данных в код <head> страницы можно добавить следующую разметку. (Это подход JSON-LD. Микроданные и RDFa можно использовать для вплетения одной и той же информации в содержимое <body> ):

 <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Book", "name" : "Catch-22", "author" : { "@type" : "Person", "name" : "Joseph Heller" }, "datePublished" : "1961-11-10", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "Joe Bloggs" }, "reviewRating" : { "@type" : "Rating", "ratingValue" : "2", "worstRating" : "0", "bestRating" : "5" }, "reviewBody" : "A disaster. The worst book I've ever read, and I've read The Da Vinci Code." } } </script>

Это подтверждает, что страница посвящена роману Джозефа Хеллера « Уловка-22 », опубликованному 10 ноября 1961 года. Рецензент был идентифицирован, как и параметры системы подсчета очков. Различные схемы можно комбинировать (или распределять по уровням) для описания разных вещей. Например, с помощью тегов такого рода вы можете четко указать, что страница является списком событий для показа фильма под открытым небом, а речь идет о фильме «Водная жизнь со Стивом Зиссу » Уэса Андерсона.

Рекомендуемая литература : Лучшее исследование, лучший дизайн, лучшие результаты

Почему это имеет значение?

Хорошо, замечательно. Я могу пометить свой веб-сайт до самых глаз, и он будет выглядеть точно так же, но каковы преимущества? На мой взгляд, есть два основных преимущества включения структурированных данных на веб-сайты:

  1. Это значительно упрощает работу поисковой системы.
    Они могут более точно индексировать контент, что, в свою очередь, означает, что они могут представить его более полно.
  2. Это помогает веб-контенту быть более тщательным и полезным.
    Структурированные данные дают вам «компьютерный взгляд» на контент. Качественный контент потрясающий. Качественный контент с тщательной маркировкой — это мечта.

Вы знаете, когда вы видите шикарные результаты поиска, которые включают звездные рейтинги? Это структурированные данные. Богатые фрагменты обзоров фильмов? Структурированные данные. Когда появится подборка рецептов, ингредиентов, времени приготовления и всего? Ты угадал. Покопайтесь в коде любой из этих страниц, и вы где-нибудь найдете разметку. Поисковые системы вознаграждают сайты, использующие структурированные данные, потому что они точно сообщают им, с чем они имеют дело.

Просматривайте фрагменты с помощью разметки структурированных данных в поиске Google.
(Большой превью)
Фрагменты рецептов с использованием разметки структурированных данных в поиске Google
Изучите код на упомянутых выше веб-сайтах, и, конечно же, там есть структурированные данные. (Большой превью)

Это не просто поиск, если быть точным. Это большая часть, но это еще не все. Структурированные данные в первую очередь предназначены для маркировки и организации контента. Расширенные результаты поиска — это всего лишь один из способов использования указанного контента. Например, Google Dataset Search использует разметку Schema.org/Dataset.

Ниже приведено несколько примеров использования структурированных данных:

  • Рецепты
  • Отзывы
  • Часто задаваемые вопросы
  • Голосовые запросы
  • Списки событий
  • Действия с контентом.

Есть еще тысячи. Типа, буквально. Недавно Schema.org даже ускорил выпуск разметки для Covid-19. Это постоянно растущая библиотека.

Во многих отношениях структурированные данные — это ответвление Semantic Web, стремящегося к полностью машиночитаемому Интернету. Это дает вам машиночитаемый взгляд на веб-контент, который (при правильной реализации) дает более богатую функциональность для людей.

Таким образом, практически любому владельцу веб-сайта было бы полезно знать, что такое структурированные данные и как они работают. По данным W3Techs, только 29,6% веб-сайтов используют JSON-LD, а 43,2% вообще не используют форматы структурированных данных. Никаких обязательств, конечно. Не всех волнует SEO или машиночитаемость. С другой стороны, для тех, кто это делает, в настоящее время есть большая возможность обойти конкурирующие сайты.

Точно так же, как HTML заставляет вас думать о том, как организован контент, структурированные данные заставляют вас думать о сути. Это делает вас более тщательным. О чем бы ни был ваш веб-сайт, если вы просмотрите соответствующую документацию по схеме, вы почти наверняка обнаружите детали, которые вы не думали включать заранее.

Как люди, легко принять как должное связи между информацией. Поисковые системы и компьютерные программы умны, но не настолько . Еще нет. Структурированные данные переводят контент в понятные им термины. Это, в свою очередь, позволяет им предоставлять более богатый опыт.

Ресурсы и дополнительная литература

  • «Руководство для начинающих по структурированным данным для SEO: серия из двух частей», Бриджит Рэндольф, Moz
  • «Что такое разметка схемы и почему она важна для SEO», Чак Прайс, Search Engine Journal
  • «Что такое схема? Руководство для начинающих по структурированным данным», Люк Харсел, SEMrush
  • «JSON-LD: создание значимых API данных», Бенджамин Янг, Блог о внедрении
  • «Понять, как работают структурированные данные», Поиск Google для разработчиков
  • «Разметка вашего сайта с помощью структурированных данных», Bing

Включение структурированных данных в дизайн веб-сайта

Встроить структурированные данные в веб-сайт не так просто, как, скажем, изменить мета-заголовок. Это ДНК данных вашего веб-контента. Если вы хотите реализовать это должным образом, вам нужно быть готовым залезть в сорняки — хотя бы немного. Ниже приведены несколько простых шагов, которые разработчики могут предпринять, чтобы внедрить структурированные данные в процесс проектирования.

Примечание . Лично я придерживаюсь целостного подхода к дизайну, когда дизайн и содержание идут рука об руку. Жонглирование кучей дисциплин не является чем-то новым для веб-дизайна, это просто еще одна, и если она хорошо интегрирована, она может усилить другие элементы вокруг нее. Думайте об этом как об усовершенствовании движка вашего сайта. Машина может и не выглядит совсем другой, но управляется она намного лучше.

Начните с концепции

Я буду использовать себя в качестве примера. В течение пяти лет мы с двумя друзьями рецензировали альбом в неделю в качестве хобби (время от времени вмешивались другие). Наша насмешливая, невыносимая проза в настоящее время размещена на сайте WordPress, который — под моей благонамеренной, но совершенно невежественной заботой — превратился в монстра плагинов Франкенштейна.

Мы находимся в процессе редизайна сайта, который (среди прочего) повлек за собой внесение структурированных данных в основной дизайн. Здесь, как и в любом другом проекте, первое, что нужно сделать, — определить, о чем ваш контент. Чем лучше вы ответите на этот вопрос, тем проще будет все последующее.

В нашем случае это обязательные элементы:

  • Мы просматриваем музыкальные альбомы;
  • У каждого обзора есть три рецензента, каждый из которых пишет резюме, выбирая до трех любимых треков и присваивая личную оценку из десяти;
  • Эти три балла объединяются в окончательный балл из 30;
  • Из трех резюме выбирается отрывок, который служит «кратким обзором» всех наших мыслей.

Кое-что из этого может показаться немного специфичным или даже немного произвольным (потому что это так), но вы будете удивлены, как много из этого можно сплести воедино, используя структурированные данные.

Ниже приведен макет того, как будут выглядеть обновленные страницы обзора, и информация, которую можно перевести в микроразметку:

Веб-страница с разметкой структурированных данных
Даже самый обширный контент наполнен информацией, которая только и ждет, чтобы ее пометили и структурировали. (Большой превью)

В этом процессе нет хитрости. Я знаю, о чем идет речь, поэтому знаю, где искать документацию. В этом случае я захожу на Schema.org/MusicAlbum и встречаюсь со всевозможными потенциальными свойствами, включая:

  • albumReleaseType
  • byArtist
  • genre
  • producer
  • datePublished
  • recordedAt

Есть десятки; некоторые эксклюзивны для MusicAlbum, другие подпадают под более широкую юрисдикцию CreativeWork. Углубившись в документацию, я обнаружил, что разметка может подключаться к MusicBrainz, энциклопедии музыкальных метаданных. Тот же процесс разворачивается, когда я перехожу к просмотру документации.

На этой простой странице можно собрать и упорядочить следующую информацию:

 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Review", "reviewBody": "Whereas My Love is Cool was guilty of trying too hard no such thing can be said of Visions. The riffs roar and the melodies soar, with the band playing beautifully to Ellie Rowsell's strengths.", "datePublished": "October 4, 2017", "author": [{ "@type": "Person", "name": "Andre Dack" }, { "@type": "Person", "name": "Frederick O'Brien" }, { "@type": "Person", "name": "Marcus Lawrence" }], "itemReviewed": { "@type": "MusicAlbum", "@id": "https://musicbrainz.org/release-group/7f231c61-20b2-49d6-ac66-1cacc4cc775f", "byArtist": { "@type": "MusicGroup", "name": "Wolf Alice", "@id": "https://musicbrainz.org/artist/3547f34a-db02-4ab7-b4a0-380e1ef951a9" }, "image": "https://lesoreillescurieuses.files.wordpress.com/2017/10/a1320370042_10.jpg", "albumProductionType": "https://schema.org/StudioAlbum", "albumReleaseType": "https://schema.org/AlbumRelease", "name": "Visions of a Life", "numTracks": "12", "datePublished": "September 29, 2017" }, "reviewRating": { "@type": "Rating", "ratingValue": 27, "worstRating": 0, "bestRating": 30 } } </script>

И, честно говоря, я могу еще добавить намного больше. Сначала я нашел вещи, которые уже являются частью структуры страницы обзора (например, исполнитель, название альбома, общий балл), но затем начали возникать новые вопросы. Что может быть яснее? Что я мог добавить?

Это, очевидно, должно быть уравновешено вопросами о том, что ненужно . То, что вы можете что-то сделать, не означает, что вы должны это делать. Есть такая вещь, как «слишком много информации». Тем не менее, иногда немного больше деталей может действительно поднять страницу на ступеньку выше.

Ознакомьтесь со схемой

Нет никакого способа обойти это; лучший способ сдвинуться с мертвой точки — погрузиться в документацию. Существуют инструменты, которые реализуют это за вас (подробнее об этом ниже), но вы получите больше от разметки, если у вас есть правильное представление о том, как она работает.

Просмотрите документацию Schema.org. Кем бы вы ни были и для чего бы ни был ваш веб-сайт, скорее всего, существует множество соответствующих схем. Сайт очень хорош с примерами, поэтому он не должен оставаться теоретическим.

Следующий шаг, конечно, состоит в том, чтобы найти расширенные результаты поиска, которым вы хотели бы подражать, посетить страницу и использовать инструменты разработки браузера, чтобы посмотреть, что они делают. Они часто являются отличными примерами веб-сайтов, которые знают свое содержание наизнанку. Вы также можете передать фрагменты кода или URL-адреса в помощник по разметке структурированных данных Google, который затем создаст соответствующую схему.

Пример Google Structured Data Markup Helper в действии
Такие инструменты, как Google Structured Data Markup Helper, отлично подходят для понимания того, как работают структурированные данные. (Большой превью)

Основы на самом деле очень просты. Как только вы разберетесь с ними, вы поймете, что есть множество вариантов, которые требуют времени, чтобы изучить их и поиграть с ними. Вы не хотите быть тем человеком, который доходит до конца процесса проектирования, просматривает варианты схемы и начинает сомневаться во всем, что было сделано.

Задавайте правильные вопросы

Теперь, когда вы вооружены богатыми знаниями о структурированных данных, вы можете лучше заложить основу для надежного веб-сайта. Структурированные данные движутся по довольно уникальной линии. В прямом смысле он существует «под капотом» и служит на благо компьютеров. В то же время он может обеспечить более богатый опыт для пользователя.

Поэтому стоит взглянуть на структурированные данные как с технической, так и с пользовательской точек зрения. Как структурированные данные могут помочь лучше понять мой веб-сайт? Какие другие ресурсы, онлайн-базы данных или аппаратное обеспечение (например, умные колонки) могут быть заинтересованы в том, что вы делаете? Какие варианты указаны в документации, которые я не учел? Хочу ли я добавить их?

Особенно важно определить повторяющиеся типы контента. Можно с уверенностью сказать, что со временем в блоге может появиться много сообщений, поэтому включение структурированных данных в шаблоны сообщений даст наилучшие результаты. Пример, который я привел выше, хорош сам по себе, но нет никаких причин, по которым процесс разметки нельзя автоматизировать. Это план для нас.

Подумайте также о том, как люди могут найти ваш контент. Если есть возможность, скажем, выделить фрагмент текста для использования в голосовом поиске, сделайте это. Это так, или оставьте это поисковым системам, чтобы они сами разобрались. Никто не знает ваш контент лучше вас, поэтому используйте это понимание с помощью описательной разметки.

Вам не нужно гадать, как контент будет понят со структурированными данными. С помощью таких инструментов, как Google Rich Results Tester, вы можете точно увидеть, как он придает контенту форму и значение, которые в противном случае могли бы остаться незамеченными.

Ресурсы и дополнительная литература

  • «Начало работы со Schema.org с использованием микроданных», Schema.org
  • «Репозиторий проектов Schema.org», сообщество GitHub
  • «Помощник по разметке структурированных данных», Google Webmasters
  • «Добавьте структурированные данные на свои веб-страницы», Google Developers Codelabs
  • «Тест расширенных результатов», Google

Качественный контент заслуживает качественной наценки

Вы не найдете большего сторонника отличного контента, чем я. Индустрия SEO теряет коллективный разум всякий раз, когда Google выпускает крупное обновление поиска. Ответ на истерику всегда один: делайте качественный контент. К этому я добавляю: разметьте это правильно.

Ознакомьтесь с документацией и уясните, о чем ваш сайт. Каждая часть информации, которую вы помечаете, значительно упрощает ее индексацию и обмен ею с нужными людьми.

Независимо от того, являетесь ли вы поклонником Google или новообращенным DuckDuckGo, дух остается прежним. Дело не столько в ранжировании, сколько в том, чтобы сделать веб-сайты как можно лучше. Размещение структурированных данных улучшит другие аспекты вашего сайта.

Вам не нужно доверять технологиям, чтобы понять, о чем ваш контент — вы можете рассказать об этом. От обзоров до рецептов и аудиопоиска разработчики могут добавить совершенно новый уровень сложности к своему контенту.

Сердце и душа оптимизации веб-сайта для поиска никогда не менялись: создавайте отличный контент и делайте его максимально понятным, что это такое и почему это полезно. Структурированные данные — еще один инструмент для этой цели, поэтому используйте его.