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

Начнём с определения что такое метатеги?

Метатеги (англ. meta tags) - это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега (X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.

В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.

Тег Title

Его ещё называют метатег Title, хотя, с технической точки зрения, — это не так. Очень важный тег, влияет на ранжирование, является заголовком страницы и часто используется поисковыми роботами при формировании заголовка сниппета. Поэтому, помимо того, что в Title нужно добавлять основные ключевые слова, важно следить за его привлекательностью. Он должен стимулировать пользователей к переходу на сайт.

Title должен:

Отображать суть страницы.
Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.
Быть читабельным предложением с вхождение ключевых слов.
Отличаться от заголовка страницы
.
Не содержать спама.
Быть уникальным для каждой страницы.
Примерной длины — около 70 — 130 символов.

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

Автоматически заполнять Description можно, например, для карточек товара. Для этого используйте шаблоны вида:

Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.

Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.

Как делать нельзя:

Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.
Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).

Не пишите несогласованные фразы — метатег должен быть читабельным.Не используйте перечисления.

Метатег Keywords

Этот мета-тег не влияет на ранжирование, но, поскольку Яндекс пишет , что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.

Метатег expires — также используется для управления кэшированием. В мета-тег устанавливается дата. Когда она проходит, браузер должен использовать повторный сетевой запрос, а не имеющийся кэш страницы. Дата указывается в формате RFC850.

Пример использования:

Метатег content-language — указывает язык документа.

Пример использования:

В HTML5 указание языка упрощено:

Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс .

Подведём итоги

Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:

Подписаться на рассылку

Здравствуйте, уважаемые читатели блога сайт. Сегодня хочу чуть подробнее, чем я это делал в статье про продвижение сайтов, остановиться на мета-тегах title, description и keywords, которые вот уже более пятнадцати лет являются факторами, влияющими на успешность раскрутки вебпроектов.

Но так ли уж они полезны для вашего сайта? А может быть именно они являются причинами прозябания или очень вялого движения вперед вашего интернет проекта? На этот вопрос я и попытаюсь ответить в этой статье.

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

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

Важны ли метатеги title, description и keywords для SEO

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

А значит основным фактором, по которому поисковик решал проблему релевантности (соответствия документа тому вопросу, который задал поисковой системе пользователь), являлся анализ текста на предмет содержания в нем слов из запроса пользователя. Учитывалась не только плотность (частота использования) ключей в статье, но также рассматривалось со всем пристрастием содержимое мета-тегов keywords, description и в особенности title .

Именно с тех очень далеких времен и идет поверье, что эти самые мета-теги являются залогом успеха в продвижении вашей статьи. Но это уже далеко не так и даже более того — все встало с ног на голову. Они могут быть причиной , или же просто будут вставлять палки в колеса при попытке его раскрутки. Почему же так происходит? Давайте попробуем разобраться.

Выглядеть все это безобразие в коде может примерно так:

... Они мешают продвижению ...

Собственно, знать синтаксис составления дискрипшена, тайтла и кейвордса вам будет нужно в основном только для проформы (ну, или если вы создаете статический сайт на Html файлах).

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

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

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

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

Description и keywords — мета-теги не влияющие на ранжирование

Итак, проведем промежуточный итог. Keywords можно выкидывать на помойку? Ну... Наверное, нет. Лично я стараюсь (если не забываю) прописывать в нем ключи, но обязательно только те, которые чаще всего встречаются в статье. Дело в том, что они практически полностью перестали влиять в положительную сторону на продвижение. Но обгадить всю малину кейвордс по-прежнему способен. Наказание за спам в мета-тегах поисковики еще ведь не отменили.

Что по description? Тут все не однозначно. Почему? Опять же переспам ключами в нем может негативно сказаться на продвижении. Зачем же он тогда нужен, если ключевики заключенные в нем не учитываются при ранжировании , но могут одновременно навредить?

Дело в том, что содержимое дескрипшена поисковой системой Гугл довольно часто может быть использовано в качестве , особенно на первых порах. Так, например, моя недавняя статья про в выдаче Google по запросу «транслит» выглядит так:

Это не весь текст из description, ибо Гугл и Яндекс учитывают только определенное количество символов (можете посчитать сами, но обычно ориентируются на 150 символов вместе с пробелами):

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

