8 HTML-тегов, необходимых для SEO

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

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

Что такое HTML-теги?

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

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

Имеют ли HTML-теги значение для SEO сегодня?

Абсолютно! И забота о HTML-тегах всегда должна быть в контрольном списке SEO вашего сайта .

Некоторые говорят, что поисковые системы стали слишком умными для тегов HTML. Они говорят, что поисковым системам не нужна помощь в понимании нашего контента. Ну, это не вся правда.

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

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

Это теги HTML, которые по-прежнему имеют решающее значение для SEO вашего сайта:

1. Тег заголовка

Теги заголовков используются поисковыми системами для определения темы страницы и отображения ее в поисковой выдаче. В HTML тег title выглядит так:

В поисковой выдаче тег заголовка выглядит так:

SEO ценность

Теги title раньше имели огромное значение для поисковых систем. Название страницы является ее основной темой, поэтому Google будет смотреть на заголовок, чтобы решить, соответствует ли страница поисковому запросу.

Естественно, SEO-специалисты начали набивать теги заголовков как можно большим количеством ключевых слов, стараясь сделать свои страницы релевантными множеству запросов. В ответ Google начал наказывать за наполнение ключевыми словами и другие устаревшие методы SEO , поэтому страницы со спамными заголовками теряли свои позиции в поиске.

Сегодня, когда Google перешел на семантический поиск , ценность оптимизированного тега title стала еще ниже. Фактически, Google настолько хорошо разбирается в наших страницах, что иногда переписывает наши заголовки для нас. Правильно, возможно, что вы установили определенный заголовок для своей страницы, и тогда Google будет отображать другой заголовок в результатах поиска. Хотя это все еще редкое явление, это происходит, когда:

Заголовок наполнен ключевыми словами. Google может исправить спам-заголовок, если на самой странице качественный контент. Не нужно тратить хороший контент только потому, что вы допустили ошибку, добавив несколько дополнительных ключевых слов в свой заголовок.

Заголовок не соответствует запросу. Google может выбрать вашу страницу для определенного запроса, даже если ваш заголовок не соответствует этому запросу. В этом случае заголовок иногда может быть переписан для SERP. Очевидно, что нельзя написать заголовок, отвечающий всем возможным запросам. Однако, если вы видите, что Google переписывает ваш заголовок для запросов с большим объемом, рассмотрите возможность его изменения.

Название слишком длинное или слишком короткое. В 2021 году Google подтвердил, что выпустил обновление заголовка страницы . Алгоритмы начали заменять заголовки чем-то другим, если они были слишком короткими, слишком длинными или содержали какие-то специальные знаки препинания, например точку с запятой. Например, если заголовок был слишком длинным, поисковая система использовала вместо него заголовки H1. Если оно было слишком коротким, Google добавлял к нему название бренда.

Есть несколько альтернативных названий. Facebook и Twitter имеют свои собственные теги в разделе <head> вашей страницы, поэтому, если вы используете альтернативные заголовки для этих социальных сетей, Google также может использовать их вместо вашего тега заголовка.

Как оптимизировать

Вот как вы создаете заголовки в соответствии с рекомендациями Google и лучшими практиками SEO.

Этот шаг требует WebSite Auditor. Вы можете скачать его прямо сейчас бесплатно. Скачать WebSite Auditor

Длина заголовка

У Google есть определенный лимит на количество символов заголовка, которые он может отображать в поисковой выдаче. Это ограничение не точное — оно меняется в зависимости от размера вашего экрана. Как правило, заголовки длиной менее 60 символов подходят для большинства экранов.

Если ваш заголовок не подходит для определенного экрана, Google обрежет его. Это будет выглядеть так:

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

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

Чтобы проверить длину заголовков, запустите WebSite Auditor , перейдите в раздел Структура сайта > Аудит сайта > На странице и просмотрите полный список заголовков, длина которых превышает рекомендуемую:

Ключевые слова заголовка

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

