Главные правила оптимизации изображений/картинок | ManySales

правила оптимизации картинок

Рассмотрим основные правила оптимизации картинок.

  1. Название картинки.
  2. Использование атрибута ALT.
  3. Использование атрибута Title.
  4. Задание ширины и высоты.

Оптимизация название картинки.

В названии изображение требуется использовать понятные слова, которые бы описывали картинку. Например: seo-prodvizhenie.jpg, а не 000qwe.jpg и тому подобные названия. Для разделения слов можно использовать дефис.

Применение атрибута ALT.

ALT – объяснение того, что изображено на картинке. Пример:

<img src="/files/seo-prodvizhenie.jpg" alt="SEO-продвижение сайта/">

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

Применение атрибута Title.

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

<img src="/files/seo-prodvizhenie.jpg" alt="SEO-продвижение сайта" Title ="основы поискового продвижения сайта/">

Оптимизация ширины и высоты для картинки.

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

<img src="/files/seo-prodvizhenie.jpg" alt="SEO-продвижение сайта" Title="основы поискового продвижения сайта" 
width="400" height="250"/>

Задать ширину и высоту можно, как в самом теге или перенести данные в CSS файл.

Дополнение: изображение лучше заранее подготовить нужных размеров, а не маштабировать его с помощью HTML.

Работаем ежедневно

с 10.00 до 18.00
+375-33 313-23-18
Оставить заявку онлайн