Мета-теги страницы. Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords

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

Смотрите видео по оптимизации мета-тега Title

Мета-тег Title

Яндекс показывает в своих результатах поиска только 50 символов , а Google 60−70 символов. При этом поисковые системы самостоятельно выбирают, какую именно часть названия страницы показать, а какую обрезать. В данной статье подробно рассмотрим нюансы создания Title страницы в разрезе .

Рассмотрим пример одной из страниц нашего тестового интернет-магазина.

Тег Title в данном случае составляет около 90 символов, а это означает, что его нужно сократить. При этом не забывайте про саму уникальность заголовка: оно должно быть максимально уникализированным как для вашего сайта, так и для интернета в целом. И, конечно, поисковые запросы в названии должны быть вписаны гармонично. Эту страницу мы оптимизируем под основной запрос« вечерние платья» и несколько остальных из выбранной группы:

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

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

Не включайте в тег Title различные названия, телефоны, адреса и так далее. У вас есть всего 50−70 символов и вам нужно составить привлекательный для кликов заголовок и разместить в нем все необходимые ключевые слова.

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

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

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

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

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

Как только ваша страница будет проиндексирована поисковыми системами, проверьте сниппет с описанием. Если оно удачно попало, то все в порядке. В противном случае, просто измените сам текст из административной панели, который поисковая система решила использовать в качестве описания к выбранной странице.

Регулярно проверяйте и корректируйте их: описание вместе с заголовком страницы больше всего влияют на кликабельность вашего сайта в поиске.

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Для многих не новость, но поверхностно затронем что такое html и .

HTML – аббревиатура HyperText Markup Language, что в переводе с забугорного, язык разметки . Это стандартный язык, на котором построено подавляющее большинство веб-страниц в интернете. HTML достаточно прост в изучении. В особенности если вам нужны лишь базовые знания для продвижения сайта. У языка разметки есть компаньон в лице CSS.

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

В чем важность HTML и CSS для SEO

Работая с сайтами клиента либо с собственным сайтом, который вам сделали на заказ, нередко появляется необходимость что-либо поправить, подвинуть, изменить. И тут базовые знания html пригодятся.

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

Что такое теги в HTML

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

…содержание…

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

Многие теги обладают свойствами, а те – значениями. Свойства прописываются внутри квадратных скобок открывающего тега, а значение указывается после знака = в кавычках “…”. Конструкция такая:

…Содержание…

Пример с нашего блога:

…много всего…

Главные три html тега, которые вы встретите в любом документе

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

Основные SEO теги в HTML

Внутри содержатся два основных тега: и .

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

