Что такое Image SEO | +15 советов и методов по оптимизации изображений

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

Что такое SEO для изображений?

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

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

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

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

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

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

Воспользуйтесь этими 15 советами, чтобы оптимизировать ваши изображения для SEO:

1. Всегда старайтесь использовать уникальные изображения.

Благодаря десяткам бесплатных веб-сайтов со стоковыми фотографиями и огромной поддержке ваших коллег и коллег часто легко вернуться к менталитету «только стоковые изображения».

Однако это не оптимально, так как оригинальный контент лучше награждается в Google, и он намного выше в рейтинге. То же самое и с оригинальными изображениями. Исследование Reboot Online Marketing показывает в ходе эксперимента, что Google оценивает веб-сайты, содержащие оригинальные изображения, выше, чем те, которые делают стоковые фотографии.

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

А при поиске графиков или диаграмм такие инструменты, как Canva, позволяют воссоздать их за считанные минуты. Кроме того, такие сайты, как Freepik, предлагают массу отличных шаблонов для визуального отображения статистики.

2. Никогда не заменяйте текст изображениями.

Картинка стоит тысячи слов, если мы не говорим о SEO. Хотя Google постоянно улучшает распознавание изображений, алгоритмы гораздо менее продвинуты, чем алгоритмы, отвечающие за понимание текста.

Подумайте об этом так: письменный контент - это причина номер один для ранжирования. Это обязательное условие для ранжирования в Google, где изображения - это вишенка на торте.

Таким образом, при создании контента планируйте свои изображения так, чтобы они соответствовали тексту, а не наоборот. Цель изображения - объяснить концепцию и предоставить контекст о ее окружающих частях. Это не (или, по крайней мере, не должно быть) подменой текста.

3. Используйте удобный для Интернета формат файлов изображений.

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

Четыре наиболее распространенных типа изображений для веб-сайтов - это JPG, PNG, GIF и SVG. Все они преследуют уникальные цели, для которых они обеспечивают наилучшее качество при минимально возможном размере.

• Формат JPG лучше всего подходит для реальных фотографий.
• Формат PNG отлично подходит для любых изображений, созданных в цифровом виде.
• Формат GIF используется для анимированных изображений. Например, вы можете использовать GIF, чтобы продемонстрировать развитие графика с течением времени.
• Формат SVG обеспечивает векторную графику, в отличие от всей другой графики, которая поддерживает растровую графику. Векторная графика - это математические уравнения, которые можно масштабировать без потери качества изображения. Этот формат лучше всего подходит для элементов дизайна на веб-сайте, таких как ваш логотип.

4. Используйте оптимизированные для SEO размеры изображений.

Согласно совету Squarespace, для полноразмерных фоновых изображений, которые должны отображаться в баннерах или в главном разделе веб-сайта, рекомендуются максимальные размеры изображения 1500–2500 пикселей.

Использование больших изображений может показаться хорошей идеей при попытке продемонстрировать качество. Однако все, что превышает отметку 1500–2000 пикселей, является чрезмерным. Улучшение качества незначительное, а размер файла значительно увеличивается. Точно так же большинство пользователей не просматривают веб-страницы с использованием новейших экранов 4K, и нет необходимости использовать очень большие изображения.

5. Уменьшите размер изображения до 150 КБ.

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

Чтобы эффективно уменьшить размер ваших изображений, во-первых, следуйте советам выше и уменьшите размеры до приемлемых размеров. После этого перейдите к инструменту сжатия изображений, например TinyPNG. Пропуск изображения через компрессор позволяет уменьшить размер изображения на 70-80%, при этом качество изображения остается практически неизменным.

Имейте в виду, что файлы SVG и GIF также можно сжимать, хотя TinyPNG не поддерживает эту функцию. Для SVG зайдите на такой сайт, как SVGminify. Точно так же для GIF вы можете использовать такой инструмент, как Ezgifs.

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

6. Ленивая загрузка изображений на вашем сайте.

Хотя в названии этой технологии звучит негативно «ленивый», эта технология великолепна. Вы можете думать о ленивой загрузке как о Netflix изображений на вашем веб-сайте. По сути, отложенная загрузка загружает изображения на ваш сайт по запросу, только когда они необходимы. И это происходит только тогда, когда пользователь прокручивает достаточно, чтобы изображение появилось на его экране.

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

7. Дайте вашим изображениям удобное для SEO имя файла.

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

8. Добавьте релевантный описательный альтернативный тег.

Теги Alt - еще один важный элемент, который дает Google контекст об изображении. Тег alt, также известный как альтернативный текст, является атрибутом HTML, отображаемым вместо изображения, если изображение не может быть показано. В этой статье подробно объясняется, что такое alt-теги в WordPress.

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

В этом посте вы узнаете, как именно добавлять теги alt к изображениям в WordPress. В нем вы также узнаете о нашем лучшем методе написания тегов alt, который упростит весь процесс и значительно повысит SEO вашего изображения. Наконец, если ваши альтернативные теги не отображаются, вы найдете быстрое и простое решение для WordPress в этой статье.

9. Пишите альтернативные тексты длиной не более 150 символов.

Хотя с точки зрения кодирования ограничений нет, альтернативные тексты не должны быть длиннее 150-200 символов для SEO. Здесь много места, поэтому проблем не возникнет. И это также прекрасно связано с нашим следующим пунктом.

10. Избегайте лишних слов в заголовках изображений и альтернативных тегах.

Да, ключевые слова важны для Google, поскольку они определяют тему и контекст ваших страниц. Однако, как и во всем в SEO, не переусердствуйте. В лучшем случае Google осуждает стратегии рассылки спама, а в худшем - это может стоить вашему рейтингу.

11. Добавьте фоновые изображения в CSS вашего сайта.

Порог входа как для веб-разработки, так и для SEO в последние годы становится все более низким. Из-за этого мы часто замечаем много ошибок и недоразумений у новичков. Одна из таких ошибок, особенно с изображениями, заключается в том, как они представлены в коде. Каждое изображение, являющееся частью контекста, должно быть в фактическом теле вашего HTML с использованием тега <img>.

Однако изображения, которые не добавляют контекста - например, те, которые используются исключительно в целях дизайна, - должны быть добавлены в ваш CSS. С точки зрения SEO изображений это означает, что изображения, используемые в вашем дизайне, будут (и не должны) получать замещающий текст. Это потому, что текстовый атрибут «alt =» применим только к тегу HTML <img>.

12. Обеспечьте контекст в окружающем тексте.

Как мы объясняли до сих пор, лучшие практики SEO для изображений гласят, что большая часть того, что мы делаем, - это предоставление поисковым системам контекста об изображении. Однако один упускаемый из виду фактор - это описание ваших изображений в окружающем их тексте.

Подумайте об этом так: с точки зрения пользователя, имеет смысл иметь текст, объясняющий содержание изображения. И мы знаем, что SEO и UX сливаются все более быстрыми темпами. В результате вам необходимо убедиться, что ваш контент контекстно связан вместе - и каждый элемент предоставляет контекст о своих окружающих элементах.

13. Разметьте свои изображения с помощью структурированных данных.

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

Вместо этого Schema может помочь вам привлечь больше трафика в результате уже хорошего ранжирования. Это связано с тем, что поисковые системы, такие как Google, используют эту разметку при отображении расширенных результатов, таких как избранные фрагменты или часто задаваемые вопросы.

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

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

14. Используйте решение для кеширования, чтобы быстрее доставлять изображения.

Знаете ли вы, что ваш веб-сервер должен повторно вычислять и отправлять все содержимое каждый раз, когда посетитель заходит на ваш сайт? Это создает дополнительную нагрузку и использует большую часть пропускной способности вашего хостинг-плана. Кроме того, пользователю приходится ждать дольше, поскольку компьютер на другой стороне должен обрабатывать контент. Однако так быть не должно!

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

