Нужен совет по поводу оптимизации картинок?

Question

[sashakirichenko]

Народ всем привет. Нужен совет. Создаем сайт с огромным количеством графического контента. Сеошник заявляет, что лучше всего грузить эти картинки в формате Webp, так как можно не потерять сильно качество и уменьшить вес страниц. Программисты заявляют, что НЕ все браузеры поддерживают этот формат и отображаться везде этот формат не будет! (к примеру сафари) Как сделать так, чтобы везде отображался такой формат картинок? Действительно ли этот формат хорош для оптимизации сайта или можно запилить обычные jpg?

Comments

[Дмитрий]

Если сеошник не сможет аргументировать, что переход на webp это прям критично для продвижения, шли его лесом.
А аргументировать он не сможет, тк скорость - это не самый приоритетный фактор ранжирования

Вытягивать гуглопопугаи на 100/100 - особого смысла не имеет. Для 90% проектов достаточно будет подключить lazyload. Фанатично переводить все в webP так же не всегда оправданно - в некоторых случаях размер картинки в этом формате может даже стать больше.

Но если сильно хочется:
1. можно использовать тег picture для предварительно подготовленных картинок (ниже в комментах некоторые сеошники пишут, тег pictrue плохо поддерживается гуглом - полная фигня. Гуглоботы сейчас умнее некоторых сеошников, тег работает отлично).
2. или можно подключить CDN, который будет на лету конвертировать картинку в нужный формат. Такие есть даже бесплатные

Answer 1

[Андрей Федоров]

Но это же очевидно, определять есть ли поддержка webp в браузере и отдавать либо jpg, либо webp.
Самый простой вариант - с использованием тега <picture>
Использование webp относится к техническому СЕО, что даст результат в пузомерках, но слабо отразится на ранжировании.
Если вопрос в скорости загрузки, то я бы порекомендовал внедрить lazy loading для изображений.

Answer 2

[Andrey Vasilev]

Подключай lazy-loading, грузи пикчи в webp, на каком-нибудь safari отображай другой формат картинок.

Answer 3

[Eduard07]

Привет, вариант picture, только боты не очень дружат с этим тегом, и сейчас уже другие предпочтения у google по поводу картинок. Факт в том что нужно использывать webp, ну а как ? есть браузера которые не поддерживают этот формат. Использование imgproxy, проверяя поддержку webp на стороне сервера, и формируясь атрибутом serset всю нарезку картинок, и в src нужно отдать оригигал картинки, ну как ориганал, большой размер картинки. Потому что гугл предпочитает отдает большим картинкам, и считует он с атрибута src.

Comments

[Eduard07]

Есть и другие методы оптимизации, но не стану говорить все ))

Answer 4

[Артем Гвоздев]

Ну тут задача в чем, если нужно реально иметь по 100 баллов во всяких тестах, то тогда и нужно упарываться все все возможные способы. Если графического контента реально много, то да, лучше использовать Lazy Load. Но важно понимать, откуда на сайт, к вам будет приходить народ? Mobile или Desktop. Там немного разные способы.
Если нужно автоматизировать качество, и скорость загрузки именно через картинки, то используйте API ужиматоров картинок. Например вот https://tinypng.com/. Сам юзаю этот сервис. Не совсем согласен с авторами выше, скорость очень важный фактор ранжирования. Недавно переводили интернет-магазин на новый движок, там все сделали по рекомендациям моим, выросла скорость, позиции и трафло