Как размер изображений влияет на продвижение?

Размер изображений и их количество в статьях имеют значительное влияние на SEO и общее продвижение контента. Рассмотрим несколько аспектов:

### Влияние размера изображений на SEO:

1. **Время загрузки страницы**: Большие изображения могут замедлить загрузку страницы, что негативно сказывается на пользовательском опыте. Исследования показывают, что медленные страницы могут привести к более высокому показателю отказов, что отрицательно влияет на поисковики.

2. **Оптимизация изображения**: Размер изображения следует оптимизировать перед загрузкой. Это включает в себя как физический размер файла (например, сжатие), так и размеры в пикселях (например, адаптивные изображения). Оптимизированные изображения помогают улучшить время загрузки и SEO.

3. **Количество изображений**: Использование 5-7 изображений может улучшить восприятие статьи и привлечь внимание читателя, но важно, чтобы количество изображений не ухудшало скорость загрузки. Качественные и релевантные изображения могут помочь улучшить удержание пользователей.

4. **Альтернативный текст (alt-тег)**: Каждое изображение должно иметь описательный alt-текст, который помогает поисковым системам понять, о чем изображение. Это также положительно влияет на SEO.

### Форматы изображений:

1. **JPEG**: Этот формат хорошо подходит для фотографий и изображений с множеством цветов и градиентов. JPEG обеспечивает достаточно хорошее сжатие при сохранении приемлемого качества, однако может терять в качестве при сильном сжатии.

2. **WebP**: Этот более новый формат сжатия обеспечивает лучшее качество при меньшем размере файла по сравнению с JPEG. WebP поддерживает как сжатие с потерями, так и без потерь. Использование WebP может помочь улучшить время загрузки страницы и, следовательно, SEO.

### Рекомендации:

- Оптимизируйте размеры изображений (как физически, так и в пикселях) перед загрузкой на сайт.
- Используйте современные форматы, такие как WebP, когда это возможно, однако учтите, что поддержка WebP может варьироваться в зависимости от браузера пользователей.
- Убедитесь, что все изображения имеют свое alt-описание и соответствуют содержанию статьи.
- Контролируйте количество изображений, чтобы не ухудшить скорость загрузки, выбрав качественные и релевантные элементы.

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

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

А также формат jpeg или webp?
 
 Нет. 
 Важен не формат, а объёмы. (и то, с оговорками)

Влияет ли размер картинок (если в статьи 5-7) на продвижения?
 
 На прямую - нет, но опосредованно - да. У поискового робота (у гугла особенно) обычно имеется некий лимит на сканирование одного сайта (не путать с топами, типа озона, вб итп, для них особенные правила), если на страницах этого сайт много тяжелого графического контента, то индексация займет сильно больше времени. 
 
А также формат jpeg или webp?
 
 Никакой разницы для SEO. 
 
 Обычно, делают так (на примере CMS): 
 1. На сервер (через админку) загружается качественное изображение. 
 2. На сервере изображение автоматически нарезается под нужные дисплеи (обычно 2-4 варианта изображения), конвертируется/оптимизируется в webp и вставляется в статью/товар через тег picture . 
 3. В момент захода посетителя на сайт, тег picture на основание указанных в нем атрибутов - определяет, какое изображение необходимо показать посетителю. Если это изображение "первого экрана", т.е. того, что посетитель видит сразу в момент загрузки сайта, то желательно указывать приоритетность загрузки изображения loading="eager" (по умолчанию, все изображения загружаются лениво loading="lazy" ). 
 5. (опционально) Можно сделать загрузку изображений лишь при прокрутке к этому изображению, например через библиотеку vanilla-lazyload или самостоятельно через Intersection Observer API .

Подходите к вопросу комплексно. 
 ПС оценивает соответствие изображения контенту. 
 ПС оценивает качество: чем оно выше - тем, разумеется, лучше. 
 ПС оценивает уникальность: незачем добавлять в индекс то, что там уже есть. 
 ПС оценивает доступность для юзверя чисто технически: страница давно получена, а картинка всё ещё подгружается (это про CWV)/ 
 Прочее - либо вторично, либо проистекает из этого. Предпочтений формату ПС явно не отдают - им хоть jpg, хоть webp, хоть png