Как посмотреть description чужого сайта

Анализ тегов Title, Description и H1 для списка URL

Список URL (макс. 10. Снять ограничение. ) ↓

(код, изображенный на картинке)

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

Тег Title

Title – это специальный HTML-тег, отображающий краткое и лаконичное описание содержимого на странице сайта. Тег расположен в невидимой части страницы (в блоке HEAD), однако его содержимое можно увидеть на вкладках браузера или в сниппете выдачи поисковой системы. Наличие мета-тега является важным фактором при ранжировании сайтов в результатах поиска Яндекс.

Рекомендация по длине Title: не более 90 знаков.

Мета-тег Description

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

Рекомендация по длине Description: не более 250 знаков.

Заголовок H1

Н1 – основной заголовок страницы. Заголовок H1, в отличие от тега meta description, виден всем пользователям сайта. H1 – сжатое описание содержимого страницы сайта.

Рекомендация по длине H1: не более 70 знаков.

Источник

Вывод SEO мета тегов title и description в виде визуальной структуры для каждой веб-страницы за один раз

Давно существует куча инструментов от Ahrefs, Mooz, Semrush и т.д., которые показывают главные мета теги для каждой страницы отдельно, в лучшем случае списком.

Но кто-нибудь видел инструмент, который выводит сразу все title и description за раз и показывает это в виде удобной иерархической визуальной структуры для всего веб-сайта?

Он имеет такую же важность, как и заголовок книги или главы. Это краткий анонс содержимого для Google и пользователя (60 символов). Именно в него размещают главные ключевые слова и именно он отображается в поисковой выдаче (SERP).

Тег title — это элемент HTML.

Более развернутое чем title, но также небольшое описание содержимого веб-страницы (250 символов). Выводится в поисковой выдаче и служит важнейшим повествованием для Google и пользователя, о той или иной веб-странице. Как правило также насыщается ключевыми словами. Тег description также является элементом HTML.

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

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

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

Почему это нужно и полезно?

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

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

Каждый сгенерированный веб-сайт (проект) вы можете: сохранить, редактировать, комментировать, работать вместе с коллегами и делиться с кем угодно в интернете.

VSG — Visual Sitemap Generator

Octopus.do использует мощный cloud server и специальный код-алгоритм, который по запросу пользователя, используя sitemap.xml искомого ресурса, отображает визуальную структуру сайта, выцепляя для каждой страницы title, description и логотип (favicon). Процесс может занять до 40 секунд.

Нередки случаи, когда результат получить не удается, так как на это есть много причин, например:

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

Если вам все же не удалось получить визуальную структуру вместе с тегами, вы можете пробовать без тегов (быстрее и проще).

Или попробовать создать свою визуальную структуру веб-сайта с нуля — это как раз главный функционал сервиса Octopus.do

Важность SEO и борьба за топовые места в поисковой выдаче Google становится все важнее как никогда. Органический трафик — то, что хотят все, он — царь.

Новый VSG Octopus поможет лучше видеть и понимать важнейшее мета описание страниц веб-сайта и работать с этой информации лучше, чем это было раньше.

Это не говорит о том, что инструмент нужен только тем, кто занимается SEO оптимизацией.

Он также будет полезен всем тем, кому нужно получить или создать визуальную структуру, понимать как все устроено, о чем та или иная страница, а также видеть суть, например для оценки проекта.

Источник

Как в один клик собрать метатеги и заголовки с любого сайта

Инструкция по парсингу Title, Description, Keywords, H1-H6 с помощью инструмента от PromoPult

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

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

Инструмент парсинга метатегов и заголовков от PromoPult

В PromoPult есть собственный инструмент сбора данных из метатегов и заголовков h1-h6.

Как работает парсер метатегов

Шаг 1. Регистрация в PromoPult

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

Шаг 2. Добавление URL

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

Шаг 3. Настройка парсинга

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

Шаг 4. Получение результата

После завершения парсинга вы получите уведомление на e-mail.

Отчет доступен в блоке «Список задач» в формате XLSX. Нажав на соответствующие иконки в колонке «Действия», можно обновить данные в отчете, удалить его или скачать XLSX-файл на свой компьютер:

Файл состоит из двух листов:

Отчеты хранятся в системе неограниченное время.

Нет времени заниматься оптимизацией метатегов вручную? Запустите продвижение в SEO-модуле PromoPult. Специалисты не только проанализируют и улучшат метатеги на вашем сайте, но и проведут полный комплекс работ — от технической оптимизации до улучшения юзабилити, коммерческих и внешних факторов. Вам же останется наблюдать за ростом позиций.

