Текст книги "Поисковое продвижение сайтов"

21. Оптимизация изображений

Использование изображений является хорошим способом привлечения дополнительных посетителей из поисковых систем. Однако для достижения нужного эффекта картинки должны быть SEO-дружественными[82]82
  https://support.google.com/webmasters/answer/114016?hl=ru


[Закрыть].

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

Именование изображений

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

– имена должны быть простые и удобные для пользователя;

– нужно вставлять ключевые слова в название файла;

– нельзя использовать ничего не значащие или технические имена (например: IMG027589.jpg);

– не более 4–5 слов в названии;

– вместо кириллицы нужно использовать транслит, вместо пробелов между словами ставим дефис;

– если нужно использовать одну смысловую основу для именования нескольких изображений, допускается поставить идентификатор (например, detskaya-igrush-ka-01.jpg, detskaya-igrushka-02.jpg…). Особенно актуальна эта ситуация для фотографий товаров в интернет-магазинах.

Формирование текста для атрибута alt

Атрибут alt служит для описания содержания графического файла. Он незаменим, если пользователи не могут видеть изображение (например, из-за нарушений зрения, в случае использования программ для чтения с экрана или низкой скорости Интернета).

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

Альтернативный текст для изображений должен быть коротким (менее 150 символов вместе с пробелами) и информативным. Помимо смыслового описания того, что изображено на картинке, в тексте нужно использовать целевые запросы, под которые оптимизирована страница с изображением. При этом лучше использовать соответствующие низкочастотные ключевые слова, для определения которых можно ввести в сервис Yandex.Wordstat[83]83
  https://wordstat.yandex.ru/


[Закрыть] основной запрос, под который оптимизирована страница.

Некоторые правила, которые следует выполнять при заполнении атрибута alt:

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

2. Наиболее значимые ключевые слова должны находиться как можно ближе к началу описания.

3. Не нужно использовать специальные символы, например © или «»».

4. Нельзя дублировать один и тот же описательный текст для разных изображений.

Текст около изображения

Желательно обеспечить релевантный контекст для изображений.

Особенно важна семантическая составляющая окружающего текста, в качестве которого можно считать ~15 слов до и после графического элемента. Такая связь позволяет поисковым системам определить качество и уместность изображения.

Атрибут title и подпись

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

Использовать подпись[84]84
  http://artgorbunov.ru/bb/soviet/20140728/


[Закрыть] нужно везде, где это уместно, так как без нее изображение может превратиться в бессмысленную декорацию. Исключением являются случаи, когда иллюстрация понятна без объяснений, расположена рядом с релевантным заголовком или текстовым содержанием.

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

Уникальность изображений

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

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

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

Некоторые другие рекомендации

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

2. Всегда в явном виде нужно устанавливать фактические размеры иллюстрации в атрибутах width и height (ширина и высота изображения). Это позволит браузеру до загрузки изображений правильно разметить страницу на экране пользователя. Так можно избежать кратковременной деформации верстки страницы при загрузке.

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

4. Картинки должны быть доступны для поисковых роботов (папки с изображениями не должны закрываться от индексации в файле robots.txt).

5. После выполнения рекомендаций желательно создать карту сайта для изображений[85]85
  https://support.google.com/webmasters/answer/1786367hHru


[Закрыть].

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

7. На сайте не должно быть битых (неотображающихся) изображений. Чтобы найти возможные проблемы, можно воспользоваться специальными веб-сервисами или программами[86]86
  http://home.snafu.de/tilman/xenulink.html


[Закрыть].

Другие рекомендации по оптимизации изображений можно найти в разделе «Оптимизация веб-графики[87]87
  https://developers.google.com/web/fundamentals/performance/ optimizing-content-efficiency/image-optimization?csw=1


[Закрыть] на сайте гугловского проекта “Сделаем Интернет быстрее[88]88
  https://developers.google.com/speed/?csw=1


[Закрыть]”».

22. Размещение и оптимизация видеороликов

В Интернете есть сервисы, которые специализируются на размещении и просмотре видео. Самый знаменитый из таких сайтов – Youtube.com – имеет многомиллионную аудиторию, а его домен, по сути, стал именем нарицательным.

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

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

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

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

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

✍ На заметку

