Мета-теги
Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье мы постараемся охватить этот вопрос максимально полно.
Содержание
Что такое мета-теги
К тегам мета относятся:
Подробнее можно прочитать в справке по HTML или Википедии.
На хабрахабр приводится такое определение: meta-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
Мета-теги (англ. meta tags, досл. служебные ярлыки) — это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.
Правильные SEO мета-теги для Яндекса и Google
Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:
Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги: 1) в правильных местах, 2) правильный синтаксис, 3) значения в тегах соответствуют вашим настройкам. Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у нас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных, страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.
Теперь подробнее о каждом из тегов.
Мета-тег Title
Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).
Синтаксис
Тег должен находиться внутри контейнера … в любом месте.
Требования SEO
Примеры правильного заполнения тегов
Ошибки и неудачные примеры мета-тегов
Мета-тег Description
Так же один из важных тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете.
Однако текст в сниппет может быть подставлен и из контентной части страницы, если поисковик решит, что это предпочтительнее. При этом, независимо от того, выводится в сниппет описание из тега description или из текста, то, как составлен метатег описания, оказывает влияние на ранжирование страницы в поиске.
Пример, когда description в мета и в сниппете отличаются: 
Синтаксис
Тег должен находиться внутри контейнера … в любом месте.
Требования SEO
Примеры правильного заполнения тегов (полужирным выделены ключевые слова)
Ошибки и неудачные примеры мета-тегов
Мета-тег H1
Еще один очень важный тег. В нем лучше всего размещать главный, максимально частотный запрос, по которому продвигается данная страница. Заголовок страницы чаще всего должен содержать 1-3 слова. Исключение — страницы статей, товаров, проектов и т.п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Синтаксис
Как правильно писать мета-теги для страниц сайта
Что такое мета-теги
Мета-теги в HTML документе содержат описание страницы сайта. Это также называется метаданными. Они находятся в разделе html-страницы и, не отображаясь на самой странице, могут быть прочитаны роботами поисковых систем и браузерами.
Google, Яндекс и другие поисковики используют метаданные из тегов, чтобы получить дополнительную информацию о странице. Они могут использовать её для ранжирования, отображения ключевых фрагментов в результатах поиска.
Для чего нужны мета теги
С мета тегов начинается большинство курсов по SEO. Вероятно, это связано с тем, что они обычно находятся в самой верхней части кода. При том, что многие описания любят делать акцент на негативной стороне вопроса — например, на бесполезности тега Keywords — в целом, это очень важная составляющая оптимизации сайтов. Мета теги это простой и эффективный инструмент, который решает ряд задач маркетинга.
Самые базовые и часто используемые теги — это “title” и “description”. На самом же деле существуют десятки других примеров, часть которых также важна для вебмастеров. В данной статье мы рассмотрим только самые распространённые мета теги, разделив их на несколько категорий по значимости.
Любой специалист из области SEO согласится с тем, что если вы хотите занимать высокие позиции в поиске, одних мета тегов мало. Они должны сопровождаться высококачественным контентом, который интересен пользователям и решает их проблемы.
Главный совет здесь — придерживаться необходимого минимума. Не добавляйте теги, которые вам не нужны — они просто засоряют код, которого чем меньше, тем лучше. Браузер использует код примерно так же, как пользователь следует инструкции. Если в неё включить слишком много бессмысленных лирических отступлений, любой запутается.
SEO развивается и вес ключевых слов изменяется, но следует помнить о фактическом запросе. Поисковый запрос формулируется словами и пользователи, по сути, сканируют выдачу на наличие фразы, введённой в строку поиска, в правильной последовательности и целостности.
Хотя поисковые системы могут заниматься семантическим поиском и скрытой семантической индексацией, подбирая контекст, сама фраза остаётся крайне важной.
Мета теги помогают пользователям сопоставить вашу страницу со своим запросом и принять решение о её релевантности. Они видят на странице выдачи так называемые сниппеты — короткие блоки описания страницы. Последние формируются при помощи тегов “title” и “description”. Чем точнее они будут составлены, тем выше шансы на то, что пользователь, увидев сниппет страницы в Яндекс или Google, перейдёт по ссылке.
Как правильно писать теги для SEO
Обязательные теги
Эти мета теги должны присутствовать на каждой странице, несмотря ни на что. Их немного, и если работать только с ними, проблем не возникнет.
Тег заголовка не начинается с «мета», но содержит информацию, которая очень важна для SEO. На каждой странице должен быть уникальный тег заголовка, который описывает страницу. Он отображается в верхней части браузера в строке заголовка и в результатах поиска.
Наличие соответствующих поисковому запросу слов в заголовке является важным фактором ранжирования. Кроме того, поисковые системы будут выделять ключевые слова из поиска в заголовке сниппета. Это помогает повысить CTR.
Теги заголовка должны соответствовать содержанию страницы. Основное ключевое слово должно быть первым в заголовке, и чем ближе слово к началу тега, тем более значимым оно будет для ранжирования.
Этот тег не влияет на ранжирование, но он очень важен. Это текст, который убеждает пользователей перейти по ссылке.
Хотя пользователи сайта не видят мета-описание, поисковые системы часто используют его в качестве краткого фрагмента текста под заголовком в результатах поиска. Хорошо написанные мета-описания чрезвычайно важны для улучшения CTR.
Мета-описания должны быть написаны убедительно, поскольку служат своего рода рекламой страницы на странице выдачи. Это шанс привлечь органический трафик.
Чётко опишите страницу и используйте понятный язык, чтобы создать привлекательное описание, которое привлечёт больше кликов. Соблюдайте длину описания не более 160 символов.
Необязательные теги
Разным сайтам они могут пригодиться, но если вы можете обойтись без них, это не проблема.
HTML-теги заголовков являются ключевым компонентом семантического поиска, поскольку они предоставляют ключевые контекстные подсказки для поисковых систем и помогают им лучше понять как содержимое страницы, так и её общую структуру.
Роботы поисковых систем используют порядок тегов заголовков
и т..д., чтобы лучше понять структуру и актуальность содержимого страницы. Эти теги следует упорядочивать на странице по степени важности.
H1 считается самым главным заголовком. Допускается только один H1 на страницу. H6 почти не используется — как правило, вложенность ограничивается H3.
Социальные мета теги используются, когда нужно проконтролировать отображение содержимого страницы при публикации в социальных сетях. Теги Open Graph — это набор мета тегов, которые можно добавить на любую страницу сайта. Они помогают соцсетям распознать содержимое страницы — например заголовок, описание и изображение.
Это атрибут, добавляемый к тегу изображения в HTML, чтобы помочь поисковым системам понять, что собой представляет изображение. Поисковые системы не занимаются распознаванием каждого изображения, но они могут прочитать то, что указано в атрибуте alt.
Альтернативный текст должен быть написан чётко и содержать описание изображения. Если изображён объект, используйте прилагательные, такие как цвет или размер объекта.
Едва ли какой-то SEO специалист порекомендует тратить время на этот тег. Но есть вероятность, что он поможет. Если вы создаете сайт в конструкторе и там есть Keywords, не спешите его удалять.
Как добавить теги на сайт
Теги добавляются в HTML-документа, содержащий вёрстку страницы. В самом верху располагается раздел — в нём-то и нужно прописать необходимые теги. Обычно это делает front-end или fullstack разработчик, либо SEO специалист, если проект крупный или речь идёт об оптимизации функционирующего сайта.
Существует ПО и плагины, автоматизирующие размещение тегов на странице. В WordPress есть плагин Yoast, в котором теги прописываются в соответствующих полях интерфейса.
Проще всего дело обстоит с конструкторами, где теги либо автоматизированы, либо их можно добавить в интуитивно понятном интерфейсе.
Мета-теги title, description, keywords для продвижения вашего сайта
Мета-теги, метатеги, meta tags (редко еще сео-теги) — все это одно и тоже понятие в продвижении сайтов в поисковых системах. В двух словах — это специальные теги (элементы) HTML (или XMTL), которые входят в код страниц сайтов и не видны пользователю визуально на странице. Это вспомогательные элементы для продвижения, которые специально вводят в код для передачи информацию о сайте браузерами и поисковым системам.
Введение
Правильное заполнение мета тегов на сайте очень важно для сео продвижения любого сайта. При разработке сайта мета теги нужно учитывать сразу: чтобы они выводились на каждой странице в код, были везде заполнены, а так же чтобы имелась возможность правки мета-тегов на каждой странице в любой момент. Правильное заполнение метатегов особенно способствует продвижению НЧ запросов. Одним из основных правил заполнения сео тегов — это их уникальность на сайте: не должно быть дублирования значений мета тегов ни на одной странице сайта. Отсутствие основных мета тегов на странице негативно отражается на продвижении.
Эти теги не являются обязательными элементами при создании кода страниц сайта и не отражаются на его работоспособности. Наличие мета-тегов на странице — это важный критерий seo продвижения сайта.
Основные мета теги страниц и где они должны размещаться
Метатеги, которые существуют (хотя их чуть больше) и о которых мы будем рассказывать в этой статье:
Где обычно эти теги размещаются в коде страницы? Внутри контейнера в самом начале кода страницы. Их может быть несколько разных по своим назначениям. Метатеги должны размещаться на всех страницах сайта и должны быть правильно и корректно заполнены.
Мета-теги в коде страницы сайта
Как добавить мета-теги на сайте
Добавлять мета теги в шаблоны должны программисты/разработчики сайта. А вот прописывать значения мета должны уже сео-специалисты. Добавлять мета теги в шаблоны должны программисты/разработчики сайта. А прописывать значения мета удобнее непосредственно сео-специалисту — для этого должен быть предусмотрен функционал в системе администрирования сайта. Заполнять значения тегов можно руками для каждой страницы отдельно, либо с помощью автоматических правил по сайту.
Как проверить, есть ли мета-теги на сайте
Проверить, есть ли на странице мета теги, можно открыв код страницы. Сделать это можно несколькими способами:
И уже здесь вы можете найти все имеющиеся мета теги в разделе head.
Мета тег title (тайтл, заголовок страницы)
Понятие и синтаксис
Тег title является одним из самых важных при оптимизации. Титл — это заголовок страницы, ее название. Поэтому он должен присутствовать на всех страницах сайта. Страницы без тайтлов на сайте выглядят в сниппете так:
Страница без title в выдаче
Т.е в заголовок отдается сам урл страницы (урл — это адрес страницы).
Сниппет — это небольшой текстовый блок, который описывает страницу сайта в поисковой выдаче. Благодаря сниппету пользователь может получить представление о сайте, не заходя на него.
Так выглядят снипепеты в выдаче Яндекса
Соответственно, title должен присутствовать на всех страницах сайта. Он способствует улучшению оптимизации по запросам в поисковой выдачи.
Так выглядит title в коде
Существуют общепринятые правила для заполнения title. Но назвать эти правила «правилами» можно только условно. Рассмотрим основные моменты, на что в первую очередь стоит обращать внимание при составлении мета title:
12 основных правил составления заголовков Title
В поисковой выдаче title мы видим тут:
Так выглядит title в выдаче
Часто именно по этому заголовку пользователи решают, перейти на сайт или нет. Вот почему содержание тайтла страниц очень важно: оно должно быть по теме, содержательным и информативным, чтобы привлекать внимание.
Как правильно заполнять title:
Нужно понимать, что всегда есть исключения из правил: иногда в топ попадают страницы, где присутствую элементы, про которые мы говорим «нельзя», «воздержитесь», например:
Какие бывают META теги и зачем они нужны
META-теги
В продолжении первого поста про DOCTYPE, я, как и обещал, продолжу про META теги.
META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
META-теги имеют два возможных атрибута
—
—
META-теги должны находиться в заголовке HTML-документа между и (особенно это важно для документов, использующих фреймы).
Стандартом HTML 4.01 значения и имена мета-тегов НЕ оговариваются, поэтому мы будем рассматривать те значения, которые уже устоялись в интернете и используются чаще других.
Пруфлинк: http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.1
(The META element can be used to identify properties of a document (e.g., author, expiration date, a list of key words, etc.) and assign values to those properties. This specification does not define a normative set of properties.)
Атрибут HTTP-EQUIV
META-теги с атрибутом HTTP-EQUIV эквивалентны HTTP-заголовкам. Обычно они управляют действиями броузеров и могут быть использованы для совершенствования информации, выдаваемой обычными заголовками. Теги такой формы могут дать такой же эффект, что и HTTP-заголовки, и на некоторых серверах автоматически могут быть переведены в настоящие HTTP-заголовки.
Некоторые генерируемые сервером поля заголовков не могут быть подменены значениями из META-тегов (в частности Date), другие подменяются только при ненормальном статус-коде (<>200). Когда заголовок не понятен, то значение HTTP-заголовка превалирует над значением META-тегов.
Мета-теги
Для правильной, а значит, и эффективной раскрутки сайта важно понимать, что такое мета-теги. Какую задачу выполняют эти атрибуты? Как они помогают продвижению ресурса? Нужно ли использовать теги для SEO или можно обойтись без них? Чтобы ответить на все вопросы, начнем с азов.
Мета-теги – это специальные элементы кода, через которые браузер и поисковые машины считывают информацию о сайте. Эти атрибуты не видны пользователям, не считаются очень важными для корректной работы ресурса. Теги просто описывают веб-страницу с помощью заголовка, дескриптора, ключевых фраз.
Этот HTML-код размещается между тегами
Итак, мета-теги решают три главных задачи:
Сегодня эти атрибуты не являются незаменимыми для продвижения. Но поисковые машины, сравнивая два веб-ресурса с одинаковыми показателями, отдадут предпочтение сайту с грамотно прописанными атрибутами
Разновидности
Подразделяются на атрибуты для поискового продвижения – SEO и для технической оптимизации ресурса. Рассмотрим подробнее все важные элементы.
К первой группе относят три основных тега: title, description, keywords. Они задействуются, чтобы указать поисковым машинам тематику веб-страницы. Вебмастера пытаются заголовком, анонсом и ключевые словами воздействовать на алгоритмы ранжирования ПС.
Title
Title – один из главных атрибутов страницы. Когда робот изучает код, то первым делом он проверяет наличие уникального заголовка. В браузерах «тайтл» прописывается названием страницы, а в индексе ПС – ссылкой на сайт. Наличие этого тега крайне важно для SEO-оптимизации, в частности он влияет на ранжирование и повышает кликабельность сниппета в выдаче.
В заголовках рекомендуется использовать ключевые слова и располагать их ближе к началу тега. Оптимальный вариант – первое или второе слово. Кроме того, в тайтле желательно прописать конкурентные преимущества. По сути, этот тег выступает оффером для пользователей и поисковых систем.
Например, нужно вписать в заголовок запросы: «купить ноутбук», «купить ноутбук недорого», «купить игровой ноутбук».
Плохой вариант заголовка: «Купить ноутбук. Купить игровой ноутбук, купить недорого». Просто перечислили ключевые слова и всё. Получаем на выходе нечитабельное и заспамленное предложение.
Удачный пример: «Где купить игровой ноутбук недорого с доставкой по Москве и получить в подарок сумку-чехол?» В этом варианте мы указали все слова в логичной последовательности и привели конкурентное преимущество компании.
Подытожим правила написания эффективного Title:
На странице сайта тег прописывается в следующем коде:
Description – это своего рода анонс той информации, которая представлена на странице сайта. Поисковые системы используют «описания» для формирования сниппета в результатах выдачи. Description желательно составлять самостоятельно, не отдавая эту задачу на откуп ПС. Как и в случае с заголовком (Title) существуют несколько правил заполнения тега с кратким описанием страницы. Рассмотрим их:
Для каждой страницы сайта мета-тег Description прописывается отдельно. В самописных ресурсах код добавляется между
На сайтах под CMS дескриптор прописывается через плагины оптимизации. Например, для Wordxmpss – это Yoast Seo или All-in-One SEO Pack. На Open Cart обычно используют SEO PRO или Complete SEO.
Keywords
Keywords представляет собой перечень поисковых запросов, по которым продвигается страница. Раньше этот атрибут был обязательным к заполнению, поисковые системы учитывали ключевые слова при ранжировании сайта. Однако постоянные манипуляции с ключевиками (спам) сильно уменьшил значимость этого тега в современных реалиях. Гугл вовсе отказался учитывать «кейвордс» во время ранжирования, Яндекс – оставил за собой право учитывать или нет.
К заполнению тега Keywords существует три подхода:
Тег Keywords также прописывается между
Ко второй группе относят технические атрибуты, которые используются для внутренней оптимизации сайта и более продуктивного взаимодействия с поисковыми роботами. Перечислим основные теги:
Robots
Указывает поисковым роботам, какие страницы можно добавлять в индекс, а какие нельзя. Также в роботсе прописываются правила, как сканировать и индексироваться страницы. Тег имеет ряд дополнительных атрибутов:
Content-type
Тег содержит информацию о формате документа, кодировке. С его помощью выполняется настройка отображения сайта в браузере. Рекомендуется заполнять этот атрибут, чтобы страницы корректно отображались на любом обозревателе. Особенно актуален он при неверной настройке просмотрщика или сервера. Прописывается тег для кириллицы следующим образом:
Content-language
Во много этот тег дублирует предыдущий, так как содержит информацию о языке содержимого страницы. Сегодня браузеры определяют язык автоматически, поэтому надобность в нем отпала. Однако при неверных настройках обозревателя и сервера информация в Content-language может быть кстати.
Записывается следующим образом:
Refresh
Атрибут позволяет переадресовать пользователя на другой раздел во время обновления целевой страницы или при долгой загрузке контента. Например, тег часто используют вместо страницы ошибки «404».
Meta Author и Copyright
Вспомогательный атрибут, с помощью которого можно указывать авторство текстового или графического контента на сайте. Прописывается следующим образом:
Перечисленные выше теги направлены на улучшение восприятия сайта поисковыми машинами. Рекомендуется уделить больше внимания правильному заполнению поисковых и технических атрибутов: пишите правдивую информацию, давайте посетителям выгоды, не злоупотребляйте ключевыми словами в кейвордс.
Резюме
Мы изучили, что такое мета-теги. Рассмотрели их виды, правила заполнения информацией. При работе с атрибутами сайта или страницы принимайте сторону пользователя: понятна ли информация в сниппете новому посетителю, как воспринимается страница при первом знакомстве, считываются ли выгоды для клиента и прочее.