Анализ результатов парсинга метатегов и заголовков

Итак, у вас на руках готовый отчет. Что делать дальше? Все зависит от того, какой сайт вы хотите анализировать — свой или конкурента.

Парсинг собственного сайта

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

Незаполненные теги и метатеги

Это серьезная ошибка в оптимизации сайта. Яндекс.Вебмастер проверяет наличие информации в метатегах, и если существенная часть не заполнена, отправляет уведомление в раздел «Диагностика»:

Информация в Title и Description позволяет поисковикам точнее определить релевантность страниц поисковому запросу, а пользователям понять, подходит ли контент, опираясь на описание страницы (сниппет) в результатах поиска. Если Title и Description будут пустыми, поисковик сформирует сниппет на свое усмотрение, и текст может быть далек от идеала.

С помощью парсинга вы быстро определите, каких данных не хватает:

Дублирование метатегов

Заголовки и метатеги (вследствие ошибок вебмастеров или неправильных настроек CMS) на разных страницах могут повторяться. Такого также быть не должно. С помощью функции Excel «Условное форматирование…» / «Правила выделения ячеек» / «Повторяющиеся ячейки» вы без проблем найдете дубли в итоговом отчете.

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

Недостаточная или избыточная длина текста

Для получения оптимального заголовка сниппета требуется около 50-60 знаков с пробелами в Title. Более длинные заголовки будут обрезаться. Короткие — передавать минимум информации. Аналогично проанализируйте длину текста в Description (Яндекс отражает в сниппете порядка 140-150 знаков, а Google — 150-160 с учетом типографики).

Неинформативные метатеги

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

Нарушение структуры и логики заголовков

В идеале на одной странице должен быть один заголовок h1. Далее по иерархии: h2-h6. Причем h2 — это подзаголовки верхнего уровня. На каждом уровне h2 могут быть подзаголовки h3, на уровне h3 — h4 и т. д. Соответственно, должна соблюдаться логика подзаголовков.

В приведенном ниже примере с заголовками h1 в общей массе все в порядке — здесь отражены названия статей блога. А вот с подзаголовками полная путаница.

Например, у статьи «Полный обзор японских подгузников Merries» некоторые подзаголовки h2 не относятся к основному контенту (вроде «Вы сейчас здесь» и «Также читайте»). Подзаголовки h3 и h4 вообще не относятся к статье, а содержат названия тегов, рубрик и т. п. Подобная ситуация может возникнуть из-за «кривизны» CMS — разработчики не думали о правилах SEO, а просто делали движок. Поэтому необходимо внести правки в шаблон сайта и исправить ситуацию с подзаголовками.

Как избежать проблем с метатегами? Очень просто: заказывайте текстовый контент в системе PromoPult. Вы получите не только оптимизированные для поиска тексты, но и правильно составленные метатеги Title и Description.

Парсинг сайтов конкурентов

Сбор данных с сайтов-лидеров вашей тематики открывает доступ к следующим данным.

Ключевые запросы, по которым продвигаются конкуренты

Если у конкурентов заполнены теги Keywords, вы фактически получите доступ к их семантическому ядру. В противном случае ключевые фразы можно «вытащить» из Title и Description. Как это сделать:

Пример «разложения» Title и Description на ключевые фразы в text.ru

Используйте эти фразы для составления или дополнения собственного семантического ядра.

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

Логика формирования метатегов

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

Пример. Введем в Google фразу «купить золотое кольцо Москва». Отчет по первым 10 URL выглядит так:

Исходя из такого анализа можно выявить закономерности:

Остается написать такие тексты в заголовках и мета-описании, которые будут максимально отражать пользовательский интент, не дублировать конкурентов и выгодно выделяться на их фоне. Например, ни в одном Title нет информации о цене. Если в видимой части заголовка указать «цены от 2000 рублей», возможно, это повысит кликабельность.

Структура и характер заголовков

Похожий анализ можно провести и по заголовкам h1-h6.

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

Сколько стоит использование парсера метатегов

Стоимость парсинга зависит от количества запросов к странице сайта:

Вот примеры бюджета парсинга в различных ситуациях:

Что парсится	Количество URL	Бюджет, руб.
Собственный небольшой интернет-магазин	500	20
10 небольших интернет-магазинов конкурентов	7000	220
5 крупных интернет-магазинов конкурентов	50000	680

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

Заключение

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

Попробуйте инструмент парсинга мета-данных в действии — предлагаем бесплатно проверить 500 URL!

Источник

Как научиться читать код сайта и зачем это нужно, если вы не программист

