63796 38 3
SEO Читать 22 минуты 7 августа 2020

Как оптимизировать метатеги и изображения раз и навсегда

Как оптимизировать метатеги и изображения раз и навсегда, иллюстрация золотого сечения
Иллюстрация: Мария Марикуца
Фото Аркадия Романенка, руководителя отдела SEO-продвижения Darwinglobal.com.ua
Аркадий Романенко
Для многих процесс оптимизации сайта остается сложным и трудновыполнимым заданием. Причина тому — наличие множества «рабочих техник», которые оптимизаторы и владельцы сайтов принимают за правило и, следуя им, не получают результата.
Кроме того, желание самостоятельно разобраться в SEO-тонкостях часто приводит к полному непониманию того, что нужно делать.

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

Официальные источники о метатегах и оптимизации изображений

Обратим внимание на то, для чего нужны метаданные, а также заголовки H1-H6 и атрибуты ALT.

Инструкции к которым я предлагаю обратиться — это руководства для вебмастеров:

В рекомендациях для вебмастеров от Google в разделе об индексировании сайта находим предупреждение:
Убедитесь, что элементы <title> и атрибуты <alt> содержательны, точны и не содержат ошибок.
А также, в разделе «метатеги» читаем следующее:
С помощью метатегов веб-мастера могут предоставлять поисковым системам информацию о своих сайтах. Метатеги используются в самых разных системах, однако в каждой системе они свои. Метатеги добавляются в тег <head> веб-страницы.
О том, для чего нужны ALT детально можно ознакомиться здесь.
Атрибут <alt> служит для описания содержания графического файла. Он необходим по нескольким причинам. Это даст Google полезную информацию о тематике изображения. Мы используем такую информацию для определения наилучших изображений, возвращаемых по запросу пользователя.
В данных материалах детально описано о каждом из метатегов и об оптимизации картинок. Если говорить кратко, свести данную информацию можно к следующему:
Поисковый робот при индексации вашего сайта представляет страницы в виде HTML-документа.

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

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

Мифы, связанные с оптимизацией метатегов

МИФ #1

Размер Title и Descriptions имеет большое значение

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

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

В Google Search Console проверка данных параметров происходит наряду с проверкой информативности:
Скриншот отчета Google Search Console по оптимизации HTML

Почему так важно количество слов в Title?

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

Однако сниппет формируется на усмотрение поисковой системы, а также зависит от запроса.
формирование сниппета в Яндекс
Следовательно, наши старания и математические подсчеты могут не сработать, а скорее навредить.
анимация, символизирует неправильные расчеты при оптимизации страницы
Основное требование к метатегам — «делать их информативными», но как написать короткие информативные метатеги на страницу, которая продает «Комплектующие для солнечных батарей»? Или исправить короткий title на странице «Контакты»?

Вероятно, делать это нет смысла. Поэтому необходимо сохранять логику и не сокращать или увеличивать размер заголовка только ради количества.
МИФ #2

Title + Description = Сниппет

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

Миф о том, что метатеги = сниппет, опасен тем, что в погоне за красотой описания мы можем упустить возможности, которые дают нам данные метатеги в рамках оптимизации.

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

Использование нерелевантных слов на странице

Речь идет о том, когда в метатегах, а также в тегах для оптимизации картинок, вписывается все, что «кажется полезным».

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

Но часто это делают владельцы сайтов, руководствуясь логикой витрины супермаркета — «предоставить все самое лучшее».
Анимация о нестандарном, но правильном решении о способе прописывания Alt
Выглядеть это может в виде Title:

«Гаечные ключи, а также газонокосилки, шуруповерты, бензопилы, бойлеры и радиаторы в нашем каталоге».

Либо пример, который предлагает Google:
Чего следует избегать:

<img src="schenok.jpg" alt="щенок собачка щеночек щенята маленькие щенки собака ретривер лабрадор волкодав сеттер пойнтер щенок джек-рассел терьер щенки собачий корм дешевый собачий корм корм для щенков"/>

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