Как вы можете видеть, в получившемся сниппете обоих поисковиков ключевые слова запроса (которые я использовал и при составлении описания) были выделены жирным, что несколько повышает шансы перехода именно на мой сайт, ибо привлекает к объявлению дополнительное внимание .

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

Будет или нет в итоге использоваться прописанный вами дескрипшн в качестве сниппета — это вопрос другой. Ваше дело его прописать с обязательным упоминанием ключевых слов, а также с интригующим и эксплуатирующим любопытство пользователей содержанием (уложившись в 150 буковок).

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

Понятно, что если вы стоите в Топе по запросу «пластиковые окна», то будете использовать весь арсенал способов влияния на сниппет (например, такой), ибо это может вылиться в просто фантастические суммы прибыли из-за увеличившегося CTR вашего объявления (в купе с title). Но я лично довольствуюсь только обязательным заполнение description, ну еще и keywords (до кучи, но сейчас от последнего уже отказался, ибо ну его).

Title решает кто будет в Топе, а кто...

В чем состоит основное отличие Тайтла от дескрипшена? За переспам ключевыми словами во всех трех метатегах вы можете серьезно поплатиться проседанием позиций в поисковых системах. Это их объединяет и делает довольно опасным инструментом в неумелых руках.

Но у Title (заголовка страницы) есть одно отличие. Если вы не пропишите другие два мета-тэга, то ничего страшного по большому счету не произойдет, а вот если вы забудете прописать титл для вебстраницы, то скорее всего она не будет участвовать в поиске , т.е. не добавится в индекс ().

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

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

Причем следует отметить, что этот тэг выполняет две очень важные роли:

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

Начнем, пожалуй, с влияния тега титл на ранжирование (с точки зрения вебмастера — на продвижение):

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

Вторым важным условием является то, чтобы этот тег был использован в коде вебстраницы только один раз и только внутри контейнера Head (а не Body). Вообще, за это должна отвечать используемая вами ЦМС (система управления контентом), но проверить правильность ее работы не помешает. Для этого достаточно посмотреть исходный код любой страницы вашего сайта и убедиться в наличии и правильности вставки тега title в этот самый код.

Посмотреть исходный код страницы сайта можно, щелкнув правой кнопкой мыши в вашем браузере и выбрав пункт контекстного меню «Исходный код» (в Opera), либо «Исходный код страницы» (в Firefox), либо «Просмотр кода страницы» (в Google Chrome), либо «Просмотр HTML-кода» (IE).

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

Некоторые ЦМС (например, Joomla 1.5) формируют по умолчанию заголовок страницы из идущего вначале названия сайта, а уже потом добавляют название статьи. Следуя логике предыдущего пункта, так делать нельзя, ибо вы ухудшаете ранжирование (продвижение) своего ресурса (ссылки на материалы вы сможете найти в статье про ). Хотя известный специалист по Сео опровергает своим примером такой принцип:

Исключение из этого правила может быть сделано для известных брендов, одно упоминание которых может быть стимулом для клика по объявлению (например, ).

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

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

Правда Гугл, к сожалению, такого делать не умеет и пользователь может вообще не увидеть ключевые слова из своего запроса в заголовке объявления для моего блога:

Есть еще один момент, который лично я не реализую при составлении титлов для своего блога. По умолчанию во многих CMS он формируется из текста заголовка статьи, который чаще всего будет заключен в . Т.к. наличие ключей в H1 само по себе является фактором ранжирования (хотя и не таким мощным, как title), то имеет смысл прописывать заголовок всей страницы немного отличающимся от заголовка статьи. Я лично этого не делаю (ломает), да и у меня в тегах H2 они живут, а не в H1.
В WordPress для прописывания уникальных тайтлов обычно используют , ну а в Joomla так, как описано в статье про .
Вообще, очень важно не переборщить. С одной стороны, краткость — сестра таланта, но простое перечисление ключей в тайтле может привести к печальным последствиям (понижение позиций или даже полный вылет страницы из индекса). С другой стороны, с целью уменьшения его размера желательно поменьше в нем использовать пустых (стоп) слов (союзы, частицы, местоимения), которые никак не могут повлиять на ранжирование. В общем, надо искать золотую середину .

Как написать Тайтл эксплуатирующий любопытство