Текущая передовая практика заключается в том, чтобы включать только одно ключевое слово или короткую ключевую фразу в заголовок, а затем заполнять остальную часть заголовка маркетинговыми словами. Например, вот два популярных примера структуры заголовков:

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

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

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

Бренд в названии

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

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

2. Метатег описания

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

В SERP это выглядит так:

SEO ценность

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

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

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

Как объяснил Джон Мюллер, метаописания часто корректируются , чтобы соответствовать даже малейшим изменениям в запросе пользователя. Так что Google на самом деле делает вам одолжение. Он показывает разные метаописания для разных пользователей и повышает релевантность ваших фрагментов поиска.

Как оптимизировать

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

Длина мета-описания

Технических ограничений на длину метаописания нет, но Google обычно показывает в вашем фрагменте только первые 160 символов. Совет тот же, что и в случае с тегом title — делайте его сколь угодно длинным, но убедитесь, что ваши ключевые слова и другая важная информация упоминаются ближе к началу.

Вы можете проверить свои метаописания в WebSite Auditor . В своем проекте перейдите в раздел «Структура сайта» > «Аудит сайта» > «На странице» и посмотрите, не превышает ли какое-либо из ваших метаописаний рекомендуемую длину.

Ключевые слова метаописания

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

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

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

Без кавычек в мета-описании

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

Кстати, чтобы оптимизировать теги заголовков и метаописание, вы можете использовать конкурентную разведку в редакторе SEO-контента в WebSite Auditor.

Перейдите в раздел Аудит страницы > Аудит контента , вставьте URL-адрес оптимизируемой страницы и целевое ключевое слово. Инструмент проанализирует вашу страницу вместе с 10 топ-конкурентами в результатах поиска. Вы увидите, как ваше целевое ключевое слово используется в тегах заголовков и мета-описаниях ваших конкурентов.

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

3. Заголовки

Заголовки (H1-H2) используются для разделения вашей страницы на разделы или главы. Каждый заголовок похож на небольшой заголовок на странице. В HTML заголовок выглядит так:

На странице они выглядят примерно так:

SEO ценность

Первоначальной функцией заголовков было улучшение пользовательского опыта. Когда страница правильно организована с заголовками, пользователям легче перемещаться по содержимому, пропускать ненужные главы и находить важные вещи. А если пользователи довольны — Google доволен.

Сегодня роль заголовков значительно возросла. С момента введения сквозной индексации Google может использовать определенные разделы вашей страницы как отдельный результат поиска.

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

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

Как оптимизировать

Вот рекомендации, которым следует следовать при оптимизации заголовков:

Иерархия заголовков

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

Затем есть заголовки H2, которые используются для разделения вашего контента на главы. Затем заголовки H3, которые используются для разделения глав на подглавы. И вы можете следовать той же логике до H6, но обычно не рекомендуется выходить за пределы H3-H4. Страницы с большим количеством уровней заголовков становятся слишком беспорядочными.

Ключевые слова заголовков

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

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

Параллельный синтаксис

Иногда Google может взять ваши заголовки и превратить их в избранный фрагмент в виде списка. Чтобы ваши заголовки подходили для фрагмента списка, они должны следовать параллельному синтаксису. Это означает, что все ваши заголовки должны быть сформулированы одинаково, например, все они должны начинаться с глагола или все они должны быть словосочетаниями с существительными. Также помогает, если все заголовки одного уровня имеют одинаковую длину и расположены в виде пронумерованного списка:

4. Альтернативный атрибут

Атрибут альтернативного текста является частью тега изображения и содержит описание изображения. В HTML это может выглядеть так:

SEO ценность

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

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

Как оптимизировать

Этот шаг требует WebSite Auditor. Вы можете скачать его прямо сейчас бесплатно. Скачать WebSite Auditor

Вот рекомендации, которым следует следовать при оптимизации замещающих текстов:

Не оставляйте альтернативные теги пустыми

