Картинки на сайте. Рекомендации Google, - Дмитрий Лео

2016

16 важных рекомендаций от Google относительно изображений

1. Давайте файлам изображений подробные, информативные названия.

2. Старайтесь, чтобы в названии файла содержалось описание тематики изображения. Например, название moj-novyj-chernyj-kotenok.jpg намного информативнее, чем IMG00023.JPG.

3. Вносите подробный текст в теги ALT.
Не рекомендуется: <img src="puppy.jpg" alt=""/>
Лучше: <img src="puppy.jpg" alt="щенок"/>
Оптимальный вариант: <img src="puppy.jpg" alt="щенок далматинца играет с палкой">

4. Предоставляйте достаточно контекста для изображений.

5. Если это возможно, размещайте изображения рядом с релевантным текстом.

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

7. Интересные изображения – отличное средство привлечения трафика к вашему сайту.

8. Фотографии хорошего качества больше привлекают пользователей, чем размытые и нечеткие.

9. Кроме того, делайте ссылку на качественную фотографию, тем самым увеличив количество посещений вашего сайта.

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

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

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

13. Старайтесь структурировать каталоги таким образом, чтобы похожие изображения хранились вместе. Например, в одном каталоге можно хранить уменьшенные изображения, а в другом – полноразмерные изображения; либо можно создать отдельные каталоги для всех категорий изображений (например, каталоги для фотографий с Гавайев, из Ганы и Ирландии в каталоге фотографий из поездок).

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

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

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

Картинки на сайте. Рекомендации Google, - Дмитрий Лео

Материал подготовил: Дмитрий Лео

X