Любой текст, каким бы полезным он не был, легче усваивается, если в нем присутствуют поясняющие иллюстрации. Поэтому мы и занимаемся подбором картинок, которые сделают статью понятнее и доходчивей.
Учитывая особенности размещения сайтов в интернете (в частности, размещенных на движке Вордпресс), приходится делать предварительную обработку и оптимизацию медиаконтента. Что это значит и зачем это необходимо знать каждому сайтовладельцу, перед тем, как вставить картинку в запись или на страницу сайта на WordPress, мы сейчас будем разбираться.
Выбор картинок для публикаций
Качество картинок, которые выбираются для размещения на сайте в записях или на страницах, должно быть высоким. Они должны быть четко различимыми, красочными, информативными. Не допускается размытости, искажения, нечеткости.
В качестве первого изображения стоит подобрать картинку, максимально отвечающую теме статьи. Если речь идет о перетяжке сидений автомобиля, то пользователь должен увидеть фото классно оформленного салона в отличном качестве. Это заинтересует посетителя, и он прочтет то, что вы с таким старанием писали, а не закроет станицу. Нам важно улучшать поведенческие факторы, а не множить число отказов.
По всему сайту желательно выдерживать один стиль размещения изображений (без выравнивания, по центру или расположение по левому или правому краю).
Иллюстрации в тексте желательно брать примерно одного размера и лучше всего отдавать предпочтение горизонтальным фото.
- Загружать на сайт нужно картинки в форматах jpeg, jpg, png. Изображения Jpeg, jpg при одинаковых размерах весят меньше, чем png.
- Формат gif на сайте не используют, так как он не всегда корректно отображается в браузерах.
Какие фото публиковать нельзя
Даже если у вас сайт медицинской тематики, избегайте реалистичных (не постановочных) снимков операций, кровавых внутренностей, крови и прочего отталкивающего. Их заменяют инфографикой или компьютерными моделями.
Есть пример, когда Адсенс заблокировал весь аккаунт владельца, со всеми другими его сайтами, из-за одного информационного сайта с фотографиями обнаженной женской груди. Они были по всему сайту, посвященному выбору женского нижнего белья. Человек лишился инструмента, позволяющего зарабатывать на рекламе от Гугла.
Не стоит брать фотографии:
- половых органов и всего того, что может быть истолковано, как контент для взрослых;
- известных личностей, если о них не идет речь в тексте;
- чужие изображения с водяными знаками;
- кадры из игр или фильмов, если вы о них не рассказываете;
- изображения всякого непотребства (глистов, червей, паразитов)
Избегайте любого шок контента, чтобы не попасть под фильтр поисковиков и не навредить сайту. Читайте правила и будет вам счастье.
Где брать изображения
Нет ничего лучше, если у вас собственные фотографии или коллажи хорошего качества.
Увы, не все мы фотомастера, поэтому используем три варианта поиска иллюстраций:
- Покупаем фото на спецресурсах или у их владельцев.
- Берем бесплатные на фотостоках. Например pixabay.com или foter.com
- Ищем в картиночном поиске Яндекс или Гугл.
Сейчас будем разбираться с третьим вариантом.
- Заходим в поиск гугла по запросу «перетяжка салона автомобиля».
- Переходим во вкладку Картинки, затем жмем Инструменты. Там нас интересует две вкладки: Размер и Права на использование.
- Выбираем подходящие размеры и лицензию. Если по Лицензии с разрешением на использование выпадет мало изображений, берем «все лицензии», подбираем подходящую картинку и смотрим, чтобы эта картинка использовалась на возможно большем количестве сайтов.
Зачем такие сложности? Чтобы вам не могли предъявить претензии по авторскому праву. Подстраховывайтесь по максимуму. Примеров исков от правообладателей уже довольно много.
Изменение размера картинки
Скачиваем выбранные изображения к себе на комп и приступаем к его обработке. К примеру, вы скачали картинку размером 800 пикселей по ширине. Вам такая картинка будет явно велика и нужно ее уменьшить. Максимальный размер картинки, если вы не собираетесь ее увеличивать по клику, равен размеру контента на вашем сайте. На мой взгляд, для иллюстраций вполне достаточно картинок размером 500-640 пикселей по ширине.
Я считаю лучшим редактором для обработки изображений Фотошоп, но ничем не хуже будут другие программы обработки графических изображений и онлайн сервисы.
Оптимизировать изображения необходимо, так как время загрузки вашей страницы должно стремиться к минимуму (не более 2 сек, а лучше еще меньше). Фотки весом больше 40-50 кб будут это время увеличивать до неприемлемого.
В итоге, на мобильном экране можно вообще не дождаться полной загрузки страницы или на это потребуется чрезмерно много времени. Поисковик понижает такие долгоиграющие сайты в выдаче и не выдает их в мобильном поиске.
В интерфейсе программы есть вкладка "Изменение размера". Достаточно задать параметры только по ширине и картинка пропорционально изменится.
В ней же можно нанести на картинку пояснительные надписи, стрелочки-указатели или сделать подпись.
Несмотря на то, что в редакторе Вордпресс есть возможность редактировать (уменьшать, поворачивать) изображение прямо внутри редактора, этого делать не стоит.
Правильнее будет подготовить картинки заранее и после того, как они будут готовы к публикации, загрузить их на хостинг и распределить по тексту, используя возможности редактора.
Перед тем как приступить к загрузке фото на сайт, подпишите ваши картинки латиницей или цифрами. Кирилица будет отображаться кракозябрами и это плохо.
Итак, имеем несколько картинок, масштабированных, оптимизированных и подписанных латиницей. Начинаем размещать их в контенте, распределяя по смыслу таким образом, чтобы каждая картинка служила дополнительным элементом, облегчающим понимание текста.
Случайные и не относящиеся к теме статьи изображения не используем. Прежде всего для того, чтобы не засорять текст, и, что немаловажно, не занимать место на хостинге ненужными или дублирующими друг друга изображениями.
Сами не заметите, как вам потребуется больше места и придется переходить на более дорогой тариф. Причина только в том, что вы неразумно забили папку uploads на своем хостинге множеством изображений с большим весом и неоправданно большого размера.
Нужно еще учесть, что каждая картинка Ворд Прессом режется на несколько копий разного размера для миниатюр и превью. Таким образом, загружая одну картинку, вы имеете три-четыре, а то и больше, вариантов одного и того же изображения.
Надеюсь теперь вам понятно, что прежде чем разместить картинку в записи или на странице сайта на Вордпресс, придется отнестись к ее подготовке более чем ответственно. Как размещать картинки в редакторе сайта на Вордпресс читаем дальше, в следующей статье.