1. заголовок страницы, который виден, если навести на вкладку в браузере. Также тайтл возглавляет сниппет страницы в результатах поиска. Один из важнейших для SEO оптимизации HTML тегов. 2. Тег <meta> получил название мета-тег, нас интересуют его свойства. <meta name=”description” content=”>Описание страницы, часто используются поисковиком в формировании сниппета. Иногда описанием сниппета становятся фрагменты текста на странице, более подходящие под запрашиваемую пользователем фразу. Итак, мы указали два свойства. <ul><li>name=”description” – означает, что следующее свойство </li> <li>content=”…”, является описанием. Тогда, когда content=”…” содержит текст самого описания. </li> <li>Обратите внимание – тег непарный. </li> </ul><img src='https://i1.wp.com/semantica.in/wp-content/uploads/2016/01/e90bcf84df.jpg' align="center" width="100%" loading=lazy> 3. <link> отвечает за связь с <a href="/customize-your-desktop/yavlyaetsya-vnutrennei-ili-vneshnei-imya-faila-ne-yavlyaetsya-vnutrennei-ili/">внешними файлами</a>, вроде шрифтов, а чаще стилей. Как и остальные теги, обладает рядом атрибутов. Подключить файл со стилями можно с помощью конструкции: <link rel="stylesheets" href="/адрес/документ.css"> Конструкция, где rel= атрибут и его свойство “stylesheets” (что в переводе - таблица стилей) 4. Атрибут тега <link> под названием Canonical. Конструкция такова: <link rel="canonical" href="http://site.ru/statja_nomer_odin"> Суть в том, что указав канонический адрес страницы, мы можем обезопасить себя от нежелательных дублей. К примеру, на вашем сайте есть две очень похожие страницы, либо вообще одинаковые. Но обе нужны. Вы можете написать в каждой странице канонический (главный) адрес. Тогда поисковые системы будут оценивать только одну страницу, адрес которой будет указан в конструкции выше. <h2>Теги в теле документа <body>...</body> </h2> Как уже говорилось, в <body> находится видимая для посетителя информация. Перейдем сразу к главному: <ol><li>Теги h1...h6. Это заголовки страницы, которые разбивают текст по смыслу. Поисковые роботы любят, когда страница структурирована и оформлена. Используйте на страницы только один заголовок <h1>...</h1> и он должен быть первым (выше всех) на странице. Последующие подзаголовки можно использовать несколько раз, но важно, чтобы они шли по очереди. От <h2> до <h6>. Чаще всего Используют всего три типа заголовка: <h1>, <h2> и <h3>. </li> <li>Оформление текста. Для того, чтобы разбить текст на параграфы используйте тег . </li> <li>Выделить жирный текст текст текст текст </li> <li>Курсив: текст текст текст </li> <li> начало и конец маркированного списка. </li> <li> строка списка. </li> <li> нумерованная строка. </li> <li>Картинки. Чтобы добавить изображение нужно воспользоваться тегом <img> и его атрибутами src и alt. Конструкция такова: </li> </ol> <img src='https://i1.wp.com/site.ru/content/kartinka_1.jpg' loading=lazy> текст ссылки *Нежелательные ссылки можно закрывать атрибутом rel=”nofollow”, добавив его к другим атрибутам. В таком случае робот не будет переходить по этой ссылке. Добавив атрибут rel=”noindex”, вы скажите поисковику, что данная ссылка не должна индексироваться поисковым роботом. 10. Один из самых распространенных тегов <div>...</div>. Это слой, которому можно указать определенные параметры отображения на странице с помощью атрибута class=”значение”. А значит, все что расположено между <div> и </div> будет перенимать эти параметры. Несколько важных моментов, не вошедших в основную статью: <ul><li>Всегда закрывайте парные теги. Не закрытие какого-либо тега может привести к тому, что весь последующий код не будет понятен поисковому роботу. </li> <li>Следите за правильной вложенностью тегов. Иногда это может выглядеть запутано. Просто придерживайтесь принципа: Открылся первым - закрылся последним.</li> <li>Следите, чтобы в html коде не было стилей. Обычно они закрадываются в теге <style>...</style> или атрибутом в других тегах style=”color:...” и так далее. Если такие строки встречаются в коде вашего клиента или вашего сайта - выносите стили в отдельные файлы.css и подключайте их с помощью конструкции: </li> </ul> <link rel="stylesheets" href="/адрес/файла.css"> между тегами <head>...</head> Между тегами <head>...</head> <ul><li>Пишите все теги и атрибуты маленькими буквами </li> <li>Не используйте много выделений текста, вроде и <italic> </li> <li>Заполняйте атрибут alt=”...” у картинок в теге <img> </li> <li>Используйте понятные названия картинок. Например, <img src='https://i0.wp.com/site.ru/ponyatnoe-nazvanie-kartinki.jpg' loading=lazy></li> <li>Проверяйте валидность кода html на наличие ошибок с помощью сервисов, вроде validator.w3.org </li> <li>Следите, чтобы ссылки навигационного меню были оформлены обычным тегом <a> </li> <li>Всегда следите, чтобы была последовательная структура заголовков и на страницы был только один <h1> </li> </ul>Изучение html и css - процесс достаточно длительный. В этой статье я постарался понятным языком изложить основные моменты на которые нужно обращать внимание при продвижении сайта. Пользуйтесь советами, читайте код и делайте правильные выводы, цепляясь за очередную возможность получить плюсик в карму сайта от поисковиков. Заголовок и описание сайта - это первое, с чем сталкивается пользователь в поисковой выдаче. Их информативность и привлекательность напрямую зависят от того, как вы пропишете мета-теги. Эта статья для начинающих SEO-специалистов и владельцев сайтов, которые самостоятельно занимаются оптимизацией. Узнайте, как правильно написать Title, Description, Keywords, и какие существуют к ним требования. <h2> Что такое мета-теги Title, Description, Keywords</h2><blockquote>Мета-теги - это элементы в HTML-коде, которые нужны, чтобы сообщить поисковым системам информацию о содержимом страницы. </blockquote>Мета-теги Title, Description и Keywords никак не отображаются на сайте, их можно увидеть только в коде, в теге head. Когда пользователь вбивает запрос в строке поиска, система может сформировать результат выдачи, используя мета-теги. Поисковые системы постоянно эволюционируют. Поэтому в <a href="/education-and-science/kogda-sozdali-odnoklassniki-kto-vladelec-odnoklassnikov/">данный момент</a> они скорее «принимают к сведению» мета-теги, а окончательные выводы о содержимом страницы делают по множеству факторов. Так, для формирования сниппета они могут иногда использовать Description, но могут и составить его самостоятельно из контента сайта. Но специалисты рекомендуют все равно прописывать Title и Description. С <a href="/android/vyahir-search-php-keywords-sankcii-za-keywords-kak-uchityvaetsya-meta-teg-keywords/">мета-тегом Keywords</a> ситуация немного другая, но об этом мы поговорим в соответствующем разделе. <h2> Зачем прописывать мета-теги Title и Description</h2><ol><li>Чтобы четко сформулировать, чему посвящена ваша страница, отображать кликабельный заголовок, подчеркнуть конкурентные преимущества. </li><li>Если система будет выбирать формировать сниппет самостоятельно, в выдаче может оказаться совсем не тот текст, что вам нужен. </li><li>Благодаря правильно прописанным мета-тегам, сайт будет показываться по релевантным запросам. </li><li>Заполнение мета-тегов - это довольно несложный процесс, который может положительно повлиять на ранжирование и повысить количество переходов. </li> </ol>Ниже мы поговорим о требованиях к каждому из описанных мета-тегов, но объединяет их два момента. Во-первых, они должны быть уникальны внутри сайта и не дублироваться на <a href="/mobile-device/kak-sdelat-google-gugl-startovoi-stranicei-v-raznyh-brauzerah-kak/">разных страницах</a>. Во-вторых, должны соответствовать содержимому страницы и ее семантике. Для составления описанных мета-тегов необходимо составить <a href="/plug-ins-for-browsers/semanticheskoe-yadro-poshagovoe-rukovodstvo-rabota-s-semanticheskim-yadrom-na/">семантическое ядро</a> и учитывать структуру сайта. <h2> Как заполнять мета-тег Title</h2>В Title указывается заголовок страницы, и он влияет на продвижение сайта в <a href="/education-and-science/obnovlenie-poiskovoi-vydachi-chto-takoe-apdeit-update-vidy-apdeitov-i-sposoby/">поисковой выдаче</a> по ключевым словам. Данный мета-тег имеет следующий вид в блоке head: <Title> Title</ Title>Пример тега Title в коде сайта:Title также отображается как заголовок открытого сайта в браузере - вот как это выглядит на примере сайта Ringostat : <h3>Требования к Title: </h3><ul><li>содержит до 70 символов или до 600 пикселей для Google - эта система измеряет длину именно в них; </li><li>ключевые слова размещаются ближе к началу Title - в первых 1-4 словах; </li><li>не содержит ключевых слов, по которым страница не продвигается - например, в Title сайта интернет-магазина не стоит писать «<a href="/desk-desktop/kupit-platu-na-aifon-s-besplatnoi-dostavkoi-remont/">бесплатная доставка</a>»; </li><li>компания указывается в конце - исключение составляют крупные бренды, например, Rozetka, Gucci и т. д.; </li><li>ключевые слова не дублируются - при необходимости используйте синонимы; </li><li>Title должен отличаться от H1, заголовка первого порядка; </li><li>не содержит перечисление всех возможных регионов и всего ассортимента; </li><li>написан без использования капслока; </li><li>текст читабельный, без несогласованных фраз - не стоит просто перечислять ключевые слова; </li><li>желательно использовать один язык для одной страницы, как советует Google ; </li><li>не рекомендуется использовать <a href="/news/pravila-napisaniya-title-i-h1-gipoteza-raznye-tegi-title-i-h1/">разные теги</a> Title для мобильных и десктопных страниц. </li> </ul>Плохой пример Title: Компьютеры. Цены в г. Николаев. Купить компьютеры в г. Николаеве.Хороший пример Title: Компьютере в Николаеве. Купить компьютер по цене поставщика, бесплатная доставка | Мир техники<h2> Что писать в Description</h2>Мета-тег Description - это элемент, который содержит описание содержимого страницы. В коде он выглядит так: <meta name="description" content="Description" /> Пример тега Description в коде <h3>Требования к Description: </h3><ul><li>мета-тег содержит от 70 до 155 знаков, для Google от 400 до 930 пикселей; </li><li>начинается с ключевого слова; </li><li>состоит из связного текста; </li><li>не дублирует Title; </li><li>описывает <a href="/game/kak-sdelat-vtoroi-ekran-na-androide-mnogookonnyi-rezhim-dopolnitelnoe-konkurentnoe-preimushchestvo-d/">конкурентное преимущество</a>, УТП - у пользователя должно возникнуть желание перейти на сайт; </li><li>содержит призыв к действию; </li><li>заканчивается точкой или восклицательным знаком; </li><li>не слишком короткий и содержит достаточно ключевых слов; </li><li>не дублирует кусок контента с сайта; </li><li>не содержит спецсимволы (= / \ + _ в середине текста, зато можно использовать различные графические значки в конце объявления, чтобы привлечь внимание пользователей. </li> </ul> Много заблуждений кроется в вопросе влияния мета тегов на SEO. Некоторые теги очень часто использовались в прошлом, но уже потеряли свою силу. Так какие же теги все еще пригодны для SEO, а какие нет? <h2>Что такое мета теги?</h2> Мета теги дают поисковым роботам <a href="/tips/socialnye-seti-razrushayut-kak-socialnye-seti-vliyayut-na-otnosheniya/">больше информации</a> о веб странице. <a href="/android/chto-takoe-dannye-i-informaciya-chem-dannye-otlichayutsya-ot-informacii/">Данная информация</a> скрыта от посетителей страницы. Мета теги размещаются в элементе <head> . Также мета теги можно помещать и в элемент <body> , но лучше отказаться от такой практики, так как некоторые браузеры не распознают их и в результате может произойти нарушение разметки. Часто мета теги содержат атрибут name , который устанавливает тип мета данных. Значение метаданных определяется в атрибуте content . Рассмотрим несколько типов пар название-значение, которые часто встречаются на страницах. <h2>Описание</h2> Мета тег description является, вероятно, наиболее часто используемым. Он предоставляет поисковому роботу короткое описание страницы. Например: <meta name=”description” content=”Урок о мета тегах для поисковой оптимизации”/> Раньше данный тег использовался для повышения ранжирования страницы, но изменения алгоритмов работы поисковых систем уменьшили его влияние на результат выдачи по <a href="/setting-up-software/kak-uznat-kolichestvo-poiskovyh-zaprosov-statistika-poiskovyh-zaprosov/">поисковому запросу</a>. Однако данный мета тег все еще может быть полезен, так как <a href="/customize-your-desktop/poiskovaya-stranica-proksi-server-hameleon-chetyre-sposoba-kak/">поисковые сервера</a> используют информацию из него на страницах результатов. Описание все еще может влиять на CTR вашей страницы. Слова, которые соответствуют запросу выделяются в результатах поиска жирным. Поэтому <a href="/setting-up-software/chto-takoe-rezhim-ahci-v-bios-ahci-ili-ide---chto-luchshe-opisanie-rezhima-harakteristiki/">хорошее описание</a> (которое усилено ключевыми словами) может оказаться для пользователя более привлекательным, увеличивая шанс перехода по ссылке. Рекомендуемая длина описания - 160 символов. Но что случится, если оставить мета тег описания пустым или совсем его не использовать? Поисковый сервис также будет выдавать короткое описание страницы в результатах запроса, но оно будет составлено самим сервисом. В большинстве случаев такое описание не настолько хорошо, как хотелось бы. То есть, в таком случае вы теряете возможность убедить пользователя перейти на свою страницу. <h2>Мета тег robots</h2> Мета тег robots используется для управления доступностью веб страницы для <a href="/tips/kombinacii-usloviya-poiska-informacii-v-seti-tema-poisk/">поисковых сервисов</a>. Вы можете разрешить или запретить индексирование страницы, следование по ссылкам и архивацию. Например: <meta name=”robots” content=”noindex, nofollow” /> 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. Чем данный тег полезен для SEO? В первую очередь он представляет собой простой способ предотвратить индексацию дублирующего содержания, например, печатной версии страницы. Так же мета тег может быть полезен на незавершенных страницах или для скрытия <a href="/desk-desktop/skachat-rasshirenie-ghostery-ghostery-plagin-dlya-zashchity-konfidencialnoi/">конфиденциальной информации</a> от поисковых сервисов. <h2>Заголовок</h2> Технически, тег title не является мета тегом, но часто служит тем же целям. Он включен в наш урок так как является очень важным для поисковой оптимизации. Тег title должен быть во всех <a href="/internet-and-connectivity/sposoby-podklyucheniya-css-v-html-vnedrenie-css-v-html-dokument/">документах HTML</a>, он определяет заголовок страницы. Разметка выглядит следующим образом: <title>Заголовок страницы

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

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

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

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

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

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

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

Мета тег keywords

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

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

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

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

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

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

Me gusta..

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

Обновление

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

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

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

Заключение

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

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

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

Этот материал я подготовил для новичков в 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 Евгения Аралова: