Что такое мета-теги и для чего они нужны. Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords Какие бывают мета теги

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

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

Важно!

Эти теги не являются обязательными элементами при создании кода страниц сайта и не отражаются на его работоспособности. Наличие мета-тегов на странице - это важный критерий seo продвижения сайта.

Основные мета теги страниц и где они должны размещаться

Метатеги, которые существуют (хотя их чуть больше) и о которых мы будем рассказывать в этой статье:

  • title (тайтл, титл) – заголовок страницы (который отдается в браузер);
  • description (дескрипшн)- описание страницы;
  • keywords (кейвордс) - ключевые слова;
  • robots (роботс) - правила индексирования страницы для роботов.

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

Как добавить мета-теги на сайте

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

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

Проверить, есть ли на странице мета теги, можно открыв код страницы. Сделать это можно несколькими способами:


Мета тег title (тайтл, заголовок страницы)

Понятие и синтаксис

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

Т.е в заголовок отдается сам урл страницы (урл - это адрес страницы).

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

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

Титл располагается в теге . Кратко выглядит это так:



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

Существуют общепринятые правила для заполнения title. Но назвать эти правила “правилами” можно только условно. Рассмотрим основные моменты, на что в первую очередь стоит обращать внимание при составлении мета title:

  • длина тайтла;
  • содержание title;
  • использование в титле ключевых запросов;
  • использование в title стоп слов;
  • использование знаков препинания.

12 основных правил составления заголовков Title

В поисковой выдаче title мы видим тут:

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

Как правильно заполнять title:


Нужно понимать, что всегда есть исключения из правил: иногда в топ попадают страницы, где присутствую элементы, про которые мы говорим «нельзя», «воздержитесь», например:

Мета тег description (дескрипшен, описание страницы)

Понятие и синтаксис

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

При формировании сниппета поисковики учитывают description как текстовый блок в равной степени с другими текстовыми фрагментами страницы.


7 основных правил составления описания страниц Description

На что смотрим в первую очередь в дескрипшине:

  • длина дескрипшина,
  • уникальность описания,
  • содержание.

Есть свои условные сео правила для правильного составления description:


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


Но это всего лишь наше субъективное мнение.

Совет! Эмодзи нельзя ставить самым первым и/или самым последним элементом тайтлов и дескрипшинов, так как поисковые системы игнорируют их и не отдают в сниппет.

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

Лирика про keywords (ключевые слова, кейворды)

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

Немного истории: что же это такое? Этот тег содержал в себе когда-то список основных запросов (ключевых слов), которые соответствовали содержанию страницы. Перечислять их можно было через запятую, либо без знаков препинания через пробелы. Раньше поисковые системы учитывали эти слова при индексации.

Мета тег кейвордс размещался аналогично внутри тега . В упрощенном виде выглядело это так:



...

...


4 правила, которые учитывались в Keywords

  1. Использовать не более 20 слов . Размещение слишком большого количества слов могло негативно сказываться при восприятии поисковиками.
  2. Не больше 3-х повторов одного ключевика: тут принцип аналогичный - не нужно вызывать негатив со стороны поисковых систем за счет переспама.
  3. Вставлять слова с опечатками : опечатки - это нормально для пользователя. Иногда слова с опечатками могли быть популярнее основного запроса.
  4. Использование англоязычных запросов : если тематика сайта (страницы) это позволяет.

Всегда вставал вопрос, как писать ключевые слова правильно: через пробел или через запятую? Утверждалось, что оба варианта верны. Запросы через запятую был более популярным вариантом использования. Как это могло выглядеть:

Пример кейвордов без запятых. Тут опять же два варианта:

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

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

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

    И на закуску: мета-тег Robots

    Тег robots также находится внутри контейнера … в любом месте. Краткий синтаксис:



    ...

    ...


    Данный метатег влияет на индексировании страниц.

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

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

    Сами директивы:

    • all - разрешается индексировать текст и ссылки на текущей странице;
    • none - запрещается индексировать текст и переходить по ссылкам на странице;
    • index - равно all, т.е индексирование разрешено;
    • follow - то же, что all;
    • noindex - запрещено к индексированию текста страницы;
    • nofollow - запрещено переходить по ссылкам на странице;
    • noimageindex - запрещает индексирование изображений на текущей странице.
    • noarchive - запрещает выводить в результатах поиска ссылки «Сохраненная копия»;
    • nosnippet - запрещает выводить в поисковой выдаче сниппет.

    Чаще всего тег роботс выглядит как:

    • - разрешается индексировать страницу;
    • - не разрешается индексировать страницу.

    Желательно использовать этот тег на всех страницах сайта с разрешением к индексированию, кроме тех страниц, которые вы хотите запретить. Кроме того, можно разным поисковым системам указывать разные параметры, например Яндексу разрешать индексацию, а Google запрещать. Делать это можно с помощью указания конкретного робота: - запрет для Яндекса, - запрет для Гугла.

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

    Кратко про другие мета-теги

    Content-type - показывает данные о типе документа и его кодировке. Может влиять на корректность отображение в браузерах. Пример .

    Content-language - дает информацию о используемом языке контента (содержимого). .

    Refresh - этот тег позволяет задать время обновления страницы при загрузке или при переадресации пользователя в другой раздел. Полезно использовать в случае обновления сайта: вместо страницы ошибки 404 или длительной загрузки перенаправляет пользователя в новый раздел: .

    Meta Author и Copyright - указывает авторство графического и текстового содержимого страницы: (автор страницы), (принадлежность авторских прав), (адрес автора/собственника).

    Типичные ошибки при составлении метатегов

    • Дублирование одного и того же значения мета тегов для нескольких страниц, а иногда и на всех страницах сайта.
    • Добавление в мета одинаковых хвостов (кусков), это могут быть названия сайта/компании, либо какие-то вспомогательные однотипные конструкции типа «на сайте салона...».
    • Слишком длинные значения тайтлов и дескрипшинов, либо наоборот слишком короткие.
    • Пустые значение мета тегов.
    • Заспамленность ключевыми словами.
    • Несколько одних и тех же тегов на одной странице (например, два 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://i1.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>Много заблуждений кроется в вопросе влияния мета тегов на SEO. Некоторые теги очень часто использовались в прошлом, но уже потеряли свою силу. Так какие же теги все еще пригодны для SEO, а какие нет?</p> <h2>Что такое мета теги?</h2> <p>Мета теги дают поисковым роботам больше информации о веб странице. Данная информация скрыта от посетителей страницы.</p> <p>Мета теги размещаются в элементе <head> . Также мета теги можно помещать и в элемент <body> , но лучше отказаться от такой практики, так как некоторые браузеры не распознают их и в результате может произойти нарушение разметки.</p> <p>Часто мета теги содержат атрибут name , который устанавливает тип мета данных. Значение метаданных определяется в атрибуте content . Рассмотрим несколько типов пар название-значение, которые часто встречаются на страницах.</p> <h2>Описание</h2> <p>Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например:</p> <p> <meta name=”description” content=”Урок о мета тегах для поисковой оптимизации”/></p> <p>Раньше данный тег использовался для повышения ранжирования страницы, но изменения алгоритмов работы поисковых систем уменьшили его влияние на результат выдачи по поисковому запросу. Однако данный мета тег все еще может быть полезен, так как поисковые сервера используют информацию из него на страницах результатов.</p> <p>Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому хорошее описание (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания - 160 символов.</p> <p>Но что случится, если оставить мета тег описания пустым или совсем его не использовать? Поисковый сервис также будет выдавать короткое описание страницы в результатах запроса, но оно будет составлено самим сервисом. В большинстве случаев такое описание не настолько хорошо, как хотелось бы. То есть, в таком случае вы теряете возможность убедить пользователя перейти на свою страницу.</p> <h2>Мета тег robots</h2> <p>Мета тег robots используется для управления доступностью веб страницы для поисковых сервисов. Вы можете разрешить или запретить индексирование страницы, следование по ссылкам и архивацию. Например:</p> <p> <meta name=”robots” content=”noindex, nofollow” /></p> <p>This meta tags tells search engines not to index the page and prevent them from following the links. If you happen to be using two contradictory terms (e.g. noindex and index), Google will choose the most restrictive option.</p> <p>Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия конфиденциальной информации от поисковых сервисов.</p> <h2>Заголовок</h2> <p>Технически, тег title не является мета тегом, но часто служит тем же целям. Он включен в наш урок так как является очень важным для поисковой оптимизации.</p> <p>Тег title должен быть во всех документах HTML, он определяет заголовок страницы. Разметка выглядит следующим образом:</p> <p> <title>Заголовок страницы

    Очень просто и очень эффективно. Заголовок показывается в двух разных местах: в верхней панели браузера и на странице результатов поиска. То есть тег title оказывает существенное влияние на CTR и ранжирование.

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

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

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

    Может быть вы знакомы с длинной формой Content-Type:

    В наши дни лучше использовать короткую версию:

    Данный тег нужно располагать до элементов, которые содержат текст, включая тег title .

    Мета тег keywords

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

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

    Мета тег указания языка

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

    В наши дни лучше определять язык с помощью атрибута:

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

    Me gusta..

    Отказ от перевода

    Обновление

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

    Также возможно перенаправлять пользователя на другую страницу после такого обновления. Например:

    Использование данного тега не поощряется W3C, так как он дезориентирует пользователя. Тем не менее, он не оказывает влияния на ранжирование в результатах поиска.

    Заключение

    Подводя итог выше сказанному, есть три мета тега, на которых следует сконцентрироваться: description , robots и title (технически, он не является мета тегом).

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

    В недавнем прошлом мета тег keywords был мощным инструментом для SEO, но те времена прошли.

    Метатеги (от англ. meta tags) - это элементы HTML-разметки страниц для поисковых роботов, чтобы они корректно “прочли” и обработали представленную информацию. Большая часть тегов размещаются в блоке HTML-документа:





    Заголовок страницы для поисковых систем





    Заголовок документа


    Текст документа




    Для поискового продвижения важна оптимизация ресурса, но многие не знают, как правильно прописывать основные SEO-теги: title, description, keywords и заголовок h1

    Наиболее важные html-теги, связанные в ранжированием сайта в поисковых системах, это теги:

    • title;
    • description;
    • keywords;
    • заголовки h1, h2, h3.

    1. Для формирования развернутого сниппета – текстовой информации, отбираемой поисковой машиной для презентации страницы вашего интернет-магазина в результатах поиска. Для сниппета может быть выбран отрывок из текста с ключевым словом или текст из тега description.
    2. Для повышения кликабельности вашего сайта в поисковиках . Чем лучше и точнее вы опишите то, что встретит покупатель, перейдя на страницу вашего сайта, тем выше будет количество переходов и конверсия поискового трафика в продажи.
    3. Для представления дополнительной информации о магазине. Если вы, при помощи микроразметки, добавите в сниппет информацию о ваших преимуществах, условиях доставки и оплаты, рейтинге, ценах, режиме работы и пунктах самовывоза, то эта информация поможет покупателям остановить свой выбор именно на вашем товаре или магазине.

    Для чего нужен мета-тег title?

    Title – тег названия страницы, который выводится первой строчкой в результатах поиска Google и Yandex для каждого сайта и показывается в названии вкладки браузера с вашим сайтом. Его значение переоценить очень сложно, ведь именно он оказывает наибольшее влияние на ранжирование страницы, дает представление пользователям и самой поисковой системе о содержании страницы.

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

    1. Тег title должен быть уникальным для каждой страницы

    Если у вас в разделе каталога несколько страниц пагинации, то можно добавить в конце тега title номер страницы: стр 1, стр 2, стр 3, а лучше прописать отличительные характеристики товара: цвет, объем, размер или артикул, чтобы поисковые системы и покупатели могли понять, чем же отличаются товары на похожих страницах.

    Пример:

    • Входная металлическая дверь "Название" - двухстворчатая
    • Входная металлическая дверь "Название" - с терморазрывом
    • Гравировка внутри стекла на ракушке
    • Гравировка внутри стекла на шаре

    2. Тег title должен быть отличным от тегов description и h1

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

    Тег h1 – это видимый пользователю заголовок, расположенный вверху страницы раздела или товара. Тег h1 должен кратко и четко описывать товар: наименование, производитель, модель и т.д. К примеру, если в заголовке

    товар просто назван, то в title и description вы можете добавить самые частотные коммерческие запросы, в том числе названия брендов кириллицей.

    Пример:

    • Гравировка на флешке из дерева

    • Заказать гравировку на флешке из дерева в подарок
    • < meta name="Description" content=" Заказать гравировку на флешке из дерева подарок на день рождения. Большой выбор эксклюзивных подарков с доставкой. ">

    3. Тег title должен быть оптимизирован под соответствующие страницы и товары

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

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

    1. Купить входную металлическую дверь в Красноярске недорого;
    2. Купить эксклюзивный подарок на день рождения (город);
    3. Купить путевку с перелетом "все включено" в Турцию.

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

    Пример:

    • Купить входную дверь Витязь (модель) в Красноярске
    • Купить горящую путевку в Турцию от (цена)

    4. Тег title должен отражать реальное содержимое страницы

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

    5. Тег title должен иметь структуру законченного предложения

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

    1. Нельзя перечислить все ключевые слова по запросу через запятую : дверь, купить дверь, купить входную дверь недорого и т.д .
    2. Нужно грамотно составлять предложения : Купить входную дверь в (город) недорого .
    3. Нельзя допускать несогласованных предложений с перечислением ключевиков : купить недорого дверь входную.

    Идеальная структура тега title отвечает на вопросы «Что? Где? Когда?» Иными словами, какой товар сможет купить потенциальный покупатель в вашем магазине и при каких условиях? Причем высокочастотный запрос должен стоять в начале тега.

    Обратите внимание : при формирования метатега title нельзя использовать «.» !

    6. Тег title должен быть составлен грамотно

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

    1. Не допускайте ошибок в написании слов;
    2. Не используйте жаргонизмы и "блотные" слова;
    3. Не злоупотребляйте спецсимволами, восклицательными знаками и заглавными буквами;
    4. Не используйте точки и кавычки, так как они разбивают содержимое тега на пассажи;
    5. Используйте кавычки и скобки, если этого требуют правила;
    6. Используйте написание брендов кириллицей и латинкой.

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

    7. Тег title должен содержать не более 70 символов

    В результатах поиска отображается не более 70 символов, нотя написать можно и 90.

    • 50–57 символов для Google ;
    • 65–70 символов для Яндекс .

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

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

    Пример:

    • Купить в Красноярске недорого входную дверь

    Для чего нужен тег Description?

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

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

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

    Достоверно известно:

    • Содержимое тега учитывается и иногда используется для показа в выдаче результатов поиска. Например, как об этом сообщает Яндекс:

      - содержание данного тега может использоваться в сниппетах (описаниях сайтов на странице результатов поиска);

      В некоторых «волшебных» случаях, даже при наличии этого тега в выдаче поисков в качестве описания страницы используется текст из неё. И это не всегда лид-абзац (первый на странице).
    • Эффективная учитываемая длина содержимого у разных поисковиков - разная, на то они и разные поисковики.
    • Содержимое тега влияет на оценку релевантности, но как именно, сегодня, пожалуй, не скажут даже сами разработчики, в силу того, что для расчета релевантности во всех поисковиках используется множество разных и сложных алгоритмов. Поэтому разработчики во множестве статей и блогов, чуть не хором, сообщают, что нет, не влияет никак.
    • Указывать этот тег все-равно надо, об этом имеются указания в системах помощи веб-мастерам всех крупных поисковых систем.

    Как правильно прописывать Description?

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

    Не нужно использовать такие Дескрипшены: «Купить входные двери у нас, потому что мы самые лучшие».

    Как правильно заполнить тег H1 для страниц товаров и магазина?

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

    TEXT

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

    -

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

    • Как правильно прописывать метатеги для Seo-оптимизации сайта?

    • Зачем прописывать теги: title, description, keywords и h1?

    • Как правильно прописать тег title для страниц сайта?

    1. H1 - заголовок страницы (один!)
      1. H2 - заголовок второго уровня
        1. H3 - заголовок третьего уровня
        2. H3 - заголовок третьего уровня
      2. H2 - заголовок второго уровня
      3. H2 - заголовок второго уровня

    Если в каком-то из этих пунктов возникнут еще подпункты, то их нужно будет взять в теги

    -

    .

    Правила расстановки тега H1 на странице

    • Тег должен встречаться на странице Один раз.
    • Тег должен быть уникальным.
    • Должен быть информативным.
    • Отсутствие тега

      является ошибкой.

    • В теге

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

    • Рекомендуемая длина тега не более 70 символов (не более 7-8 слов).
    • Для товаров желательно указать в теге

      самые главные характеристики товара (длина, ширина, цвет, модель).

    Для чего нужен тег Keywords?

    Keywords используется для предоставления данных поисковикам для повышения значимости некоторых слов при поиске.

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

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

    Если вы решили заполнять keywords, учитывайте синтаксис:

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

    Как правильно прописывать keywords?

    • Тег должен содержать ключевые запросы страницы;
    • Использовать не больше 5-6 слов;
    • Можно использовать не более 3-х повторов;
    • Не стоит использовать союзы, предлоги, междометия;
    • Тег лучше формировать из существительных;
    • Не стоит использовать никакие знаки препинания, кроме запятой.

    К чему приводит не правильная оптимизация ресурса?

    Если теги не соответствуют правилам поисковых систем, Google и Яндекс сами формируют сниппет (заголовок и описание страницы сайта) на страницах результатов поиска из содержимого других тегов, анкорных ссылок, заголовков Яндекс каталога и других участков текста, которые поисковым роботам покажутся более адекватными. Это происходит в случае, если было:

    1. Уменьшение или превышение оптимальной длины тегов;
    2. Отсутствие точных вхождений ключевиков;
    3. Повтор ключевых фраз в одном теге;
    4. Грамматические и синтаксические ошибки;
    5. Дубли на нескольких страницах сайта.

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

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

    Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП.

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

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

    К мета-тегам относятся:

    • title – заголовок страницы;
    • description - описание веб-страницы;
    • keywords - ключевые слова;
    • http-equiv - тип отправляемого документа и кодировка (charset);
    • generator - CMS сайта;
    • author - автор;
    • copyright - авторские права;
    • robots - правила индексирования страницы для роботов;
    • viewport - данные о настройке области просмотра;
    • и другие.

    Для чего нужны мета теги

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

    • авторство;
    • источники получения информации;
    • краткое содержание контента.

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

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

    • content – не назначается по умолчанию;
    • http-equiv – предназначен для перевода метатега в заголовок HTTP;
    • name – имя метатега, косвенно устанавливающее его предназначение;
    • charset -задает кодировку документа.

    Из них только content является обязательным. Остальные применяются по желанию.

    Метатеги нужны для передачи нужной информации о странице:

    • поисковым роботам (keywords, title, description);
    • браузерам (коды страниц, интервалы автообновления, куки);
    • сервисов (указание копий адресов и других сведений).

    Следите за тем, как и с какой целью вы заполняете метатеги.

    Мета-тег Title

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

    Так title выглядит в коде страницы сайта:

    Оптимизация мета тега Title под SEO

    • Заголовок должен быть уникальным на всех страницах сайта;
    • Тайтл должен отражать суть страницы, должен быть информативным и кратким;
    • Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова;
    • Не включайте в Title слишком много ключевых слов;
    • Не используйте спецсимволы (= / + _), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) - помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака;
    • Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным;
    • Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина - от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей.

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

    • Купить очки солнцезащитные в Москве по низким ценам
    • Установка деревянных окон в Москве недорого
    • Мета-теги страницы сайта | Мета теги Title и Description

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

    • Установка windows, удаление вирусов, починка компьютеров, продажа комплектующих (простое перечисление ключевых слов)
    • Главная – ООО АвтоРемонт – ремонт автоматической коробки передач в Москве (вначале должны быть самые главные ключевые слова)
    • Авторемонт (слишком короткий Title)
    • ООО Сайты: разработка сайтов, большой офис, новости компании. (слова, по которым не будет продвигаться сайт)

    Мета-тег Description

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

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

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

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

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

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

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

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

    Мета-тег Keywords

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

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