Польза – ключевое понятие при продвижении в Интернете, да и в бизнесе вообще.

К каждому элементу на сайте стоит относиться критически и постоянно задавать вопрос: полезен ли он для пользователей?

Именно такой подход позволит сделать сайт для людей (а не поисковых машин) и быстро продвигаться в Сети.

Приемы создания видео

Что нужно, чтобы создать полезное и эффективное видео? Формат книги не позволяет подробно остановиться на этом вопросе, но мы обозначим возможные варианты.

Блокирование возражений. Можно нивелировать в ролике возражения, которые возникают в голове у посетителей сайта.

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

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

Видеообзоры продукции. Сделать такой обзор проще, чем кажется. Недорогая камера, внятный рассказ и несложный монтаж – вот и все слагаемые успеха. Можно совместить рассказ о продукции с анбоксингом[89]89
  https://ru.wikipedia.org/wiki/AH6oKCHHr


[Закрыть], это поможет ролику набрать популярность.

Кроме обзоров продукции, можно снимать ролики, в которых будут сравниваться однотипные товары (например, Кубики Рубика от разных производителей). Такое видео поможет пользователям сделать выбор между разными брендами и привлечет целевую аудиторию.

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

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

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

Разумеется, есть и другие форматы. Если сложно придумать что-то самостоятельно, лучше обратиться к профессионалам. Они не только предложат идеи для роликов, но и смогут воплотить их в жизнь на высоком уровне.

Размещение и оптимизация видео

Главный вопрос, который необходимо решить при размещении роликов на страницах сайта, звучит так: следует ли размещать видео на собственном сервере или загружать его на видеохостинг, а позже просто встраивать на сайт?

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

1. Видео на Youtube имеет приоритет в поисковой выдаче. Причем это характерно не только для Гугла (что логично, ведь Youtube – это его сервис), но и для Яндекса. Последний факт, очевидно, объясняется превалирующей популярностью Youtube перед прочими видеохостингами.

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

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

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

При оптимизации видеороликов необходимо придерживаться следующих правил:

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

2. Ролики должны быть качественными, в максимально возможном разрешении.

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

4. Желательно обеспечить релевантный контекст вокруг ролика (здесь важна семантическая составляющая окружающего текста, в качестве которого можно считать ~15 слов до и после видео). Такая связь позволяет поисковым системам определить качество и уместность видеоролика. Обеспечить релевантный контекст можно с помощью текста, подписи или заголовка к ролику.

5. Желательно создать качественные изображения-превью для роликов и оптимизировать их в соответствии с рекомендациями по оптимизации изображений.

6. Видео должно проигрываться только при его запуске пользователем. Запуск видео автоматически при загрузке страницы недопустим (как и проигрывание фоновой музыки на сайте), потому что такое «шумовое загрязнение» сильно раздражает пользователей и ухудшает поведенческие факторы ранжирования (в частности, вырастает показатель отказов).

7. Если ролики размещаются на Youtube, желательно выполнить их несложную оптимизацию. Это поможет получить дополнительные просмотры и увеличит трафик на сайт. Помогут следующие инструкции:

– Определить набор ключевых слов, которым будет релевантно видео.

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

Название должно отображать суть ролика и быть привлекательным для клика.

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

– Заполнить теги с помощью основных ключевых слов (3–5 штук), которым релевантно видео.

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

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

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

– Другие полезные рекомендации о продвижении видео можно найти на сайте Youtube Академия для авторов[90]90
  https://creatoracademy.youtube.com/page/lesson/discovery?hl=ru


[Закрыть].

8. Если ролики размещаются на собственном сервере, нужно выполнить следующие рекомендации [91]91
  https://support.google.com/webmasters/answer/156442?hl=ru&ref_topic=2370565


[Закрыть]:

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

– Лучше использовать один простой скрипт для проигрывания видео. Лучше, чтобы он был в формате HTML5.

– Необходимо создать для каждого видео отдельную страницу с ЧПУ-адресом.

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

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

23. Семантическая разметка

Под микроразметкой (или семантической разметкой) подразумевается разметка страницы дополнительными тегами и атрибутами в тегах, которые делают страницу более понятной и структурированной для поисковиков[92]92
  https://habrahabr.ru/company/yandex/blog/211638/


