Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Как написать метатеги (заголовки и описания) для SEO

Мета-теги являются частью HTML-кода (HTML-тегов) вашего веб-сайта и описывают содержание любой страницы для поисковых роботов. Мета-теги необходимы для всех поисковых систем, таких как Google, Yahoo, Yandex, Duck Duck Go и Bing.

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

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

Как написать SEO метатеги

Вот несколько рекомендаций по написанию метатегов заголовков для ваших веб-страниц.

  • Не пишите метатеги заголовков длиннее 60 символов.
  • Добавьте модификаторы, такие как инструкции, советы, покупка, поиск, выше и т. Д., К тегу заголовка.
  • Названия с номерами работают лучше всего, то же самое относится и к тегам заголовков.
  • Вставьте свое главное ключевое слово в тег заголовка, желательно в начале.
  • Напишите уникальный тег заголовка для каждой страницы.
  • Если у вас есть известный бренд, вы можете добавить название бренда в теги заголовка для большего количества кликов. Смотрите следующий пример Moz:

Мета-описание

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

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

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

Метатег мета-описания также добавлен в раздел «head» вашего HTML.

Вот пример кода:

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

Как написать мета описания для SEO

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

  • Не вводите метаописания длиной более 160 символов, а для оптимизации для мобильных устройств ограничьте его до 130 символов.
  • Включите ваше основное ключевое слово и другие важные ключевые слова наиболее естественным способом.
  • Четко объясните, что пользователи могут ожидать от страницы, если они нажимают на нее.
  • Вы даже можете выделить свои основные ключевые слова, выделив их жирным шрифтом, чтобы они выделялись и привлекали внимание зрителей.
  • Напишите уникальные мета-описания для каждой страницы вашего сайта.
  • Не включайте не алфавитно-цифровые символы в ваши мета-описания.

Viewport

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

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

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

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

Роботы

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

Существует четыре важных значения метатега robots.txt:

следить – Это указывает сканерам переходить по всем ссылкам на веб-странице.

Не следовать – Это указывает сканерам не переходить по странице и ссылкам на этой странице.

индекс – Это дает сканерам указание проиндексировать веб-страницу.

Noindex – Это указывает сканерам не индексировать веб-страницу.

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

Эти теги также размещаются в разделе «главы» HTML-кода.

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

Заголовки – это в основном субтитры H1, H2, H3 и другие на любой странице. Метатеги заголовка используются для создания различных разделов заголовка с разными размерами шрифта.

Заголовки помогают лучше структурировать ваш контент и помогают посетителям вашего сайта и поисковым системам разобраться в вашей странице. Метатеги заголовка не оказывают прямого влияния на SEO, но они улучшают пользовательский опыт и могут косвенно влиять на ваш рейтинг.

Рекомендуется включать ключевые слова в метатеги заголовка, если они могут быть вставлены естественным образом.

Каноническая этикетка

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

Вот пример синтаксиса канонического тега:

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

Альтернативная текстовая метка

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

Вот синтаксис для типичного текстового тега alt:

"X и Z"

Как написать альтернативные текстовые метатеги для SEO

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

  • Они должны быть короткими и по существу.
  • Альтернативный текст должен описывать изображение как соответствующее.
  • Держите длину от 50 до 55 символов.
  • Рекомендуется всегда создавать карту сайта с изображениями, чтобы сканеры поисковых систем могли легче читать и индексировать изображения.

Метатеги в социальных сетях

Это не влияет на SEO, но есть два важных мета-тега в социальных сетях, о которых вы должны знать:Twitter карты и видеокарты открываются.

Twitter Открытки

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

Вот пример Twitter тег карты:

Открытые диаграммы меток

При обмене ссылками иногда автоматически добавляются изображение и краткое описание поста. Открытые графические ярлыки делают это возможным. Они полезны при обмене контентом, но не имеют прямого влияния на SEO. Так что эти теги полезны, но не обязательны.

Вот пример синтаксиса открытого графического тега:

вывод

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

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