SEO — это привлечение клиента по уже готовым поисковым потребностям, выраженными в «ключевых словах». Потому использовать данный инструмент для того, чтобы продать бойлер человеку пришедшему за гаечным ключом — неуместно.
МИФ #4

Ключевое слово в метаданных = топ

Я уверен, что добрая масса SEO-специалистов может вспомнить дискуссии на тему:

  • «этот товар — 50% нашей прибыли, включите его в тайтл»;
  • хотя чаще, это звучит как: «вы убрали это слово из заголовка и теперь у нас нет позиций»;
  • более искушенный вариант: «включите "эксклюзивное" во все заголовки, у нас только такой товар».
Анимация к примеру о неправильном решении вносить ненужные ключевые слова в мета-теги
Несмотря на то, что метаданные это действительно информация, предоставляемая для поисковой системы, не надо думать, что присутствие какого-то ключевого слова в этих тегах = 100% попадание этого запроса в топ.

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

Требования, которых надо придерживаться при оптимизации метатегов и изображений

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

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

Что фиксируют официальные инструменты

#1

Дубли метаданных

Вебмастер Яндекса, а также Google Search Console в разделе «Оптимизация HTML» предоставляет отчет о дублирующихся мета-описаниях, с точки зрения оптимизации. Страницы с дублирующимися мета-описаниями, как и с дублирующимся контентом, вряд ли появятся на высоких позициях в результатах поиска.
Анализ отчета Google Search Console о оптимизации HTML: дубли метаданных
Если же сделать вывод исходя из требования поисковой системы, то дубли метаданных, по сути, противоречат термину «полезная страница». Логично: если страница дублирует информацию, вряд ли она полезна. Поэтому это нужно исправлять.

Google говорит о подобных ошибках в инструменте Google Search Console:
Такие неполадки не влияют на присутствие вашего сайта в результатах поиска Google, но их устранение позволяет Google получить больше сведений о вашем сайте и даже увеличить количество его посещений.
Однако согласитесь, что «не влияют на присутствие вашего сайта в результатах... и ...позволяет увеличить количество посещений сайта» — противоречивые заявления.
#2

Отсутствующие метатеги

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

В идеальном варианте страниц без Title быть не должно.

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

Информативность и длина метатегов

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

То, что не фиксируется в официальных инструментах

#1

Отсутствие ALT, заголовков типа Н

Для проверки данных ошибок рекомендую использовать краулеры, например, Screaming Frog SEO Spider или Serpstat.

Например, чтобы проверить отсутствие H1, Tiltle или Description на страницах сайта, можно создать проект для домена в Serpstat. В сервисе есть возможность сканировать весь сайт, отдельные страницы или провести сканирование по sitemap.
Настройка перед запуском сканирования сайта
После сканирования перейдите в отчет Все проверки, чтобы узнать, есть ошибки в этих мета-тегах.

В отчете будут показаны страницы, на которых есть такие проблемы. Рядом вы найдете информацию про каждую ошибку, список URL, на которых она обнаружена и рекомендации по устранению.
Чтобы быстро узнать какие проблемы есть у твоего сайта, нажимай на Проверить свой сайт.
Хотите узнать, как с помощью Serpstat найти и исправить технические ошибки на сайте?
Оставьте заявку и наши специалисты проконсультируют вас по продвижению вашего проекта, поделятся учебными материалами и инсайтами рынка!
Также подобный функционал представлен в Netpeak Spider.

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

Поэтому краулеры позволят определить корректность выполнения ваших задач, а также определить какая ситуация с этими параметрами сейчас. Например, если вы решите проверить это после прочтения данной статьи.
#2

Спам

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