Чуть выше мы рассмотрели технические аспекты, влияющие прежде всего на удачное ранжирование ваших документов (их продвижение). Но вот про вторую задачу, которую выполняет Тайтл, мы поговорили пока что только очень поверхностно. Я говорю про создание цепляющего заголовка, который может очень существенно повысить частоту кликов по вашему объявлению в поисковой выдаче Яндекс или Гугла (ctr).

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

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

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

Разгорается желание во всем этом разобраться, а это вам и нужно было. Примером, наверное, может в некоторой степени служить заголовок этой статьи (проба пера, так сказать).

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

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

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

В общем, дело ясное, что дело темное. Если у вас есть талант, то воспользовавшись этими советами составить цепляющий title у вас получится, а если нет, то и не получится (как у меня, например).

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Ключевые слова в тексте и заголовках
Как ключевые слова влияют на продвижение сайта в поисковых системах
Способы оптимизации контента и учет тематики сайта при ссылочном продвижении для сведения затрат к минимуму
Какие факторы поисковой оптимизации влияют на продвижение сайта и в какой степени
Расшифровка и разъяснение Seo сокращений, терминов и жаргонизмов
Как работают поисковые системы - сниппеты, алгоритм обратного поиска, индексация страниц и особенности работы Яндекса
Внутренняя оптимизация - подбор ключевых слов, проверка тошноты, оптимальный Title, дублирование контента и перелинковка под НЧ
Контент для сайта - как наполнение уникальным и полезным контентом помогает в современном продвижении сайтов
Поисковая оптимизация текстов - оптимальная частота употребления ключевых слов и его идеальная длина

Изучив статью, вы поймете:

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

Что такое мета-теги?

Прежде чем перейти к правилам заполнения мета-тегов title, description и keywords, давайте определимся с этими понятиями:

Title (тайтл) – заголовок веб-страницы, который отражается в поисковой выдаче (рис. 1) и во вкладке браузера (рис. 2).

Рисунок №1

Рисунок №2

Description (дескрипшн) – это мета-тег, который кратко описывает содержание данной веб-страницы.

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

Разобравшись с определениями мета-тег title, description и keywords, логично выяснить вопрос, стоит ли вообще их заполнять? Зачем они нужны и какую роль играют в «жизни» сайта?

Нужны ли мета-теги?

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

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

Высокое ранжирование . Мета-теги (заголовок, описание, ключевые слова) помогают поисковикам понять, какая информация содержится на ресурсе. Зная главную тему страницы, поисковые системы будут предлагать ее пользователям в числе ПЕРВЫХ. То есть шансы, что ваш сайт заметят среди «океана» аналогичных, существенно увеличиваются.
Грамотно оформленный сниппет . Чтобы предоставить пользователям больше информации о сайте, поисковики добавляют после названия ресурса небольшое описание, которое и называется сниппетом. Он берется непосредственно из мета-тега description или наугад выбирается отрезок из текста с ключевым словом. Вырванный из контекста текст, как правило, несет минимум полезной информации и не привлекает внимание, так как выглядит неинтересно и оборвано. Сравните сами. Ниже представлены примеры 2-х ресурсов: где для сайта мета-тег дескрипшн не прописывался (рис. 1); второй – с грамотно заполненным description (рис. 2).

Рисунок №1

Рисунок №2

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

Правильные мета-теги title, description и keywords мгновенно захватывают внимание, убеждая пользователей интернета выбрать среди конкурентов именно этот сайт. Итак, давайте же разберемся, как грамотно прописать мета-теги для сайта.

Заполняем мета-тег TITLE

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

Если вы хотите создать цепляющий и эффективный тайтл, обратите внимание на такие моменты :

Ключевые слова:

Используйте тематические ключи , которые соответствуют теме страницы. Например, если здесь продаются китайские смартфоны, то логично, что мета-тег title будет с запросом «китайский смартфон». В противном случае (если используемые слова будут не совсем отвечать содержанию страницы) Google и Яндекс могут не использовать тайтл в качестве заголовка.
Располагайте ключевые слова вначале предложения, так как поисковики считают более значимыми запросы, стоящие в начале заголовка, чем в конце.
Комбинируйте ключи : высокочастотные + низкочастотные (узнать частотность можно через Яндекс Вордстат). Зачем это нужно? Популярный запрос – это большая конкуренция, «пробиться» через которую достаточно сложно и долго. А менее модные ключи практически сразу приведут к вам первых посетителей. Например, запрос «диван малютка» является высокочастотным (1886), а «купить диван малютку цена» — низкочастотным (28).

Объединяем в один мета-тег:

Title : Купить диван-малютку по цене производителя

На забывайте про переспам . Здесь важно не переусердствовать, т.е. придерживаться «золотой середины». Ключи должны быть, но немного (1-3 не более).

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

Стиль изложения:

Пишите для страницы «цепляющие» заголовки . Более интересным и интригующим выглядит мета-тег с использованием: цифр и процентов; прилагательных и наречий.

Например:
Title с цифрами : 10 лучших способов утеплить квартиру
Title с процентами : Скидка 50-70% на женские платья
Title с прилагательным, наречием : Купить натуральный деревянный стол недорого

Не используйте сложные и «пустые» слова, стоп-символы . Лучше не брать слова, состоящие из более, чем 3-х слогов, а также не распространенные. Такие мета-теги тяжело читать и, если не понятен смысл, не хочется на него кликать (например, «высококачественный», «променад», «транспортировка»). Запрет также относится к стоп-символам (/|()+=?) и «пустышкам», т.е. к словам, которые «крадут» объем, но при этом не несут никакой смысловой нагрузки (например, союзы, местоимения, междометия).
Создавайте уникальные заголовки. Важно для каждой страницы сайта прописывать свой title (это касается также и других мета-тег). Тогда поисковики будут расценивать каждую страницу как уникальную, что гарантированно поднимет ее значимость и, соответственно, рейтинг в поисковой выдаче. Необходимо также следить, чтобы тайтл и H1 были разными. И, конечно, при наполнении сайта не должно быть никакого рерайта – только уникальные тексты .

Делаем промежуточный вывод : заголовки должны быть написаны грамотно, красиво и понятно (никаких «корявых» предложений типа: «Купить кровать в Москве, цена дешево, оптом, с транспортировкой по стране»). Никакого обмана и недостоверной информации.

Объем

Оптимальной длиной мета-тега title считается примерно 40-65 знаков с пробелами (максимум — 80). На мой взгляд, это идеальный вариант, так как при таком объеме пользователям виден весь заголовок (рис. 1), а не его фрагмент (рис. 2).

Рисунок №1

Рисунок №2

Если вы все-таки решите не создавать мета-тег title, будьте готовы к тому, что эта страница может вообще не попасть в поисковую выдачу. А если сделаете «на скорую руку» (просто перечислив ключевики) – вероятнее всего, попадете на санкции от поисковиков.

Как правильно написать мета-тег DESCRIPTION?

По значимости описание занимает второе место после заголовка. Мета-тег description (также как и тайтл) способен как привлечь, так и оттолкнуть пользователей в случае, если заполнен некорректно.

Правила, следование которым поможет создать эффективное и красивое описание:

Объем . Важное нововведение от Google – увеличение длины сниппета. Если раньше максимальный объем был равен 160 символам, то теперь эта цифра возросла до 230 (и даже больше – 300+). Зачем спросите вы? Все для удобства пользователей. Гугл решил, чем длиннее описание, тем понятнее для вас, что предлагает данный сайт. Используйте по максимуму это новшество и прописывайте побольше преимуществ веб-страницы.

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

После того, как вы правильно пропишете мета-теги description, можно разбавить содержание специальными символами: ✖ ➜ ➢ ➣ ➤ ➔ ⬅ ⬆ ⬇ ⬤ Ꙭ ➔ ✈ (см. пример). Но при использовании таких знаков необходимо проверить, как они будут отражаться на сайте (для этого можно использовать специальный сервисы по генерации сниппетов для Google и Яндекс)

Запомните, если поискам не понравится ваше описание, они заполнят сниппет «выдерганными» из текста фразами.

Мета-тег KEYWORDS: нужно ли заполнять?

Чтобы понять, следует ли тратить время на прописывание ключевых слов , давайте совершим небольшой экскурс в историю. Раньше (в 90-х и начале 2000-х) заполнение мета-тега keywords являлось гарантом, что сайт молниеносно попадет в ТОП. То есть достаточно было перечислить необходимые для продвижения запросы и ресурс уже «восседает» на первых позициях в поисковых выдачах.

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

