На днях сотрудник Google Джон Мюллер поделился в Twitter серией советов о том, как оптимизировать изображения, не ухудшив их ранжирование в поиске по картинкам.
1. Не забывайте, что при изменении URL или названия файла необходимо переадресовать старый URL изображения на новый.
PSA: If you change your image URLs, and you care about Image Search, remember to redirect them. While tweaking my site, I noticed PSI suggesting to change some of my image formats, and realized it's worth mentioning this again. pic.twitter.com/gDHAqJB6eC
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
2. Помните, что не все сайты получают значительный трафик из Google Картинок. При этом можно многое сделать, чтобы улучшить изображения, не меняя их URL.
But first: don't panic. Not all sites get significant traffic from Google Images (so you might not need to worry about it), and you can do a lot to improve images without changing the image file URLs. pic.twitter.com/hIg5rQ0uM2
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
3. Используйте Search Console, чтобы посмотреть, сколько трафика поступает из поиска по картинкам.
Let's start. Is it really a problem worth focusing on? Check the Search Console performance report ( https://t.co/5ZvBuRDxR8 ), select "Search Type: Image", and look at the numbers. Are you getting lots of *useful* clicks from Google Images? If so, read on. pic.twitter.com/aEMputsFgi
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
4. Используйте Google PageSpeed Insights, чтобы определить, какие изменения можно внести для улучшения изображений.
PSI: Take some of the popular images landing pages in Page Speed Insights: https://t.co/F8BxJ7YPih Are you seeing speed issues which point at image size issues? "Serve images in next-gen formats"? "Properly size images"? "Efficiently encode images"? pic.twitter.com/ffN9dAjKOB
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
5. Книги по оптимизации изображений (на английском языке):
FWIW, there's "no simple guide to complete image optimization" (I'm sure someone will make one now though :-)). You can get books on optimizing images for the web: https://t.co/MKtRfCxjYc . These things can be hard to get perfect, and you usually don't need to make them perfect.
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
6. Есть способы оптимизировать изображения и страницы, на которые они встроены, не меняя название файла. Например:
- Использовать отложенную загрузку изображений (lazy loading). Это особенно актуально, если они находятся ниже первого экрана. WordPress и плагины могут сделать это за вас.
- Изменить размер изображений на подходящий (независимо от того, показываются ли они пользователю).
- Указать размер изображений (это тоже можно сделать с помощью плагина).
There are a few first steps you can try:
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
- use image lazy loading (especially if they're below the fold). WP can do this for you, plugins can do it too.
- make images the right size (however you're displaying them)
- specify the image size (again, with a plugin, often) pic.twitter.com/wsJY5MLpBO
7. Используйте инструменты сжатия.
Загрузите большие картинки в редактор изображений и посмотрите, можно ли использовать сжатие, чтобы сохранить формат, но уменьшить размер.
Если такого редактора нет, то можно воспользоваться инструментом сжатия от Google – Squoosh.
And then there's: load the really big images in your image editor, and see if there are compression settings you can use to save them with the same format in a smaller size. Try https://t.co/ZpGiXTQ8Ne if image editors aren't your thing. There's more at https://t.co/Xk0FapIsTN pic.twitter.com/O9IxSbIVKU
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
8. Рассмотрите использование адаптивных изображений.
Depending on your site's setup, you may be able to use responsive images ( https://t.co/MSWq818npp ) to include modern formats together with your previous image formats. This is the optimal configuration, but it can be hard. pic.twitter.com/fIQhZb8TY8
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
9. Если нужно изменить название файла – например, при смене формата с .jpg на .webp – не забывайте о редиректах. Также помните, что Google может понадобиться довольно много времени, чтобы «подхватить» эти изменения.
If, after all of this, you need to move from .jpg to .webp, set up redirects for these images on your server. Google Images takes longer to reprocess, and if the old URLs stop, they may drop out for a while, until the new ones are picked up. Redirecting helps prevent that. pic.twitter.com/UXXSzESVAW
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
10. Если вы размещаете изображения в CDN, их тоже нужно перенаправить.
11. Больше информации об оптимизации изображений от Google:
Want more links? Here's our guide to images: https://t.co/BPDOV02us9 , and our guide for responsive images: https://t.co/iSKBykZrO1
— 🍌 John 🍌 (@JohnMu) 1 мая 2021 г.
What did I miss? What worked best for your images?
Напомним, что в феврале Джон Мюллер поделился советами по SEO для Google Картинок.