[Закрыть]. Семантическая разметка позволяет поисковым системам извлекать из текста нужную информацию и предоставлять ее пользователю в результатах поиска в более удобном виде.

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

1. Микроразметка позволяет поисковым машинам лучше понимать тот контент, который они скачивают с сайта. Это помогает улучшить общую релевантность страниц сайта целевым запросам.

2. С помощью микроразметки поисковики могут сформировать более привлекательные сниппеты[93]93
  https://ru.wikipedia.org/wiki/Сниппет


[Закрыть] для продвигаемого сайта. Это позволит визуально выделиться на странице выдачи и улучшит поведенческие факторы ранжирования (в частности, кликабельность). Об оптимизации сниппетов мы поговорим позже в соответствующем разделе данной книги.

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

Минусов у микроразметки два, но они существенные:

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

2. Иногда сниппет, сформированный с помощью микроразметки, может осложнить продвижение.

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

Schema.org

Поисковые системы отдают предпочтение стандарту семантической разметки Schema.org[94]94
  http://schema.org/


[Закрыть].

Schema.org – это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года. Это наиболее современный, полный и активно развивающийся стандарт на просторах Интернета.

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

Необходимо отметить, что размечать стоит не все данные, а только те, формат которых поддерживает Яндекс[95]95
  https://yandex.ru/support/webmaster/schema-org/what-is-schema-org.xml


[Закрыть] (который, по понятным причинам, поддерживает меньше форматов, чем Гугл[96]96
  https://developers.google.com/search/docs/guides/intro-structured-data?visit_id=0-636220052843677174-3384396837&hl=ru&rd=1


[Закрыть]). Ниже приведен краткий перечень этих форматов:

– товары и цены[97]97
  https://yandex.ru/support/webmaster/supported-schemas/goods-prices.xml


[Закрыть];

– программы (приложения, компьютерные программы, игры и т. д.)[98]98
  https://yandex.ru/support/webmaster/supported-schemas/software.xml


[Закрыть];

– рецепты[99]99
  https://yandex.ru/support/webmaster/supported-schemas/recipe.xml


[Закрыть];

– фильмы[100]100
  https://yandex.ru/support/webmaster/supported-schemas/movie-description.xml


[Закрыть];

– творческие работы[101]101
  https://yandex.ru/support/webmaster/supported-schemas/other-content.xml


[Закрыть];

– вопросы и ответы[102]102
  https://yandex.ru/support/webmaster/supported-schemas/questions.xml


[Закрыть];

– рефераты[103]103
  https://yandex.ru/support/webmaster/supported-schemas/essay.xml


[Закрыть];

– адреса и организации[104]104
  https://yandex.ru/support/webmaster/supported-schemas/address-organization.xml


[Закрыть];

– изображения[105]105
  https://yandex.ru/support/webmaster/supported-schemas/image.xml


[Закрыть];

– видеоролики[106]106
  https://yandex.ru/support/webmaster/video/partner-program.xml


[Закрыть].

Также стоит разметить навигационные цепочки, которые часто называют хлебными крошками[107]107
  https://developers.google.com/search/docs/guides/enhance-site#enable-breadcrumbs


[Закрыть].

Для внедрения микроразметки можно воспользоваться плагинами. Они разработаны для многих популярных движков.

После того как разметка будет внедрена, можно воспользоваться специальными инструментами Яндекса[108]108
  https://webmaster.yandex.ru/tools/microtest/


[Закрыть] и Гугла[109]109
  https://search.google.Com/structured-data/testing-tool/u/0/


[Закрыть], чтобы проверить корректность кода.

Open Graph

Стандарт Open Graph[110]110
  http://ogp.me/


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

✍ На заметку

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

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

Интеграции с социальными сетями будет посвящен отдельный раздел в данной книге.

Разметку Open Graph используют Facebook, Вконтакте, Twitter, Linkedin, Pinterest и другие сервисы.[111]111
  https://yandex.ru/support/webmaster/open-graph/intro-open-graph.xml


[Закрыть]

Внедрить Open Graph не сложнее, чем Schema.org. После внедрения нужно проверить ее корректность с помощью валидаторов и позаботиться о том, чтобы разные форматы микроразметки не конфликтовали друг с другом.