Урок 92. Оптимизация картинок для сайта: особенности, технологии

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

1. Улучшить юзабилити сайта. По понятным причинам, наполненный интересными и полезными картинками сайт станет намного удобнее для восприятия. Доказано, что добавление на сайт изображений по тематике позволяет существенно улучшить поведенческие факторы. Также обстоит дело и с видео. Особенно полезно будет использовать на сайте различного рода обучающие ролики, которые объясняют особенности того или иного процесса. Если такие видео записаны самой компанией и созданы на по-настоящему высоком уровне качества, это существенно повышает удовлетворенность пользователя и заставляет его просматривать другие разделы сайта, в поисках столь же интересной информации.
2. Повысить трафик. Об этом говорят не так часто, как о повышении юзабилити, но картинки отлично работают в качестве индексируемого изображения. Как вы знаете, в поисковых системах имеется специальный раздел поиска по таким картинкам. В нем собирается всё, что соответствует конкретному запросу того или иного пользователя. В том случае, если пользователя заинтересовала изображение, он может пройти на сайт, чтобы изучить информацию на релевантной странице. С видео в этом плане дела обстоят сложнее, однако по ссылке на страницу видео на известном сервисе, также можно разместить и пакет ссылок на страницу вашего сайта.

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

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

• Имя файла. Большинство тех, кто размещает на сайте те или иные картинки даже не думают о том, какое имя будет выводиться пользователю при скачивании или простом показе в поисковой выдаче. Однако на имя обращают внимание роботы-колдунщики. Лучше всего использовать правила транслитерации и назвать картинку так, чтобы имя полностью отражало содержание. В этом случае индексация пройдет быстрее и вы получите большую вероятность попадания той или иной картинки в общий индекс.
• Теги. Существует 2 основных тега, на которые стоит обратить внимание при работе с графическими изображениями. Этими тегами являются title и alt. Во многом назначение подобного рода тегов схоже с используемым в тексте. Title обозначает заголовок или то описание картинки, которое будет представлено пользователю при поиске. Тег Alt служит специально для того, чтобы показать системе ключевые слова по той или иной картинке. Это специальное поле, на которое обращают максимум внимания роботы-колдунщики, так что обязательно пропишите его в соответствии с релевантными странице расположения изображения запросами.
• Размер. Еще один значительный параметр, который будет важен как для колдунщиков при индексации страницы, так и для пользователей и вашего сайта. Картинки не должны быть слишком увесистыми. Чем больше на сайте объемных файлов, тем больше он будет загружаться. Максимальный размер изображения, который допустим для сайта без возникновения серьёзных проблем – 10 МБ.

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

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

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

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

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

1. Не стоит слишком сильно перегружать страницу видео. Это может негативно сказаться на индексации и ранжировании. От слишком большого размера страниц страдает, в первую очередь, скорость работы сайта. Хостинг оказывается перегруженным, в результате чего пользователи вынуждены долго ждать загрузки. Не все готовы идти на такие жертвы, а это потенциальный удар по поведенческим факторам. Таким же ударом станет и просто слишком большой вес страницы – он учитывается роботами при индексировании.
2. Обязательно размещайте рядом с видео какую-либо текстовую информацию, релевантную запросу. В таком случае пользователь получит максимум возможностей при поиске интересующих его сведений.
3. Отдайте видео в руки профессионалов. Некачественный монтаж, несоответствие заявленному стилю вашей компании и другие недостатки могут негативно повлиять на восприятие страницы конкретными пользователями.

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