Компьютеры Windows Интернет

Не найдено описание в мета тегах. Что такое мета теги, как правильно заполнить и проверить: примеры из практики. Мета теги для поисковой машины

От автора: всем привет. Можно много говорить о поисковой оптимизации, но если вы не знаете, как правильно заполнить мета теги, то в этом нет никакого смысла. Раз это так важно, давайте разбираться подробнее.

Title – самый важный элемент при оптимизации сайта

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

Почему желательно писать заголовок как можно объемнее? Это позволяет добавить в него больше информативности, а также заставить пользователя кликнуть по нему. Например, какой тайтл по вашему лучше? Как увеличить скорость сайта? Как увеличить скорость сайта: 10 мощнейших советов?

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

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

Многие идут еще дальше и делают заголовки еще длиннее – 70-120 символов! Но я считаю, что это лишняя работа. Во-первых, нужно делать его таким, чтобы он полностью влез в одну строчку в поисковой выдаче. А это означает, что нужно ограничиться длиной в 50-60 символов. Если уже не помещается одно слово или несколько букв, то ничего страшного, но специально делать длинные заголовки? Я считаю, в этом нет никакого смысла.

Конечно, в таком случае появляется возможность вставить дополнительные ключевые слова, но не пытаетесь ли вы таким образом обмануть поисковик? Очень важно его не обманывать, сегодня это наказывается. К тому же, поисковый робот может просто проигнорировать все лишние слова в Title, если они не помещаются в 60 символов.

Ошибки в Title

Основная ошибка, которую можно наблюдать – наличие в конце заголовка названия сайта. Одно дело, когда вы его вручную прописали к какой-то определенной записи, а другое – когда название прибавляется автоматически, потому что вы просто неправильно настроили движок. Пример: Как собирать грибы? Как собирать грибы? Блог опытного лесника

И вот если “блог опытного лесника” будет повторяться во всех title, то ничего хорошего я в этом не вижу. Во-первых, вместо этого вы могли бы добавить какую-то конкретику в заголовок, сделать его более объемным и интересным.

Другая ошибка – спам. Не все люди, наверное, сегодня понимают, что не все так просто. Если напхать ключей в заголовок, то на первое место в поиске не попадешь. Основные ошибки заключаются в том, что люди пытаются в title вставить несколько ключевых слов или даже повторить их. Например: Заказать пиццу в Киеве, заказать со скидкой, доставка быстро

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

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

Тут же еще один совет – не врите. Если вы написали всего 5 советов, так и напишите в заголовке. Люди не любят, когда получают меньше, чем ожидалось. В общем, надеюсь, теперь вы четко понимаете, что такое мета тег title и как его правильно написать.

Как заполнять мета тег description

Ладно, с title все более менее понятно. А что же с кратким описанием страницы? Оптимальный объем описания – 130-160 символов. Желательно не делать меньше, так как тогда оно не будет достаточно информативным, но и длиннее тоже нет смысла делать.

В мета-описании постарайтесь максимально точно и кратко описать все то, что человек получит на странице. Опять же, тут очень важно стать на какое-то время среднестатистическим человеком и представить себе поисковую выдачу с вашим сайтом. Каким бы вы хотели видеть описание?

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

Конечно, все это лишь рекомендации. Я могу с уверенностью сказать, что если вы их примените хотя бы частично, польза будет. Если не примените совсем, это едва ли обернется катастрофой для вашего проекта. Потому что поисковая система едва ли оценивает описания по их креативности и интересности. Помните, что интересные description – для людей. А делая для людей, можно получить поощрение и от поисковика. Как?

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

Keywords умер?

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

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

Что же сегодня? Ситуация очень сильно изменилась в лучшую сторону. Спамом уже не получится занять топ. Более того, можно получить наказание за переспам ключевыми словами.

Сегодня нужно придерживаться гораздо более аккуратной стратегии в продвижении. В частности, нет никакого смысла 5 раз повторять в keywords одну и ту же фразу. Большинство оптимизаторов сегодня поступают так:

Вообще не заполняют keywords. Кстати, его даже нет по умолчанию в очень популярном SEO плагине для wordpress – Yoast.