Если вы хотите использовать эту дополнительную возможность подняться выше за счет оптимизации изображений, то в первую очередь проверьте наличие пустых alt-текстов. В WebSite Auditor перейдите в раздел «Структура сайта» > «Аудит сайта» и обратите внимание на раздел «Изображения» .

Приоритет изображений

Если у вас тысячи изображений, вам не нужно оптимизировать каждое из них (УЖАС!). Обратите внимание на те, которые передают какую-то полезную информацию, а не на те, которые используются для развлечения и украшения. Полезными изображениями являются изображения продуктов, скриншоты процессов, ваш логотип, инфографика, диаграммы и т. д.

Добавьте ключевые слова в атрибуты alt

Альтернативные тексты — это еще одна возможность использовать ваши целевые ключевые слова. И вы знаете правило — не злоупотребляйте ими! Напишите описание, которое обеспечивает контекст вашего контента, и используйте ключевое слово там, где оно подходит. Изображения, оптимизированные по ключевым словам, отлично работают в сочетании с факторами, которые поисковые системы учитывают при ранжировании страниц.

Чтобы быстро проверить и оптимизировать замещающие тексты для ваших изображений, используйте Редактор контента . Выберите режим «Документ» для редактирования контента, и вы увидите свою живую страницу прямо в приложении. Если вы нажмете на любое изображение, вы увидите специальное поле, в которое вы можете вставить атрибуты alt. Когда ваш текст будет готов, вы можете загрузить его в формате HTML, а затем добавить прямо на свою веб-страницу.

5. Теги Open Graph

Теги Open Graph (OG) размещаются в разделе <head> страницы и позволяют любой веб-странице стать богатым объектом в социальных сетях. Впервые он был представлен Facebook в 2010 году и впоследствии признан другими крупными платформами социальных сетей (LinkedIn, Twitter и т. д.).

В HTML это может выглядеть так:

SEO ценность

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

Как оптимизировать

Тегов Open Graph довольно много, я дам несколько советов по самым важным из них.

ОГ титул

Да, это еще один тег с названием вашей страницы. Итак, теперь у вас есть три разных заголовка: один для поиска (тег title), один для вашего сайта (H1) и третий для социальных сетей (заголовок OG). Вы можете скопировать любой другой заголовок и упростить задачу или придумать отдельный заголовок для публикации в социальных сетях.

Имейте в виду, что оно должно быть от 60 до 90 символов, иначе оно может быть обрезано.

Тип ОГ

Используйте этот тег, чтобы описать объект, которым вы делитесь: веб-сайт, пост, видео, компания и т. д. Полный список можно посмотреть здесь .

Этот тег считается важным, если на вашей странице есть кнопка «Нравится». Это может помочь определить, появится ли ваш контент в разделе интересов пользователя Facebook, если он или она поставит ему лайк.

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

Описание ОГ

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

Ваша главная задача здесь — заставить его говорить с вашей потенциальной аудиторией и получать больше кликов.

Что касается длины, то считается хорошей практикой держать ее около 200 символов.

Обычное изображение

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

Рекомендуемое разрешение изображения OG — 1200x627 пикселей, размер — до 5 МБ.

Как только вы закончите со своими метатегами OG, вы можете проверить, как все выглядит, с помощью Open Graph Object Debugger , инструмента, созданного Facebook.

Вы также можете проверить наличие тегов OG с помощью WebSite Auditor . Для этого перейдите в «Структура сайта» > «Страницы» и переключитесь на вкладку Open Graph и разметки структурированных данных по умолчанию. Он покажет, доступна ли разметка OG на всех ваших страницах, кроме того, он будет собирать заголовки, описания и URL-адреса OG для изображений OG.

Твиттер карты

Карточки Twitter очень похожи на теги OG (название, описание, изображение и т. д.), но используются исключительно Twitter. Хотя теперь твиты могут содержать более 140 символов, эти карточки являются хорошим расширением, позволяющим выделить ваш твит в толпе обычных текстовых твитов.

Существует несколько типов твиттер-карт:

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

Название: 70 символов
Описание: 200 символов
Изображение: 120x120px, до 1MB

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

Название: 70 символов
Описание: 200 символов
Изображение: 280x150px, до 1MB

Карточки игроков. Такие карты позволяют пользователям воспроизводить видео или аудио в твите.

Описание: 200 символов
Видео: H.264, базовый профиль, уровень 3.0, до 640 x 480 пикселей при 30 кадрах в секунду.
Аудио: AAC, профиль низкой сложности

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

Название: получено из идентификатора приложения
Описание: 200 символов
Изображение: получено из идентификатора приложения

6. Тег роботов

Тег robots — это элемент в HTML-коде страницы, который информирует поисковые системы о том, какие страницы вашего сайта следует индексировать, а какие нет. Его функции аналогичны robots.txt, но robots.txt содержит предложения. В то время как теги robots дают инструкции.

В HTML это может выглядеть так:

SEO ценность

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

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

Как оптимизировать

Вот рекомендации, которым следует следовать при оптимизации тегов robots:

Обращайтесь к ботам по имени

Используйте robots, если вы хотите обратиться ко всем ботам, но используйте имена отдельных ботов, если вы хотите обратиться к конкретному боту. Имена отдельных ботов обычно используются для запрета вредоносным ботам сканировать ваш сайт.

Знай свои параметры

Google понимает и уважает следующие параметры вашего тега robots:

Noindex — запрещает поисковикам индексировать страницу;
Nofollow — запрещает поисковой системе переходить по ВСЕМ ссылкам на странице (поэтому он отличается от атрибута nofollow, применяемого на уровне отдельного URL);
Follow — по ссылкам на странице нужно переходить, даже если страница не индексируется;
Noimageindex — изображения на этой странице не будут проиндексированы;
Noarchive — предотвращает появление кешированной копии страницы в результатах поиска;
None — то же, что «noindex, nofollow».

Обратите внимание, что Google понимает любые комбинации строчных и прописных букв, которые вы используете для параметров тега robots. Для получения более подробной информации ознакомьтесь с нашей подробной SEO-шпаргалкой по тегам, директивам и атрибутам роботов ; вы узнаете, как поручить роботу Googlebot сканировать и индексировать ваш веб-сайт так, как вы этого хотите.

7. Канонический тег

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

В HTML это может выглядеть так:

SEO ценность

Канонический тег важен для SEO по двум причинам.

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

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

Как оптимизировать

Запустите WebSite Auditor , перейдите в раздел «Структура сайта» > «Аудит сайта» и обратите внимание на раздел «На странице» , а именно на « Дублировать заголовки» и «Дублировать метаописания» .

Если у вас есть несколько URL-адресов с одинаковым содержанием, укажите элемент <link rel="canonical"> в HTML-коде страницы.

8. Разметка схемы

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

SEO ценность

Разметка Schema используется для указания на определенные фрагменты информации на странице, и Google может использовать эти фрагменты информации для создания расширенных фрагментов. Например, если вы примените Schema к странице рецепта, Google узнает время приготовления, ингредиенты, количество отзывов и даже калорийность рецепта. И он будет использовать информацию для их создания:

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

Как оптимизировать

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

Когда вы закончите, вы можете скопировать код из помощника на свою страницу.

Теги HTML — это часть SEO, которую вы можете контролировать сами

Я бы сказал, что теги HTML по-прежнему очень важны для SEO, возможно, даже больше, чем раньше. И если бы мне пришлось выбирать самые важные теги HTML, я бы определенно выбрал заголовки и разметку Schema. Google довольно быстро меняет поисковую выдачу, делая ее более интерактивной и добавляя новые типы сниппетов. Чтобы участвовать во всем этом, чтобы оставаться конкурентоспособными в поиске, вам нужно начать работать над своими заголовками и расширенными результатами, как сегодня.