Оптимизация изображений для сайта – это не только правильный формат, размеры и разрешение, как думают многие владельцы сайтов и новички в SEO. Да, это важные моменты, но это только малая часть того, что нужно сделать, чтобы получить максимальный эффект.
SEO оптимизация картинок должна также включать атрибуты alt и title, правильные подписи и метаданные, учитывать уникальность изображения и соответствие запросу, их количество и распределение по тексту, правильность url-адресов и другие аспекты. Рассмотрим их. Но сперва пару слов о том, для чего вообще так заморачиваться.
Зачем оптимизировать изображения
Если кратко:
- картинки могут давать трафик;
- помогают улучшить внутреннюю оптимизацию;
- повышают привлекательность контента;
- влияют на скорость загрузки;
- увеличивают уровень доверия к сайту.
А теперь немного подробнее…
Картинки могут давать трафик
SEO картинки действительно могут привлекать дополнительный трафик на сайт. Но если мы говорим не про единичные переходы, а сотни посетителей в сутки, тогда их подготовка потребует достаточно серьезной проработки и бюджета.
И самая большая проблема даже не в оптимизации, а в создании изображений. Нужно найти поисковые запросы, ответы на которые удобнее дать в виде графики, заказать у дизайнера ее отрисовку и уже потом оптимизировать. Это работает. Но в силу трудоемкости и дороговизны мало кто этим занимается.
Хотя результат можно получить впечатляющий. Для некоторых молодых сайтов – это один из немногих способов начать получать трафик в высококонкурентных нишах, в которых в обычный ТОП они не смогут попасть еще долго. Поэтому, если готовы на такие траты – пробуйте. Но сперва просчитайте расходы и не рассчитывайте, что таких изображений нужны десятки, ориентируйтесь сразу хотя бы на 100-200 штук. Да, не за один месяц, но все же…
Помогают улучшить внутреннюю оптимизацию
Чтобы оптимизировать картинку нужно помимо прочего прописать атрибут alt – а это дополнительная возможность вписать ключевую фразу и не раздражать посетителей большим количеством ключей на самой странице. Url-адрес изображения – еще одно место для вписывания ключа. А есть же еще и подпись, которая не всегда нужна, но при необходимости можно задействовать.
Если у вас много поисковых запросов для продвижения страницы, а текста на ней крайне мало и увеличить его не получается – нужно правильно оптимизировать картинки и вы значительно улучшите оптимизацию страницы, на которой они находятся. Что даст улучшение позиций.
Повышают привлекательность контента
Вы пробовали читать статью скажем на 20 000 знаков, где нет никакой графики? Такие портянки обычно вызывают только одно желание – закрыть страницу и найти нормальный сайт. Поэтому и есть у многих SEO-шников рекомендации вставлять в тексты изображения каждые 1-2 тыс. знаков.
В результате, если текст разбавлен картинками, их не слишком много и не слишком мало, и они его дополняют, это может увеличивать время нахождения пользователей на странице и уменьшить количество отказов. То есть, поведенческие факторы будут улучшаться. Что в свою очередь положительно влияет на позиции.
Влияют на скорость загрузки
Чем меньше вес картинок, тем выше скорость загрузки. А скорость загрузки – это тоже фактор ранжирования. Конечно, если она и так высокая, то незначительное увеличение ничего не даст. Но практически все проекты, приходящие к нам на продвижение, требуют ускорения.
Увеличивают уровень доверия к сайту
Если речь про товарные страницы и разделы интернет-магазинов – там все однотипно и часто мы видим фото от производителей. Но если речь про статьи блогов этих магазинов или информационные сайты – качественно отрисованная графика может значительно повысить уровень доверия к сайту. А это может увеличивать процент возвратов. Например, пользователь гуглит какой-то запрос, видит в выдаче сайт, который ему понравился ранее и идет на него, даже если его позиция ниже ТОП 3. И это тоже может положительно влиять на позиции.
Где брать картинки для сайта
Прежде чем что-то оптимизировать, нужно это «что-то» найти. И вот с этим у большинства владельцев сайтов огромные проблемы. Все понимают, что изображения должны быть уникальны и соответствовать контенту, в котором будут размещены, но практически никто не хочет за них платить. И если лет 10-15 назад можно было просто скачать то, что понравилось, из поиска Google по картинкам и не особо переживать, то сейчас получить претензии, штраф или даже блокировку сайта вполне реально. Поэтому…
Если цель – трафик
Если вам нужно продвижение картинок и трафика, тогда вариант один – подбираете под каждый поисковой запрос, делаете ТЗ и отдаете дизайнеру на отрисовку. Изображение должно не просто соответствовать запросу, а давать на него ответ. Долго, дорого, но результаты при грамотном подходе могут очень порадовать.
Пример. Вы подбираете ключевые слова для статьи и видите запрос «пример структуры сайта». Результаты поиска по нему выглядят так:
Как видите, блок с картинками расположен выше сайта на первой позиции и есть большие шансы, что пользователь заинтересуется одной из них и сразу перейдет по соответствующей ссылке. А остальные результаты поиска даже смотреть не будет. Это один из примеров, как можно обойти более сильных конкурентов. И плюс не забываем, что есть категория пользователей, которые будут искать именно в Google Images.
Ложка дегтя – это только на словах все просто и лидеры ниши уже расступаются, чтобы дать вам место выше них. На практике получить результаты сложно. Нужен опыт в поиске подходящих запросов, умение придумать что должно быть изображено и в составлении грамотного ТЗ, плюс нормальный дизайнер. Поэтому, если опыта пока мало – поработайте с более простым вариантов, о котором речь пойдет ниже, а уже потом приступайте к этому.
Если цель – позиции
Если ваша цель – улучшение SEO-оптимизации страниц в целом, чтобы повысить их позиции в поиске, тогда есть варианты:
- Заказать у дизайнера. Только ТЗ будет намного проще. В данном случае заказываем изображения, дополняющие текст или просто тематические. Если сработаться с одним дизайнером, это может быть очень даже бюджетно.
- Фотостоки. Бесплатные можно даже не рассматривать. Проверено и неоднократно. Поэтому гуглите «лучшие платные фотостоки», изучаете тарифы, и выбираете под свой бюджет. Только перед оплатой убедитесь, что по вашей тематике там достаточно фотографий.
- Сделать самостоятельно. Это идеальный вариант, если у вас сайт с услугами (стройка, ремонт, маникюр, барбер-шоп, детейлинг).
- Использовать фото поставщика. Для интернет-магазинов фото товаров в основном предоставляет поставщик, а для блога и описаний – опять-таки нужен дизайнер или фотосток.
- Попросить клиентов. Мало кто не сталкивался с предложениями интернет-магазинов оплатить видео распаковки бонусами. И это только один вариант, чтобы показать, в какую сторону смотреть. Вариантов может быть много. Все зависит от конкретной ниши.
Естественно, это не все варианты, которые можно придумать. Главное помните, что вам нужны уникальные фото. А если не уникальные, тогда хотя бы такие, за которые не прилетит претензия. Поэтому вариант просто нагуглить что-то, взять с чужого сайта или опубликовать фотографии клиентов без разрешения – вам точно не подходит. По крайней мере для серьезного долгосрочного проекта.
Генерация изображений с помощью ИИ
Не важно, ваша цель – трафик или позиции, с помощью генераторов визуального контента на основе AI вполне реально закрыть эту задачу. Но здесь важно понимать, что бесплатные нейросети в большинстве случаев не дадут то, что вы хотите. Поэтому лучше сразу изучить платные и подобрать то, что вам подойдет. Выбор большой, да и цены могут быть 10$, а могут и более 100$.
В рамках данной статьи специально не даю никаких рекомендаций. Это отдельная тема и причем большая. Поэтому рассмотрим ее позже.
Подготовка изображений для сайта
Будем считать, что картинки в нужном количестве вы получили. Но делать их SEO- оптимизацию, все еще рано. Сперва нужно убедиться, что они имеют правильные размеры, разрешения и форматы и оптимизировать эти параметры.
Если вы работаете с дизайнером, скорее всего эти вопросы или были у него в брифе или вы их обсудили в процессе работы. В таком случае вряд ли понадобятся хоть какие-то дополнительные действия на этом этапе. Во всех остальных нужна проверка и доработка под себя.
Какой формат лучше
Никто не скажет однозначно, какой формат картинок лучше для сайта. Все зависит от задачи:
- Публикуете скриншоты или фотографии – это будет JPG (JPEG).
- Нужна анимация – GIF.
- Используете картинки с прозрачным фотоном – PNG.
- Добавляете элементы дизайна – SVG.
- Пытаетесь ускорить сайт – WebP.
- Любите экспериментировать с новыми форматами – AVIF.
Поэтому нужно разбираться конкретно с вашей ситуацией. Но давайте немного упростим. Уберем из этого списка GIF и PNG. Те, кому нужны именно они, обычно об этом знают.
SVG в основном используется на этапе создания сайта. Ну и в том случае, когда графику рисует дизайнер (у нас основная картинка каждого поста как раз в SVG загружается, но так делают единицы). Если это ваш вариант – используйте, если нет – убираем этот формат.
AVIF – дает отличное качество при минимальном размере. Но у него есть проблема – он не поддерживается старыми версиями Safari. Это не значит, что его нельзя использовать, варианты есть, но большинство не захочет заморачиваться и просто откажется от него.
Что у нас остается: JPG и WebP. Но здесь и сравнивать нечего – WebP в большинстве случаев будет предпочтительнее. Поэтому, если речь про новые картинки – тогда делайте их в WebP. Если речь про уже размещенные (которые чаще всего будут в JPG), тогда можно просто сжать их насколько получится без сильной потери качества и пока оставить так.
Размер, разрешение, вес
Здесь нужно определиться с терминами. Дело в том, что в обычной работе, да и повседневной жизни, многие используют определения так, как им удобно. И не всегда правильно. Должно быть так:
- Размер изображения для сайта – это его ширина и высота в пикселях. Например: 1200×800 px.
- Разрешение изображения для сайта – это количество пикселей (точек) на единицу площади (dpi или ppi). Например: 144 dpi.
- Вес – это размер файла в килобайтах (Кб) или мегабайтах (Мб).
При этом количеством точек при SEO-оптимизации картинок практически никогда не пользуются. Поэтому их рассматривать не будем.
Оптимальный размер
Оптимальный размер изображений для сайта – 1200×800 px. Но это очень и очень относительно. Если вы заказываете картинку для статьи блога или какого-то текстового описания дизайнеру – да, можно использовать этот размер. Но если это фотосток, фото от клиентов и подобное – ну откуда там будут такие цифры?
Оптимизация размера изображения как раз и заключается в том, чтобы из имеющихся исходников сделать что-то, что будет подходить для использования на сайте. А это значит, что вам нужно открыть имеющееся фото в Photoshop, Pixelmator или чем-то подобном. И изменить его размер. При этом задаем только ширину 1200, а высоту оставляем адаптивной.
Ориентация и соотношение сторон
Ориентация предпочтительна прямоугольная. Но без крайностей. Например, фото с вертикальной ориентацией при вставке в текст оставляют по бокам много пустого пространства и выглядит это не очень. Поэтому их используют или в специфических макетах или избегают по возможности. Горизонтальная ориентация при слишком малой высоте будет делать из картинки баннер, что тоже смотрится не очень. Поэтому при ширине 1200 px, высота в идеале должна приближаться к 800 px плюс минус 100 px.
Это тоже очень условно и индивидуально, но, если у вас нет опыта и вы будете придерживаться данной рекомендации, риск наделать ошибок минимальный.
Откуда взялось 1200 px
Хороший вопрос. Если погуглить, какие размеры изображений для сайта оптимальны, вы неоднократно прочтете, что это рекомендация Google. Но если поищите эту рекомендацию в справка самого Google, то увидите, что рекомендации для Google Ads, Google Business Profile, Google Merchant Center и Google Поиск сильно отличаются. И нет там никакого универсального размера и одной конкретной рекомендации. Выглядит это примерно так:
Максимальная цифра, которую мы там видим – 1200 px. А это значит, что гораздо проще делать изображение минимум на 1200 px, чтобы потом из него можно было сделать меньшие размеры для других направлений, даже если сейчас вас интересует только поиск.
Каким должен быть вес
При оптимизации изображений для веб стремимся не превышать 100 килобайт.
Что имеем – если брать изображения со слишком маленькой шириной, на мониторах с высоким разрешением они будут замыленными. Плюс помним, что ширина менее 1200 пикселей будет не удобна, если возникнет необходимость переделать размер под другие сервисы Google или социальные сети. Но может тогда выбирать фото с шириной в 3000-4000 пикселей и более? Это же закроет все вопросы…
Не закроет. Чем больше размер, тем выше вес. А большое количество «тяжелых» картинок ухудшит скорость загрузки. Скорость загрузки – это фактор ранжирования, и ее снижение может негативно сказаться на позициях. Здесь, конечно, много «но», но сейчас все упрощаем для наглядности.
Поэтому, оптимальный размер картинки для сайта – это такой размер, который даст максимальное качество изображения при условии, что вес файла не превысит 100 килобайт. Да, эту цифру превышать можно, но стремиться нужно к этому. И с форматом WebP это вполне реально.
Сжатие
Существует немало сервисов и плагинов для сжатия изображений: TinyPNG, Compressor.io, Kraken.io, Squoosh, ImageOptim и другие. Это хороший способ уменьшить размер и ускорить тем самым загрузку. Но если будете ими пользоваться – не используйте на первых этапах автоматизацию – когда парсится весь сайт и картинки сжимаются. Можно получить неприятный сюрприз в виде большого количества замыленной графики.
Делаете SEO-оптимизацию страницы, и на ней есть графика – скачайте изображения и погоняйте в разных сервисах, посмотрите, насколько ухудшится качество. Да, многие позиционируются как сервисы, не ухудшающие качество, но чудес не бывает, посмотрите сами на хорошем мониторе и потом решите, нужно ли это вам.
Мое мнение – проще перегонять все в webp и «играться» в редакторе с размером и настройками (при сохранении в webp можно задать уменьшение качества). Так вы получите действительно хороший результат. Пусть и потратив на порядок больше времени.
SEO-оптимизация изображений
Чтобы оптимизировать изображение для SEO нужно прописать правильное название файла, alt, title и, при необходимости, составить подпись. Все это делается на основании ключевых слов, по которым продвигается страница. Здесь можно применять принцип: один запрос – одно фото. При этом нужно следить, чтобы не было переспама.
Например, у вас есть 10 ключевых слов для продвижения какой-то одной страницы. И будет несколько изображений на ней, которые можно оптимизировать. Ваша задача сводится к тому, чтобы:
- Подобрать такие фото, которые дополнят статью, сделают ее полезнее, а не просто «лишь бы было».
- Оптимизировать их под поисковые запросы, по которым продвигается данная страница. Но не все. Важно не допустить переспама.
Если изображений мало, например 2-5, оптимизируем их все. Если много (больше, чем запросов) – например 12-15, тогда оптимизируем максимум 10 (по количеству запросов). Но скорее всего меньше – 7-9. Иначе будет переспам и плюс некоторые запросы можно объединить в один, поскольку часто они однотипные. Если фото примерно столько же, сколько и ключевых слов, например 8-10, тогда примерно половину из них или чуть больше. Опять-таки, чтобы не переспамить.
Еще момент – если на странице 10 фотографий, а оптимизируете вы только 5 – по возможности чередуйте оптимизированные и обычные. Если их 10, а прорабатывать будете только 3-4, тогда делайте одну проработанную и потом две обычные. Это нужно для того, чтобы распределить ключевые слова в исходном коде страницы более равномерно, не допуская их сосредоточения в одном месте.
Для чего я все это расписываю… Часто бывают ситуации, когда сайт попадает под фильтр за переспам. Начинаешь проверять: аудит контента показывает, что все отлично, подзаголовки правильные, мета-теги не переспамлены. На первый взгляд – никаких проблем нет, закрадывается мысль, что это какая-то ошибка и через пару апдейтов сайт из-под него выйдет.
Но когда находишь наиболее пострадавшие url и делаешь SEO анализ конкретных страниц, оказывается, что на них может быть с полсотни изображений, в каждом из которых вписаны ключевые слова (часто во всех фигурирует один и тот же ключ). Причем вписаны они в адрес, alt, title, а местами еще и в подпись. Итого на 50 картинок по 3-4 вхождения – это минимум 150. При этом в тексте на странице всего 5-7 вхождений…
Здесь не нужно быть большим специалистом, чтобы понимать, что за такое от ПС вполне может прилететь фильтр. Поэтому оптимизацию нужно делать аккуратно. Лучше недооптимизировать, чем снимать фильтр.
С количеством и переспамом разобрались. Теперь посмотрим, как работать с каждым изображением, которое нужно оптимизировать.
Название файла
Оптимизация картинки начинается с прописывания правильного названия. То есть такого, которое содержит поисковой запрос, по которому продвигается или само фото или вся страница. И которое соответствует тому, что на ней изображено.
Например, немного выше у нас есть скрин с оптимальной шириной графических элементов для разных сервисов Google. Данное изображение добавлено не просто так. Оно дополняет статью и под него есть поисковой запрос «оптимальный размер изображений для сайта», по которому также продвигается данная страница. Соответственно, в качестве имени файла и нужно использовать этот запрос на транслите с разделителями в виде дефисов:
Или, если сайт мультиязычный и нет возможности для каждого языка сделать свое название, можно использовать вариант на английском:
В оба варианта я уже подставил формат webp, который условно будем считать оптимальным.
Ну и для сравнения, как делать не нужно:
Что касается той графики, которую вы будете использовать в статье, но которую не планируете оптимизировать – названия файлов тоже нужно написать правильно, просто постарайтесь не использовать в них поисковые запросы. Например, в рамках данной статьи:
Обратите внимание – название прописано на английском (может быть и транслит, не важно, главное, что это не набор букв/цифр), оно соответствует тому, что изображено на картинке (это название нашего скрина из начала статьи) и при этом не содержит поисковых запросов, под которые оптимизируется страница. То есть – все сделано качественно и ПС такие моменты «видит», плюс не будет переспама.
Делаем вывод – прописывать правильные названия файлов нужно для всех графических элементов (элементы дизайна не учитываем). Только часть оптимизируется под ключи, а часть делается без ключей, чтобы ПС лучше «понимала», чем вы дополняете тексты.
И еще раз акцентирую – в обоих вариантах названия должны соответствовать тому, что изображено на фото. Нельзя фотографию на которой человек высаживает яблоню на участке назвать «plodovyj-sad-svoimi-rukami». Правильнее будет «posadka-yabloni-v-grunt».
Атрибуты alt и title
Атрибуты title и alt для изображений это примерно то же самое, что title и description для обычной страницы. Продвижение картинки в Google Images без них не то, чтобы нереально, но сильно затрудняется. Они помогают поисковым системам точнее определять, что на них изображено, и улучшают ранжирование.
То есть, прописывать данные атрибуты, если вам нужно оптимизировать картинки для сайта, как бы обязательно. Но если с alt все действительно так и обстоит, то title лично я не использую. По двум причинам.
Причина 1. Если вписать поисковой запрос в оба атрибута, плюс в название файла – это уже 3 вхождения. Если используется подпись – четыре. Конечно, можно не везде использовать ключ, но это не всегда удобно. Да и многие просто не задумываются и на автомате пишут его везде. И если таких элементов будет много, можно легко переспамить страницу и получить понижение позиций, вместо повышения.
Поэтому я редко делаю подписи, а если и делаю – без ключевых слов, только для людей, а не роботов. И не использую title. Возможно, это уменьшает шансы попасть в Google Images, зато позволяет более качественно оптимизировать страницу. А в большинстве случаев это и есть моя цель, потому что за трафик с Google Images заказчики не любят бороться.
Причина 2. Если прописан атрибут title, при наведении курсора мыши на картинку, этот самый title появляется вот таким образом:
И если на обычной фотографии он может просто раздражать посетителей, то на таблицах еще и перекрывать информацию на них. А чтобы надпись исчезла недостаточно немного сместить курсор, нужно убрать его с картинки полностью. И это может быть не удобно для части посетителей.
Обратите внимание, на скрине выше атрибут title еще и использован неправильно. Из того, что в нем прописано, ПС должны понимать, что там изображено. А в нашем примере там просто произвольная фраза. В результате и оптимизации под ключевые слова нет, и всплывающая надпись с нерелевантным текстом постоянно будет раздражать посетителей.
Поэтому, если оптимизация фото вам нужна для того, что улучшить ранжирование страницы в результатах поиска, title можно не заполнять. Это не мешает продвижению. Проверено. Да и никто не мешает вам посмотреть конкурентов в своей нише – заполненные title вы мало где увидите.
Остается атрибут alt. Вот его рекомендую заполнять. Если это SEO картинка – делаете качественное описание с вхождением ключевого слова. Если обычная – делаете качественное описание без ключевого слова. Сколько будет первых и сколько вторых – ориентируйтесь на те цифры, которые расписаны выше в блоке про название файла.
Что имеется ввиду под «качественное описание»:
- Описывайте то, что изображено на фото.
- Достаточно нескольких слов, максимум одного предложения.
- Используйте правильные речевые обороты.
- Начинайте с заглавной буквы.
- Вписывайте ключ максимально естественно.
Например, представим фото белого стула на странице карточки товара интернет-магазина. Скорее всего один из запросов для продвижения страницы будет «белый стул купить». Как можно улучшить продвижение по этому запросу? Конечно же вписать ключ в alt. И многие делают так:
В правильном варианте – начинаем с заглавной буквы, добавляем марку, модель и артикул. При этом не вписываем «купить», потому что с этим словом у нас не получится нормального описания. А благодаря марке, модели и артикулу мы получим уникальный alt. Если этого не сделать и на сайте белых стульев будет пару сотен, то как поисковая система должна выбрать что из этого ранжировать?
Если по каким-то причинам вы не можете заполнить alt качественно – лучше вообще не заполнять.
Подпись
Не нужно делать подпись только для того, чтобы оптимизировать изображения для сайта! Используйте ее только в тех случаях, когда на картинке изображено что-то, что требует пояснения или дополнительной информации.
Например, изображена какая-то схема и на ней цифрами выделены какие-то элементы. В подписи можно дать пояснение, что обозначает каждая из цифр. Или вы вставляете фото растения и в подписи можно написать, что это такое, чтобы пользователь не выискивал нужную информацию в статье и не сопоставлял с фотографией. И так далее.
Вписывать поисковые запросы в подписи или нет – нужно смотреть индивидуально для каждой страницы. Бывает такое, что нужно вписать еще 1-2 ключа, а в тексте это сделать не получается, чтобы выглядело естественно. Картинок на странице тоже мало. В таких случаях можно и ключ «обыграть» в подписи. Если оптимизация страницы этого не требует, не рискуйте. Переспамить намного проще, чем может показаться.
В реальной работе подписи используются редко. Даже на блоге PROSUVER полистав статьи, вы увидите, что подписи есть в лучшем случае в каждом десятом-двадцатом изображении. А на страницах интернет-магазинов в описаниях товаров или на сайтах с услугами они используются еще реже. Но иногда без них не обойтись, так что знать про них нужно.
Что еще можно сделать
Чтобы оптимизировать картинку для сайта, достаточно того, что написано выше. Но есть еще несколько моментов, которые могут улучшить продвижение изображений. Правда многие этого не делают (и им это не мешает получать хорошие результаты) или делают еще на этапе созданий сайта, а не во время проработки внутренней оптимизации. Поэтому, использовать что-то из этого или нет, решайте сами. Лишним не будет, но и явной необходимости нет.
Sitemap.xml для изображений
В Центре Google Поиска написано, что ссылки на картинки в sitemap.xml помогут Google найти те изображения, которые он не может найти при парсинге сайта. Для этого можно использовать как отдельный sitemap.xml для изображений, так и добавить их в общую карту сайта.
На практике в этом есть смысл только в тех случаях, когда вы замечаете, что ваши картинки плохо индексируются. Или слишком долго попадают в индекс, или вообще не попадают, разве что после отправки их на индексацию вручную через Google Search Console.
Метаданные IPTC
Использование IPTC метаданных может улучшить видимость картинок. Но вы же понимаете, что нельзя скачать чужие картинки и вписать свои метаданные. Поэтому их использование уместно в том случае, если вы заказываете графику дизайнеру или используете собственные фотографии.
Более подробно о них лучше почитать в справке Google.
На практике это скорее способ дополнительной защиты вашего графического контента. Не ждите особого результата, даже если будете заполнять все строго в соответствии с рекомендациями Google.
Lazy Loading и CDN для изображений
Часто вижу в статьях, где рассказывают, как оптимизировать картинки для сайта, рекомендации использовать Lazy Loading и CDN. Только не понятно, какое отношение это имеет именно к оптимизации…
Помните 2 вещи:
- Они нужны для увеличения скорости загрузки сайта, а не продвижения картинок.
- Они настраиваются на этапе создания сайта или позже, но в любом случае один раз для всего сайта. Поэтому нет смысла рассматривать их, когда делаете SEO-изображения.
Но если используете Lazy Loading, рекомендую прочесть рекомендации Google по устранению проблем с отложенной загрузкой и убедиться, что у вас их нет.
Микроразметка
Микроразметку для изображений почти никто не делает, а многие про нее даже не знают. Эффект от ее использования получить можно, но также можно получить отличные результаты не используя микроразметку. Поэтому данный пункт привожу здесь только для тех SEO-специалистов и владельцев сайтов, которые сделали уже все что только можно и не знают, чтобы еще такого докрутить, чтобы обойти конкурентов. Если это не ваш случай – пока можно пропустить.
Адаптивные картинки
Адаптивные изображения – это очень удобный инструмент и использовать их стоит. Чтобы не давать долгих определений, давайте посмотрим на практике. В нашем блоге есть статья:
В статье есть «главная» картинка:
Чтобы она выглядела одинаково хорошо и на больших экранах, и на телефонах/планшетах, мы рисуем ее сразу в 3 размерах:
Обратите внимание, что отличается не только размер, но и немного внешний вид. Если бы мы просто изменили пропорционально ширину и высоту, на телефоне она выглядела бы также, как на скрине выше – много цветного фона по краям и маленькое изображение по центру, которое трудно было бы рассмотреть. А используя адаптивные картинки мы можем отрисовать разные версии для разных устройств и получить качественное отображение сайта на разных устройствах.
Делается это через srcset в теге <picture> или <img>. Вот так:
Но проблема в том, что это следует предусматривать на этапе разработки, а не когда вам нужно оптимизировать фото для сайта, а функционала под это нет. Пишу этот пункт для тех, кто будет делать редизайн и захочет реализовать этот момент.
Заключение
Среди владельцев сайтов и новичков в SEO очень распространен вариант, когда картинки ищут через Google Images и потом просто воруют с чужих проектов. Мало того, начинают их оптимизировать и удивляются, почему они не дают трафик. Это не работает!
Чтобы оптимизация фото для сайта принесла результаты, начните с получения уникальных изображений. И только после этого начинайте дорабатывать их по этой инструкции.
