Как правило разработка мета-тегов проводится параллельно либо с составлением семантического ядра, либо с написанием текстов. Удобнее разрабатывать теги вместе с СЯ. Теги должны содержать ключевые слова, подобранные для этой страницы. При этом для каждой страницы нужно прописывать свои уникальные теги, которые не будут дублироваться между собой ( Description не может быть таким же, как Title ).
Важно! Эти теги не являются обязательными элементами при создании кода страниц сайта и не отражаются на его работоспособности. Наличие мета-тегов на странице - это важный критерий seo-продвижения сайта.
Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП 10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП. Зачастую под SEO-тегами подразумеваются Title, Description и Keywords. Однако тегов намного больше. И в этой статье я постараюсь охватить этот вопрос максимально полно.
Мета-теги это
Мета-теги (англ. meta tags, досл. служебные ярлыки) - это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. К таким словам (тегам) относятся теги Title, Description, Hx, Robots, Canonical.
В основном мета-теги рассчитаны на роботов, браузеры, специализированное ПО - чтобы те корректно прочли и обработали представленную информацию. Но некоторые мета-теги важны и для пользователей. Например, содержимое Title выводится в описании страницы на вкладке браузера, а также в качестве заголовка сниппета в результатах поиска.
Если быть предельно точным, то под мета-тегами следует понимать HTML-теги <meta>, с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера <head>…</head> и не выводится на экран.
К тегам мета относятся:
- Title - заголовок страницы,
- Description - описание веб-страницы,
- H1-H6 - заголовки и подзаголовки,
- Keywords - ключевые слова,
- http-equiv - тип отправляемого документа и кодировка (charset),
- Generator - CMS сайта,
- Author - автор,
- Copyright - авторские права,
- Robots - правила индексирования страницы для роботов,
- Viewport - данные о настройке области просмотра
- и другие.
SEO мета-теги для поисковиков Яндекса и Google
Рассмотрим, как правильно написать мета-теги для сайта, как их добавить и разместить в коде. Нас будет интересовать:
- синтаксис - то, как правильно должен быть прописан мета-тег в HTML-коде сайта;
- требования поисковых систем к тегам;
- примеры правильного и неправильного заполнения тегов.
Следует отметить, что в большинстве CMS (систем администрирования сайта), есть специальные поля для заполнения мета-тегов, и вам не нужно прописывать их непосредственно в HTML-коде. От вас потребуется только вписать содержание тега (Title, Description, Keywords, H1, Canonical) или выбрать подходящее значение (Index/NoIndex, Follow/NoFollow). Однако следует проверять, корректно ли размещаются теги:
- в правильных местах,
- правильный синтаксис,
- значения в тегах соответствуют вашим настройкам.
Причем следует проверить не только на главной странице, но и на различных внутренних страницах. Например, у вас сайт интернет-магазин. В этом случае обязательно нужно проверить, корректно ли размещаются мета-теги на главной странице, внутренних информационных страницах категорий и товаров, поскольку веб-документы каждого из этих типов могут формироваться по своему отдельному шаблону.
Теперь подробнее о каждом из мета-тегов.
Мета-тег Title
Это самый главный тег, который больше других влияет на продвижение сайта по ключевым словам.Поэтому он должен присутствовать на всех страницах сайта. В большинстве случаев именно этот текст используется в заголовке сниппета, как показано в примере ниже. (Но не всегда, в заголовок так же может быть выведено содержание тега H1 или даже H2, H3).
Мета-тег Title
Сниппеты в поисковой выдаче
Грамотно составленный мета-тег Title увеличивает шансы сайта попасть в топ, поскольку он покажет, каким запросам релевантна страница. Чем больше тег похож на запрос, который пользователь ввел в поисковую строку, тем больше шансов попасть в самое начало выдачи. Поэтому составление Title немыслимо без сбора семантического ядра. Как ищут пользователи ваш товар или услугу, можно выяснить при помощи Яндекс.Wordstat.
Title иногда может совпадать с тегом заголовка H1, поисковики не всегда относятся к этому негативно. Но лучше уникализировать Title, используя брендовые и региональные запросы.
Синтаксис <title>Содержимое мета-тега Title</title>
Требования для SEO-продвижения:
- Заголовок должен быть уникальным на всех страницах сайта, а также не повторять Title на страницах других сайтов (для этого в конце Title можно добавить название организации);
- Тайтл должен отражать суть страницы, должен быть информативным и кратким;
- Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова;
- Не включайте в Title слишком много ключевых слов;
- Содержимое тегов Title и H1 должно быть разным - у них разные цели: Title заголовок для сниппета, H1 заголовок веб-страницы;
- Не используйте специальных символов, пока не убедитесь, что они поддерживаются;
- Не используйте спецсимволы (= / \ + _ ), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) - помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака;
- Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным;
- Оптимальная длина Title от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей. НО: при этом нет смысла придерживаться оптимальных значений длины заголовка для служебных страниц на сайте, которые НЕ продвигаются по ключевым словам.
При составлении тега Title придерживайтесь следующего:
- Ключевые слова и информативная часть тега должны содержаться в первых 60 - 70 символах, остальное поисковые системы обрежут;
- Начинайте тег с самого важного ключа в прямом вхождении;
- Не используйте спецсимволы ( + = \ / * “ ) и не разбивайте ключевые слова знаками препинания;
- Не нужно тратить драгоценные символы на бесполезные слова в теге , например “ Главная страница”;
- Меньше мусора. Длинные союзы, частицы, местоимения, вводные и прочие стоп-слова не несут ценности для поисковика, так что лучше не занимать место и убрать их, если естественность заголовка не пострадает;
- Не забывайте про правила русского языка при составлении тега - Title должен быть понятен для человека. Пишите для людей. Поисковые системы хотят, чтобы весь контент, заголовки и описания были читабельными, информативными и естественными. От высокого места в топе не будет толка, если заголовок будет непривлекательным для пользователей. Старайтесь привлечь внимание пользой и выгодой, чтобы выделится среди конкурентов в поисковой выдаче, и анализируйте, чего хотят ваши клиенты;
- Меньше украшений. Дозировано используйте прилагательные из разряда “лучший”, “самый”, “выгодный” и т. д. Это слова-пустышки, в них нет никакой информации ни для пользователя, ни для поисковой системы. Исключение составляют прилагательные, которые являются частью ключевого слова: “красивые платья”, “лучшие фильмы 2019” и другие.
Примеры правильного заполнения тегов:
- <title>Успенский Владимирский собор: история, архитектура</title>
- <title>Успенский кафедральный собор во Владимире</title>
- <title>Свято-успенский собор во Владимире |Архитектура</title>
- <title>Свято-успенский кафедральный собор Владимира</title>
- <title>Успенский собор во Владимире - подробная...</title>
Ошибки и неудачные примеры мета-тегов
- <title>Евроремонт, ремонт дома, ремонт квартир во Владимире, ремонт во Владимире | Ремонт квартир, строительство Владимир</title> (простое перечисление ключевых слов)
- <title>Главная – ООО Рога и копыта, подарки оптом, подарки сотрудникам, рекламные сувениры, корпоративные подарки.</title> (вначале должны быть самые главные ключевые слова)
- <title>Ремонт</title> (слишком короткий Title)
- <title>«Автомоечный комплекс №1»: автомойка, шиномонтаж, кафе, сауна, комната отдыха.</title> (название компании вначале, двоеточие, слова, по которым не будет продвигаться сайт)
- <title>Новости о юридических услугах и бухгалтерском обслуживании в компании Авангард</title> (использование ключевых слов в заголовке страницы, которая по этим словам НЕ продвигается, это может только мешать)
Мета-тег Description
Description - это логическое продолжение Title страницы. Если в Title мы кратко говорим, о чем страница, то в Description мы делаем это более подробно. Но не нужно делать Description очень похожим на заголовок, не включайте в него фразы из Title. Это должен быть самостоятельный текст, который не столь ориентирован на ключевые запросы, сколько обязан быть привлекательным для пользователя, так как часто дескрипшн может отдаваться в сниппет в поисковой выдачи. Также один из важных тегов для продвижения страницы по ключевым словам. Пример:
Однако текст в сниппет может быть подставлен и из контентной части страницы, если поисковик решит, что это предпочтительнее. При этом, независимо от того, выводится в сниппет описание из тега description или из текста, то, как составлен мета-тег описания, оказывает влияние на ранжирование страницы в поиске.
Пример, когда description в мета и в сниппете отличаются:
Синтаксис
<meta name="description" content="Содержимое мета-тега Description" />
Требования для SEO-продвижения:
- Должен отражать суть страницы, написан в виде согласованного текста. Может быть из нескольких предложений;
- Должен быть уникальным для всех страниц сайта, а не дублировать аналогичные тэги на других сайтах (для этого используют название компании в тексте мета-тега);
- В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Также не следует просто перечислять запросы через запятую.
- Содержание тега не должно повторять Title.
- Длина description должна быть не менее 70 и более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
- В description желательно отразить основные преимущества компании, товара, услуги.
- Наиболее важную информацию и фразы лучше разместить в начале мета-описания.
Примеры правильного заполнения тегов (полужирным выделены ключевые слова):
- <meta name=»description» content=»Мебель для спальни: огромный выбор моделей по ценам производителя. Заказывайте мебель в интернет-магазине Русская мебель с доставкой по России и Москве!» />
- <meta name=»description» content=»Тег meta description используется для формирования мета-описания страницы сайта в сниппетах Яндекса и Google. Разберем как правильно писать мета description.» />
- <meta name=»description» content=»Купить микроволновую печь GORENJE MO20MW в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием.» />
Ошибки и неудачные примеры мета-тегов
- <meta name=»description» content=»Владимирский завод железобетонных изделий №2 (ЖБИ-2)» /> (короткий, мало ключевых слов)
- <meta name=»description» content=»Матрасы во Владимире. ОРТОПЕДИЧЕСКИЕ МАТРАСЫ. Матрас - это единственный предмет в обстановке спальни, который непосредственно связан со здоровьем. Некачественный или просто старый износившийся матрас может привести к очень серьезным проблемам, в то же время благодаря тщательно подобранному матрасу значительно улучшаются …» /> (сгенерирован автоматически, просто вырезано начало контента на странице)
- <meta name=»description» content=»Салон красоты ЛЕТУАЛЬ самый лучший салон красоты Москвы, салон красоты, парикмахерская, парикмахерская москва, стрижка в москве, похудеть москва, стрижка не дорого, как похудеть, похудеть москва,»/> (перечисление ключевых слов через запятую, неестественное мета-описание)
Мета-тег Description позволяет рассказать о странице более подробно и может быть введен в качестве описания в поисковой выдаче, поэтому в нем в 150 символах нужно максимально раскрыть выгоды пользователя и убедить его перейти на ваш сайт.
Мета-тег H1
Заголовок H1 важен не менее двух ранее указанных тегов, поэтому тоже не забываем про ключевые слова в нем. Тег H1 на странице должен встречаться только один раз. Еще один очень важный тег. В нем лучше всего размещать главный, максимально частотный запрос, по которому продвигается данная страница. Заголовок страницы чаще всего должен содержать 1-3 слова. Исключение - страницы статей, товаров, проектов и т. п. То есть страницы, продвигаемые под более специфические, менее частотные запросы.
Мета-тег H1
Синтаксис
<h1>Содержимое мета-тега H1</h1>
Требования для SEO-продвижения:
- Тег должен использоваться ТОЛЬКО один раз на странице.
- Отсутствие тега H1 является ошибкой;
- В теге H1 должно быть использовано главное ключевое слово на странице;
- Рекомендуемая длина тега не более 70 символов (однако это не значит, что использовать длинные теги запрещено);
- Теги H1 рекомендуется делать уникальными;
- Для товаров желательно указать в теге H1 самые главные характеристики товара (длина, ширина, цвет, модель).
Примеры правильного заполнения тегов:
- <H1>Автополив газонов</H1>
- <H1>Пусковой комплект микроорошения XCZ-075 PRF, 3/4″</H1>
- <H1>Новости</H1>
Ошибки и неудачные примеры мета-тегов:
- <H1>Автополив газонов в Москве купить</H1>
- <H1>Автополив газонов, авто полив газонов, купить, цены</H1>
- Автополив газонов<H1></H1>
- <H1>Автополив газонов<H1>
Мета-теги H2 - H6
Синтаксис
<h2>Содержимое мета-тега H2</h2>
Теги Hx используются именно как заголовки в содержательной части страницы. Если они используются как элементы оформления на сайте, необходимо заменить их на теги <DIV> с аналогичными классами оформления (визуально все сохранится так же, а логика размещения информации на странице будет соблюдена).
Пример:
H1 - заголовок страницы (один!)
H2 - заголовок второго уровня
H3 - заголовок третьего уровня
H3 - заголовок третьего уровня
H3 - заголовок третьего уровня
H2 - заголовок второго уровня
H2 - заголовок второго уровня
Теги H4 - H6 редко используются. Их использование может быть обосновано только в лонгридах, если действительно есть необходимость в заголовках такого уровня вложенности. На личной практике мне один раз пришлось использовать заголовки H4.
В тегах Hx хорошо использовать продвигаемые ключевые слова (однако это следует делать так, чтобы это выглядело естественно!). Причем тег Hx может быть выведен в поисковой выдаче в заголовке сниппета вместо Title.
Требования для SEO-продвижения:
- Нежелательно использовать другие теги внутри Hx, например, совместное использование заголовков Hx с HTML-тегами: <STRONG> (полужирный), <B> (полужирный), <EM> (курсив), <I> (курсив), <A> (ссылка).
- Неверная логика использования тегов. Например, тег H2 перед тегом H1.
Примеры правильного заполнения тегов:
- <H2>Где купить систему автополива для газона</H2>
- <H1>Автополив для газонов</H1>
- <H2>Где купить систему автополива для газона</H2>
- Текст.
Ошибки и неудачные примеры мета-тегов:
- <H2><STRONG>Где купить систему автополива для газона</STRONG></H2>
- <H2>Где купить систему автополива для газона</H2>
- Текст.
- <H1>Автополив для газонов</H1>
- <H2>Где купить систему автополива для газона<H2>
- <H2></H2>Где купить систему автополива для газона
В последнее время популярным стало использовать в Description специальные символы и эмодзи (эмодзи - это “смайлы”, “графические элементы”). Аналогично эмодзи можно применять и в тайтлах. Такое использование предположительно влияет на кликабельность в поиске, делая сниппет сайта более привлекательным (но не доказано). Но не нужно “борщить” с таким использованием, т. е. не должны вставляться эмодзи через каждую пару слов.
Технические мета-теги
Технические мета-теги напрямую не влияют на индексацию и ранжирование страниц, но их тоже важно знать специалисту по SEO.
- Expires - дата устаревания документа.
- Pragma - запрет на использование кэшированных данных, информация должна подгружаться с сервера.
- Content-Type - тип контента и кодировка.
- Content-language - языка страницы/сайта.
- Cache-Control - устанавливает кэшируется ли документ или нет, и если да, то каким образом.
- Robots - отвечает за индексацию отдельных страниц.
- Document-state - частота индексации.
Как добавлять мета-теги на CMS
Чаще всего для управления контентом на сайте используются различные CMS и некоторые из них требуют установки дополнительных модулей и плагинов, чтобы задавать мета теги. Чтобы прописать мета теги на CMS нужно:
- Для WordPress потребуется установка плагина Yoast Seo или All Seo Pack. Другие плагины не рекомендую.
- В Joomla при добавлении новой страницы или статьи на сайт, сразу же можно прописать мета данные и дополнительных модулей не требуется.
- В Opencart дело обстоит аналогичным образом, при добавлении товара или категории товара, в отдельной вкладке можно указать мета описания.
Мета-тег Robots
Синтаксис
<meta name="robots" content="index, nofollow" />
<meta name="yandex" content="noyaca" />
Мета тег robots информирует поисковые системы Яндекс и Google о доступности страницы для поисковых ботов. С помощью этого тега можно закрывать или открывать страницы для индексации, а также разрешать или запрещать отслеживать гиперссылки.
В общем файле robots.txt указывают, как ботам поступать со страницами и файлами на сайте, а с помощью мета-тега robots можно дать подробные рекомендации для конкретной страницы. Указания в robots.txt и robots не должны конфликтовать, иначе бот может не проиндексировать нужную страницу.
Есть оговорка для Google - гуглбот воспринимает содержание robots как рекомендации, а не правила, поэтому может не следовать указаниям и посещать даже закрытые страницы.
Для Яндекса значение атрибута name можно заменить на “yandex”, в этом случае правила будут учитываться только роботами Яндекса. Для Google - “google” или “googlebot”, для Yahoo! - “slurp”, для Bing - “bingbot”.
Какие значения могут быть у атрибута content:
- all - разрешено индексировать текст и ссылки на странице;
- index, follow - то же, что all;
- noindex - запрещено индексировать текст страницы;
- nofollow - запрещено переходить по ссылкам на странице;
- none - запрещено индексировать текст и переходить по ссылкам на странице;
- noindex, nofollow - то же, что none;
- noarchive - не отображать на странице результатов поиска ссылку на сохраненную копию;
- noyaca - не использовать описание из Яндекс.Каталога для сниппета в результатах поиска;
- noodp - не использовать описание из dMoz для сниппета в результатах поиска;
- noydir - не использовать описание из Yahoo! Directory для сниппета в результатах поиска.
Мета-теги Index и Noindex выполняют те же функции, что и директивы Allow и Disallow в файле robots.txt - разрешают и запрещают индексировать данную страницу. Файл robots.txt является одним из самых важных при оптимизации любого сайта. Его отсутствие может привести к высокой нагрузке на сайт со стороны поисковых роботов и медленной индексации и переиндексации.
Мета-теги Canonical, Next, Previous
Синтаксис
<link rel="canonical" href="http://site.ru/nazvanie-stranitsy" />
<link rel="prev" href="http://site.ru/page/2/" />
<link rel="next" href="http://site.ru/page/4/" />
В качестве значения атрибута href тега canonical указывает URL страницы, которая признается “канонической”. Например, один и тот же товар представлен в двух разных категориях по разным URL: site.ru/category-3/tovar-528/ и site.ru/category-16/tovar-528/. Чтобы поисковая система не считала такие страницы дублями, один из них признается каноническим (например, первый) и на обоих страницах прописывается код <link rel=»canonical» href=»http://site.ru/category-3/tovar-528/» />.
Теги Prev и Next (предыдущий, следующий) используются на страницах с пагинацией (например, страница категории, на которой товары размещаются на нескольких страницах). Думаю, здесь объяснять ничего не нужно, пример выше говорит сам за себя.
Мета-тег Viewport
Тег Viewport применяют для корректного отображения адаптивных сайтов на мобильных устройствах. Этот мета-тег стал особенно актуальным после начала учета поисковиками мобильной адаптации в качестве фактора ранжирования. В обычной практике SEO-специалисту вряд ли придется прописывать этот мета-тег - это задача разработчиков шаблона. Но знать о его существовании все же нужно.
Есть три варианта отображения сайта на смартфонах, владелец компании выбирает подходящее решение под потребности бизнеса:
- мобильная версия с отдельным адресом m.site.ru;
- адаптивная верстка под мобильные устройства;
- динамическая верстка RESS - Responsive Design + Server Side.
Для мобильного приложения нужно много ресурсов на разработку и администрирование, но для некоторых компаний это оправданное решение. Чаще разработчики выбирают сделать адаптивную версию.
Для адаптивного сайта и ресурса с фиксированной или гибкой разметкой можно настроить отображение страницы на экране с помощью мета тега viewport.
Синтаксис
<meta name="viewport" content="width=device-width, initial-scale=1">
Атрибут "width" отвечаете за ширину сайта на экране. Можно указать конкретное число от от 200 px до 10 000 px либо "device-width", тогда система масштабирует страницу под экран.
Если мета тег viewport не прописан в коде, браузер будет масштабировать окно как для экрана монитора. Скорее всего такой сайт будет неудобно смотреть со смартфона, потому что контент будет мелким, может появиться горизонтальная прокрутка.ю Так что поведенческие ухудшатся, а поисковой робот в мобильной выдаче отдаст лучшие позиции другим сайтам.
Анализ сайта поможет сделать сайт пригодным для мобильных: он показывает превью сайта на смартфоне, ищет тег viewport и анализирует, насколько удобно пользоваться сайтом с мобильных устройств. Проверка адаптивности находится в разделе Юзабилити.
Мета-тег Generator
Синтаксис
<meta name="generator" content="WordPress 4.6.6" />
Эти мета-теги используются некоторыми CMS с целью предоставления информации о том, на каком движке или на какой версии движка сделан данный сайт. Если он указан, специалисту будет легко определить CMS сайта.
Мета-теги Author и Copyright
Синтаксис
<meta name="author" content="Семен Семеныч" />
<meta name="copyright" lang="ru" content="ООО Рога и копыта" />
Теги используются соответственно для указания авторства и авторских прав. Не стоит путать эти мета-теги с возможностями микроразметки.
Мета-теги для разметки Open Graph
Эта разметка важна для повышения привлекательности контента при расшаривании его в соцсетях. Open Graph поддерживают все ведущие соцсети - Facebook, ВК, Twitter, Pinterest и проч.
Устаревший мета-тег Keywords
Мета-тег, который когда-то был залюблен сеошниками до смерти. Из-за больших злоупотреблений поисковикам пришлось от него отказаться. По сути, это список ключей, по которым продвигается страница. Все просто и незамысловато: робот читал список ключевых слов и понимал, для каких запросов страница будет релевантна. В итоге в этот метатег напихивали столько всякого добра, что поисковым системам стало проще прикрыть лавочку, чем вычистить эти авгиевы конюшни. На данный момент мета-тег Keywords не учитывается при индексации и не влияет на ранжирование.
Синтаксис
<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3, ..." />
Данный мета-тег уже долгое время не учитывается системой Google, Яндекс официально сообщает о том, что данный тег может иногда использоваться при определении соответствия страницы поисковым запросам. Однако подтверждений тому, что мета-тег keywords помогает в ранжировании сайта в Яндексе нет. Тем не менее, приведу ниже требования SEO к правильному заполнению мета-тега, которые были актуальны порядка лет 10 назад.
Требования для SEO-продвижения:
- Использовать не больше 5-6 слов,
- использовать не более 3-х повторов,
- не стоит использовать союзы, предлоги, междометия.
Примеры правильного заполнения тегов:
- автополив газонов, автополив, системы, купить, цены, москва
Ошибки и неудачные примеры мета-тегов:
- автополив газонов, автополив газонов купить, автополив газонов цены, автополив газонов москва, система автополива газонов, авто полив газонов, авто полив газонов купить, авто полив газонов цены, авто полив газонов москва, система автополива газонов
- автополив газонов, секс, порно, девки, [дальше сплошная цензура]
Кто-то рекомендует удалять их с сайта, так как на ранжирование они не влияют, а вот увеличить показатель спамности могут.
Атрибуты для img(изображений)
Картинки не так просты, как кажется. Они тоже должны быть уникальными, а также качественными. И иметь еще два важных параметра для оптимизации: атрибуты Title и alt, о которых расскажу чуть ниже. Помимо этих атрибутов, имеет значение даже название файла. Часто файлы на сайте называют как-нибудь вроде IMC 11111.jpg. Не поленитесь воспользоваться сервисом транслитерации и назвать картинки правильно, с включением в название ключевых слов.
Атрибут Title для img
Атрибут Title - это вспомогательная информация о изображении, которая появляется при наведении на него курсора. При этом не забывайте про ключевые слова и не делайте данный атрибут слишком длинным - это неудобно для пользователя.
Атрибут alt для img
Атрибут alt отображается, когда картинка по какой-то причине не загрузилась ( например, была удалена с сервера или у пользователя в принципе отключено отображение картинок ). Этот атрибут не только поможет пользователю понять, что изображено на незагрузившейся иллюстрации, но и учитывается поисковыми системами при ранжировании в сервисах Яндекс и Google.Картинки. При этом длина тега - не более 75 - 80 символов, должны использоваться ключевые слова, желательно в именительном падеже. И, естественно, атрибут должен описывать то, что действительно изображено на картинке.
Как проверить мета-теги в коде веб-страницы
- Откройте исходный код страницы.
- Воспользуйтесь функцией поиска по странице - Ctrl+F для того, чтобы обнаружить мета-теги, возможно, некоторые из них просто отсутствуют (Title, Description, H1 обязательно должны быть!)
- Обратите внимание:
- верно ли записаны мета-теги с точки зрения синтаксиса (см. примеры выше),
- в нужном ли месте они размещены (проверьте, точно ли мета-тег Title внутри контейнера <head>, логично ли размещены теги Hx и т.п.),
- не дублируются ли теги, которые должны быть использованы только один раз (да-да, бывает когда на странице оказывается два мета-тега Title или несколько мета-тегов H1),
- корректно ли подхватываются значения этих мета-тегов (бывают ситуации, когда вы прописываете для страницы одно значение мета-тега, но вместо него выводится другое, шаблонное, настроенное по умолчанию).
Или же для проверки мета-тегов на собственном сайте, можно воспользоваться панелью вебмастеров Яндекс. Для этого зайдите в Вебмастере “Диагностика - Диагностика сайта”. На открывшейся странице нажмите “Ознакомиться”. После этого вам будет показан список страниц, у которых не заполнен <description>.
Для комплексной проверки или для анализа мета описаний у конкурентов, можно использовать сервисы, которые быстро и в режиме онлайн показывают нужную информацию. Вот несколько таких сервисов:
Заключение
Для грамотной технической оптимизации сайта не нужно лезть в дебри метаданных. Достаточно знать базовые мета-теги для SEO-продвижения - Description, Robots, Keywords (опционально), Title, H1-H6, а также знать о теге Viewport. В 99% случаев это исчерпывающий список SEO-тегов.
Думаю вы разобрались, какие мета-теги нужно прописывать на сайт для его грамотного продвижения. Часть из них непосредственно влияет на оптимизацию и позиции в выдаче, часть - косвенно, улучшая поведенческие факторы и привлекательность страницы для пользователей. Но это только одна из многочисленных граней SEO-продвижения сайта. Главное, это качество сайта в целом. Код, юзабилити, контент, навигация - если человеку и поисковой системе понравится взаимодействие с вашим ресурсом, то он выйдет в топ, если нет, не помогут никакие мета-теги.
Вот вся основная информация по мета тегам сайта, которая может пригодиться вам в продвижении. Соблюдайте некоторые или все правила, и продвижение в поиске будет более успешным. Удачи!
Оставить комментарий