Лучшая часть? Большинство платформ CMS в настоящее время имеют множество плагинов, которые позволяют настроить бесплатное решение для кеширования всего за несколько минут. Чтобы найти подходящий плагин для кеширования, просто найдите его в Google вместе с названием вашей CMS.

15. Оптимизируйте скорость загрузки изображений с помощью CDN.

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

Точно так же более крупные веб-сайты могут использовать CDN просто потому, что у них много трафика. Это оказывает сильное давление на серверы их веб-сайтов.

Аргумент в пользу CDN становится еще лучше, если учесть, где живут ваши посетители. Если вы международная компания, помните, что многие люди, посещающие ваш веб-сайт, не живут в вашем точном местоположении (или, по крайней мере, в местоположении ваших веб-серверов). В таких случаях CDN, например Cloudflare, помогает вам быстрее доставлять изображения через их многочисленные серверы по всему миру. Наличие большой инфраструктуры означает, что рядом с вашими посетителями всегда есть сервер, что сокращает задержки.

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

Размер файлов ваших изображений тоже имеет значение. Чем больше изображение, тем больше времени требуется устройству пользователя для загрузки и отображения этого файла. Это вызывает беспокойство, потому что веб-сайты, которые не загружаются быстро, негативно влияют на пользовательский опыт. Как известно Google, они также продвигают веб-сайты, изображения которых загружаются быстрее. И наоборот, Google склонен к понижению с сайта результатов поиска, которые загружаются медленно.

Хотя верхнего предела размера изображений в Интернете нет, размеры файлов изображений до 150 килобайт на изображение являются оптимальными для большинства веб-сайтов. Изображения с большими размерами файлов являются одной из основных причин медленной работы веб-сайтов, ухудшения пользовательского опыта и, соответственно, рейтинга SEO.

Учитывая, что 59,5% пользователей просматривают Интернет с мобильных устройств, вы можете видеть, насколько важна каждая миллисекунда времени загрузки. Но проблема простирается дальше, чем может показаться. Негативный пользовательский опыт не только вызывает легкое раздражение пользователей, но и обходится гораздо дороже. Как именно?

Как показывают исследования Google, увеличение времени загрузки страницы с 1-секундной до 3-секундной задержки увеличивает показатель отказов на 32%. Для небольшой компании, которая сталкивается с жесткой конкуренцией и должна бороться за каждого посетителя веб-сайта, это может быть разрушительным. Это просто означает, что меньше людей обратятся в клиентов.

И это актуально даже для крупных компаний. На каждые 100 миллисекунд увеличения времени загрузки страницы Amazon.com наблюдал снижение продаж на 1%. Аналогичным образом, исследование Google показало, что каждые 500 миллисекунд, которые требуется поисковой системе для загрузки страницы результатов поиска, приводят к 20% падению дохода. Для компаний, зарабатывающих миллиарды каждый день, это означает огромную потерю потенциального дохода.

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

Чтобы точно находить и проверять изображения для SEO, вам необходимо использовать сканер веб-сайтов, который работает аналогично поисковым роботам Google. Инструменты работоспособности веб-сайта находят и показывают вам проблемы и потенциальные области оптимизации для вашего веб-сайта, чтобы вы могли улучшить свой рейтинг и видимость в обычном поиске. Такие инструменты показывают вам:

1. Битые изображения
2. Слишком большие изображения
3. Отсутствуют альтернативные теги

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

Оптимизируйте изображения и улучшайте рейтинг и видимость

Изображения улучшают пользовательский опыт и помогают повысить ваш рейтинг, поскольку они делают ваш контент более актуальным для конечных пользователей. Практика оптимизации изображений включает в себя несколько ключевых аспектов, общих для всего SEO - как быстро загружаются ваши изображения и насколько хорошо их понимают поисковые системы. Оптимизация размеров ваших изображений и размера файла гарантирует, что вы предприняли правильные шаги для повышения своего рейтинга. Кроме того, предоставление контекстной информации через заголовок изображений и замещающий текст помогает вам опередить конкурентов в поиске Google.