Тактики SEO оптимизации мета-тегов Title и Description ✔️ Блог Webpromo
25.02.2021
Редакция: Ольга Коцофане. Автор: Екатерина Кобзева
Содержание:
- Что такое мета-теги сайта (title и description)?
- Мета тег Title, что это?
- Мета тег Description что это?
- Для чего нужны мета теги Title и Description?
- Как правильно прописать мета-теги Title и Description для SEO?
- Выводы от SEO-специалистов компании Webpromo
Что такое мета-теги сайта (title и description)?
Мета-теги Title и Description («тайтл» и «дескрипшн») — это важные элементы SEO-продвижения, предназначенные для структурированного описания содержимого страницы. Они необходимы для дальнейшей идентификации страницы в поисковой выдаче и ее оценки поисковыми роботами.
Необходимо знать, что Title и Description формируют сниппет страницы, то есть напрямую определяют его вид и размер.
Это в свою очередь может повлиять на решение пользователя — перейти на ваш сайт или нет (переходы пользователей характеризует показатель кликабельности CTR). Правильно составленные мета теги это важный компонент успешного продвижения.
Мета описания — это часть HTML-кода внутри тега.
Ниже приведен наглядный пример расположения мета-тегов Title и Description на странице.
Мета тег Title, что это?
Title — это заголовок страницы в браузере, который отображается в поисковой выдаче. «Тайтл» учитывается поисковой системой при ранжировании сайтов и считается одним из основных показателей определения релевантности страницы поисковым запросам.
Ниже приведен наглядный пример расположения мета-тега Title в выдаче поисковой системы Google.
Мета тег Description что это?
Description — это мета-описание страницы на сайте, краткий информативный текст. Он описывает для пользователя основное содержание страницы с конкурентными преимуществами, выделяющими сайт в поисковой выдаче.
Ниже приведен наглядный пример расположения мета-тега Description в поисковой выдаче системы Google.
Читайте также: Как получить прирост +84,5% бесплатного трафика даже с учетом спада сезонности
Для чего нужны мета теги Title и Description?
- Мета теги Title и Description показывают интернет-пользователям и поисковым системам, какие ключевые слова и запросы содержит страница. Заголовок Title и краткое описание Description позволяют оценить релевантность страницы по конкретным фразам. Именно поэтому специалист обязательно проверяет метатеги на наличие необходимых ключей.
Ниже приведен наглядный пример вхождения ключевых слов в мета-тегах различных страниц поисковой выдачи системы Google по запросу «бирки для растений».
- Title и Description показывают поисковым роботам и интернет-пользователям, о чем страница и чем она может быть полезна.
- Мета теги в большинстве случаев участвуют в формировании сниппета страницы (небольшого информационного блока, который отображается в поисковой выдаче).
Title и Description не всегда образуют сниппет страницы: поисковая система может решить иначе и подтянуть более релевантные по ее мнению мета-описания.
- Title и Description — один из факторов ранжирования страниц. По ним поисковая система решает, какой сайт будет наиболее полезен для пользователя. Это напрямую влияет на позицию выдачи.
Поисковые системы обращают внимание на смысл и качество мета-тегов. Мета тег description — пример важного фактора формирования выдачи под конкретный запрос интернет-пользователя.
Как правильно прописать мета-теги Title и Description для SEO?
Существует несколько правил и рекомендаций, с помощью которых можно прописать качественные уникальные мета описания Title и Description для вашего сайта.
Пройдемся по пунктам.
1. Используйте ключевые слова в своих мета описаниях
Необходимо добавлять ключевые слова в мета теги. Зачем это нужно? Так мы показываем поисковому роботу и пользователю, что наш сайт полезен по определенным запросам и содержит в себе необходимую информацию для человека, ищущего по таким запросам контент.
Однако, тут нужно быть осторожными. Почему? Нельзя использовать слишком много ключевых слов, особенно в неестественном вхождении. Если ваши Title или Description будут состоять только из ключей, поисковая система расценит это как попытку манипулирования результатами поиска, и ваш сайт может настигнуть «расплата». Мета тег keyword, который содержит исключительно ключевые запросы, в последнее десятилетие потерял актуальность для большинства поисковых систем.
2. Анализируйте конкурентов и ТОП-сайты в выдаче по вашим ключевым запросам
Мета-теги напрямую влияют на ранжирование и позиции сайта в поисковой выдаче. От них зависит количество переходов пользователей на ваш сайт. Зная, что такое мета теги и как велика их роль, мы можем сделать вывод: сайты конкурентов, которые попали в ТОП-10, добились таких результатов не просто так.
Конечно, это не значит, что только мета-теги Title и Description определяют позиции сайта, но их качество и содержание — важный фактор ранжирования страниц для поисковых систем.
Проанализировав мета теги ваших прямых конкурентов и сайтов, находящихся в ТОП-зоне поисковой выдачи, можно обнаружить интересные задумки и варианты формирования мета описаний. Такой подход позволит взять за основу новые идеи, видоизменить их и усовершенствовать.
Конечно, не стоит копировать мета теги какого-либо другого сайта, но обнаружить различные интересные «фишки», которые используют конкуренты, и реализовать похожие наработки на сайте будет очень полезно.
Какие «фишки» вы можете увидеть у конкурента?
Например, это использование визуально привлекательных символов, эмодзи, шрифтов и т. д.
1. Добавляйте смысловые LSI-фразы, подходящие под тип ключевого запроса (коммерческий, информационный и тд.).В зависимости от типа вашего сайта (информационный, интернет-магазин, сайт услуг) можно и нужно вводить в мета теги Title и Description тематические слова: «купить», «цена», «заказ», «доставка», «новости», «блог», «статья» и т.
д.
Добавление LSI-слов повысит релевантность вашей страницы, покажет поисковой системе и пользователю, что предлагает ваш сайт, какую информацию несет.
Ниже указаны примеры для сайтов интернет-магазинов.
2. Придумывайте привлекательные и завлекающие пользователя описанияМета теги влияют на сниппет сайта, а он в свою очередь определяет кликабельность страницы, переходы и трафик. Чтобы пользователь кликнул на вашу страницу, его нужно привлечь и заинтересовать. Для этого в мета описания добавляют преимущества компании, выгодные предложения, номера телефонов и всю ту информацию, которая поможет привлечь внимание пользователя. Такие рекомендации в основном касаются мета тега Description: он вмещает большее количество символов, чем «тайтл».
Читайте также: Как разработать SEO-стратегию для офлайн-ритейлера и выйти в топ по коммерческим запросам: кейс auchan.ua
3. Добавляйте эмодзи🙃
Чтобы сниппет выглядел интереснее и бросался в глаза пользователю, добавляйте смайлы emoji в мета теги Title или Description.
Выразительный яркий сниппет с большей вероятностью привлечет пользователя именно на ваш ресурс.
Ниже представлены примеры мета описаний с добавлением эмодзи:
4. Добавляйте названия вашего сайта и брендаЕсли вы интересуетесь, как правильно заполнить все мета теги, не стесняйтесь добавлять в них название компании, сайта. Это повышает количество упоминаний вашего бренда, его узнаваемость в интернет-пространстве. В результате возрастает ранжирование сайта по брендовым запросам и брендовый трафик. Пользователи будут знать вас и с удовольствием переходить на сайт.
5. Создавайте свой уникальный стильПри подготовке и написании мета-тегов придумайте уникальный стиль — то, что будет отличать вас от остальных и выделять из «серой» массы. Он запомнится юзерам и заинтересует их.
Выводы от SEO-специалистов компании Webpromo
- Используйте ключевые слова в своих мета описаниях.
- Анализируйте конкурентов: проверка их мета тегов способна дать много свежих идей.
- Добавляйте смысловые LSI-фразы, подходящие под тип ключевого запроса (коммерческий, информационный и т. д.).
- Придумывайте привлекательные и завлекающие пользователя описания.
- Добавляйте эмодзи.
- Добавляйте названия вашего сайта и бренда.
- Создавайте собственный уникальный стиль.
Придерживаясь данных рекомендаций, вы обязательно заинтересуете пользователя и привлечете внимание поисковых ботов.
Также читайте другие статьи в блоге Webpromo:
- Повышаем продажи с Hotline на праздники: инструкция от Ашан и Webpromo;
- Ключевые фразы long tail – значимая часть SEO-оптимизации сайта;
- Статистика для e-commerce: данные, которые нужно знать маркетологу в 2021 году.
И подписывайтесь на наш Telegram-канал про маркетинг.
Вывод SEO мета тегов title и description в виде визуальной структуры для каждой веб-страницы за один раз / Хабр
Давно существует куча инструментов от Ahrefs, Mooz, Semrush и т.
д., которые показывают главные мета теги для каждой страницы отдельно, в лучшем случае списком. Но кто-нибудь видел инструмент, который выводит сразу все title и description за раз и показывает это в виде удобной иерархической визуальной структуры для всего веб-сайта?
Например, можно посмотреть визуальную структурку веб-сайта Apple
Давайте по порядку…
Что такое мета теги title и description?
SEO Title
Он имеет такую же важность, как и заголовок книги или главы. Это краткий анонс содержимого для Google и пользователя (60 символов). Именно в него размещают главные ключевые слова и именно он отображается в поисковой выдаче (SERP).
Тег title — это элемент HTML.
Title & DescriptionSEO Description
Более развернутое чем title, но также небольшое описание содержимого веб-страницы (250 символов). Выводится в поисковой выдаче и служит важнейшим повествованием для Google и пользователя, о той или иной веб-странице.
Как правило также насыщается ключевыми словами. Тег description также является элементом HTML.
Привило хорошего тона написания Title и Decsription
Считается хорошим тоном писать title и description в первую очередь понятными для людей, ведь именно пользователь примет решение переходить на вашу веб-страницу в поисковой выдаче (SERP) или нет. Но, если в них не будет ключевых слов, нужных для поисковых роботов, они просто-напросто могут не понять, о чем же ваш ресурс и, соответственно, не вывести его там, где это нужно.
Теперь, когда вы уже знаете или наверняка знали об этих самых главных SEO тегах, самое время рассказать об абсолютно новом и, наверное, пока единственном инструменте в интернете, который отобразит их все сразу в виде большой иерархической визуальной структуры веб-сайта.
Octopus.do — бесплатный генератор визуальной структуры веб-сайта, теперь с мета тегами.
Octopus достаточно известный сервис для веб-дизайнеров, девелоперов, SEO-специалистов и проджект-менеджеров.
В месяц им пользуются около 30 тысяч пользователей. Один из его успешных инструментов — это генератор визуальной структуры веб-сайта, с новой возможностью также выводить и мета теги для каждой страницы.
Почему это нужно и полезно?
Вам будет полезно видеть title и description других сайтов, для того чтобы правильно составить собственные. А также очень немаловажно видеть всю картину в объеме, целиком.
Или, например, вы создаете свой веб-сайт и уже запутались в структуре и правильном описании каждой страницы (чтобы оно было уникальным и каждое ключевое слово соответствовало странице). В таком случае, вам будет полезно видеть все связи между страницами.
Каждый сгенерированный веб-сайт (проект) вы можете: сохранить, редактировать, комментировать, работать вместе с коллегами и делиться с кем угодно в интернете.
Как работает Octopus.do VSG?
VSG — Visual Sitemap Generator
Octopus.do использует мощный cloud server и специальный код-алгоритм, который по запросу пользователя, используя sitemap.
xml искомого ресурса, отображает визуальную структуру сайта, выцепляя для каждой страницы title, description и логотип (favicon). Процесс может занять до 40 секунд.
Нередки случаи, когда результат получить не удается, так как на это есть много причин, например:
Веб-сайт слишком большой
Отсутствует файл sitemap.xml или его местоположение неизвестно
Превышен тайм-аут (1 минута, 40 секунд с мета тегами)
Firewall блокирует запросы
Инструмент экспериментальный, поэтому разработчик пишет, что продукт находится в стадии Beta.
Если вам все же не удалось получить визуальную структуру вместе с тегами, вы можете пробовать без тегов (быстрее и проще).
Или попробовать создать свою визуальную структуру веб-сайта с нуля — это как раз главный функционал сервиса Octopus.do
Резюме
Важность SEO и борьба за топовые места в поисковой выдаче Google становится все важнее как никогда. Органический трафик — то, что хотят все, он — царь.
Новый VSG Octopus поможет лучше видеть и понимать важнейшее мета описание страниц веб-сайта и работать с этой информации лучше, чем это было раньше.
Это не говорит о том, что инструмент нужен только тем, кто занимается SEO оптимизацией.
Он также будет полезен всем тем, кому нужно получить или создать визуальную структуру, понимать как все устроено, о чем та или иная страница, а также видеть суть, например для оценки проекта.
Как писать метатеги title для SEO (с хорошими и плохими примерами)
Что такое тег title? Как вы пишете один? Почему так важны теги заголовков? Действительно ли они помогают с поисковой оптимизацией? Могу ли я увидеть некоторые хорошие и плохие примеры?
Следуя нашему руководству по блокбастерам 22 основы SEO для оптимизации вашего сайта, я подумал, что последую совету по тегам заголовков и отвечу на все вышеперечисленные вопросы.
Если вам просто нужно краткое руководство по оптимизации тегов заголовков, щелкните здесь, чтобы перейти к разделу контрольного списка.
Для всех остальных сначала давайте поговорим о метатегах в целом:
Что такое метатеги
Как описала Кристин Шахингер в нашем предыдущем руководстве по тегам в 2012 году, метатеги – это элементы HTML, которые предоставляют информацию о веб-страница для поисковых систем и посетителей сайта.
Эти элементы должны быть размещены как теги в разделе
HTML-документа. Эти элементы:- Тег заголовка
- Мета-описание
Мы обсудили, как писать метаописания в отдельной статье, а пока давайте обсудим теги заголовков, наиболее важные метатеги на вашем сайте.
Что такое тег заголовка?
Теги заголовков используются для того, чтобы сообщить поисковым системам и посетителям, о чем та или иная страница на вашем сайте , максимально кратким и точным способом.
Затем этот заголовок будет отображаться в различных местах в Интернете, включая вкладку в вашем веб-браузере:
Заголовок также, вероятно, будет использоваться в качестве анкорного текста при публикации на других веб-сайтах и в социальных сетях.
Ресурсы
И самое главное, ваш тег заголовка будет отображаться в виде большой синей ссылки в результатах поиска:
Куда добавить тег заголовка?
Вы можете добавить тег заголовка в раздел
в HTML-коде своего сайта. Это должно выглядеть примерно так:
Однако в большинстве систем управления контентом (CMS), включая WordPress, вы можете либо добавить тег title в общих настройках:
Или, если вы используете подключаемый модуль SEO, такой как Yoast, вы можете добавить тег заголовка в раздел «SEO-заголовок» и просмотреть пример того, как он будет выглядеть на страницах результатов поиска (SERPs). ):
При написании статьи раздел, где вы пишете заголовок, автоматически формирует тег заголовка.
Если ваш тег заголовка автоматически генерируется из заголовка, вы должны попытаться переопределить это с помощью плагина (например, упомянутого выше) или в самом HTML.
Заголовок (также известный как тег
) — это еще одна возможность сообщить Google о содержании вашей страницы, используя немного другую строку ключевого слова, так что вы также можете воспользоваться этим.
Почему так важны теги заголовков?
Тег заголовка — это самый жирный и очевидный элемент в результатах поиска, и поэтому он играет важную роль в процессе принятия решения о том, нажмет ли пользователь на ваш результат или нет.
Используются ли теги заголовков в качестве сигнала ранжирования?
По словам Moz, теги заголовков «долгое время считались одним из самых важных элементов SEO на странице». И чем ближе к началу тега заголовка какое-либо ключевое слово, тем больше вероятность того, что оно будет ранжироваться по запросу на основе этого ключевого слова.
Как написать отличный тег title
С точки зрения SEO, тег title должен содержать все ключевые слова, по которым вы хотите ранжироваться. И, как я только что сказал выше, самое важное ключевое слово должно быть в начале, за ним следует второе по важности, а затем, наконец, название вашего бренда.
Moz предоставляет эту удобную ссылку:
Основное ключевое слово – Дополнительное ключевое слово | Торговая марка
Однако вы должны помнить одну вещь: пишите теги заголовков для людей.
Хотя они должны быть в некоторой степени отформатированы для поисковых систем, очень важно, чтобы тег имел смысл для людей и читался как разборчивое предложение.
Контрольный список тегов заголовков
Кристин Шахингер написала идеальный контрольный список того, как писать оптимизированные теги заголовков в своем исходном посте, поэтому я скопирую его для вас с несколькими небольшими обновлениями:
- Длина: Теги заголовков должен состоять из 50-60 символов, включая пробелы.
- Размещение ключевого слова: Самые важные ключевые слова должны быть первыми в теге title, а наименее важные слова — последними.
- Торговая марка: Если название вашей компании не является частью важных ключевых фраз, поместите его в конце тега заголовка.
- Не дублируйте теги заголовков: Они должны быть написаны по-разному для каждой страницы. Не повторяйте массово теги заголовков, это негативно повлияет на вашу видимость в поиске.
- Сделайте это актуальным: Теги заголовков должны точно описывать содержимое страницы.
- Не делайте теги заголовков «ключевыми словами»: это плохо написанные теги заголовков, которые пытаются ранжироваться для всего или повторять слово снова и снова. Наполнение ключевыми словами является худшим нарушением, когда речь идет о тегах заголовков, и вы будете наказаны за это.
- Сделайте свой заголовок (тег
) отличным от тега заголовка:
Это еще одна возможность изменить формулировку ключевых слов на вашей странице и увеличить ее шансы на появление для различных целей поиска.
Может ли Google переопределить ваш тег title?
Иногда да. Иногда, если Google не нравится ваш тег заголовка, он переписывает его для результатов своей поисковой системы, извлекая информацию из вашего метаописания и содержимого страницы.
Скорее всего, это будет не так хорошо, как тот, который вы создали, поэтому вы должны убедиться, что ваш собственный тег заголовка полностью релевантен, описателен, богат ключевыми словами, но удобочитаем и имеет правильную длину.
Хорошие примеры тегов заголовков
Вот несколько примеров, которые соответствуют приведенным выше правилам в нашем контрольном списке и поэтому выглядят более привлекательными в поисковой выдаче.
«лучшие гамбургеры в лондоне»В Esquire все три ключевых слова находятся прямо в начале тега title, затем следует соблазнительно привлекательный заголовок (все любят список) и искусно используются слова «булочки», чтобы избежать количество повторений и количество символов не должно превышать 60.
«кроссовки Nike» Ключевые слова находятся впереди, название бренда — в конце, а Schuh разделил свои ключевые фразы трубками | Раньше это было необходимо при написании тегов заголовков, поскольку рекомендовалось держаться подальше от других знаков препинания.
Хотя это уже не так, вертикальные черты по-прежнему отлично смотрятся на странице и являются четким разделителем.
Pitchfork избежал ошибки, которую совершают мой и другие веб-сайты с обзорами, помещая слово «обзор» в начало. Поисковики не начинают свои поисковые запросы с «обзора», они начинают с исполнителя.
Плохие примеры тегов заголовков
И, наконец, используя те же условия поиска, что и выше, вот несколько неудачных примеров тегов заголовков:
«лучшие бургеры в Лондоне»Это скрыто далеко внизу на четвертой странице поисковой выдачи Google. Легко понять, почему. Название бренда и наиболее важные ключевые слова находятся не там, где должны быть. В самом заголовке также отсутствует какое-либо описание или что-либо смутно убедительное, чтобы я захотел кликнуть.
«кроссовки Nike» Ключевого слова нигде не видно.
На самом деле он, вероятно, находится в конце тега title, но Google вырезал его из-за своей длины. Также обратите внимание на преднамеренно непоследовательное использование заглавных букв, из-за чего ссылка выглядит как спам.
Хотя Mashable заслуживает похвалы за попытку использовать другой подход к заголовкам, стоп-слова в начале тега заголовка толкают важные ключевые слова в середину, и этот результат томится на странице. 4 из Гугла. Заголовок отличный, но тег title идентичен, так что, возможно, все, что нужно, — это небольшое изменение порядка формулировки тега title.
Подробнее о:
Что такое метазаголовок ?
Мета-заголовок — это элемент HTML, который имеет решающее значение для оптимизации веб-сайта. Это не заголовок страницы как таковой, но он действует как тег имени для вашей веб-страницы. Мета-заголовок также иногда называют «тегом заголовка», «заголовком страницы» или «заголовком».
Что такое метазаголовок?
Метазаголовок упоминается как таковой, потому что он считается метаданными, расположенными в заголовке веб-страницы. Он существует как для поисковых систем, так и для посетителей и отображается на видном месте, часто крупным синим текстом, на страницах результатов поисковой системы или в поисковой выдаче, когда, например, вы выполняете поиск.
Мета-заголовок кратко и точно сообщает поисковым системам и посетителям, о чем ваша страница. Помимо появления в SERPS, мета-заголовков также могут отображаться на вкладке вашего веб-браузера.
Чтобы найти метазаголовок страницы , щелкните правой кнопкой мыши любую область страницы и выберите «Просмотр исходного кода страницы» в раскрывающемся меню. Вы найдете что-то вроде этого:
Но этот формат может различаться в зависимости от используемой вами системы управления контентом.
Например, если вы используете WordPress, вы можете добавить мета-заголовок в общих настройках в разделе «Теглайн».
Подобно метаописаниям, метазаголовков также соответствуют стандарту оптимального формата и длины. В идеале мета-заголовок должен быть отформатирован следующим образом:
Ваше основное ключевое слово – Ваше вторичное ключевое слово | Ваша торговая марка
С точки зрения длины метазаголовок должен иметь от 50 до 60 символов. Что-нибудь еще, и вы рискуете, что ваш текст будет обрезан поисковыми системами, такими как Google. Если вы хотите, чтобы ваши заголовки отображались правильно, лучше всего следовать указанной выше длине заголовка.
Почему важны мета-заголовки?
Мета-заголовки дают поисковым системам и посетителям представление о том, что они могут найти на вашей странице. Они помогают им понять, о чем ваш контент на конкретной странице, и могут повлиять на решение посетителя нажать на вашу ссылку или нет.
Мета-заголовки также являются отличными инструментами для брендинга, особенно если вы уже зарекомендовали себя как надежное имя в своей отрасли. Вы можете использовать свой бренд, отображая его в теге заголовка, предлагая людям перейти на страницу бренда, которому они доверяют.
Когда дело доходит до рейтинга страниц, мета-заголовков могут играть роль в том, насколько хорошо страница ранжируется в поисковой выдаче, учитывая, что они являются важным компонентом SEO на странице. Помещая ключевые слова ближе к началу вашего тега заголовка, вы повышаете их шансы на ранжирование при поиске по ключевым словам.
Как написать хороший мета-заголовок
Чтобы написать хороший тег заголовка, следуйте некоторым рекомендациям:
- Помните о длине заголовка
Как упоминалось ранее, лучше ограничить длину заголовка до 60 символов, включая пробелы. Но это еще не все.
Хотя нет установленного ограничения на количество символов, которые вы можете поместить в свой тег заголовка, существует также контейнер размером 600 пикселей, о котором вам нужно знать.
Это связано с тем, что некоторые символы, такие как W и названия, написанные заглавными буквами, занимают больше места. Заголовки, написанные заглавными буквами, также труднее читать и, как следствие, могут быть усечены.
Даже если вы соблюдаете оптимальную длину мета-заголовка , поисковые системы могут выбрать отображение тега заголовка, отличного от того, что вы указали изначально.
- Проведите исследование ключевых слов
Когда дело доходит до мета-заголовков , стоит провести исследование ключевых слов.
Рейтинг страниц зависит не только от одного конкретного ключевого слова; они также учитывают связанные термины и другие варианты, в случае ключевых слов с длинным хвостом.
И хотя может показаться заманчивым разместить несколько ключевых слов в теге title, избегайте наполнения ключевыми словами.