Часто возникают ситуации, когда необходимо проанализировать содержимое веб-страницы: посмотреть description, узнать размер какого-то элемента или просто выяснить, какой используется шрифт. С помощью опции «Просмотреть код» можно узнать не только это, но и многое другое – практически всю подноготную сайта.

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

Зачем мне нужен исходный код сайта?

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

Еще несколько возможностей при просмотре кода страницы: выгрузка картинок с исходным размером, просмотр сайта в адаптивном режиме, возможность изменять содержимое веб-страницы. Последнее работает в локальном режиме – изменения будут применены только на текущем ПК до тех пор, пока страница не будет обновлена.

Как узнать код сайта

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

Как видите, здесь все логично и понятно.

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

Способ 1: Функция «Посмотреть код»

Открываем страницу, код которой нужно просмотреть, и кликаем по любой области правой кнопкой мыши. В отобразившемся меню выбираем «Посмотреть код». Также вы можете воспользоваться комбинацией клавиш «CTRL+SHIFT+I».

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

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

Способ 2: «Просмотр кода страницы»

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

После этого нас перенаправит на новую страницу со всем исходным кодом:

Здесь мы также можем посмотреть все содержимое страницы, однако узнать CSS и изменить данные у нас не получится.

Что такое HTML и CSS

Например, часто используется такая конструкция:

Это мой первый сайт!

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

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

Рассмотрим на небольшом примере, как работают стили:

Каждый сайт, который вы встречаете, использует связку HTML и CSS. Стоит упомянуть, что еще есть язык программирования JavaScript, который позволяет оживлять страницу. Например, он может активировать формы обратной связи, создать сложную анимацию, установить всплывающие окна и многое другое. Обычным пользователям разбираться в нем не нужно от слова совсем. Если вы собираетесь вести аналитику сайта или просто интересуетесь его содержимым, то в знаниях JavaScript нет никакой необходимости.

Как я могу использовать код

Выше мы рассмотрели лишь основные моменты, связанные с кодом сайта – научились просматривать его и узнали, что такое HTML и CSS. Теперь давайте применим полученные знания на практике – посмотрим, как всем этим пользоваться.

Вариант 1: Редактирование контента

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

Например, доступна возможность изменять содержимое текста – для этого достаточно выбрать нужный текст, кликнуть по нему правой кнопкой мыши и перейти в «Посмотреть код». После этого перед нами отобразится инспектор с выделенным текстом.

В среде разработчика мы можем заменить текст, расположенный в данном теге. Чтобы это сделать, находим его в коде, кликаем по нему двойным щелчком мыши и заменяем на другой. Ниже пример: мы поменяли «Виртуальный хостинг» на «Классное решение».

Чтобы отменить внесенные изменения, достаточно воспользоваться клавишей «F5» – страница будет обновлена, а весь контент станет исходным.

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

Вариант 2: Скачивание картинок

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

Аналогичным образом мы можем выгрузить и фоновое изображение, но его стоит искать через CSS-стили в атрибуте background.

Вариант 3: Просмотр SEO-элементов

С помощью кода можно посмотреть основные SEO-теги. Сделать это можно следующим образом:

Подобные элементы можно посмотреть и через инспектор кода.

Как посмотреть исходный код на телефоне

Функционал мобильных браузеров сильно ограничен – посмотреть код сайт через инспектор мы не можем. Доступен только вариант с отображением всего HTML-кода страницы. Чтобы им воспользоваться, необходимо перед ссылкой прописать «view-source:». Например, для https://timeweb.com/ru это будет выглядеть так:

Если нужны расширенные возможности для устройства на Android, то можно поискать специальные приложения, например, VT View Source.

Заключение

Источник

Вывод SEO мета тегов title и description в виде визуальной структуры для каждой веб-страницы за один раз

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

Мета теги, Title & Description

Давайте по порядку.

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

SEO Title

Тег title — это элемент HTML.

Title & Description

SEO Description

Привило хорошего тона написания Title и Decsription

Octopus.do — бесплатный генератор визуальной структуры веб-сайта, теперь с мета тегами.

Почему это нужно и полезно?

Как работает Octopus.do VSG?

VSG — Visual Sitemap Generator

Нередки случаи, когда результат получить не удается, так как на это есть много причин, например:

Веб-сайт слишком большой

Отсутствует файл sitemap.xml или его местоположение неизвестно

Превышен тайм-аут (1 минута, 40 секунд с мета тегами)

Firewall блокирует запросы

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

Резюме

Это не говорит о том, что инструмент нужен только тем, кто занимается SEO оптимизацией.

Источник