Добро пожаловать в IT

Хотите узнать про создание сайтов в Кишиневе? Продвижение сайтов в Молдове и Европе? Дизайн сайтов? - Мы дадим ответы на все ваши вопросы!

Оптимизация визуальных материалов на веб-сайте — картинок, фото и различных изображений

Оптимизация визуальных материалов на веб-сайте — картинок, фото и различных изображений

Оптимизация визуальных материалов на веб-сайте — картинок, фото и различных изображений

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

Основные аспекты, требующие нашего внимания

Индексация

1) Страницы, содержащие различные фото и изображения, не должны быть закрыты в robots.txt. Сами картинки не должны быть скрыты от индексации в robots.txt или любыми другими способами.

2) Страницы должны быть проиндексированы. Иногда бывает, что страницы открыты к индексации, но поисковая система их не индексирует. В таком случае есть вероятность, что и изображения, которые находятся на этих страницах, не проиндексируются.

Формат изображения

1) Поисковики рекомендуют использовать форматы: GIF, PNG или JPEG.

2) У случаях, когда картинки небольшого размера или являеюся анимированными, рекомендуется выбирать формат GIF.

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

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

4) В остальных случаях можно использовать формат JPG.

5) Не рекомендуется применять форматы BMP и TIFF.

Размеры изображения

Размеры изображения прописываются 2 способами:

1) Через CMS — в любой CMS есть возможность прописать ширину и высоту картинки в редакторе изображений. Вы можете указать там желаемые значения.

2) Через атрибуты — если по каким-то причинам вы не можете указать размеры изображения через CMS, есть возможность прописать их с помощью атрибутов width (ширина) и height (высота).

Пример:

<img src=”photo1.jpg” width=”800” height=”600”>

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

https://imagecompressor.com – позволяет сжать до 20 изображений за раз;

https://www.lcdf.org/gifsicle – создает и оптимизирует GIF-изображения;

https://jpegclub.org/jpegtran – оптимизирует JPEG-изображения;

https://optipng.sourceforge.net – сжимает PNG без потерь;

https://www.punypng.com – позволяет сжать до 10 изображений за раз;

https://tinypng.com – работает только с форматом PNG;

https://www.jpegmini.com – уменьшает размер изображения до 5 раз.

Алфавит в названии

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

2) Если изначально название файла было на кириллице (русский, украинский, белорусский и т.д.), оно должно быть транслитерировано согласно правилам. Для этого можно воспользоваться следующими специальными сервисами: https://translit.net http://mainspy.ru http://translit-online.ru/ https://translitonline.com/ https://www.itranslit.com/

Название файла

Название файла картинки не должно содержать спама или непонятных наборов символов.

Для коммерческих сайтов

Пример неправильных вариантов названия:

kupit-oboi-nedorogo-convers.jpg – спамный вариант;

oboi564676.png – малоинформативный вариант;

IMG54321.jpg – неинформативный вариант.

Пример правильных вариантов названия:

oboi-convers-akrilovye-90.jpg;

oboi-convers-textil-front.jpg.

Для информационных сайтов

Пример неправильных вариантов названия:

muzej-iskusstv-smotret-foto.jpg – спамный вариант;

Muzej3412.png – малоинформативный вариант;

IMG214365.jpg – неинформативный вариант.

Пример правильных вариантов названия:

Muzej-Iskusstv-Nochyu.jpg;

Muzej-Izobrazitelnyx-Iskusstv-Zimoj.jpg;

Muzej-Izobrazitelnyx-Iskusstv-01.jpg;

Muzej-Iskusstv-02.jpg.

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

admin

    Обсуждение закрыто.