Meta теги: Тег | htmlbook.ru - Блог сумасшедшего сисадмина

Содержание

Какие бывают META теги и зачем они нужны / Хабр

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

META-теги имеют два возможных атрибута

— <META HTTP-EQUIV=»имя» CONTENT=»содержимое»>
— <META NAME=»имя» CONTENT=»содержимое»>
META-теги должны находиться в заголовке HTML-документа между <HEAD> и </HEAD> (особенно это важно для документов, использующих фреймы).

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

Пруфлинк: http://www. w3.org/TR/html401/struct/global.html#h-7.4.4.1

(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)

Атрибут HTTP-EQUIV

META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (<>200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.

Значения поля content для Аттрибута HTTP-EQUIV

Значение	Описание	Пример использования	Эффект
Expires	Дата устаревания. Управление кэшированием в HTTP/1.0. Если указанная дата прошла, то очередной запрос этого документа вызывает повторный сетевой запрос, а не подгрузку документа из кэша. Дата со значением «0» интерпретируется как «сейчас». Такое значение заставляет броузер каждый раз при запросе проверять — изменялся ли этот документ. Это, кстати относится и к прокси-агентам.	Дата должна быть задана в формате, описываемом в RFC850, <META HTTP-EQUIV=»expires» CONTENT=»Wed, 26 Feb 2008 08:21:57 GMT»> что эквивалентно HTTP-заголовку Expires: Wed, 26 Feb 2008 08:21:57 GMT	Поисковые роботы могут либо совсем не индексировать такой документ, либо постоянно «обнюхивать» его.
Pragma	Эта директива показывает, что кешированная информация не должна использоваться и вместо этого запросы должны посылаться на сервер. Это директива имеет тоже самое значение что и CACHE-CONTROL:NO-CACHE и представлена для обратной совместимости с HTTP/1. 0. Клиенты должны использовать оба значения PRAGMA:NO-CACHE и CACHE-CONTROL:NO-CACHE когда нужно послать некешируемый запрос к серверу, про который неизвестно – совместим ли он с HTTP/1.1. Если известно, что сервер совместим с HTTP/1.1 клиент НЕ должен посылать PRAGMA заголовок. HTTP/1.1 кэш должен понимать «PRAGMA:NO-CACHE» точно также, как будто клиент послал «CACHE-CONTROL:NO-CACHE».	<META HTTP-EQUIV=»PRAGMA» CONTENT=»NO-CACHE»>
Content-Type	Указание типа документа. Может быть расширено указанием кодировки страницы (charset). Если же указывать charset в содержании META-тега, то некоторые браузеры выводят такую страницу уже в заданном charset.	<META HTTP-EQUIV=»Content-type» CONTENT=»text/html; charset=ISO-2022-JP»>	Используют браузеры и поисковые системы
Content-language	Указание языка документа. Может использоваться поисковыми машинами при индексировании страниц. Комбинация поля Accept-Language (посылаемого броузером) с содержимым Content-language может быть условием выбора сервером того или иного языка.	<META HTTP-EQUIV=»Content-language» CONTENT=»en-GB»> что эквивалентно HTTP-заголовку Язык описывается парой значений (язык-диалект). В примере: Английский-Великобритания Для русского языка – ru-RU	Используется некоторыми поисковиками
Refresh	Определение задержки в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность — автоматическая загрузка другого документа.	<META HTTP-EQUIV=»Refresh» Content=»3, URL=http://www.name.com/page.html»> что эквивалентно HTTP-заголовку Refresh: 3; URL=http://www.name.com/page.html	W3C не рекомендует использовать этот тег. Google страницы с таким тегом игнорирует. Другие поисковые системы, возможно, тоже.
Cache-Control	Определяет действия кэша по отношению к данному документу. Возможные значения: Public — документ кэшируется в доступных для всех кэшах Private — только в частном кэше no-cache — не может быть кэширован no-store — может быть кэширован, но не сохраняется	<META http-equiv=»Cache-Control» content=»public»>	Используется некоторыми браузерами

Атрибут NAME

Robots	Тег <meta name=»Robots» content=»…»> управляет индексацией конкретной web-страницы. При этом роботам можно запретить не только индексацию самого документа, но и проход по имеющимся в нем ссылкам. Инструкции по индексации записываются в поле content. Возможны следующие инструкции: NOINDEX — запрещает индексирование документа; NOFOLLOW — запрещает проход по ссылкам, имеющимся в документе; INDEX — разрешает индексирование документа; FOLLOW — разрешает проход по ссылкам. ALL — равносильно INDEX, FOLLOW NONE — равносильно NOINDEX, NOFOLLOW Значение по умолчанию: <meta name=»Robots» content=»INDEX, FOLLOW»>. В следующем примере робот может индексировать документ, но не должен выделять из него ссылки для поиска дальнейших документов: <META name=»ROBOTS» content=»index, nofollow»> Имя тега, названия и значения полей нечувствительны к регистру. В поле content дублирование инструкций, наличие противоречивых инструкций и т.п. не допускается; в частности, значение поле content не может иметь вид «none, nofollow». Google поддерживает дополнительное значение NOARCHIVE, которое запрещает помещать страницу в архив google	<META NAME=»Robots» CONTENT=»NOINDEX,FOLLOW»>	Используется большинством поисковиков
Description	Значение атрибута CONTENT — строка, которая определяет текстовое описание (краткую аннотацию) конкретной страницы Вашего сайта. Не стоит создавать слишком длинное и подробное описание Вашего сайта в данном теге, рекомендуется ограничиться текстом до 100 символов, поскольку поисковые машины, в большинстве случаев, имеют ограничение на количество индексируемых символов. Этот тег может сильно помочь в случаях, когда в документе мало текста, когда это управляющий фреймами файл (frameset) или в начале документа используются скрипты.	<META NAME=»description» CONTENT=»Данный сайт содержит информацию для любителей старинных автомобилей, на нем Вы можете найти описание с фотографиями редких и эксклюзивных автомобилей»>	Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации. Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
Keywords	Значение атрибута CONTENT — список ключевых слов, как правило, через запятую, соответствующих содержимому Вашего сайта. Это те слова, в запрос на которые, Вы хотели бы, появления Вашего сайиа в списке результатов поиска. Здесь также рекомендуется ограничиться списком до 30 слов. Можно поместить и наиболее частые опечатки ключевых слов. Также Вы можете здесь записать и английские слова, соответствующие содержимому Вашего сайта. Ну, а какие конкретно нужно писать слова — это уже тема отдельной статьи. Некоторые поисковые системы не индексируют сайты, в которых в данном теге повторяется одно и то же слово для увеличения позиции в списке результатов.	<META NAME=»keywords» CONTENT=»реклама, дизайн, полиграфия»>	Учитывается большинством поисковых систем. Точно известно, что НЕ учитывает Google и Rambler
document-state	Управление индексацией страницы для поисковых роботов. Определяет частоту индексации — или один раз индексировать (значение Static), или реиндексировать документ регулярно (значение Dynamic).	<META NAME=»Document-state» CONTENT=»Static»>	Используется редко
GOOGLEBOT	Google поддерживает специальный тег Googlebot с помощью которого вы можете указать Google что он не должен индексировать и архивировать вашу страницу, другие поисковые системы этот тег проигнорируют.	<META NAME=»GOOGLEBOT» CONTENT=»NOARCHIVE»>
Author	Автор, создатель сайта. Вряд ли используется поисковыми системами, и нужен скорее всего чтобы можно было показать что сайт сделан именно определенной персоной или фирмой.	<META NAME=»AUTHOR» CONTENT=»www.neo-systems.ru»>
Revisit	Значение этого тега указывает — как часто обновляется информация на вашем сайте, и как часто поисковая система должна на него заходить чтобы увидеть обновления. В силу сложившихся условий — поисковые системы сейчас самостоятельно определяют частоту сканирования сайта, поэтому, возможно, наличие этого тега ничего вам не даст.	<meta name=»revisit-after» content=»15 days»>

Источники информации:

http://www.citforum.ru/internet/search/metatags.shtml
http://web-support.ru/adv/ps_meta_2.shtml
http://www.shtogrin.com/library/web/meta/
http://vancouver-webpages.com/META/metatags.detail.html
http://www.mattcutts.com/blog/keywords-meta-tag-in-web-search/
http://www.webotdel.ru/notes/metatags/
Очень хорошо и понятно написано http://www.w3schools.com/tags/tag_meta.asp
Какие мета-теги понимает Google http://www.google.com/support/webmasters/bin/answer.py?answer=79812
Какие мета-теги понимает Bing
http://www.bing.com/community/blogs/webmaster/archive/2009/07/18/head-s-up-on-lt-head-gt-tag-optimization-sem-101.aspx
Google не использует мета-тег keywords
http://googlewebmastercentral.blogspot.com/2009/09/google-does-not-use-keywords-meta-tag.html

Виды мета-тегов для сайта — что такое мета теги и какими они бывают

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

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

Функции мета-тегов

Мета-теги размещаются в начале кода веб-страницы между тегами <head>…</head>. Эти элементы не считаются обязательными — пользователь не видит их на странице, однако данные атрибуты сообщают поисковой системе важную информацию, такую как заголовок веб-страницы, ее описание и т.д.

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

Рассмотрим функции мета-тегов подробнее:

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Основные мета-теги

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

Тег Title

<Title>Заголовок</Title>

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

Разберемся, как правильно заполнить тег Title. В нем нужно указать основные ключевые слова и перечислить конкурентные преимущества. Прочитав заголовок, пользователь должен сразу понять, что именно вы предлагаете и почему ваш сайт ему подходит. Эту информацию нужно уместить в определенное количество символов: в поисковой системе Google это максимально 70 знаков (12 слов), а в Яндексе — 80 знаков (15 слов). Заголовок может быть и длиннее, но именно такое количество символов поисковики отображают в выдаче.

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

Посмотрим, как правильно писать мета-теги title на примере.

Скажем, у нас есть ключевые слова: «купить диван», «купить диван недорого», «купить удобный диван».

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

Правильный title: «Купить удобный диван недорого с доставкой и скидкой 15%» В этом случае мета-тег содержит все ключи, перечисленные в логичной последовательности, а также включает информацию о скидке, то есть конкурентном преимуществе.

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

Рекомендуется по минимуму использовать знаки препинания (– . ! ?), а также специальные символы (“”= ()/ \ | + _ ). А использование цифр, напротив, добавит заголовку привлекательности.

В title можно вставить периодически меняющиеся элементы, такие как цена или количество товаров. Поисковые алгоритмы поощряют динамические тайтлы.

Тег Description

Далее поговорим о том, что такое мета-описание страницы. За него отвечает тег description, представляющий собой краткий «анонс» веб-страницы, он является логическим продолжением title и раскрывает содержание более подробно.

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

Description должен состоять из нескольких коротких предложений, в которые входят наиболее значимые ключевики определенной страницы. Самые важные сведения лучше писать в начале тега дескрипшн. Фразы из заголовка включать не стоит, description не должен совпадать с тайтлом. Что касается длины данного тега, рекомендуется уложиться в 160-200 символов с пробелами.

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

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

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

Тег Keywords

Ранее на SEO-продвижение сайта оказывал значительное влияние мета-тег keywords (кейвордс). Он сообщает поисковому роботу, под какие ключевые слова «заточен» контент страницы. В настоящее время поисковики уже не придают этому атрибуту большого значения, а поисковые системы Google и Rambler его вообще не учитывают, поэтому инструкция по написанию тегов кейвордс будет краткой: перечисляйте не больше 10 ключевых слов без запятых и используйте только запросы, под которые оптимизирован текст данной веб-страницы.

Как просмотреть мета-теги

Чтобы увидеть, есть ли на странице мета-теги, кликните в любом месте страницы правой кнопкой мыши и выберите пункт «Просмотр кода страницы» или «Исходный текст страницы» (название команды в разных браузерах немного отличается). Можно также воспользоваться горячими клавишами Ctrl + U. Все имеющиеся мета-теги отображаются в разделе «head».

Проверка мета-тегов сайта

Владельцу сайта проще всего проверить мета-теги с помощью сервиса Яндекс.Вебмастер. Войдите в свой аккаунт, на панели слева перейдите в раздел «Диагностика» и в подраздел «Диагностика сайта». Например, если на сайте есть страницы с незаполненным тегом description, в списке «Возможные проблемы» вы увидите ссылку «Ознакомьтесь с примерами и исправьте ошибки». Чтобы увидеть проблемные страницы, нажмите на нее.

Анализ мета-тегов на сайтах конкурентов можно выполнить в таких сервисах, как:

Serpstat;
Пиксель Тулс;
Seo-inf.ru;
Promopult. ru.

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

Метатеги

— Предварительный просмотр, редактирование и создание Метатеги

— Предварительный просмотр, редактирование и создание

Метаданные

Название 38

Метатеги — просмотр, редактирование и создание

Описание 139

С помощью метатегов вы можете редактировать и экспериментировать со своим контентом, а затем просматривать, как ваша веб-страница будет выглядеть в Google, Facebook, Twitter и других сервисах!

Гугл

Метатеги — предварительный просмотр, редактирование и создание

https://metatags. io/

Facebook

метатеги.io

Метатеги — предварительный просмотр, редактирование и создание

Твиттер Метатеги

— предварительный просмотр, редактирование и создание С помощью метатегов вы можете редактировать и экспериментировать со своим контентом, а затем просматривать, как ваша веб-страница будет выглядеть в Google, Facebook, Twitter и других сервисах! метатеги.io

Метатеги — предварительный просмотр, редактирование и создание

Slack

Метатеги

Метатеги — предварительный просмотр, редактирование и создание

Meta Tags — это инструмент для отладки и генерации кода метатегов для любого веб-сайта. С помощью метатегов вы можете редактировать и экспериментировать со своим контентом, а затем просматривать, как ваша веб-страница будет выглядеть в Google, Facebook, Twitter и других сервисах!

Что такое метатеги

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

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

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

 Метатеги — предварительный просмотр, редактирование и создание

Метатеги — предварительный просмотр, редактирование и создание

https://metatags.io/

Почему важны метатеги

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

Представьте себе, что вы заходите в заброшенный магазин с пыльными полками и затхлым запахом в воздухе 😕. Ссылка на ваш сайт в Facebook или LinkedIn часто является самым первым взаимодействием с посетителем, и если он выглядит пустым и необслуживаемым, как заброшенный магазин, они даже не подумают нажать на ссылку.

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

Это изображение также является изображением метаданных!

Более того, генерирование метаданных может стать важным упражнением в разработке вашего краткого коммерческого предложения. Google дает вам только 60 символов для вашего заголовка и около 105 символов для вашего описания — прекрасная возможность тщательно уточнить ваше ценностное предложение.

Сделать метатеги Помощь с SEO

Сообщество SEO окончательно определилось в этом вопросе, наиболее важным метатегом для ранжирования является тег title. Никакие другие метатеги не влияют на рейтинг SEO, но это не значит, что они не важны!

Заголовок — Очень важно.
Описание — Менее важное.
Изображение — Умеренно важно.
Ключевое слово — Минус-важность.

Исторически сложилось так, что метатег «ключевое слово» был важной частью ранжирования, поскольку ранние роботы поисковых систем использовали это значение для категоризации веб-сайтов. Но в 2009 году Google официально объявил, что метатег ключевого слова больше не является частью рейтинга и потенциально может повредить вашему рейтингу, если им будут злоупотреблять 😱.

Вместо этого современные стратегии SEO сосредоточены на высоком рейтинге в Google с высококачественным контентом и дополняются настройками метатегов.

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

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

Тег заголовка является вторым по значимости фактором для SEO на странице, уступая только высококачественному контенту.

С технической точки зрения это очень простой тег HTML-кода Title , который вы размещаете в самом верху вашей веб-страницы. Но его простота лишь скрывает тот факт, что 50-60 символов, которые дает вам Google, повлияют на посещаемость вашего сайта несколькими способами.

Поиск Google — основная ссылка, по которой переходят пользователи.
Социальные сайты — Заголовок, который люди видят на FB, Linkedin и т. д.
Вкладка браузера — Подсознательный маркетинг, сохраняющийся на вкладке.
Внешние ссылки — обычно текст, который другие сайты используют для ссылки на ваш сайт.

Советы по эффективному заголовку

Рассмотрите тройное сочетание: бренд, маркетинг и SEO. Старайтесь, чтобы заголовок не превышал 60 символов, и в первую очередь ставьте ключевые слова, на которые вы обращаете внимание. Не переусердствуйте с ключевыми словами, максимум используйте два. Backlinko проделал фантастическую работу, описав, как разрабатывать кликабельные заголовки в этом чудовищном руководстве по поисковой оптимизации страницы.

Места, где отображается ваш тег title

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

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

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

Хотите узнать больше? Moz — авторитет в мире SEO, и у него есть практическое руководство по написанию привлекательных описаний.

Метаизображение или OG:Image

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

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

На таких сайтах, как Facebook, Twitter и Linkedin, ваше метаизображение в 3 раза больше, чем текстовое содержимое!

Создание метатегов для SEO и цифрового маркетинга

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

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

MetaTags.io был создан, чтобы сделать этот процесс приятным! Быстрое тестирование различных заголовков и изображений — плавный и плавный рабочий процесс.

Полный список мета-тегов, почему они важны для SEO и как их написать

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

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

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

Что такое метатеги?

Мета-теги — это фрагменты HTML-кода, которые могут быть просканированы роботами поисковых систем, такими как Google.

Они влияют на видимость веб-страницы в поисковой выдаче. Метатеги добавляются в раздел страниц и видны только в HTML-коде:

Почему метатеги важны для SEO?

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

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

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

Примеры мета-тегов

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

Примеры оригинальных тегов мета-заголовка и мета-описания

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

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

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

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

Примеры мета-тегов, которые могут повредить всей нашей цифровой стратегии

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

В этом случае мы говорим о мета-теге robots с content=»noindex» , с помощью которого мы указываем поисковым системам, что мы не хотим, чтобы страница была проиндексирована — а значит, видима — в поисковой выдаче. С этим примером метатегов robots трудно получить органические клики на веб-странице из Google, поскольку она не будет указана в списке.

в результатах SERPS:

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

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

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

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

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

Теги заголовка

С помощью тега заголовка мы указываем заголовок содержимого страницы как Google, так и пользователям поисковых систем. Этот тег не следует путать с заголовком 1, основным заголовком текста. Метатег title виден пользователям только в результатах поиска, но не на странице.

Рекомендации по написанию тегов заголовков:

Обобщите основную тему страницы с помощью основного ключевого слова или терминов.
Пишите уникальные, оригинальные и привлекательные заголовки, чтобы привлечь внимание пользователей и повысить CTR страницы в поисковой выдаче.
Будьте точными и описательными в зависимости от содержания страницы.
Не превышайте и не повторяйте ключевые слова.
Напишите примерно не более 60 символов (максимум 580 пикселей).

Как писать теги заголовков

В WordPress или аналогичных инструментах CMS вы можете установить плагины SEO, такие как All in One SEO, Rank Math или Yoast SEO, которые помогут вам редактировать и предварительно просматривать теги заголовков.

Или вы также можете вставить следующий код в вашей веб-страницы:

Что такое заголовок веб-сайта (тег заголовка) и почему это важно для SEO?

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

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

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

Теги мета-описания

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

Хотя Google не всегда отображает контент, предложенный создателем, иногда он может быть сгенерирован автоматически через контент страницы, если они считают, что сгенерированные пользователем недостаточно «качественны» или не связаны с запрос пользователя.

Как написать теги мета-описания

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

Или вы также можете вставить следующий код в вашей страницы:

Мета-описание помогает убедить или убедить читателей выбрать ваш сайт. «/>

Многие инструменты CMS имеют простое текстовое поле, в которое вы можете ввести мета-описание. CMS добавит этот текст в раздел за вас. Вот как это выглядит в CMS HubSpot.

Мета-роботы

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

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

Передовой опыт написания тегов Meta Robots

Не путайте теги noindex с robots. txt. С помощью файлов robots.txt мы указываем поисковой системе, хотим ли мы сканировать некоторые страницы или нет, а с помощью тега robots мы сообщаем, должен ли сайт быть проиндексирован или нет. Поэтому важно не блокировать страницы noindex в файлах robots.txt, так как роботы не смогут их прочитать

Как написать теги Meta Robots

Вы можете отредактировать тег robots с помощью Rank Math или Yoast SEO:

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

Чтобы сделать это в HubSpot CMS, вам нужно перейти на вкладку настроек вашего блога или целевой страницы. В разделе «Дополнительные параметры» просто добавьте свой код в раздел «Дополнительные фрагменты кода».

Мета-тег области просмотра

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

Как редактировать тег окна просмотра?

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

…

….

Полный список мета-тегов

Но есть еще много мета-тегов. Предлагаем вам полный список ключевых мета-тегов для вашей SEO-стратегии:

Теги заголовков, чтобы назвать вашу страницу в поисковых системах
тегов мета-описания, чтобы описать вашу страницу в поисковых системах
Метатеги роботов, индексировать или не индексировать страницу
Nofollow, метатеги спонсируемого и созданного пользователями контента для исходящих ссылок.
Метатеги карточек Twitter и метатеги Open Graph для вашего контента, опубликованного в социальных сетях
Метатег области просмотра, чтобы указать, как отображать страницу на мобильном устройстве.

Языковые метатеги для указания языка содержимого страницы
Метатег Notranslate, чтобы Google не предоставлял автоматически сгенерированный перевод.
метатег nositelinkssearchbox, чтобы не отображать окно поиска дополнительных ссылок.
charset для определения кодировки символов веб-сайта.
, чтобы отправить пользователя на новый URL-адрес через некоторое время, обычно из-за перенаправления. Хотя рекомендуется не использовать этот тег, а делать редирект 301.

Другие мета-теги, не являющиеся обязательными для SEO, но рекомендуемые к учету:

Мета-тег автора , для указания автора страницы
Метатег авторского права, владелец прав на исходный код HTML-страницы.
No related posts.

Meta теги: Тег | htmlbook.ru

Какие бывают META теги и зачем они нужны / Хабр

META-теги имеют два возможных атрибута

Атрибут HTTP-EQUIV

Значения поля content для Аттрибута HTTP-EQUIV

Источники информации:

Виды мета-тегов для сайта — что такое мета теги и какими они бывают

Функции мета-тегов

Основные мета-теги

Тег Title

Тег Description

Тег Keywords

Как просмотреть мета-теги

Проверка мета-тегов сайта

— Предварительный просмотр, редактирование и создание Метатеги

Метаданные

Рекомендуемое изображение 1200×628

Название 38

Описание 139

Гугл

Facebook

Твиттер Метатеги

Pinterest

Slack

Что такое метатеги

Почему важны метатеги

Сделать метатеги Помощь с SEO

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

Советы по эффективному заголовку

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

Метаизображение или OG:Image

Создание метатегов для SEO и цифрового маркетинга

Полный список мета-тегов, почему они важны для SEO и как их написать

Что такое метатеги?

Почему метатеги важны для SEO?

Примеры мета-тегов

Примеры оригинальных тегов мета-заголовка и мета-описания

Примеры мета-тегов, которые могут повредить всей нашей цифровой стратегии

Рекомендации по написанию тегов мета-описаний:

Как написать теги мета-описания

Передовой опыт написания тегов Meta Robots

Как написать теги Meta Robots

Рекомендации по написанию мета-тегов для роботов

Как редактировать тег окна просмотра?

Полный список мета-тегов

Добавить комментарий Отменить ответ

Рубрики

Рубрики