Вовсе нет. Здесь, также как и при прописывании других мета-тег, важно достичь баланса. То есть можно использовать 1-2 запроса (через ЗАПЯТУЮ) и поисковые системы отреагируют на них адекватно.

Общие правила для всех мета-тег

Есть несколько нюансов, которые относятся к title, description и частично к keywords:

использование больших прописных букв в мета-тегах («ИНТЕРНЕТ-МАГАЗИН ОБУВИ») может быть расценено поисковыми системами как СПАМ;
при написании основных мета-тег (заголовка, описания, ключевых слов) ТОЧКА в конце не ставится;
информация в мета-тегах тайтл и дескрипшн должна быть разной, таким образом пользователь получает по максимуму данных о сайте;
ключевые запросы следует использовать в мета-тегах title и description разные, не дублировать;
не нужно прописывать в meta tags названия компаний, если только они не являются знаменитыми и популярными.

ВАЖНЫЙ совет «на закуску», как правильно прописать мета-теги для сайта. Перед заполнением, введите интересующий вас запрос в поисковую строку Google, Яндекс или другой системы. Проанализируйте, как поставили мета-теги сайты, находящиеся в ТОПе, и сделайте по примеру оптимизацию своего заголовка и описания.

Задание . Чтобы проверить, как правильно заполненные мета-теги (title, description, keywords) влияют на популярность сайта, проанализируйте его позицию в поисковиках и количество просмотров сейчас и ПОСЛЕ усовершенствования/создания грамотных meta tags.

Остались вопросы или есть предложения, как можно улучшить или дополнить данный материал? Пишите комментарии! С удовольствием поделюсь опытом и буду благодарна за советы!

Первый этап продвижения сайта — его внутренняя оптимизация, важнейшей составляющей которой считается работа с кодом. Поэтому каждый 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://i0.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» указывает на тип кодировки документа. Он применяется для правильного отображения текста страницы браузером. Для операционной <a href="/how-to-do-advanced-system-recovery-windows-7-how-to-start-system-recovery-when-windows-does-not-boot/">системы Windows</a> и кириллицы используют значения атрибута «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 — один из пунктов внедрения <a href="/psd-layout-for-layout-experts-psd-template-for-business-and-finance/">адаптивного дизайна</a>, когда для всех устройств используется один код с корректировкой по размеру экрана. Для корректного отображения контента сайта на любом устройстве, на всех страницах следует разместить следующий фрагмент кода:</p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </p><p>Если этот элемент отсутствует, мобильные браузеры по умолчанию используют версию страниц для компьютера и пытаются оптимизировать контент собственными силами, подгоняя содержимое под размер экрана. Из-за этого контент страницы может выглядеть непропорционально, и посетителям сайта придется выполнять лишние действия, чтобы прочитать описание товара, посмотреть картинку, видео. Поисковые системы считают такой сайт не адаптированным для <a href="/kak-vklyuchit-bystruyu-zaryadku-na-telefone-kak-otklyuchit-bystruyu/">мобильных устройств</a> и будут понижать его в результатах поиска.</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><a href="/lenovo-s660-ne-podklyuchaetsya-wifi-ne-podklyuchaetsya-telefon-planshet-k/">Правильная настройка</a> мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано <a href="/kak-bystro-sostavit-semanticheskoe-yadro-sozdanie-semanticheskogo/">семантическое ядро</a>. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП.</p> <i> </i><h2>Что такое мета-теги</h2> <p>Если быть предельно точным, то под <b>мета-тегами </b> следует понимать (X)HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(97829749, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/97829749" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  и не выводится на экран. Служат для структурирования и представления поисковикам метаданных о гипертекстовом ресурсе (веб-странице).</p> <p>К мета-тегам относятся:</p> <ul><li>title – заголовок страницы;</li> <li>description - описание веб-страницы;</li> <li>keywords - ключевые слова;</li> <li>http-equiv - тип отправляемого документа и кодировка (charset);</li> <li>generator - CMS сайта;</li> <li>author - автор;</li> <li>copyright - авторские права;</li> <li>robots - правила индексирования страницы для роботов;</li> <li>viewport - данные о настройке области просмотра;</li> <li>и другие.</li> </ul><h2>Для чего нужны мета теги</h2> <p>Метатеги на странице можно прописывать вручную. Встроенные инструменты могут их генерировать автоматически. Но лучше выполнить эту работу самостоятельно, так чтобы они точно соответствовали тематике веб-страницы, указывая:</p> <ul><li>авторство;</li> <li>источники получения информации;</li> <li>краткое содержание контента.</li> </ul><p>Это повысит соответствие ожиданиям пользователя, а значит, продлит время его пребывания на страничке, что положительно скажется на ее продвижении.</p> <p>Метатеги классифицируются на четыре группы, каждая из которых наделена определенными функциями и сопровождается одним из четырех атрибутов:</p> <ul><li>content – не назначается по умолчанию;</li> <li>http-equiv – предназначен для перевода метатега в заголовок HTTP;</li> <li>name – имя метатега, косвенно устанавливающее его предназначение;</li> <li>charset -задает кодировку документа.</li> </ul><p>Из них только content является обязательным. Остальные применяются по желанию.</p> <p>Метатеги нужны для передачи <a href="/kak-iskat-strogoe-sootvetstvie-na-yandekse-servis-podbora/">нужной информации</a> о странице:</p> <ul><li>поисковым роботам (keywords, title, description);</li> <li>браузерам (коды страниц, интервалы автообновления, куки);</li> <li>сервисов (указание копий адресов и других сведений).</li> </ul><p>Следите за тем, как и с какой целью вы заполняете метатеги.</p> <h2>Мета-тег Title</h2> <p><b>Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам </b>. В большинстве случаев именно этот текст используется в заголовке сниппета:</p> <p>Так title выглядит в коде страницы сайта:</p> <h3>Оптимизация мета тега Title под SEO</h3> <ul><li>Заголовок должен быть уникальным на всех страницах сайта;</li> <li>Тайтл должен отражать суть страницы, должен быть информативным и кратким;</li> <li>Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова;</li> <li>Не включайте в Title слишком много ключевых слов;</li> <li>Не используйте спецсимволы (= / + _), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) - помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака;</li> <li>Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным;</li> <li>Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина - от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей.</li> </ul><h3>Примеры правильного заполнения тегов title</h3> <ul><li><title>Купить очки солнцезащитные в Москве по низким ценам
Установка деревянных окон в Москве недорого
Мета-теги страницы сайта | Мета теги Title и Description

