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-анимации вы можете создать ресурсы, которые четко выглядят при любом разрешении и масштабе и весят гораздо меньше, чем изображения.
Материал подготовил: Дмитрий Лео