Заполняют ключевые слова, но при этом делают это так, чтобы не выглядело спамом. Основная цель этого мета тега – сегодня – проинформировать поисковую систему о наиболее употребляемых словах в тексте.

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

Итог

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

Соответственно, наша с вами задача – писать интересно не только тексты, но и мета теги, потому что именно их видит пользователь в выдаче. Дополнительную информацию о мета тегах и их влияние на поисковую оптимизацию вы можете найти в нашем . Там также дается ценная и конкретная информация. Ну а я на этом буду прощаться с вами. Оптимизируйте мета теги и будьте в топе!

Title, Description, Keywords - эти термины сбивают с толку каждого начинающего блогера и интернет-предпринимателя.

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

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

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

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

⛔ Пример неудачного Title:

Как поехать в Азию быстро дешево билеты путевки Китай Япония

✅ Пример хорошего Title:

Как поехать в Азию: все подробности включая билеты, жилье, еду

👍 Идеального вариант:

Как поехать в Азию и не пожалеть (билеты, жилье и пр.)

Секрет #2. Интригуйте

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

Логика проста:

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

Впечатляющая статистика: первые три сайта из органической выдачи получают 61.5% всех переходов. Поэтому, старайтесь попасть не в десятку, а в первую тройку.

Но как писать по-настоящему цепляющий Title?

Вот несколько советов:

  1. Добавьте в заголовок числа и проценты. Например: 10 Советов как... ; 5 Причин почему... ; 3 Лучших...
  2. Используйте следующие прилагательные и наречия: Эффективный , Улетный , Невероятный , Нестандартный , Как , Пошагово , Просто , Легко , Быстро .
  3. Старайтесь, чтобы при чтении вашего заголовка люди испытывали сильные эмоции.

Самое главное - не жалейте времени на составление привлекательных заголовков . Всегда помните слова "отца рекламы" Дэвида Огилви:

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

Секрет #3. Идеальная длина

Ваш заголовок не должен превышать 60 символов. В противном случае поисковые системы самостоятельно обрежут его на 61-ой букве.

Идеальный вариант: придерживаться диапазона от 50 до 60 символов.

Слишком короткий заголовок в большинстве случаев выглядит неубедительно.

Сравните сами:

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

У сайтов, работающих на WordPress есть одна интересная деталь:

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

Блоггинг, заработок в интернете, монетизация блога.

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


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

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

Теги и атрибуты как составные части языка HTML

Теги и атрибуты составляют основу HTML — языка гипертекстовой разметки. Последовательность тегов и их атрибутов задает структуру документа. Интерпретируя язык разметки, браузер «понимает», о чем страница и как должен отображаться ее контент (текст, картинки, видео).

Теги задают каркас страницы, атрибуты расширяют или модифицируют действия тегов. Они описываются внутри открывающего тега в виде коллекции «имя="значение"». Например: .

Существует два типа тегов: парные и одиночные. Парные (или контейнерные) теги состоят из пары — открывающий и закрывающий тег <...>.... Одиночные теги состоят лишь из одного открывающего тега. Например, тег .

Стандартно структура HTML-документа содержит такие элементы:

Название документа

Заголовок страницы