«Гаечные ключи, а также Гаечные ключи, купить Гаечные ключи, ключи гаечные в нашем каталоге».
Юмористическая анимация на тему спам
Спам нигде не фиксируется, так как его можно отнести к нарушениям «на совесть оптимизирующего», однако, спам не даст страницам вашего сайта появится в поиске, поэтому важно заменять спам полезной информацией.

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

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

Как оптимизировать метаданные и изображения сайта

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

Тезисы, которые помогут вам выстроить правильную стратегию и оптимизировать работу:
1
Внедрение Title, Descriptions
  • Разделите страницы по приоритету продвижения. Это могут быть цели вашего бизнеса. С точки зрения SEO важными по умолчанию становятся страницы вашего сайта, на которые была подобрана семантика (при условии, что семантика собирается на все страницы сайта).

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

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

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

Пример подобной формулы:
Title для страниц категорий
Для внедрения такой формулы вы должны предварительно проработать свои Н1 заголовки, так как они будут одной из переменных.
Н1 для страниц подкатегорий
Также нужно определить какие еще данные могут стать переменными, будь-то хлебные крошки, названия категорий и другое.

Обратите внимание, что следует избегать больших фрагментов текста без переменных, во избежание дублирования.
2
Избегайте дублей там, где они могут появится. А также удаляйте информацию там, где она не нужна
В рамках подобного ТЗ мы также указываем формулу для Н1-заголовков страниц пагинации и Title для этих страниц. Description с этих страниц рекомендуем удалять.
Для страниц пагинации
3
Максимально автоматизируйте задачу
В рамках подобных формул вы можете уникализировать названия карточек товара для избежания дублей. Например, если название ваших карточек похоже на «женское платье», «женское платье» — вероятно, что у вас возникнут дубли.

Уникализируйте Н1-заголовки с помощью добавления артикула товара — так вы избежите большого количества неуникальных заголовков и описаний.
3
Делайте красивые описания
Напрашивается вывод, что сниппеты — это не важно. Это не так: важно придерживаться здравой логики и не жертвовать результатом ради красоты.

Поэтому, во-первых, не советую использовать номера телефонов или адрес в Descriptions. Для этого есть сайт и микроразметка. К тому же хотя с мобильного телефона и есть возможность сделать звонок по номеру телефона из Description, не уверен что это удобно для аналитики результатов.
Анимация с бэтменом
Не зацикливайтесь на Descriptions. Если поисковый робот использует для формирования сниппетов содержание всей страницы, то почему нам стоит зацикливаться только на метатегах? Внедряйте для этого микроразметку.

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

Также можно воспользоваться таблицей символов Юникода и добавить в Descriptions пару символов, которые только подчеркнут информацию, которую вы хотели донести.
Descriptions для страниц категорий
4
Используйте уникальные запросы и словоформы вместо спама
Это касается как формул генерации, так и в особенности приоритетных страниц. Рекомендую писать Title для таких страниц вручную, но делать это не для более точечного спама, а наоборот, для учета различных синонимов.

Поисковый робот воспринимает страницу как текст. Текст один из немногих способов указать полезность страницы, и между двумя страницами:
«смартфон Samsung, Samsung смартфон, Samsung телефон»
«Samsung смартфон, телефон Samsung, сотовый Самсунг, мобильный»
Робот с большей вероятностью выберет ту, где больше синонимов и есть транслитерация бренда.

Поэтому работайте над приоритетными страницами более точечно. Используйте синонимы из своего семантического ядра, из поисковых подсказок либо «из головы». Меняйте части речи и словоформы.
5
Приводите в порядок пользовательские страницы
Как было сказано ранее, нужно закрывать от индексации страницы, которые нет необходимости индексировать.

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

