Вывод SEO мета тегов title и description в виде визуальной структуры для каждой веб-страницы за один раз — SEO на vc.ru
Давно существует куча инструментов от Ahrefs, Mooz, Semrush и т.д., которые показывают главные мета теги для каждой страницы отдельно, в лучшем случае списком.
1674 просмотров
Но кто-нибудь видел инструмент, который выводит сразу все title и description за раз и показывает это в виде удобной иерархической визуальной структуры для всего веб-сайта?
Пример вывода title и description в виде визуальной структуры
Например, можно посмотреть визуальную структурку веб-сайта Apple
Что такое мета теги title и description?
SEO Title
Он имеет такую же важность, как и заголовок книги или главы. Это краткий анонс содержимого для Google и пользователя (60 символов). Именно в него размещают главные ключевые слова и именно он отображается в поисковой выдаче (SERP).
Тег title — это элемент HTML.
Title & Description
SEO 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 и Description в примерах
Что известно поисковым системам о страницах вашего сайта? «Конечно, их тексты» – скажете вы, и будете совершенно правы.
Однако, помимо текстов, вы можете передать поисковым системам дополнительную информацию о страницах своего сайта, а именно: заголовок и описание страницы.
Эта информация подскажет поисковым системам, что является самым важным на странице. Заголовок и описание указываются в специальных мета-тегах title и description.
Мета-теги title и description находятся в самом начале кода HTML-страницы (между тегами <head> и </head>). Во многих системах управления сайтом мета-теги можно указать в настройках для каждой страницы сайта.
Когда вы просматриваете страницу, то в заголовке браузера в самом верху отображается текст – это и есть тег title (заголовок открытой страницы):
В поисковых системах title показывается как ссылка для перехода на сайт. Именно по тексту title большинство людей решает, переходить или нет:
Заголовок должен обязательно содержать 1-3 ключевых слова, под которые оптимизирована страница, а также – отражать ее содержимое. Важные ключевые слова следует расположить ближе к началу. Желательно уложиться в 70 символов.
Пример №1
Сайт publichall.ru
Код на сайте:
<title>Подарки оптом, подарки сотрудникам, рекламные сувениры, корпоративные подарки.</title>
Ошибка:
В заголовке использованы только ключевые слова.
Исправленный код:
<title>Подарки и сувениры, футболки с логотипом от Паблик Холл. Тел. (495) 769-97-83</title>
Пример №2
Сайт amk-1.ru
Код на сайте:
<title>«Автомоечный комплекс №1»: автомойка, шиномонтаж, кафе, сауна, комната отдыха.</title>
Ошибка:
Информация, которую будут искать пользователи (автомойка, шиномонтаж), находится не в начале заголовка.
Исправленный код:
<title>Автомойка в Воронеже, шиномонтаж и балансировка. Тел. (473) 24-42-777</title>
Пример №3
Сайт www.dextella.ru
Код на сайте:
<title>Новости</title>
Ошибка:
Слишком кратко и неинформативно.
Исправленный код:
<title>Юридические услуги в Санкт-Петербурге, ведение дел в арбитражных судах – компания Декстелла</title>
Мета-тег description должен содержать в себе краткое описание страницы. Неправильно указывать в этом теге просто набор ключевых слов. Также текст должен быть читаемым и предназначенным для людей, а не роботов.
Содержимое тега description может показываться некоторыми поисковыми системами как описание страницы в результатах поиска.
Длина description должна быть не более 150 символов.
Пример №1
Сайт salonleal.ru
Код на сайте:
<meta name=»description» content=»Салон красоты ЛЕАЛЬ самый лучший Салон красоты москвы, салон красоты, парикмахерская, парикмахерская москва, стрижка в москве, похудеть москва, стрижка не дорого, как похудеть, похудеть москва,»/>
Ошибка:
Простое перечисление ключевых слов.
Исправленный код:
<meta name=»description» content=»Салон красоты Леаль предлагает Вам парикмахерские услуги, японский маникюр, разглаживание волос, ленточное наращивание волос.
Новинка – ши лак! Ждем Вас!»/>
Пример №2
Сайт anapa132.ru
Код на сайте:
<meta name=»description» content=»Туризм, отдых, курорт, путешествия, размещение, Анапа, без посредников, дешево, недорого, частная, минигостиница, `Семейный отдых`, отдых, курорт Анапа, семейный отдых, отдых с детьми, семьей, детский, отдых в Анапе, на берегу, Черное море, без выезда за рубеж, солнечный, курорт, России, фото Анапы, фотоальбом, фото, фотографии, песчаный, туризм, турпоездка, тур, поездка на Черное море, автотурист, автотуризм, автопутешествие, путешествие, автостоп, автокемпинг, галечный, пляж, черноморское, побережье, анапа, частный сектор, санаторий, гостиница, лечение, оздоровление, грязи, лечебные, ингаляции, кино, мини-гостиница, семейный, центр, песчаный, галечный, Анапа, Витязево, Джемете, Сукко, Утриш, гостинницы, базы отдыха, квартиры, курортной, черноморской, зоны, пансионат, дайвинг, кайтинг, серфинг, курорт Анапа, аквапарк, дельфинарий, водные, лыжи, аттракционы, горки, водный стадион, воднолыжный, море, летний, лето, отпуск, детский» />
Ошибка:
Слишком длинное описание, опять же перечисление ключевых слов.
Исправленный код:
<meta name=»description» content=»Предлагаем недорогой семейный отдых с детьми в Анапе. К вашим услугам размещение в мини-гостинице на берегу Черного моря. Мы всегда рады гостям!» />
Пример №3
Сайт taxconsult.kz
Код на сайте:
<meta name=»description» content=»Бухгалтерские услуги в Алматы» />
Ошибка:
Слишком короткое описание.
Исправленный код:
<meta name=»description» content=»Компания TaxConsult предлагает бухгалтерские услуги в Алматы. Для Вас: консультирование в области налогообложения, постановка и ведение бухгалтерского учета, регистрация ИП и многое другое.» />
Как видите, все довольно просто. Главное, чтобы содержимое мета-тегов совпадало с содержимым страницы – тогда мета-теги будут давать полезную информацию и поисковым системам, и посетителям вашего сайта. А значит, помогать продвигать сайт!
Новые правила написания мета-тегов Title и Description от Google
21.
10.2021
Оксана Харьковчук, редактор блога Webpromo
Теги Title и Description («тайтл» и «дескрипшн») предназначенные для описания содержания страницы и ранжирования в поисковой выдаче. Эти важные элементы SEO-оптимизации и продвижения формируют сниппет и помогают пользователям переходить на сайт по поисковому запросу. 8 октября 2021 года Google представил новые правила написания мета-тегов в результатах поиска для Title (Контролируйте title в результатах поиска) и Description (Контролируйте сниппеты в результатах поиска).
Новые правила написания мета-тегов помогут правильно понять логику формирования сниппетов, составить заглавия и описания ваших страниц для ранжирования в поисковой выдаче. Давайте рассмотрим их детальнее.
Содержание:
- Как создаются теги title в поиске Google?
- Новые правила написания тега Title
- Как создаются сниппеты в поиске Google?
- Новые правила написания мета-тега Description
- Выводы
Читайте также: Как после ключевых обновлений алгоритмов Google и просадки трафика реализовать качественную SEO-стратегию.
Кейс anacosmo.ua
Как создаются теги title в поиске Google?
Процесс генерации заголовков (title) в результатах Google полностью автоматизированный. В нем учитывается как содержание страницы (контент), так и ссылки на ресурс, которые появляются в интернете. Цель заголовка ссылки или тега title — наилучшим образом представить и описать каждый результат в поисковой выдачи.
Новые правила написания мета-тегов Google указывают на следующие источники для автоматической генерации тега Title:
- Содержимое текста в элементах title
- Основной title или заголовок, отображаемый на странице
- Элементы заголовка, такие как h2
- Другой контент, который будет заметен благодаря стилям текста
- Основной текст на странице
- Якорный текст (Anchor text)
- Текст зашитый в ссылки и ведущий на страницу
Поскольку Google не может вручную изменять title для отдельных сайтов, в компании постоянно работают над тем, чтобы сделать их как можно более релевантными.
Новые правила написания тега Title
Title как заглавие результата запроса предоставляет пользователям лучшее понимание контента страницы, которая появилась в поиске. Новые правила написания мета-тегов Google указывают, что поисковик использует несколько различных источников для автоматического определения ссылки заголовка.
Как сформировать высококачественный текст Title на своих веб-ресурсах, используя новые правила написания мета-тегов Google?
- Проверьте, чтобы на каждой странице вашего сайта был указан заголовок и прописан title.
- Краткий и содержательный текст для title, который поместиться в результатах поиска. Новые правила написания мета-тегов Google указывают, что следует использовать конкретику, а не расплывчатые описания, как «Home» для вашей домашней страницы или «Profile» для профиля определенного человека.
- Не используйте нерелевантные ключевые слова или не перенасыщайте текст релевантными. Например, «Foobar, foo bar, foobars, foo bars» не поможет пользователю и, скорее всего, запутает Google.
- В title избегайте шаблонов и повторяющегося текста. Например, «Название бренда — Смотрите видео, тексты песен, постеры, альбомы, обзоры и концерты» — это не информативный текст. Однако, если слова «видео, тексты песен» будут включены в тайтл страницы, которая посвящена именно песням и их текстам, тогда это допустимо. Можно также использовать фактическое название группы в качестве краткого текста и использовать мета description для описания содержимого вашей страницы. Поэтому, стоит обновлять тайтл элемент для динамического отображения информации.
- Брендируйте свои заголовки в тайтле и добавляйте информацию о вашем сайте лаконично.В качества примера видно, что указано название ресурса, а в начале и конце элемент title с разделителем.
- Когда вы не разрешаете Google индексировать свою страницу или используете протокол robots.txt, это не означает, что поисковые роботы этого не сделают. Например, Google может проиндексировать вашу страницу, перейдя по ссылке с чужого сайта. Если нет доступа к контенту, алгоритмы Google будут учитывать внестраничный контент для создания ссылки заголовка, например текста привязки с других сайтов. Чтобы предотвратить индексирование URL-адреса, вы можете использовать noindex.
Новые правила написания мета-тегов Title от Google можно прочитать здесь.
Читайте также: 7 шагов к идеальному мета-описанию
Как создаются сниппеты в поиске Google?
Сниппеты в поиске Google генерируются автоматически из содержимого страницы. Они предназначены для выделения и предварительного просмотра содержимого ресурса, которое лучше всего соответствует конкретному поисковому запросу пользователя.
Это означает, что Google может отображать различные сниппеты для разных поисковых запросов.
В новых правилах написания мета-тегов Google у владельцев сайтов есть два основных способа предложить Description для сниппетов страниц:
- Полные или расширенные результаты. Добавьте на свой сайт структурированные данные, которые помогут Google понять страницу: например, обзор, рецепт, бизнес или мероприятие. Узнайте больше о том, как расширенные результаты могут улучшить позицию вашего ресурса в результатах поиска.
- Мета-теги: Google иногда использует содержимое тега meta для генерации сниппетов. Это происходит в том случае, если есть более точное описание, чем можно взять непосредственно из содержимого страницы.
Вы можете улучшить качество отображаемого тега description для вашей страницы, используя новые правила написания мета-тегов Title и Description от Google.
Новые правила написания мета-тега Description
Сниппет страницы — это описание или краткий бриф поискового запроса в Google и другие его свойства (например, Google Новости).
Новые правила написания мета-тегов Google указывают, что поисковик использует несколько различных источников для автоматического определения фрагмента описания для каждой страницы. Также возможно создание сниппета системой расширенных результатов на основе разметки и содержимого.
Как сформировать высококачественный текст Description на своих веб-ресурсах, используя новые правила написания мета-тегов Google?
1. Проверьте, чтобы на каждой странице вашего сайта было указано написания мета-тегов description.
2. Краткий, содержательный и уникальный текст описания description для каждой страницы. По новым правилам Google следует использовать конкретику и вложенность уровней. Также важно обязательно создать описания для основных URL-адресов, таких как главная и топовые страницы вашего сайта.
3. Используйте релевантную информацию в описании description. Например, в новостях или сообщениях блога можно указать дату публикации, автора или информацию о подписи. Описание с ключевыми фрагментами информации (цена, возраст, производитель) также может быть релевантно в поиске.
4. Создавайте description с помощью программного описания (programmatic generation) в тех случаях, когда ручной ввод невозможен. Например, для сайтов, где хранятся крупные базы данных. Данные, относящиеся к страницам, хорошо подходят для создания программных описаний. Обратите внимание, что длинные написания мета-тегов будут плохо отображаться в поиске и могут запутать или увести пользователей.
5. Используйте в description качественные и информативные мета-описания, с перспективой их отображения в результатах поиска Google и улучшения вашего трафика.
Новые правила написания мета-тегов Description от Google можно прочитать здесь.
Читайте также: Тактики SEO-оптимизации мета-тегов Title и Description
Выводы
- Мета-теги Title и Description («тайтл» и «дескрипшн») формируют сниппет страницы и помогают пользователям переходить на сайт по запросу пользователей. Они предназначены для описания содержания и ранжирования в поисковой выдаче.
- Google представил новые правила написания мета-тегов (заголовков и описаний) в результатах поиска для тегов Title (Контролируйте title в результатах поиска) и description (Контролируйте сниппеты в результатах поиска).
- Сформировав сниппет по новым правилам написания мета-тегов Title и Description от Google вы сможете улучшить ранжирование сайта или страницы в поисковой выдаче.
Также читайте другие статьи в блоге Webpromo:
- Самые популярные сайты Украины за Сентябрь 2021. Как маркетологам использовать данные из рейтинговых списков?;
- Ситуативный маркетинг или в чем принцип «Игры в кальмара»?;
- Конверсия продаж онлайн и офлайн: простая формула + пример расчета;
И подписывайтесь на наш Telegram-канал про маркетинг.
Что такое метатег заголовка? Plus Best Practices SEO in 2020
Метатег title — это тег HTML-кода, который сообщает поисковым системам и веб-браузерам, что такое заголовок веб-страницы.
Внутри HTML-кода это выглядит так:
Это заголовок веб-страницы
Написание эффективных тегов заголовков является важным навыком в поисковой оптимизации (SEO) и онлайн-маркетинге.
Что такое метатег заголовка?
В веб-разработке «мета»-теги — это теги кода, которые предоставляют данные о веб-страницах, но не отображаются на самих страницах.
Мета-тег title сообщает поисковым системам, веб-браузерам и веб-сайтам социальных сетей, что такое заголовок веб-страницы. Предполагается, что это точное описание содержимого веб-страницы.
Самое главное, мета-заголовок отображается в списке вашей страницы в результатах онлайн-поиска.
Каждый стандартный результат поиска состоит из трех элементов: 1. Заголовок (мета-заголовок), 2. URL-адрес, 3. Описание (мета-описание).
Наличие четких и описательных заголовков, включающих ключевые слова, очень важно, если вы хотите получить органический поисковый трафик.
Точно так же, как мета-заголовок предоставляет заголовок веб-страницы, мета-описание предоставляет описание страницы.
Как просмотреть метатег заголовка
Вот два быстрых способа просмотреть метатег заголовка любого веб-сайта.
1. Наведите указатель мыши на вкладку браузера
Когда у вас открыта вкладка браузера, вы можете навести указатель мыши на вкладку, чтобы увидеть метазаголовок веб-страницы.
2. Проверка исходного кода
Большинство браузеров позволяют проверять исходный HTML-код веб-страниц. В Chrome вы щелкаете правой кнопкой мыши на странице и выбираете «Просмотреть исходный код страницы».
Внутри исходного кода найдите тег
Максимальная длина составляет около 150-160 символов, но Google часто извлекает описание из содержания вашей страницы." />
В WordPress
Когда вы устанавливаете заголовок сообщения WordPress, он обычно становится метатегом заголовка.
Этот заголовок будет отображаться как метатег заголовка, основной заголовок сообщения (h2), а также заголовок, когда вы делитесь публикацией в социальных сетях.
Однако, если у вас есть плагин для SEO, такой как Yoast или The SEO Framework, вы можете установить мета-заголовок отдельно от заголовка вашей статьи.
Эти плагины SEO также помогут вам оптимизировать длину ваших заголовков, чтобы они не обрезались при появлении в результатах поиска.
Вот как это выглядит в плагине SEO Framework:
Эти плагины SEO также могут помочь вам установить отдельные заголовки для вашей страницы, когда она публикуется в Facebook и Twitter.
Как написать эффективные метатеги title для SEO
Метатег title настолько важен для SEO, что многие называют его «SEO title».
Заголовок — это наиболее заметная часть списка вашего сайта на странице результатов поисковой системы (SERP). Это главное, на что обращают внимание посетители поисковых систем, прежде чем решить, на какую страницу нажать.
По этой причине хорошо оптимизированные теги заголовков являются одними из наиболее важных частей SEO на странице, типом SEO, который происходит на самой веб-странице.
Если у вас отличные заголовки, люди с большей вероятностью будут нажимать на ваш сайт, и вы, скорее всего, получите более высокий рейтинг. Это увеличивает трафик и помогает вашему сайту расти быстрее.
Ниже приведены 7 лучших практик SEO, которые следует учитывать при написании эффективных заголовков.
1. Включайте ключевые слова естественным образом
Включение ключевых слов на страницу является важным фактором SEO на странице.
Наиболее важным местом для включения ключевых слов является метатег заголовка.
Когда вы включаете ключевые слова в заголовок, это помогает поисковым системам и вашим пользователям понять, о чем веб-страница.
Некоторые люди рекомендуют размещать основные ключевые слова ближе к началу тега title. Однако я не думаю, что это имеет большое значение, если основное ключевое слово заметно.
Ключевые слова следует добавлять естественным образом, чтобы они были описательными и интересными. Важно отметить, что вы никогда не должны «наполнять ключевыми словами» свои теги заголовков.
Включение точного соответствия ключевых слов даже не обязательно, потому что синонимы могут быть столь же эффективными.
Например, Google понимает, что «полезен ли зеленый чай» означает то же, что и «полезен ли зеленый чай для вас», и тесно связан с «пользой зеленого чая».
Пишите заголовки для людей, а не для поисковых роботов. Поисковые системы (особенно Google) очень хорошо понимают естественный язык.
2. Сделать релевантным с учетом намерения искателя
При написании заголовков вы должны учитывать намерения людей, выполняющих поиск в Google.
Тогда вам следует попытаться создать заголовки таким образом, чтобы люди видели, что ваш контент имеет отношение к тому, что они ищут.
При таргетинге на ключевое слово «вареное яйцо» вы, вероятно, не получите ранжирования, если ваша статья не будет посвящена рецептам вареных яиц или инструкциям по варке яиц.
Это потому, что большинство людей, которые ищут «вареное яйцо», ищут именно это. Статья о питательной ценности вареных яиц вряд ли будет ранжироваться по этому запросу.
Часто можно получить представление о цели поиска по ключевому слову, самостоятельно погуглив это ключевое слово.
Типы ранжируемых статей могут дать вам хорошее представление о том, какой контент Google считает соответствующим поисковому запросу.
Еще одна причина, по которой заголовки должны быть релевантными, заключается в том, что Google с меньшей вероятностью покажет другой заголовок. Иногда они выбирают что-то совершенно отличное от того, что указано в вашем теге заголовка, если они не считают это релевантным.
3. Стремитесь к 45-55 символам
Оптимальная длина тегов заголовков — это движущаяся цель, но это важно учитывать, потому что слишком длинные заголовки обрезаются многоточием (…) в конце.
Мало того, что оптимальная длина может варьироваться в зависимости от устройства искателя, Google также часто экспериментирует с ней.
Например, в 2019 году они проводили эксперименты с более крупным шрифтом в результатах поиска, из-за чего многие теги заголовков обрезались.
Тем не менее, оптимальной длиной часто считается около 50-60 символов, хотя некоторые заголовки могут иметь общую длину до 80 символов.
Если заголовок слишком длинный, он обрезается. Иногда Google также добавляет название вашего сайта в конец заголовка, из-за чего фактический контент вашего заголовка обрезается.
Символы, которые вы используете в заголовке, также имеют значение, поскольку они различаются по ширине. Google использует ширину пикселя вместо количества символов, чтобы определить точку отсечки.
Если ширина вашего заголовка меньше 600 пикселей, в большинстве случаев он должен отображаться полностью.
Согласно недавнему исследованию, проведенному в 2019 году компанией Authority Hacker, они обнаружили, что около 50 символов оптимальны для SEO-рейтинга.
По этой причине имеет смысл стремиться к заголовку в диапазоне 45-55 символов. Но все, что меньше 60, тоже нормально.
Большинство SEO-плагинов помогают оптимизировать длину тегов заголовков и предупреждают, если они слишком длинные или короткие.
4. Интересно, но не вводит в заблуждение
Ваши теги заголовков должны быть интересными, чтобы люди хотели на них нажимать.
Тем не менее, они должны точно описывать содержимое веб-страницы.
Google (и пользователи) ненавидят кликбейт и вводящие в заблуждение заголовки. Их рекомендации по качеству говорят, что одного этого может быть достаточно, чтобы оценить веб-сайт как некачественный.
Вот цитата из руководства Google Quality Rater по вводящим в заблуждение заголовкам страниц:
5. Решите, следует ли включать название вашего бренда
Может быть полезно включить название вашего сайта в конце тега заголовка. Многие SEO-плагины добавляют его по умолчанию.
Я обычно удаляю это и позволяю Google решать, когда добавить его. Если заголовок короткий, то Google часто добавляет название сайта в фрагмент поиска.
Например, Google автоматически добавил название моего сайта в приведенный ниже фрагмент:
Если у вас есть известный бренд, имеет смысл включать название вашего бренда или веб-сайта в конце каждого заголовка.
6. Уникальный заголовок на каждой странице
Каждая страница на вашем веб-сайте должна иметь уникальный заголовок.
Если страницы имеют повторяющиеся заголовки, то поисковые системы не будут знать, какую версию показывать. Это может повредить вашему трафику.
7. Подумайте о том, чтобы ваш заголовок отличался от вашего h2
Некоторые люди считают, что для SEO лучше иметь заголовок h2, который отличается от метатега title. Вы можете сделать это с помощью большинства хороших SEO-плагинов.
Тем не менее, я не думаю, что это имеет большое значение для SEO. Многие из моих статей с самым высоким рейтингом имели одинаковые названия и заголовки.
Примеры хороших заголовков
Ниже приведены примеры отличных тегов заголовков, которые помогли страницам ранжироваться по некоторым наиболее конкурентоспособным запросам в Интернете.
1. «Зеленый чай»
Эта статья занимает первое место в результатах поиска по ключевым словам («зеленый чай» и «польза зеленого чая» в течение многих лет. Ее посетили более 10 миллионов человек, в основном из Google.
Это сообщение со списком, которое многие люди предпочитают определенные типы тем.Кроме того, ключевые слова используются естественным образом и подразумевается, что контент основан на науке. в истории. Он доминировал в результатах поиска № 1 по запросам «как похудеть» и «как быстро похудеть» в течение многих лет и получил более 50 миллионов посещений, в основном из Google.
Я написал эту статью для своего старого сайта Authority Nutrition (проданный Healthline в 2017 году).
Название идеально соответствует поисковому запросу людей. Они хотят похудеть, желательно быстро, и хотят найти для этого простой план.
Людям также нравится следить за тем, что подтверждается научными данными. Это отличает статью от более общих статей о похудении.
3. «SEO»
Руководство для начинающих по SEO на Moz занимает первое место по ключевому слову «SEO» со сверхвысокой конкуренцией.
Люди, которые ищут ключевые слова с коротким хвостом, которые имеют большую кривую обучения, часто могут быть нацелены на статьи «руководство для начинающих».
Takeaway
Написание отличных заголовков — одна из самых простых вещей, которые вы можете сделать для SEO. Но это также может оказать огромное влияние на ваши результаты.
Если вы потратите немного времени на работу с тегами заголовков, это может принести большую «отдачу».
Вы должны учитывать тот факт, что ваш заголовок часто является единственным шансом привлечь внимание человека, просматривающего Интернет или выполняющего поиск в Google.
Для каждой статьи я пишу от 5 до 20 вариантов названия, а затем выбираю лучший из этого списка.
Попробуйте использовать несколько разных форматов, а затем подумайте, какой из них, по вашему мнению, больше всего понравится посетителям поисковых систем.
Как писать метатеги title для SEO (с хорошими и плохими примерами)
Что такое тег title? Как вы пишете один? Почему важны теги заголовков? Действительно ли они помогают с поисковой оптимизацией? Могу ли я увидеть некоторые хорошие и плохие примеры?
Следуя нашему руководству по блокбастерам 22 основы SEO для оптимизации вашего сайта, я подумал, что последую совету по тегам заголовков и отвечу на все вышеперечисленные вопросы.
Если вам просто нужно краткое руководство по оптимизации тегов заголовков, щелкните здесь, чтобы перейти к разделу контрольного списка.
Всем остальным сначала давайте поговорим о метатегах в целом:
Что такое метатеги
веб-страница для поисковых систем и посетителей сайта.
Эти элементы должны быть размещены как теги в разделе
HTML-документа.
Эти элементы:- Тег заголовка
- Мета-описание
Мы обсуждали, как писать метаописания в отдельной статье, а пока давайте обсудим теги заголовков, наиболее важные метатеги на вашем сайте.
Что такое тег заголовка?
Теги заголовков используются для того, чтобы сообщить поисковым системам и посетителям, о чем та или иная страница на вашем сайте , максимально кратким и точным способом.
Затем этот заголовок будет отображаться в различных местах в Интернете, включая вкладку в вашем веб-браузере:
Заголовок также, вероятно, будет использоваться в качестве анкорного текста при публикации на других веб-сайтах и в социальных сетях.
Ресурсы
И самое главное, ваш тег заголовка будет отображаться в виде большой синей ссылки в результатах поиска:
Куда добавить тег заголовка?
Вы можете добавить тег заголовка в раздел
в HTML-коде своего сайта. Это должно выглядеть примерно так:
Однако в большинстве систем управления контентом (CMS), включая WordPress, вы можете либо добавить тег заголовка в целом настройки:
Или, если вы используете подключаемый модуль SEO, такой как Yoast, вы можете добавить тег заголовка в раздел «заголовок SEO», и вы можете просмотреть пример того, как он будет выглядеть на страницах результатов поиска.
(SERP):
При написании статьи раздел, где вы пишете заголовок, автоматически формирует тег заголовка.
Если ваш тег заголовка автоматически генерируется из заголовка, вы должны попытаться переопределить это с помощью плагина (например, упомянутого выше) или в самом HTML. Заголовок (также известный как тег
) — это еще одна возможность сообщить Google о содержании вашей страницы, используя немного другую строку ключевого слова, поэтому вы также можете воспользоваться этим.
Почему так важны теги заголовков?
Тег заголовка — самый жирный и очевидный элемент в результатах поиска, и поэтому он играет важную роль в процессе принятия решения о том, нажмет ли пользователь на ваш результат или нет.
Используются ли теги заголовков в качестве сигнала ранжирования?
По словам Moz, теги заголовков «долгое время считались одним из самых важных элементов SEO на странице». И чем ближе к началу тега заголовка какое-либо ключевое слово, тем больше вероятность того, что оно будет ранжироваться по запросу на основе этого ключевого слова.
Как написать отличный тег title
С точки зрения SEO, тег title должен содержать все ключевые слова, по которым вы хотите ранжироваться. И, как я только что сказал выше, самое важное ключевое слово должно быть в начале, за ним следует второе по важности, а затем, наконец, название вашего бренда.
Moz предоставляет эту удобную ссылку:
Основное ключевое слово – Дополнительное ключевое слово | Торговая марка
Однако вы должны помнить одну вещь: пишите теги заголовков для людей.
Хотя они должны быть в некоторой степени отформатированы для поисковых систем, очень важно, чтобы тег имел смысл для людей и читался как разборчивое предложение.
Контрольный список тегов заголовков
Кристин Шахингер написала идеальный контрольный список того, как писать оптимизированные теги заголовков в своем исходном посте, поэтому я скопирую его для вас с несколькими незначительными обновлениями:
- Длина: Теги заголовков должен состоять из 50-60 символов, включая пробелы.
- Размещение ключевых слов: Самые важные ключевые слова должны быть первыми в теге title, а наименее важные слова — последними.
- Торговая марка: Если название вашей компании не является частью важных ключевых фраз, поместите его в конце тега заголовка.
- Не дублируйте теги заголовков: Они должны быть написаны по-разному для каждой страницы. Не повторяйте массово теги заголовков, это негативно повлияет на вашу видимость в поиске.
- Сделайте это актуальным: Теги заголовков должны точно описывать содержимое страницы.
- Не делайте теги заголовков «ключевыми словами»: это плохо написанные теги заголовков, которые пытаются ранжироваться для всего или повторять слово снова и снова. Наполнение ключевыми словами является худшим нарушением, когда речь идет о тегах заголовков, и вы будете наказаны за это.
- Сделайте свой заголовок (тег
) отличным от тега заголовка:
Это еще одна возможность изменить формулировку ключевых слов на вашей странице и увеличить ее шансы на появление для различных целей поиска.
Может ли Google переопределить ваш тег title?
Иногда да. Иногда, если Google не нравится ваш тег заголовка, он переписывает его для результатов своей поисковой системы, извлекая информацию из вашего метаописания и содержимого страницы. Скорее всего, это будет не так хорошо, как созданное вами, поэтому вы должны убедиться, что ваш собственный тег заголовка полностью релевантен, описателен, богат ключевыми словами, но удобочитаем и имеет правильную длину.
Хорошие примеры тегов заголовков
Вот несколько примеров, которые соответствуют приведенным выше правилам в нашем контрольном списке и поэтому выглядят более привлекательными в поисковой выдаче.
«лучшие гамбургеры в лондоне» В Esquire все три ключевых слова находятся прямо в начале тега title, затем следует соблазнительно привлекательный заголовок (все любят список) и искусно используются слова «булочки», чтобы избежать количество повторений и количество символов не должно превышать 60.
Ключевые слова находятся впереди, название бренда — в конце, а Schuh разделил свои ключевые фразы трубкой | Раньше это было необходимо при написании тегов заголовков, поскольку рекомендовалось держаться подальше от других знаков препинания. Хотя это уже не так, вертикальные черты по-прежнему отлично смотрятся на странице и являются четким разделителем.
«обзор бассейна в форме луны с радиоголовой»Pitchfork избежал ошибки, которую допускают мой и другие веб-сайты с обзорами, помещая слово «обзор» в начало. Поисковики не начинают свои поисковые запросы с «обзора», они начинают с исполнителя.
Плохие примеры тегов заголовков
И, наконец, используя те же условия поиска, что и выше, вот несколько неудачных примеров тегов заголовков:
«лучшие бургеры в Лондоне» Это скрыто далеко внизу на четвертой странице поисковой выдачи Google.
Легко понять, почему. Название бренда и наиболее важные ключевые слова находятся не там, где должны быть. В самом заголовке также отсутствует какое-либо описание или что-либо смутно убедительное, чтобы я захотел кликнуть.
Ключевого слова нигде не видно. На самом деле он, вероятно, находится в конце тега title, но Google вырезал его из-за своей длины. Также обратите внимание на преднамеренно непоследовательное использование заглавных букв, из-за чего ссылка выглядит как спам.
‘обзор пула в форме луны с радиоголовой’Хотя Mashable заслуживает похвалы за попытку использовать другой подход к заголовкам, стоп-слова в начале тега заголовка толкают важные ключевые слова в середину, и этот результат томится на странице. 4 из Гугла. Заголовок отличный, но тег title идентичен, так что, возможно, все, что нужно, — это небольшое изменение порядка формулировки тега title.
SEO-заголовки, SEO-описания, мета-теги, объяснение метаданных
Откуда Google знает, как ранжировать веб-страницу с моего веб-сайта в результатах поиска? Казалось бы, достаточно простой вопрос.
В конце концов, Google обрабатывает миллиарды поисковых запросов каждый день.
Иными словами, как Google понимает, о чем веб-страница, чтобы знать, какие поисковые фразы и ключевые слова отображать на странице, когда кто-то вводит термин в поле поиска?
Поисковые системы всегда могут сканировать слова и фразы на странице, но как узнать, какие из них самые важные? Два ключевых элемента, на которые обращает внимание Google, — заголовки SEO-страниц и описания SEO-страниц — на самом деле не видны на веб-странице, которую видят читатели.
Чтобы начать понимать этот процесс, вам нужно войти в мир метатегов, метаданных, SEO-заголовков и SEO-описаний.
В мире Интернета термин метаданные является важным элементом оптимизации веб-страницы или веб-сайта для повышения рейтинга в поисковых системах. В широком смысле метаданные или метаданные — это «данные о данных».
При просмотре в контексте веб-сайта эти HTML-элементы часто называют метатегами , тегами заголовков, тегами описания, заголовками SEO и описаниями SEO.
Они закодированы на странице, но фактически не отображаются на экране, когда кто-то просматривает страницу.
SEO-заголовки, SEO-описание, метатеги заголовков, метаописания
В контексте веб-страниц метаданные и метатеги могут использоваться для ссылки на заголовок и описание веб-страницы. Их часто называют Название SEO и Описание SEO , поскольку они являются важными элементами усилий по поисковой оптимизации (SEO).
Важнейшим потребителем невидимых метаданных и HTML-кода являются поисковые системы (Google). Эти элементы данных предоставляют поисковым системам важную информацию о содержании и назначении веб-страницы . В видимом мире метаданные определяют, какой текст и ссылку Google отображает, когда ваша страница появляется на странице результатов поисковых систем.0205 (SERP) после того, как кто-то выполнит поиск.
Мета-тег заголовка или SEO-заголовок — это самый важный элемент на странице, который сообщает поисковым системам, о чем страница и на каких ключевых словах следует сосредоточиться.
Заголовки должны содержать не более 60 символов, включая пробелы. У вас должен быть уникальный и хорошо продуманный тег заголовка для каждой страницы . Используйте исследование ключевых слов, чтобы определить оптимальные ключевые слова для использования в тегах заголовков.
Если вы посмотрите на HTML-код веб-страницы, фактический код мета-тега заголовка (SEO-заголовок) будет выглядеть примерно так:
Важный вывод: Термины «метатег заголовка», «тег заголовка HTML», «SEO-заголовок» и «заголовок страницы» обычно относятся к одному и тому же элементу. Эти термины часто используются взаимозаменяемо, и в основном это зависит от того, отображаются ли они на видимой веб-странице или закодированы и видны только поисковым системам.
Мета-описание — это короткая текстовая строка, содержащая сводную информацию о веб-странице. Поисковые системы, такие как Google, отображают часть или все метаописание в результатах поиска.
Хорошо написанное описание может побудить искателей щелкнуть ссылку и посетить веб-страницу.
Хотя метаописание не оказывает заметного влияния на рейтинг в поисковых системах, оно может влиять на то, сколько людей переходят через на ваш веб-сайт, когда они видят ваше объявление на странице результатов поисковой системы (SERP). Чем информативнее описание, тем больше вероятность того, что кто-то нажмет на ссылку на странице результатов и перейдет на страницу веб-сайта.
Если вы посмотрите на HTML-код веб-страницы, фактический код описания метаданных (SEO-описание) будет выглядеть так:
Некоторые ключевые моменты о мета-тегах, SEO-заголовке и описании:
- Эффективное использование целевых ключевых слов в метаданных может оказать существенное влияние на повышение рейтинга страницы веб-сайта по целевым ключевым словам.
- Хорошо продуманные метатеги заголовка страницы и описания страницы могут помочь мотивировать пользователей перейти на ваш веб-сайт , когда они прочитают эти элементы на странице результатов поисковой системы.
- Отсутствующие или неполные метаданные может помешать поисковым системам понять, о чем данная веб-страница, и помешать странице веб-сайта хорошо ранжироваться по наиболее важным ключевым словам.
- Переходы на вашу веб-страницу важнее, чем просто появление в результатах поиска (показы). Написание привлекательных SEO-заголовков и SEO-описаний играет важную роль в том, чтобы заставить людей переходить на ваш сайт .
- Клики со страницы, отображаемой на странице результатов поисковой системы (SERP), измеряются CTR или Рейтинг кликов .
- Это стоит того, чтобы потратить время на то, чтобы сделать все правильно , создавая привлекательные, информативные и точные мета-заголовки и метописания.
- Создать уникальный заголовок и описание для каждой страницы . Очень важно. Если несколько страниц имеют одинаковый мета-заголовок, очень вероятно, что Google ранжирует только одну из страниц по ключевым словам в заголовке.
- Ключевые слова, используемые в заголовках и описаниях, также можно использовать в alt-теги для изображений .
- Поместите самых важных ключевых слова ближе к началу тега title. Не начинайте каждый тег заголовка с названия вашего бизнеса или веб-сайта.
Длина HTML-тегов и оптимизация
Оптимизация этих HTML-тегов является важной тактикой для ваших веб-страниц и веб-сайтов, позволяющих занимать высокие позиции в результатах поиска, которые Google, Bing и Yahoo отображают для искателей. В целом, ранжирование в результатах поиска увеличивает видимость вашего веб-сайта и веб-страниц, ведущих на больше людей посетят ваш веб-сайт .
Очень важно эффективно структурировать эти теги. Google будет отображать только определенное количество символов как для тега заголовка HTML, так и для описания HTML. Усилия по созданию эффективных тегов заголовков и описаний того стоят.
Теги заголовков являются элементом кодирования HTML, но они также будут отображаться в двух других областях.
Когда страница отображается на странице результатов поисковой системы (SERP) и в заголовке страницы на вкладке браузера. Во вкладке браузера он обычно будет меньше полной длины. Некоторые социальные сети также используют тег title, когда люди делятся страницей.
Оптимальная длина метатега заголовка составляет 50–60 символов. Заголовки длиной более 60 символов обычно усекаются, а дополнительные символы не отображаются. Хотя это не всегда точное правило Google, и могут быть некоторые вариации, 60 символов — хорошая цель, к которой стоит стремиться.
Для более подробного ознакомления с мета-тегами заголовков посетите «Moz — теги заголовков»
Оптимальная длина мета-описания может варьироваться, и Google, как известно, меняет длину отображаемых символов. В большинстве случаев Google сокращает фрагменты описания до 155–160 символов. Хорошо иметь достаточно длинные метаописания, чтобы они были описательными, но не намного длиннее 160 символов.
Показы, клики и трафик посетителей веб-сайта?
Содержание заголовка может иметь прямое влияние на то, по каким поисковым запросам или ключевым словам данная веб-страница будет ранжироваться в поисковых системах. Лучше составленные заголовки могут привести к 90 203 лучшим рейтингам 90 205 (10 лучших против 41–50) и 90 203 большему количеству посетителей 90 205 на вашем сайте. Это соответствует ключевой цели поисковой оптимизации (SEO).
Хорошо написанные заголовки и описания могут заставить людей переходить на ваш сайт независимо от его положения в поисковой выдаче. Страница с хорошо написанным и привлекательным мета-описанием, занимающим 7-е или 8-е место, потенциально может получить больше кликов, чем страница, занимающая 2-е место.
Хорошо составленное описание веб-страницы может быть разницей между получением «показов» или просмотров на странице результатов поисковой системы, и побуждением пользователя, выполняющего поиск, фактически щелкнуть ссылку ( перейти по ) и посетить Ваш сайт.
Хорошо написанные заголовки и описания имеют прямое влияние на рейтинг кликов . Рейтинг кликов будет иметь прямое влияние на ранжирование — больше кликов — выше рейтинг.
Согласно журналу поисковой системы:
«Помимо SEO, метаописания могут стимулировать клики, трафик, потенциальные конверсии и доход…» (Подробнее здесь…)
Что отображается на страницах результатов поисковой системы:
Заголовок: Элемент метаданных, также известный как SEO-заголовок, отображается в виде подчеркнутой синей ссылки на странице результатов поисковой системы (SERP) с поисковой фразой, выделенной полужирным шрифтом.
Мета-описание: Этот элемент отображается непосредственно под заголовком и URL-адресом страницы в поисковой выдаче. Описание ограничено примерно 160 символами, включая пробелы, и содержит дополнительную информацию о том, что посетитель может найти на веб-странице.
ВАЖНО : Каждая страница должна иметь уникальный, хорошо продуманный заголовок и описание.
Если поисковая система не находит тег мета-описания, используемый для веб-страницы, поисковая система попытается использовать наиболее логичное содержимое, которое она может найти на странице. Часто это первые 160 символов текста на веб-странице.
Мета-Ключевые слова: Если вы встретите этот тег, вы можете его игнорировать. Значение этого метатега уменьшилось, Google игнорирует его, и на него не стоит тратить время. Он больше не используется и был снят с производства где-то в 2006 году. Не тратьте на него время. Если вам нужна дополнительная информация об устаревшем теге, вот информативная статья: «Мета-ключевые слова, почему мы их не используем — и вы не должны их использовать» 9.0003
Связанные : Ключевые слова – 5 вещей, которые должен знать каждый бизнес
Как теги заголовков и метаописания выглядят в фактических результатах поиска Иногда изображение стоит тысячи слов или больше. Скриншоты ниже дают хорошую иллюстрацию Заголовка и Мета-Описания в действии.
Первое изображение из браузера на настольном компьютере. Второе изображение из браузера на мобильном телефоне.
Поле № 1 на изображениях ниже указывает, где текст из метаданных заголовка отображается в реальной поисковой выдаче.
Поле № 2 на изображениях указывает на место, где отображается текст из «Мета-описания».
Отображение страницы результатов поиска на мобильном устройстве:
Существует ряд приемов и нюансов при создании мета-заголовков, которые выходят за рамки данной статьи. Хотите копнуть глубже? Вот несколько хорошо написанных ресурсов для получения дополнительной информации о SEO-заголовках и метаданных.
MOZ: теги заголовков — лучшие практики SEO 2020 и Yoast: как создавать отличные заголовки страниц для SEO
Выводы:
Завершение работы: Стоит потратить время на то, чтобы сделать все правильно и создать привлекательные и информативные мета-теги и мета-описания.