Отображаемый на странице контент

  • указывает на тип текущего документа. В нашем случае HTML;
  • тег отмечает границы документа, в нем содержатся обязательные теги и ;
  • тег — контейнер, в него помещается информация для браузеров и поисковых систем. Содержимое тега не отображается напрямую на веб-странице, за исключением тега , с помощью которого устанавливают заголовок вкладки браузера;</li> <li>тег <body> определяет видимую часть документа, которая отображается в окне браузера. К такой информации относится текст, изображения, результат работы скриптов и другое.</li> </ul><p>Сперва рассмотрим набор тегов, помещающихся в блоке <head>. Они наиболее значимы для специалиста по поисковой оптимизации.</p> <h2>Что такое тег <title></h2> <h4>Пример кода:</h4> <meta name="description" content="Метатег description - это информативное и продуманное описание страницы. Мы расскажем, как сделать его привлекательным для пользователя и привлечь посетителей на ваш сайт." /> <p><img src='https://i2.wp.com/images.netpeak.net/blog/tak-vygladit-description.png' align="center" width="100%" loading=lazy></p> <h3>Meta robots</h3> <p>Метатег robots служит для указания правил индексирования конкретных страниц сайта и позволяет следовать по гиперссылкам с данных страниц.</p> <h4>Пример кода:</h4> <meta name="robots" content="index, follow"> <p>Значение атрибута «name» указывает, что директива актуальна для всех роботов. Вы также можете закрыть доступ только одному из них. Для этого в атрибуте «name» следует указать нужного робота, например, основного робота Google — «googlebot» или Яндекса — «yandex».</p> <h4>Основные значения атрибута content:</h4> <ul><li>index — страница доступна для индексации;</li> <li>noindex — запрет добавления страницы в индекс;</li> <li>follow — ссылки на странице доступны к индексации и открыты для передачи ссылочного веса;</li> <li>nofollow — сигнализирует роботу о том, что переходить по ссылкам и передавать ссылочный вес запрещено;</li> <li>all — инструкция, аналогичная «index, follow», противоположная настройка: «none».</li> </ul><p>Наличие метатега robots в коде сайта не обязательно. Если meta robots отсутствует, страница открыта для индексации и переходить по ссылкам разрешено.</p> <h3>Meta charset</h3> <p>Метатег с атрибутом «charset» указывает на тип кодировки документа. Он применяется для правильного отображения текста страницы браузером. Для операционной системы Windows и кириллицы используют значения атрибута «utf-8» или «windows-1251». Этот метатег следует размещать в самом начале блока <head> до элементов, которые содержат текст, включая тег <title>.</p> <p><b>Пример кода: </b></p><p> <meta charset="UTF-8"> </p><p>Многие браузеры научились распознавать кодировку документа автоматически, но все же рекомендуется прописать короткую строку, чтобы избежать возможных проблем с выводом информации на странице.</p> <h3>Meta viewport</h3> <p>Метатег «viewport» сообщает браузеру, как следует обрабатывать размеры страницы, изменять ее масштаб под ширину экрана устройства, с которого выполнен переход. Meta viewport — один из пунктов внедрения адаптивного дизайна, когда для всех устройств используется один код с корректировкой по размеру экрана. Для корректного отображения контента сайта на любом устройстве, на всех страницах следует разместить следующий фрагмент кода:</p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </p><p>Если этот элемент отсутствует, мобильные браузеры по умолчанию используют версию страниц для компьютера и пытаются оптимизировать контент собственными силами, подгоняя содержимое под размер экрана. Из-за этого контент страницы может выглядеть непропорционально, и посетителям сайта придется выполнять лишние действия, чтобы прочитать описание товара, посмотреть картинку, видео. Поисковые системы считают такой сайт не адаптированным для мобильных устройств и будут понижать его в результатах поиска.</p> <h3>Meta keywords</h3> <p>Правильно составленный метатег keywords должен содержать 5-7 ключевых слов, описывающих основное содержание страницы. Раньше он сильно влиял на ранжирование по заданным в нем ключевым словам, но утратил значимость из-за действий недобросовестных вебмастеров и постоянного развития поисковых систем. Тем не менее, для метатега keywords еще не все потеряно. Так, в отчете «Яндекс и Google: факторы ранжирования в 2017 году » от «Ашманов и партнеры» представлен вывод о влиянии метатега на продвижение в Google.</p> <h4>Пример кода:</h4> <meta name="keywords" content="HTML, тег, атрибут, поисковая оптимизация, SEO"> <h2>Когда использовать теги link</h2> <p>В блоке <head> также располагаются теги <link>, которые устанавливают связь данного документа с другими веб-страницами. Рассмотрим такие атрибуты тега «link»: «canonical», «next / prev», «alternate».</p> <h3>Атрибут canonical</h3> <h3>Атрибут alternate</h3> <h2>Выводы</h2> <ol><li>Теги и атрибуты — это основа языка HTML. Оптимизация сайта немыслима без базового знания языка гипертекстовой разметки.</li> <li>Основной фронт работ SEO-специалиста связан с оптимизацией тегов из блока <head> HTML-документа, ведь именно там располагается информация для браузеров и поисковых систем. В контейнере <head> помещаются тег <title>, метатеги, теги <link>. В них содержится информация о документе, помогающая поисковым системам понять о чем страница и как следует ее интерпретировать.</li> <li>Не менее важна оптимизация тегов и атрибутов, расположенных в <body>, поскольку информацию именно из этого блока видят на странице пользователи. Контент должен быть структурирован, а код валидным, что служит залогом правильного отображения сайта в любом браузере.</li> <li>Нельзя сказать, что тот или иной элемент HTML-кода важнее других. Каждый тег и атрибут выполняет свою функцию и неправильное применение любого их них может привести к печальным последствиям. Главное — понять, как и зачем их нужно использовать. И делать контент в первую очередь для людей, а не для поисковых роботов.</li> </ol> <p>Что такое мета теги? <b>Мета теги — это специальные теги html, находящиеся в контейнере <head> и предназначены для передачи информации о сайте браузерам и поисковикам. </b> Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах <meta>. Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.</p> <p>В этом материале, мета теги будут рассматриваться нами через призму <b>SEO-продвижения </b>. И вы сможете узнать, основные правила их заполнения, анализа и проверки с помощью инструментов вебмастера.</p> <h3>Виды мета-тегов:</h3> <ul><li>title (<i>тайтл </i>) — заголовки страниц;</li> <li>description (<i>дискрипшн </i>) — краткое описание страницы;</li> <li>keywords (<i>кейвордс </i>) — ключевые слова;</li> <li>технические мета теги (отвечают за корректность отображения страницы).</li> </ul><h2>Как правильно заполнять мета теги</h2> <p>С точки зрения SEO, главные мета теги сайта это Title и Description. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами <head> </head> и не в каком другом месте кода.</p> <p>Если ваш сайт сделан на CMS, то для редактирования раздела с метатегам, вам необходимо установить специальный плагин или модуль.</p> <h3>Title</h3> <p>Мета тег <TITLE> отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера.</p> <p>Для поискового продвижения сайта, необходимо, чтобы ключевое слово находилось, как можно ближе к началу Title или стояло самым первым. Если сайт продвигается в каком-либо регионе — пишем название города или региона. Далее следует продающая или уточняющая добавка. В завершении, чтобы придать тайтлу уникальности, после прямой черты вставляем название сайта или компании</p> <p><b>Например: </b></p> <ol><li>Для коммерческого сайта: <i>«Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru» </i></li> <li>Для информационного сайта: <i>«Как правильно выращивать алоэ в домашних условиях | Садовод </i>»</li> </ol><p>Для того, чтобы заголовок не обрезался при показе в результатах выдачи поисковых систем, нужно чтобы длина тайтле была не более 65 символов.</p><p> <title>Заголовок страницы

    Description

    Мета-тег Description отвечает за то, чтобы в нескольких предложениях описать суть информации на странице. Обычно поисковая система берёт информацию из этого тега для формирования сниппета в результатах выдачи (чаще всего так делает Google, реже Яндекс).

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

    Примеры:

    1. «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
    2. «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома. »

    Длина не более 140 символов. На чистом html, это выглядело бы вот так:

    Keywords

    Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

    «Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»

    Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

    Спарсить мета теги конкурентов можно буквально в пару кликов - с помощью парсера .

    Технические мета-теги

    • Expires — дата устаревания документа.
    • Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
    • Content-Type — тип контента и кодировка.
    • Content-language — языка страницы/сайта.
    • Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
    • Robots — отвечает за индексацию отдельных страниц.
    • document-state — частота индексации.

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

    Как добавлять мета теги на CMS

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


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

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

    Проверка мета-тегов онлайн +анализ

    Для проверки мета тегов на собственном сайте, можно воспользоваться панелью вебмастеров Яндекс. Для этого зайдите в Вебмастере «Диагностика — Диагностика сайта». На открывшейся странице нажмите «Ознакомиться». После этого вам будет показан список страниц, у которых не заполнен .

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

    Вот несколько таких сервисов:

    • Промопульт
    • Серпстат
    • Пиксельплюс

    Заключение

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