К разделу «про человека» нельзя не отнести и «человеческий фактор». Поэтому всегда после написания оптимизации и до внедрения ее на сайт проверяйте орфографию вашего ТЗ.
6
Немного про Н-заголовки
Внедрение этих заголовков — вопрос стратегии. Мы придерживаемся таких правил:

  • Один Н1-заголовок на страницу, и он обязательно должен быть и обязательно уникальный.

  • Не используйте Н-заголовки в верстке сайта, заменяйте их на похожие по стилю.

  • Используйте заголовки Н в текстах и ориентируйтесь на структуру текста, если заголовок текста содержит ключевой запрос, мы советуем использовать Н2-заголовок. Если заголовок общего характера, например, «О продукте», можно использовать Н3.

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

  • Делайте понятные ссылки изображений
  • Не спамьте в ALT изображений, не используйте ключевые слова
  • Соблюдайте баланс между краткостью и текстом, который раскроет суть
  • Делайте уникальные изображения и качественные снимки
  • Добавляйте текст около изображений
От себя могу добавить:

  • Уникализируйте Alt и Title, если мы говорим об интернет-магазинах, то здесь это решается также формулой генерации:
Для всех страниц услуг и новостей, на которых есть несколько картинок, необходимо внедрить Alt и Title для 2, 3 и последующих картинок по формуле:

  • alt изображения: «Название страницы» — фото № «номер фотографии»
  • title изображения: «Название страницы» — фото № «номер фотографии»
  • Убедитесь, что поисковик может добраться до ваших картинок и оптимизируйте их размер. С оптимизацией все понятно. Что же касается доступа поискового робота — речь идет о настройках вашего Robots.txt и Sitemap.xml.
Анимация изображающая SEO-специалиста за работой
Чтобы понять как предоставить картинки поисковой системе, надо понять кто будет с ними работать. У поисковой системы Яндекс имеется отдельный компонент, который работает с вашими картинками, об этом сказано в списке поисковых ботов Яндекса.

Согласно данной информации, YandexImages — это робот, который отвечает за работу с картинками. В связи с этим мы рекомендуем направить поискового робота, помочь ему найти нужный формат, с которым он работает. Это может быть подобная команда в вашем Robots.txt:
User-agent: YandexImages
Disallow: / 
Allow: /pic/
Allow: /images/
Таким образом, мы указываем поисковому роботу путь к папкам, где лежат ваши картинки.

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

Как мы видим, для картинок может использоваться User agent Googlebot, поэтому достаточно убедиться, что вы не закрыли доступ к картинкам:
Как оптимизировать метатеги и изображения, подробное руководство 16261788134102
Также при работе с Google есть возможность создания карты сайта xml для изображений. Формат карты предоставлен в справке, а также его можно сгенерировать автоматически, через Screaming Frog Spider или другие сервисы. Google позволяет формировать одну карту и для страниц, и для картинок.

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

В заключение

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

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

Поэтому основная задача данной статьи — помочь вам не допустить ошибок при составлении своей стратегии, поэтому, предлагаю выделить основные тезисы:
1
Обращайтесь за информацией к официальным источникам или к тем, кто ориентируется в них.
2
Не верьте в мифы, а теории проверяйте экспериментами и желательно не на основном бизнесе.
3
Включайте логику и здравый смысл, не пытайтесь никого обмануть, стройте работу с поисковой системой как с партнером. Следовательно, не нарушайте ее рекомендаций.
4
Автоматизируйте работу и проверку внедрений — это позволит сохранить силы и быстрее исправить ошибки.
Задавайте вопросы в комментариях или пишите в техподдержку.:) А также вступайте в чат любителей Серпстатить и подписывайтесь на наш канал в Telegram.

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

Оцените статью по 5-бальной шкале

4.26 из 5 на основе 61 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Используйте лучшие SEO инструменты

Проверка обратных ссылок

Быстрая проверка обратных ссылок вашего сайта и конкурентов

API для SEO

Получите быстро большие объемы данных используя SЕО API

Анализ конкурентов

Сделайте полный анализ сайтов конкурентов для SEO и PPC

Мониторинг позиций

Отслеживайте изменение ранжирования запросов используя мониторинг позиций ключей

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm