На что обратить при добавлении изображений

Как добавить изображения на сайт? - 10 советов

1. Вставьте изображения с правильными размерами.

Чрезвычайно важно найти золотую середину в соответствующих измерениях.

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

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

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

2. Обратить внимание на важность графики

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

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

Вы можете оптимизировать графику с помощью инструмента под названием TinyPNG.

Если вы используете WordPress, хорошим плагином для этой задачи окажется WP Smush.

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

"Качество" - это слово должно сопровождать вас в Интернете на каждом шагу, если у вас есть свой сайт.

Любая графика, которую вы добавляете, должна быть просто визуально привлекательной. Они не должны содержать никаких пятен или заметных так называемых "артефактов", которые появляются при сжатии файлов JPG.

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

4. Использовать соответствующие форматы

Формат не одинаков.

JPG - это универсальный тип. Он идеально подходит для многоцветной графики - например, фотографий.

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

Помните оба вышеперечисленных фактора при выборе правильного формата.

5. Придавать большое значение правильным именам файлов

Вы наверняка замечали, что камеры называют файлы по определенной схеме.

Это могут быть, например, IMG_XXXX.jpg, DSC_XXXX.jpg или несколько более длинных строк, содержащих точную временную метку в момент, когда была сделана фотография.

Беда в том, что такое именование для нас совершенно излишне. Подобные имена ничего не говорят нам.

Поэтому переименуйте их в имена, которые гораздо легче запомнить и которые соответствуют изображению - cat-ani.jpg, car-tomka.jpg и т.д.

Возможно, вам пригодится утилита Bulk Rename Utility, которая позволяет переименовать сразу много изображений по выбранной вами схеме.

6. Помните о контексте

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

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

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

7. Заполните так называемый атрибут ALT

Оптимизация графики для SEO тесно связана с так называемым атрибутом ALT.

Это текст, который отображается вместо изображения, если оно каким-то чудом не загрузится (отсюда и название - ALT от "alternative").

Он также дает подсказку роботам поисковых систем о том, что содержит (или должно содержать) изображение.

Проблема в том, что многие люди совершенно не обращают на это внимания - а жаль, ведь это очень важно.

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

8. Будьте осторожны со стоковыми фотографиями

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

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

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

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

Тогда мы понимаем, что данный бизнес просто ставит на вид правду.

9. Добавляйте изображения, которые просто полезны

Я уже упоминал, что изображения добавляются на сайт с определенной целью.

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

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

Кстати, могу порекомендовать текст о том, как повысить CTR с помощью изображений.

10. Убедитесь, что графика хорошо выглядит в мобильном представлении

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

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

Поэтому убедитесь, что они правильно масштабируются на планшетах и смартфонах.

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

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

Зачем загромождать обзор тем, что бесполезно?

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

Хотя бы следуя десяти приведенным выше советам.

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