Гайд по созданию визуального контента: инструменты и практика

 

Графический контент – это наполнение страницы, состоящее из изображений, фотографий и иллюстраций.

​

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

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

 

Уникальность

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

СЕО (SEO)-оптимизация картинок является неотъемлемой частью продвижения страницы блога, размещенного на отдельном портале. Под СЕО-оптимизация понимается поисковая оптимизация картинок на сайте.

​

Где взять картинки

Наиболее популярными поисковой системой в Рунете являются «Яндекс» и Google. Выдача по картинкам позволяет найти необходимый графический контент, релевантный запросу, а также соответствующий некоторым заданным критериям:

• Размер (большой, средний, маленький, заданный).

• Ориентация (вертикальная, горизонтальная, квадратная).

• Тип (фотография, белый фон, рисунки и чертежи, лица, демотиваторы, анимированные).

• Цвет (только цветные, только черно-белые, определенный цвет).

• Формат файла (JPEG, PNG, GIF).

• Права на использование.

• Изображения товаров.

• Свежие.

• Обои (1920 х 1080).

• С конкретного сайта (можно задать URL).

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

​

Фотобанки

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

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

Примеры таких сервисов:

https://www.shutterstock.com, 

https://ru.depositphotos.com, 

http://www.dreamstime.com и др.

​

Редактирование готовых фото

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

Для редактирования вам не потребуется кому-либо платить. Достаточно владеть базовыми навыками работы в Adobe Photoshop или любом другом графическом редакторе. Существуют даже специальные онлайн-сервисы, значительно ускоряющие процесс редактирования. Например, http://www.editor.pho.to/ru/.

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

​

Создание уникального контента

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

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

​

Подготовка изображений

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

Вы должны сделать следующее:

Задайте правильное имя файла. Оптимизация изображения начинается с его названия. В него необходимо включить ключевое слово. Так поисковым роботам будет проще понять, что изображено на картинке. Здесь все просто: если на картинке восход солнца в Париже, имя файла не должно быть DSC4536.jpg, назовите его paris-sunrise.jpg. Основное ключевое слово – «paris», так как это основной объект фотографии, поэтому помещаем его в начале названия.

​

Определите масштаб изображения

Для SEO очень важна скорость загрузки страницы. Чем быстрее грузится сайт, тем удобнее пользователям посещать страницу, а роботам – индексировать ее. Крупные изображения значительно снижают скорость загрузки. Особенно обидно для пользователей, если вы загружаете картинку 2500 × 1500, а на экран она выводится в размере 250 × 150.

​

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

Значительная часть вашей аудитории использует мобильные устройства для посещения вашей страницы. Поэтому изображения на сайте должны легко масштабироваться и приспосабливаться под любые форматы экранов. Если проигнорировать этот пункт, вы можете увеличить частоту отказов со стороны мобильных устройств, что отрицательно скажется на ранжировании. Для сайтов на WordPress разработан специальный плагин – RICG Responsive Images. Он по умолчанию добавляет атрибут srcset к вашим изображениям и оптимизирует его под экраны любого масштаба.

​

Уменьшите размер файла

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

​

Загрузка изображения на сайт

Не вставляйте картинку куда попало просто ради украшения. Для SEO важно, чтобы изображение окружал связанный текстовый контент. Тогда поисковик будет считать, что оно действительно релевантно тексту вашей статьи.

​

Подписи под картинкой

Это текст, который сопровождает ваше изображение. Почему подпись важна для оптимизации изображений? Пользователи обращают внимание на эти подписи, даже когда бегло просматривают статью. Эта такая же важная часть структурирования контента, как заголовки, подзаголовки и списки. Нильсен еще в 1997 году отметил, что «элементы, которые улучшают восприятие текста – это заголовки, крупный шрифт, полужирный текст, выделенный текст, маркированные списки, графика, подписи, тематические предложения и оглавления». В 2012 году KissMetric заявила, что «подписи под изображениями читаются в среднем на 300% чаще, чем сам текст. Поэтому не использовать их или использовать неправильно означает упустить возможность привлечь огромное количество пользователей». Нужно ли добавлять подпись к каждому изображению? Нет, не нужно. Добавляйте текст в том случае, если он необходим для восприятия и полезен пользователю, а не просто ради оптимизации.

​

Alt и Title изображения

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

При наведении курсора на изображение Internet Explorer показывает текст альта. Если же вы пользуетесь Google Chrome, то у вас должен всплывать тег Title. Многие просто копируют текст альта и вставляют его в Title. Также в нем можно указать какую-либо несущественную информацию, не связанную с SEO. Некоторые вообще не заполняют Title, и ничего от этого не теряют.

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

 

Практическое задание:

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

​

Шаблон контентного плана на месяц

​

​

 

30 идей для публикаций

​

​

​

Обязательно пройди опрос по теме!

 

​

​