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

Изображения часто кажутся одним из самых простых элементов сайта, но их использование так же можно оптимизировать. Каждому изображению соответствует имя файла и аттрибут "alt", оба эти элемента полезны.

Аттрибут "alt" позволяет ввести текст, который будет отображаться, если изображение по какой-либо причине невозможно показать.

Текст в аттрибуте alt кратко описывает изображение

Зачем используется этот аттрибут? Если пользователь просматривает ваш сайт через браузер с отключенными картинками или использует программу чтения текста с экрана, alt-текст будет служить описанием изображения.

Изображение не загрузилось, вместо него – alt текст

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

Правильное использование изображений

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

Не советуем:

• использовать общие названия файлов "image1.jpg", "pic.gif", "1.jpg"(для сайтов с тысячами изображений можно использовать автоматическую систему переименования файлов),
• слишком длинные имена файлов,
• наполнять alt текст большим количеством ключевых слов или вставлять в него целые предложения.

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

Не советуем:

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

Храните изображения в отдельной директории. Вместо того, чтобы раскидывать графические файлы по множеству директорий вашего сайта, соберите их все в одной папке (например moyastranaotkrytok.ru/images/). Это упрощает путь к вашим изображениям.

Используйте широко поддерживаемые типы файлов. Большинство браузеров поддерживают графику в формате JPEG, GIF, PNG, и BMP. Также неплохо если расширение файла совпадает с его типом.