Вывод SEO мета тегов title и description в виде визуальной структуры для каждой веб-страницы за один раз / Хабр
Давно существует куча инструментов от Ahrefs, Mooz, Semrush и т.д., которые показывают главные мета теги для каждой страницы отдельно, в лучшем случае списком. Но кто-нибудь видел инструмент, который выводит сразу все 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 и Keywords
Максим Михайличенко Руководитель компании
29.12.2015
Тема мета-тегов очень важна для любого специалиста по продвижению сайта. Здесь мы приведем краткую инструкцию.
Продвигаемые страницы
<title>
При составлении <title> рекомендуется придерживаться следующих принципов:
Крайне важно вставить в <title> вхождения слов из запросов, продвигаемых на данную страницу. В идеале должны быть вхождения всех слов, из которых состоят запросы.
Наиболее частотные запросы лучше употреблять в точной форме или в морфологии без разбиения.
Наиболее частотные запросы лучше употреблять в начале тега.
Тег <title> должен составляться индивидуально для каждого URL. Он должен быть уникальным не только в рамках сайта, но и всей сети интернет. Должен выглядеть естественно. Уникальность в интернете даст употребление в заголовке названия бренда или домена сайта.
Оптимальная длина около 60—75 символов, считая пробелы. Слишком большой заголовок все равно не поместить в результатах поисковой выдачи, поэтому будет обрезаться. Однако, при необходимости употребления слов из запросов, лучше сделать заголовок длиннее, но употребить все слова. Update 25.02.2021: Сотрудник Google Гэри Илш заявил, что допустимая длина тега <title> составляет 160 — 220 символов, и ничего страшного, если он обрезается в поисковой выдаче — лучше качественнее описать страницу.
Мета-тег Description
При составлении Description рекомендуется придерживаться следующих принципов:
Крайне важно вставить в Description вхождения слов из запросов, продвигаемых на данную страницу. В идеале должны быть вхождения всех слов, из которых состоят запросы.
Наиболее частотные запросы лучше употреблять в точной форме или в морфологии без разбиения.
В идеале Description должен начинаться с вхождения самого частотного запроса.
Description должен отличаться от <title>.
Description должен составляться индивидуально для каждого URL. Он должен быть уникальным не только в рамках сайта, но и всей сети интернет. Должен выглядеть естественно — обычно это 1-2 емких предложения. Уникальность в интернете даст употребление в описании названия бренда или домена сайта.
Слова из одного запроса следует употреблять в рамках пассажа (предложения).
Текст в Description должен состоять из 140—200 символов, учитывая пробелы. Если описание страницы будет слишком коротким, то в выдаче может показать совсем другой текст, взятый, например, из контента страницы, и не всегда это будет хорошо. Слишком длинный Description также не сможет уместиться в выдаче поисковика.
Нельзя забывать про маркетинговую составляющую. Поэтому рекомендуется добавить слова, стимулирующие пользователя перейти на сайт: бесплатно, акция, бонус, скидка и т.д. (если это уместно).
Мета-тег Keywords
При составлении Keywords рекомендуется придерживаться следующих принципов:
Перечислить через запятую леммы слов, входящих в запросы, продвигаемые на страницу.
Слова наиболее частотных запросов употребляются в начале.
Keywords должен составляться индивидуально для каждого URL.
Должен быть уникальным – следует добавить название бренда или домен сайта.
НЕпродвигаемые страницы
<title>
Заголовок должен описывать страницу.
По возможности, если это подходит по контексту, употребить вхождения наиболее частных запросов, продвигаемых на сайте.
Тег <title> должен составляться индивидуально для каждого URL. Он должен быть уникальным не только в рамках сайта, но и всей сети интернет. Должен выглядеть естественно. Уникальность в интернете даст употребление в заголовке названия бренда или домена сайта. Иногда, при большом количестве страниц на сайте, можно прописать шаблон по формированию мета-тегов.
Оптимальная длина около 60—75 символов, считая пробелы. Слишком большой заголовок все равно не поместить в результатах поисковой выдачи, поэтому будет обрезаться.
Мета-тег Description
Описание должно подходить странице.
По возможности, если это подходит по контексту, употребить вхождения наиболее частных запросов, продвигаемых на сайте.
Description должен составляться индивидуально для каждого URL. Он должен быть уникальным не только в рамках сайта, но и всей сети интернет. Должен выглядеть естественно — обычно это 1-2 емких предложения. Уникальность в интернете даст употребление в описании названия бренда или домена сайта. Иногда, при большом количестве страниц на сайте, можно прописать шаблон по формированию мета-тегов.
Description должен отличаться от <title>.
Текст в Description должен состоять из 140—200 символов, учитывая пробелы. Если описание страницы будет слишком коротким, то в выдаче может показать совсем другой текст, взятый, например, из контента страницы, и не всегда это будет хорошо. Слишком длинный Description также не сможет уместиться в выдаче поисковика.
Нельзя забывать про маркетинговую составляющую. Поэтому рекомендуется добавить слова, стимулирующие пользователя перейти на сайт: бесплатно, акция, бонус, скидка и т.д. (если это уместно).
Мета-тег Keywords
Можно взять леммы слов, входящих в заголовок.
Обязательно включить бренд или домен – сделать уникальным.
Можно включить регион продвижения и леммы наиболее частотных запросов.
Другие материалы раздела
Отложенный спрос: эффект и правильная реализация
30+ инструментов и ресурсов, полезных для SEO
Как решать проблемы со справочниками и картами, из-за которых бизнес теряет деньги
Возврат к списку
Закрыть
Москва
Тула
Пн — Пт с 10:00 до 19:00
Пн — Пт с 10:00 до 19:00
Закрыть
Телефон *
Это поле обязательно для заполнения
Услуга
(не установлено)Создание сайтаПродвижение сайтаКонтекстная рекламаМедийная рекламаМаркетинг в социальных сетяхПоддержка сайта
Даю согласие на обработку персональных данных
Необходимо ваше согласие на обработку персональных данных
Что такое заголовок веб-сайта (тег заголовка) и почему это важно для SEO?
Кэролайн Форси
Обновлено:
Опубликовано:
Чтобы понять, что такое тег заголовка и почему он важен для SEO, давайте начнем с примера.
Допустим, я новичок в сфере маркетинга, и я даже не имею четкого представления о том, что такое маркетинг равно , поэтому я обращаюсь к Google и ввожу свой вопрос: «Что такое маркетинг?»
В моем вопросе я, скорее всего, не ищу «лучшие маркетинговые практики» или «10 лучших маркетинговых кампаний 2018 года». Конечно, в обоих этих заголовках есть мое ключевое слово «маркетинг», но они не отвечают на мой прямой вопрос.
Итак, Google, понимая мои намерения, дает мне следующее:
Несомненно, вы можете видеть, как заголовок приносит пользу как пользователю, так и поисковой системе.
Хотя статья HubSpot «Что такое маркетинг? [Часто задаваемые вопросы]» должна быть убедительной — и следовать другим тактикам SEO — чтобы попасть на первую страницу Google, она никогда не достигнет желаемой аудитории с неправильным заголовком.
Таким образом, заголовок позволяет пользователям увидеть содержание веб-страницы и, что не менее важно, сообщает поисковым системам, как следует ранжировать страницу.
Что такое название сайта?
Заголовок веб-сайта или тег заголовка — это элемент HTML, определяющий содержимое веб-страницы. Название сайта полезно как для пользователей, так и для поисковых систем. Пользователю Интернета необходимо название веб-сайта, чтобы он мог увидеть точное и краткое описание содержимого страницы, прежде чем щелкнуть ссылку в поисковой выдаче. В качестве альтернативы поисковым системам необходимо определить релевантность веб-страницы, чтобы она могла отображать контент в результате правильного поискового запроса.
Поисковая система узнает название веб-страницы, найдя тег title в коде — например, в разделе «Что такое маркетинг? [FAQ]» поисковая система найдет это в HTML:
Наряду с полезно для поисковых систем и пользователей, тег заголовка также полезен, когда у кого-то открыто несколько вкладок.
Например, предположим, что пользователь активно изучает маркетинг и использует ваш ресурс как один из многих (или откладывает на Facebook…).
Когда пользователю необходимо вернуться на вашу веб-страницу, он может найти нужную вкладку по заголовку вашей страницы:
Теперь, когда мы рассмотрели, почему заголовки веб-сайтов имеют значение, давайте рассмотрим несколько передовых методов создания хороших тегов заголовков. Теперь, хотя Google использует динамические метатеги — это означает, что он может расширять и укорачивать теги заголовков в зависимости от поискового запроса (и его намерения), рекомендуется:
Делать его коротким, в идеале до 55 символов.
Не используйте колпачки.
Не переусердствуйте с ключевыми словами в заголовке — например, не называйте свою статью «Что такое маркетинг? Советы по маркетингу, факты о маркетинге, общая информация о маркетинге».
Напишите привлекательный текст, который заставит вас щелкнуть ссылку.
Сделайте его релевантным самой странице.
Сделайте ключевые слова
отличными от тега title.
Включите в заголовок свой бренд, т.е. «Лучшие рекламные кампании — Рекламный век. »
Чтобы еще больше укрепить свои заголовки, взгляните на статью «Как писать броские заголовки и заголовки блогов, перед которыми не могут устоять ваши читатели».
Примеры названий сайтов
10 лучших кроссовок Nike 2019 года [Руководство по покупке]
15 лучших рекламных кампаний 21 века — век рекламы
Полное руководство по хэштегам Instagram на 2019 год
34 важные вещи, которые нужно знать перед поездкой в Китай — Y Travel Blog
Новый способ повысить удовлетворенность клиентов — Harvard Business Review
SEO возвращается. Слава Богу. — Нью-Йорк Журнал
Размышляя о том, что мне не удалось построить компанию на миллиард долларов — Medium
1. 10 лучших кроссовок Nike 2019 года [Руководство по покупке]
2. 15 лучших рекламных кампаний 21 века — Advertising Age
3. Полное руководство по хэштегам Instagram 80Spot 2
4. 34 основных факта, которые нужно знать перед поездкой в Китай — Y Travel Blog
5. Новый способ повысить удовлетворенность клиентов — Harvard Business Review
6. SEO возвращается. Слава Богу. — Нью-Йорк Журнал
7. Размышления о моей неудаче в создании компании стоимостью в миллиард долларов — Medium
Темы:
Техническое SEO
Не забудьте поделиться этим постом!
Связанные статьи
Карты сайта: что это такое, как их создать и отправить в Google
06 апр. 2023 г.
Полное руководство по техническому SEO
24 февраля 2023 г.
11 лучших поисковых систем по популярности
09 февраля 2023 г.
hubspot.com/marketing/meta-tags»>
Полный список метатегов, почему они важны для SEO и как их написать
15 декабря 2022 г.
Внутренняя ошибка сервера HTTP 500: что это значит и как это исправить
15 сентября 2022 г.
hubspot.com/marketing/web-crawler»>
Что такое веб-краулер? (50 слов или меньше)
18 февраля 2022 г.
Постоянные ссылки: что это такое и как их структурировать для максимальной ценности SEO
Что такое перенаправление 301 и когда его следует использовать?
26 авг. 2021 г.
Что такое теги заголовков и помогают ли они в SEO? [+13 советов по написанию]
Заголовок страницы, тег заголовка, мета-заголовок — называйте это как хотите. Хотя это, казалось бы, небольшая деталь, она может значительно повлиять на ваш органический рейтинг в Google. В отличие от метаописаний, заголовки страниц являются одним из важных факторов, которые Google использует для ранжирования вас среди результатов поиска. Если вы хотите узнать, что такое заголовки страниц, вы пришли в нужное место. Здесь мы также рассмотрим, как тег title может помочь вам подняться выше в Google и как создать максимально стимулирующий тег title.