Ошибки и неудачные примеры мета-тегов title

<a href="/stepbystep-creation-of-a-bootable-usb-flash-drive-windows-7-creating-a-bootable-usb-flash-drive-for-installing-windows/">Установка windows</a>, удаление вирусов, починка компьютеров, продажа комплектующих (простое перечисление ключевых слов)
Главная – ООО АвтоРемонт – ремонт автоматической коробки передач в Москве (вначале должны быть самые главные ключевые слова)
Авторемонт (слишком короткий Title)
ООО Сайты: разработка сайтов, большой офис, новости компании. (слова, по которым не будет продвигаться сайт)

Мета-тег Description

Так же один из главных мета тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете:

Иногда поисковик берет description из текста страницы, т.к. считает его более подходящим

Мета тег Description для SEO

Должен отражать суть страницы, написан в виде согласованного текста. Может быть несколько предложений.
Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого используем название компании в тексте мета-тега).
В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Также не следует просто перечислять запросы через запятую.
Содержание тега не должно повторять Title.
Длина description должна быть не менее 70 и не более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
В description желательно отразить основные преимущества компании, товара, услуги.
Наиболее важную информацию и фразы лучше разместить в начале мета-описания.
Чем привлекательнее будет Description, тем чаще будут кликать на сниппет.

Примеры правильного заполнения мета тегов Description

Обеденные столы : большой выбор столов, низкие цены, доставка по России. Купить столы в интернет-магазине СуперМебель со скидкой! » />
Купить смартфон Xiaomi Redmi 4x в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями , техническими характеристиками и подробным описанием. » />

Ошибки и неудачные примеры мета тегов Description

(короткий, мало ключевых слов)
(сгенерирован автоматически или просто вырезано начало контента на странице) .
(перечисление ключевых слов через запятую, неестественное мета-описание) .

Мета-тег Keywords

На мой взгляд мета-тег Keywords уже давно не работает и не стоит тратить на него время.

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