Seo картинки: SEO-оптимизация изображений и тонкости их продвижения

Содержание

Блог ROOKEE

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

Как происходит продвижение картинок

Раскрутка сайта

Продвижение сайта

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

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

Какие запросы наиболее эффективны при продвижении картинками

Изображения помогают продвигать любые мультимедийные запросы. Это запросы, в которых пользователя интересует медиаконтент. Примеры:

  • «установка ламината видео»,
  • «кухня в стиле хайтек фото»,
  • «двухкамерные пластиковые окна фото».

Продвижение картинок актуально и для запросов, которые связаны с событиями. К примеру, если пользователя интересуют «подарки к Новому году». Любой праздник значительно увеличивает количество переходов по картинке – это положительный фактор для любого сайта.

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

Основы оптимизации изображений

СЕО

SEO

Уникальность изображения – важнейшее требование. Технологии развиваются семимильными шагами, и роботы все лучше интерпретируют изображения в текстах. Поэтому необходимо бросить все силы на создание уникальных изображений: сделанных в редакторе или сфотографированных специально для вашего сайта. Определить уникальность изображения поможет сервис TinEye.

Вторым по значению идет описание изображения в теге alt. Оно должно отражать суть изображения и релевантные ключевые слова. У каждого изображения должен быть не только alt, но и тег title. Не забывайте о важности вхождения ключевых слов в URL: это нужно не только для продвигаемых страниц, но и для изображений. Можно писать их как на кириллице, так и транслитом, но существует мнение, что при транслите эффективность продвижения возрастает.

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

Оптимизация сайта в Яндекс и Google

Оптимизация сайта

Для коммерческих ресурсов действует правило: сначала по ключевым запросам продвигается страница, затем изображения в ней.

Для наиболее эффективного продвижения изображений стоит использовать формат jpg. Это подтверждается статистикой: посмотрите топ изображений в любой тематике, и вы заметите, что почти все изображения размещены именно в этом формате. GIF, png и другие далеко позади jpg.

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

Основы продвижения изображений

Основы продвижения картинок

Основы оптимизации изображений

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

  1. Ссылки на продвигаемое изображение на других сайтах. Для этого выбирайте только схожие по тематике ресурсы.
  2. Размещение изображения на авторитетном сайте. Здесь активная ссылка не важна, но нужно прописать адрес сайта в тегах Title и alt.

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

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

Можно ли уникализировать картинку

Поскольку поисковые роботы развиваются, многие методы перестают работать. Рассмотрим некоторые из них:

  1. Цветокоррекция. Поисковые системы преобразуют изображение в черно-белый формат.
  2. Масштабирование и другие действия с размером.
  3. Рамка. Перед анализом изображения обрезаются по краям.
  4. Водяные знаки.
  5. Изменение формата.

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

SEO оптимизация изображений — Как получать трафик за счет SEO оптимизации изображений |

На продвигаемый сайт можно привлекать дополнительный трафик за счет поисковой оптимизации изображений.

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

Трафик на сайте влияет на конверсии и на позиции сайта в выдаче поисковой системы. Например, в расчете индекса качества для сайтов Яндекс определил трафик как один из главных параметров оценки сайта.

Рекомендованное чтиво про индекс качества сайта на сайте MegaIndex по ссылке далее — Яндекс показал поисковым оптимизаторам Х.

Обычно проект по поисковой оптимизации сайта выглядит следующим образом:

  • Внедрили адаптивную верстку сайта;
  • Ускорили загрузку страниц;
  • Переработали заголовки;
  • Переработали мета-теги;
  • Добавили перелинковку используя совместимые товары для коммерческих сайтов или страницы «вы смотрели» для сайтов информационной тематики;
  • Улучшили представление контента: характеристики, фотографии;
  • Создали дополнительные эффективные лендинги;
  • Создали систему скидок для коммерческих типов сайтов, запустили e-mail рассылки для любых типов сайтов.

Но полный спектр комплекса мер по поисковой оптимизации значительно шире. Например, в поисковой оптимизации есть понятие SEO friendly images.

Рассмотрим тему оптимизации изображений в плане продвижения в поисковой выдачи и привлечения трафика.

SEO оптимизация изображений


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

Оптимизируйте свои страницы и изображения на них так, чтобы их можно было найти в поиске по картинкам. Для этого следуйте приведенным ниже рекомендациям.

Поисковая оптимизация изображений проводится для привлечения трафика на сайт из выдачи поиска по изображениям.

У поисковых систем Google и Яндекс есть специальные системы поиска по изображениям:


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

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

SEO продвижение картинок нужно для улучшения ранжирования в приведенных выше поисковых системах.

Поиск по изображениям развивается.

Например, в Google теперь выводятся расширенные подписи к изображениям.

Также в поисковой выдаче появился еще один контекстный элемент. По определенным поисковым запросам в выдаче добавлена разметка с использованием значков, например значки — «рецепт», «видео», «товар».

Чтобы контекстный элемент значка выводился рядом с изображением необходимо использовать структурированные данные.

Список структурированных данных, поддерживаемых поисковой системой Google:


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

Но при выполнении комплекса мероприятий по поисковой оптимизации изображений возникает ряд нюансов:

  • Заполнение каких именно атрибутов изображений влияет на ранжирование в поиске по картинкам;
  • Влияют ли анкорные ссылки на продвижение изображений;
  • Передаются ли заполненные атрибуты изображений как текстовые вхождения в анкор-лист документа.

Для ответа на вопросы экспертами был проведен эксперимент.

Как проводился эксперимент


Для проведения эксперимента, сначала ключевые фразы были добавлены в следующие зоны:
  • Имя файла изображение;
  • Alt описание изображения;
  • Title изображения;
  • Longdesc;
  • Name;
  • Окружающий текст;
  • Title страницы;
  • Внутренние анкоры на страницу;
  • Внутренние анкоры на изображение;
  • Внешние анкоры на страницу;
  • Внешние анкоры на изображение;
  • Свойства изображения;
  • Атрибуты на стороннем сайте.

Далее было проверено, находятся ли изображения через поисковые системы по внесенным ключевым фразам.

Поисковая система применяет определенный алгоритм оценки к найденным изображениям, которые размещены на продвигаемых сайтах.

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

В зависимости от поисковой системы были получены разные результаты.

Выводы собраны в отчет и приведены далее.

Выводы


Вывод для системы поиска по изображениям от Google:

Выводы для системы поиска по изображениям от Яндекс:

Выводы для поисковой системы Google:

Выводы для поисковой системы Яндекс:

Основные выводы о поисковой оптимизации изображений для поисковой системы Google следующие:

  • В Google факторы для одного изображения становятся документными — влияют сразу на все изображения страницы;
  • Атрибут alt учитывается в основной выдаче как текст;
  • Учитывается имя изображения.

Основные выводы о поисковой оптимизации изображений для поисковой системы Яндекс следующие:
  • В Яндекс обнаружено всего 5 факторов: атрибуты на стороннем сайте, title страницы, title изображения, окружающий текст, alt изображение;
  • Атрибуты изображений никак не влияют на основную выдачу.

Больше рекомендаций по оптимизации изображения в следующем списке:
  • Для продвижения изображений, добавляйте на сайт большие изображения. Исходя из практики, большие изображения ранжируются лучше;
  • Правильно размещайте изображения в тексте страницы и подбирайте для изображений содержательные заголовки, названия файлов и подписи. Google извлекает информацию о теме изображения из контента на странице, включая заголовки картинок и подписи к ним. Размещайте изображения рядом с текстом, к которому они относятся. Соответственно, при продвижении картинок не используйте галереи;
  • Добавьте описания изображений в атрибуты alt. Определяя тему изображения, Google учитывает описания в атрибутах alt, а также результаты распознавания образов и контент страницы. Но не злоупотребляйте ключевыми словами, поскольку манипуляция производит неблагоприятное впечатление на пользователей и может быть воспринято поисковой системой как спам;
  • Используйте файлы Sitemap для изображений.

Содержание alt картинки должно состоять из ключевых слов.
Длина SEO альт текста для изображения должна быть от 3-4 слов, но не более 250 символов. Согласно тестам, текст за пределами 250 символов не учитывается.

Если на продвигаемом сайте есть визуальный контент, предназначенный для просмотра исключительно взрослыми, рекомендуется размещать подобные изображения отдельно, иначе из поисковой выдачи могут быть исключены все изображения. Например: google.com/disallow/image.jpg.

Большие изображения могут оказывать нагрузку на открытие страницы, снижать скорость загрузки, снижая позиции по мобильной выдаче. Но проблема легко решается при помощи оптимизации растровых изображений, использования системы адаптивности и тега picture. Пример кода:

<picture>
  <source media="(min-width: 800px)" srcset="head.jpg, head-2x.jpg 2x">
  <source media="(min-width: 450px)" srcset="head-small.jpg, head-small-2x.jpg 2x">
  <img src="head-fb.jpg" srcset="head-fb-2x.jpg 2x" alt="a head carved out of wood">
</picture>

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

Продвижение сайта за счет использования изображений


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

При создании контента авторы часто обращаются к поиску по изображениям.
Найденные изображения размещаются в контенте.

Обычно в целях экономии пространства на хостинге, изображения не скачиваются, а размещаются по ссылке.

Размещенное по ссылке изображение также является ссылкой и передает статический вес. Также, в случае использования alt текста, передается и анкорный вес.
Соответственно, продвигая изображения в поиске по картинкам можно ожидать:

  • Прирост трафика;
  • Прирост статического веса;
  • Прирост анкорного веса.

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

Подобные данные поддаются анализу. Используя MegaIndex можно провести выгрузку всех внешних ссылок для сайта и с пометкой о зоне размещения ссылки.

Например, можно находить ссылки-картинки.

Также можно узнать о зоне размещения ссылки:

  • Ссылка в основном контенте страницы;
  • Ссылки в комментариях.

Выгрузить все внешние ссылки можно используя онлайн сервис или API.

Выгрузка через API происходит посредством использования методов, полный список методов доступен по следующей ссылке — MegaIndex API.

Пример запроса к API для сайта indexoid:

http://api.megaindex.com/backlinks?key={ключ}&domain=indexoid.com

Пример запроса к API для сайта wixfy с запросом внешних ссылок по анкору wix:
http://api.megaindex.com/backlinks?key={ключ}&domain=wixfy.com&anchor=wix

Выгрузку внешних ссылок можно сделать онлайн, через сервис.

Ссылка на сервис — Внешние ссылки.

Пример:

Если на изображение размещено много ссылок, можно использовать редирект для передачи веса с изображения на документ.

Достаточно для адреса изображения настроить 301-ый редирект.

С дисконтом вес от ссылок на изображение будет передан целевой странице.

Комментарии экспертов


Комментарии экспертов по теме оптимизации картинок далее.

Михаил Шакин

1. Да, внутреннюю оптимизацию изображений провожу для каждого продвигаемого сайта в обязательном порядке. Это позволяет продвигаемым страницам быстрее загружаться.

Оптимизацию картинок делаю по двум направлениям — уменьшаю размер для ускорения скорости загрузки и делаю SEO оптимизацию (заполняю атрибут alt и title изображений, прописываю название картинки).

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

2. Для оптимизации изображений я пробовал самые разные решения. В итоге использую платный сервис optipic.io. Он позволяет оптимизировать все изображения на сайте в фоне. Можно сделать настройки, чтобы качество практически не ухудшалось.


Дмитрий Севальнев

1. Для клиентов на SEO проводится базовая оптимизация под вертикальный поиск изображений.
Сюда входит: атрибуты alt и title, окружающих текст изображений.

Вообще тема продвижения изображений в этом вертикальном поиске особенно актуальна в «картиночных» тематиках, где много трафика приходится на yandex.ru/images/ и аналогичные поисковые системы.

Сюда можно отнести: одежду, обувь, свадебные платья, украшения,…

2. Фундаментальное продвижение в поиске по картинкам можно рассматривать как отдельную услуг.
Оптимизация для поиск по картинкам в Яндексе и Google — существенно отличаются.

Особое внимание следующим факторам:
— Индексации изображений. Часто наблюдаются сложности из-за использования галерей.
— Окружение картинки: от текста-описания, до тега Title самой станицы.
— Размеру картинки в пикселях.
— Атрибутам картинки: alt, title.

Если речь о конкурентных тематиках, то на первую роль выходит:
— Растиражированность изображения (часто используемые изображения — всегда ранжируются выше, а приоритет отдается источнику с максимальным размером).
— Вес изображения и его пропорции.
— Ссылки на страницу и картинку (но тут требуется быть осторожным, прямые текстовые ссылки могут сильно понизить картинку в поиске Google, тут есть свои хитрости =)


Константин Розенштраус-Макаров

Мы находимся не в той нише, где мы можем получить большой поисковый трафик благодаря изображениям (это хорошо работает для ecommerce — особенно одежда, обувь — те вещи, у которых внешний вид — решающий фактор).

Единственное потенциальное направление — это продвижение шаблонов для рассылки, которые доступны у нас в сервисе. Но поскольку конверсия шаблонов в пользователя сервиса достаточно низкая, а количество шаблонов ограничено — мы не делаем на этом акцент. ALT текст для превью шаблона — единственное, что обязательно делаем.


Диана Мельник
При проведении тех. аудита сайта, мы обязательно проверяем, оптимизированы ли изображения под поисковые системы. Грамотная и правильная оптимизация изображений может помочь повысить рейтинг сайта в поисковиках, оптимизировать скорость загрузки сайта. Кроме того, что нужно прописывать атрибут alt и title для каждого изображения, важно также не забывать о формате, размере, тексте около картинки, уникальности изображения; можно ставить внешние ссылки на изображения, добавить карту сайта для изображений и ещё много другого. Обращайтесь в нашу компанию и мы проведём комплексный аудит и оптимизацию вашего сайта.

Андрей Воропаев
1. Да конечно проводим, делаем. С учетом того что изображения могут быть очень «тяжелыми» для веба, а это влияет на скорость загрузки сильно, делать это нужно обязательно «маст хев»

Так как скорости и мощности многим позволяют загружать/редактировать изображения порой диву даешься насколько огромные и тяжелые изображения. Кроме того что они огромны по разрешению и размера файла, бывает совсем не соответствуют размерам для отображения. Современные технологии, HTML позволяют при этом все отобразить как нужно. Часто вебмастер очень неряшливо относится к картинкам, фотографиям, логотипам, иконкам и т.п.

Это все усложняет загрузку в разы что отображается в конце концов на удобстве использования, что влияет на ПФ-факторы и на позиции в конце-концов тоже

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

Seo продвижение сайта. Оптимизация картинок

Сео-продвижение сайта невозможно представить без контента. Даже в единичных случаях продвижения лендингов-одностраничников в Топ содержимое страницы играет ключевую роль. Рассмотрим правила и рекомендации для оптимизации изображений на сайте.

См. также Seo продвижение сайта. Оптимизация текста

Оптимизация картинок для seo-продвижения

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

Оригинальность

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

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

Формат, размер и вес

Часто горе-мастера запихивают на сайт исходник фото, и в итоге до сих пор встречаются огромные картинки весом до 6 Мб и размером до 6000 пикс по горизонтали. Выглядит на сайте как обычная фотография, а загрузка сайта увеличивается на десятки секунд.

Что делать — желательно использовать формат .jpg, средний оптимальный размер картинки 600-800 пикс по горизонтали, вес желательно уменьшить до 60-80 Кб. Обрезать, изменить размер и отформатировать поможет программа FastStone Image Viewer, а сжать фото без ощутимой потери качества поможет сервис OptimiZilla.

Техническая настройка

У картинки есть несколько технических атрибутов, которые помогают поисковикам определить к чему она относится, что на ней изображено. Хотя Яндекс и заявляет, что их нейросеть уже умеет определять содержимое картинки, до идеальной работы понадобятся ещё годы. А пока мы можем использовать атрибут alt — записываем что изображено на картинке. Особенно важно это для продажи товаров и услуг. Атрибут title — это описание, которое будет показано при наведении курсора на картинку.

Что делать — не нужно перегружать alt лишней информацией, такой как «Резиновый утенок найти купить заказать  ООО Наша утка г.Москва, ул.Небывалая», достаточно такого описания, по которому пользователи будут искать товар в интернете. Title использовать не обязательно.

Количество картинок

Отталкиваемся от рекомендации «полезно для пользователей». Изображения должны дополнять и разбавлять контент, поэтому используйте их по контексту. Что делать — для информационных статей рекомендуем примерно 1 картинку на 1500 симв, если статья про визуал (например, виды каминов), можно увеличить количество картинок, но не перегружать однотипными. Помните старую примету — если хозяева хотят показать свои фотоальбомы — значит вы засиделись в гостях. От большого количества визуала пользователь тоже устает.

Требуется качественное SEO-продвижение? Обращайтесь! Проведем аудит, разработаем стратегию и запустим SEO-продвижение под ключ! Подробнее

Поделиться ссылкой:

Редактор и автор статей о маркетинге, програмном обеспечении, косметологии и медицине.

оптимизация фото и изображений под поисковые системы

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

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

Какие запросы эффективно продвигать посредством картинок?

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

  • как отремонтировать ванную видео;
  • металлопластиковые окна фото;
  • дизайн интерьера модерн фото.

Такие запросы различных тематик вводят пользователи, которые находятся в поиске определенного контента.

Также продвижение картинок актуально для общих запросов, к которым прибавлено какое-либо событие. Например, запрос «подарки ко дню Святого Валентина» и аналогичные. Любой праздник способен существенно увеличить количество переходов по картинке в сутки, что является положительным для любого интернет-ресурса. Необходимо отметить, что и в Яндексе, и в Google по правильно оптимизированным изображениям достаточно существенное количество переходов.

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

Основные аспекты процесса оптимизации изображений

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

Альтернативное текстовое описание – <img src=’картинка’ alt=’описание картинки’>. Данный тег важен для каждого изображения. В описании предпочтительнее прописать ключевые слова либо описать непосредственно само изображение. Title также важен, необходимо обеспечить его наличие у каждого изображения. Ключевые слова можно использовать те же, что и ранее.

Важно погрузить иллюстрацию в текст, который ей соответствует и также включает слова, по которым осуществляется продвижение. Успешное продвижение любых картинок полностью зависит от веса страниц, на которых они размещены. Скорость и простоту вхождения в ТОП изображению способна обеспечить лишь профессионально прокаченная страница. Для коммерческих ресурсов существует правило: сначала необходимо продвинуть страницу по соответствующим ключевым словам, а уж потом – изображение, размещенное на ней. URL картинки должен содержать ключевое слово, поскольку это способно оказать непосредственное влияние на эффективность продвижения. Ключи можно прописывать и кириллицей, и транслитом. Опытные web-мастера отмечают, что при написании транслитом эффективность продвижения изображения повышается.

Наиболее предпочтительным для эффективного продвижения изображений форматом является jpg. Это проверено уже многими СЕО-специалистами. Если посмотреть на ТОП изображений самой разнообразной тематики, то к данному формату принадлежит практически 70%, остальные 30% охватывают GIF, PNG и другие. На скорость загрузки страницы непосредственное влияние оказывает размер каждой картинки в килобайтах. Данному вопросу также следует уделить внимание, поскольку много тяжелых по весу картинок, расположенных на одной странице, будут мешать ее быстрой загрузке, что создаст дискомфорт для пользователя.

После того, как изображение было оптимизировано, пора переходить к его продвижению.

Основные аспекты процесса продвижения картинок

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

Первое, о чем необходимо побеспокоиться, это наличие перенаправлений с других ресурсов на продвигаемое изображение. Такие перенаправления могут быть в виде ссылки с анкором либо другой картинки. Для размещения внешних ссылок предпочтительнее подбирать схожие по тематике сайты.

Также можно произвести размещение картинки на каком-либо авторитетном ресурсе, при этом активную ссылку можно не делать. Главное – это наличие у изображения адреса, прописанных Title и alt.

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

Изображения для сайта | SEO-портал

Размер файлов изображений влияет на скорость загрузки сайта, а поисковые системы учитывают этот фактор при ранжировании. Поэтому вопрос «как сжать картинку без потери качества?» всегда актуален.

Мы подобрали список сервисов, которые помогут сжать изображение до 90%. В некоторых из них изображение можно обработать: обрезать, нанести водяной знак или изменить цвет.

Сервисы для сжатия картинок
Сервис Форматы Описание
Compressor JPG, PNG, GIF, SVG Сжимает изображение до 90 %, есть два варианта сжатия: с потерей качества и без.
Iloveimg JPG, PNG, GIF Бесплатный онлайн-редактор изображений. В нем можно сжать картинку, изменить ее размер, обрезать, редактировать, нанести на нее водяной знак развернуть. Сжимает изображение без потери качества.
Websiteplanet JPG, PNG Сжимает файлы до 80%, сохраняет их прозрачность. Помимо этого, сервис включает в себя инструменты для веб-мастеров, для анализа работы сайта, минификатор JS и CSS и многое другое.
Onlineconvertfree PNG, GIF, BMP, TIFF, PDS, JPG, ICO Работает с различными типами документов, изображений, видео, аудио, архивов, книг.
Compresss JPG, PNG, GIF, SVG, WEBP Подходит для сжатия всех видов файлов веб-сайта, включая HTML, CSS, JAVASCRIPT, XML, JSON, JPG, PNG, GIF, SVG, WEBP, HEIC, PDF, Word, Excel или PowerPoint и т. д. Кроме того, Compresss может конвертировать все виды видео (например, MP4, WEBM, MOV, MKV или WMV) И аудио (такие как MP3, M4A, AAC, OGG или WAV).

Подробнее

Картинки для сайта — где найти и как выбрать нужное изображение?

Где найти картинки для сайта?

Изображения для свободного использования в коммерческих и некоммерческих целях можно получить бесплатно и за деньги.

Бесплатные стоки

Бесплатные фотостоки работают по лицензии CCO. Сейчас их очень много, вот некоторые из них:


  • Плюсы: можно найти картинки для сайта бесплатно по темам и категорям, при этом авторство указывать обязательно. Использовать можно по своему усмотрению, в том числе изменять.
  • Минусы: искать подходящую иллюстрацию можно очень долго (и не найти).

Платные фотобанки

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

Примеры фотобанков:


  • Плюсы: найти нужные изображения для сайта можно гораздо быстрее — выбор там гораздо больше, чем на бесплатных площадках. Некоторые сервисы присылают подборки фотографий для свободного использования на e-mail.
  • Минусы: придется заплатить.

Напрямую у фотографов и графических дизайнеров

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


  • Плюсы: уникальный иллюстративный материал, созданный по вашим требованиям и параметрам.
  • Минусы: заплатить придется больше, чем за фотобанк. Кроме того, в условиях нехватки времени работа с фрилансерами может стать трудоемкой — нужно быть на связи, отвечать на вопросы, исправлять макеты, утверждать финальный вариант. Если же время у вас есть, то этот минус выпадает из списка.

Создавать самому

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

Также можно пользоваться простыми онлайн-редакторами, которые помогают создавать иллюстрации разных форматов для разных целей:


  • Плюсы: можно не платить (у онлайн-редакторов есть и бесплатные тарифные планы), не нужно кому-то объяснять, что должно получиться, — все можно сделать самостоятельно.
  • Минусы: чаще всего это требует усилий и времени, особенно если это побочная деятельность: например, если вы копирайтер и основное ваше дело — писать тексты, то на самообучение может понадобиться в том числе нерабочее время.

Как выбрать размер изображения?

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

Чтобы пользователь открыл страницу и сразу увидел изображение целиком, нужно заранее задать ей адекватные параметры и оптимизировать вес (а еще желательно внедрить адаптивный дизайн, который любят все — и поисковики, и пользователи).

Размер изображения

Идеальные размеры картинок для сайта у всех свои. Но относительно универсальным можно считать разрешение от 900х700 пикселей и меньше. Этого будет достаточно, чтобы пользователь видел изображение без дополнительных манипуляций, при этом оно не будет закрывать весь экран или, наоборот, теряться из виду.

Если нужно выбрать картинку под заданное место на сайте, можно пользоваться специальными расширениями для браузеров: например, линейка Page Ruler рассчитывает размер элементов в пикселях.

Наводите курсор на нужный объект, и сервис посчитает его размер

Вес фотогафий и иллюстраций

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

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

В зависимости от порога веса картинки, можно увеличить или уменьшить качество

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

Как выбрать картинки для сайта и создать свой стиль: советы

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

Фотографии пирожных с сайта пекарни «Хлебница» сделаны в теплых тонах — это вызывает приятные ассоциации

  1. Добавляйте элементы корпоративного цвета. Даже среди бесплатных изображений для сайта можно найти картинки подходящих цветов. А если делать изображения самим, то можно собственноручно расставлять акценты.

Корпоративный цвет SEO.RU — зеленый, и мы стараемся использовать его в том числе при оформлении статей в блоге

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

На сайте образовательной платформы «Теории и практики» превью одной из статей состоит из двух фотографий — оно привлекает внимание контрастом и ярким оформлением

  1. Экспериментируйте со связкой текста и изображений — такие картинки очень нравятся пользователям, поэтому получают социальный отклик.

Именно так работает инфографика — пример с сайта Лаборатории реактивного движения НАСА

  1. 5. Просматривайте другие блоги и порталы, изучайте их иллюстративную составляющую. Только не занимайтесь плагиатом, а комбинируйте идеи и методы обработки, дополняйте детали и анализируйте тенденции.

Картинки для сайта — мощный инструмент привлечения и удержания внимания. С его помощью вы можете заметно улучшить качество контента и получить отдачу в виде роста трафика и новых пользователей.

Зачем оптимизировать картинки на сайте?

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

Следует выполнить комплексную оптимизацию изображений:

  • они должны быть высокого качества,

  • подходящего формата, размера и разрешения,

  • одинаково хорошо отображаться на любых устройствах

  • и не замедлять быстродействие страниц.

Работы по оптимизации картинок предстоит много, но результат того стоит! 

Сперва рекомендуем посмотреть наш видеоролик, чтобы ознакомиться с темой!

Основные требования к оптимизации изображений.

1. Формат изображений

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

  • JPG/JPEG − используется для больших, детализированных фото, скриншотов, градиентных иллюстраций;
  • PNG − оптимален для небольших изображений, где важно сохранить прозрачность фона: логотипов, значков и прочих дизайнерских элементов;
  • SVG − подходит для векторных изображений: кнопок, иконок, диаграмм;
  • GIF − формат анимированных картинок и динамичных рекламных баннеров.

Существуют и альтернативные форматы – WebP и JPEG-XR. Они весят меньше, но пока поддерживаются не всеми браузерами.

2. Качество изображений

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

Важным фактором качества изображений является релевантность − соответствие теме статьи и размещение рядом с текстом, который они иллюстрируют.

3. Размер и вес изображений

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

Сжать иллюстрации вручную можно практически в любом графическом редакторе, отслеживая, чтобы на выходе не испортилась графика, а картинка получилась неразмытой и четкой. Или воспользоваться одним из онлайн-инструментов для автоматической оптимизации изображений – после обработки они становятся «легче» без потери качества.

4. Размещение изображений

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

Для корректной привязки изображений к сайту следует хранить их на своем домене или поддомене. Если же размер файлов слишком большой, поможет оптимизация изображений.

Если на сайте используется большое количество изображений, отличной идеей станет использование CDN – cети доставки контента (Content Delivery Networks).

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

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

Это означает, что если ваш сайт содержит изображение в 3 МБ, а кто-то запрашивает его на экран шириной 400 пикселей, CDN сделает копию картинки размером 40 КБ и шириной 400 пикселей и в будущем будет использовать ее для отображения на мобильных устройствах пользователей, таким образом делая сайт быстрее.

5. Названия картинок

Для передачи поисковым системам дополнительной информации о содержании картинки необходимо давать ей правильное и релевантное название.

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

Пример плохого названия изображения

Пример хорошего названия изображения

6. Атрибуты ALT и TITLE

Атрибуты ALT и TITLE выступают в качестве подсказки о содержании картинки как для поисковиков, так и для пользователей. Для страниц, контент которых в основном представлен изображениями, заполнение атрибутов TITLE и ALT стратегически важно.

ALT − это альтернативный текст, видимый пользователю, даже если изображение не прогрузилось. Он должен быть информативным, описывать суть или содержимое картинки, включать ключевые слова. Размер ограничивается 150 символами с учетом пробелов.

Title − текст, который выводится при наведении курсора на изображение. Должен емко и точно передавать его смысл. Текст является тизером: на оптимизированных таким образом картинках пользователи дольше останавливают внимание.

7. Расположение изображений на странице

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

Не следует размещать важную информацию на самом изображении: текст не сканируется браузерами.

8. Sitemap: карта изображений

Настройка Sitemap для картинок поможет поисковым роботам проиндексировать все изображения на страницах сайта, даже те, которые загружаются с помощью JavaScript.

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

9. Микроразметка

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

Это позволит пользователям получать более полное представление о сайте, благодаря чему его будут посещать наиболее заинтересованные из них.

Структурированные данные поддерживаются для следующих типов контента:

  • Товары

  • Видео

  • Рецепты

Микроразметка Open Graph необходима для настройки внешнего вида поста в соцсетях при репосте статьи с сайта и, соответственно, получения более качественного трафика. При публикации в соцсетях заливается уже оптимизированная картинка нужного размера с правильными заголовком и ссылкой, что повышает привлекательность поста.

10. Адаптивные изображения

Адаптивность равно необходимость. Чтобы картинки корректно отображались на любых устройствах, их размер должен соответствовать размерам экрана гаджета, с которого пользователь просматривает контент. 

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

Как сжать картинку без потери качества?

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

1. Compressor.io − бесплатный онлайн-сервис, позволяющий уменьшать вес картинок до 90 %, причем изображения форматов JPG и PNG можно оптимизировать без потери качества. Лимит по размерам загруженного файла – 10 MB.

2.  ILoveIMG.com − онлайн-редактор для обработки и оптимизации изображений до наименьшего возможного размера без потери визуального качества. Сжимает картинки в форматах PNG, JPEG, GIF, а также преобразует сырые форматы TIFF и RAW в формат JPEG. Предусматривает возможность добавления водяных знаков.

3. Image Compressor − оптимизатор изображений, позволяющий сжать одновременно до 20 картинок в форматах JPEG и PNG до минимально возможного уровня.

4. Kraken.io − популярный интерфейс, в котором предусмотрена функция оптимизации изображений веб-ресурса: нужно ввести url сайта и получить архив с уже сжатыми изображениями.

5. Imagify.io − продвинутый инструмент для оптимизации изображений в WordPress, не уступающий по функционалу полноценным графическим пакетам. Имеет более 300 000 активных установок. Поддерживает широкий спектр типов файлов. Доступно 3 уровня оптимизации веса картинок до 98 % как с потерями, так и без. 

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

Pinterest

Pinterest входит в топ-5 социальных сетей мира. В ней всего 250 млн пользователей, но практически каждый из них ищет здесь идеи, вдохновение и товары и готов потратиться на понравившиеся вещи. 

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

Если на сайте есть привлекательные оптимизированные изображения или видео, стоит включить Pinterest в стратегию: он приведет горячий трафик на ресурс совершенно бесплатно. Кроме того, платформа − отличный инструмент для развития бизнеса, предоставляющий огромный шанс быть впереди конкурентов.

Заключение

Оптимизация изображений – важная часть комплексного продвижения сайта в интернете.

Если картинки залиты в плохом качестве, долго загружаются – это отрицательно скажется на поведении пользователей и понизит рейтинг сайта в поисковиках.

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

Для эффективной оптимизации изображений все вышеописанные методы следует применять в комплексе.



Статью подготовила Полина Зарубицкая, 
ведущий спикер Webcom Academy.

Поделиться с друзьями:

Оптимизация изображений для поисковых систем • Yoast

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

Всегда использовать изображения

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

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

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

Поиск картинок Google показывает гораздо больше, чем просто изображения

Поиск подходящего изображения

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

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

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

Альтернативы

Если у вас нет оригинальных изображений, которые вы можете использовать, есть другие способы найти уникальные изображения и при этом избегать стоковых фотографий.Например, Flickr.com — хороший источник изображений, так как вы можете использовать изображения Creative Commons. Только не забудьте указать оригинального фотографа. Нам также нравятся изображения, предоставленные такими сайтами, как Unsplash. У нас есть запись в блоге, которая дает вам отличный обзор того, где можно получить отличные изображения. Держитесь подальше от очевидных стоковых фотографий, а если вы используете стоковые фотографии, выбирайте те, которые выглядят (ну ладно, чуть-чуть) более подлинными. Но что бы вы ни использовали, вы, вероятно, обнаружите, что изображения с людьми на них всегда выглядят как стоковые фотографии.Если только вы сами не сделали фотографии, что (на наш взгляд) всегда является лучшей идеей.

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

Анимированные GIF-файлы — это круто, но тяжело загружаются

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

Подробнее: Изображения для постов в блоге: зачем их использовать и где их найти »

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

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

Выберите правильное имя файла

Оптимизация изображений начинается с имени файла.Вы хотите, чтобы Google знал, о чем изображение, даже не глядя на него, поэтому используйте ключевую фразу фокуса в имени файла изображения. Все просто: если вы пишете статью о Нотр-Дам и используете изображение восхода солнца в Париже над собором Парижской Богоматери, имя файла не должно быть DSC4536.jpg. Правильное имя файла будет notre-dame-paris-sunrise.jpg, убедитесь, что основной объект фотографии (и вашей статьи) находится в начале имени файла.

Выберите правильный формат

Для изображений правильный формат не существует; это зависит от типа изображения и от того, как вы хотите его использовать.Короче говоря, мы рекомендуем:

  • выберите JPEG для больших фотографий или иллюстраций: это даст вам хорошие результаты с точки зрения цветов и четкости при относительно небольшом размере файла;
  • используйте PNG, если вы хотите сохранить прозрачность фона в вашем изображении;
  • или используйте WebP вместо JPEG и PNG. Это даст высококачественные результаты с файлами меньшего размера. Вы можете использовать такие инструменты, как Squoosh, для преобразования изображения в WebP.
  • используйте SVG для логотипов и значков. С помощью CSS или JavaScript вы можете управлять изображениями в формате SVG, например, изменять их размер без потери качества.

Если вы знаете, что большая часть вашей аудитории использует определенные браузеры или устройства, обязательно проверьте, поддерживаются ли предпочитаемый вами формат этими браузерами на CanIuse.com.

Когда вы выбрали правильное имя и формат, пришло время изменить размер и оптимизировать изображение!

Масштаб для изображений SEO

Время загрузки важно для UX и SEO. Чем быстрее сайт, тем проще пользователям и поисковым системам посещать (и индексировать) страницу. Изображения могут иметь большое влияние на время загрузки, особенно когда вы загружаете огромное изображение, чтобы отобразить его очень маленьким — например, изображение размером 2500 × 1500 пикселей, отображаемое в размере 250 × 150 пикселей — поскольку все изображение все еще должно быть загружено.Поэтому измените размер изображения так, как вы хотите, чтобы оно отображалось. WordPress помогает вам сделать это, автоматически предоставляя изображение в нескольких размерах после его загрузки. К сожалению, это не означает, что размер файла также оптимизирован, это просто размер отображаемого изображения. Так что подумайте о размере, в котором вы загружаете свои изображения!

Использовать адаптивные изображения

Это также важно для SEO, и если вы используете WordPress, это сделано для вас, поскольку оно было добавлено по умолчанию с версии 4.4. Изображения должны иметь атрибут srcset , который позволяет отображать разные изображения в зависимости от ширины экрана — это особенно полезно для мобильных устройств.

Уменьшить размер файла

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

Конечно, вы можете просто экспортировать изображение и поэкспериментировать с процентами качества, но мы предпочитаем использовать изображения максимально возможного качества, особенно учитывая популярность Retina и подобных экранов в наши дни.

Такие инструменты, как JPEGmini, могут значительно уменьшить размер файла изображения без артефактов.

Вы по-прежнему можете уменьшить размер файла этих изображений, например, удалив данные EXIF. Мы рекомендуем использовать такие инструменты, как ImageOptim, или такие веб-сайты, как Squoosh, JPEGmini, jpeg.io или Kraken.io.

После оптимизации изображений вы можете протестировать свою страницу с помощью таких инструментов, как Google PageSpeed ​​Insights, Lighthouse, WebPageTest.org или Pingdom.

Добавление изображения к статье

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

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

Подписи

Подпись к изображению — это текст, который сопровождает изображение на странице — если вы посмотрите на изображения в этой статье, это текст в сером поле под каждым из них.Почему подписи важны для SEO изображений? Потому что люди используют их при сканировании статьи. Люди, как правило, просматривают заголовки, изображения и подписи при просмотре веб-страницы. Еще в 1997 году Якоб Нильсен написал:

.

«Элементы, улучшающие сканирование, включают заголовки, крупный шрифт, полужирный текст, выделенный текст, маркированные списки, графику, подписи, тематические предложения и оглавления».

В 2012 году KissMetrics пошла еще дальше, заявив, что:

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

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

alt текст и заголовок текст

Текст alt (или тег alt) добавляется к изображению, поэтому на месте будет описательный текст, если изображение не может быть показано посетителю по какой-либо причине.Мы не можем выразить это лучше, чем Википедия:

.

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

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

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

» title имеет ряд проблем с доступностью, в основном из-за того, что поддержка программы чтения с экрана очень непредсказуема, и большинство браузеров не отобразит ее, если вы не наведете курсор мыши (например,грамм. нет доступа к пользователям клавиатуры)».

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

Продолжайте читать: Узнайте больше об оптимизации тегов alt и title »

Добавить структурированные данные изображения

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

При поиске Yoast SEO Premium в Google Images появляется этикетка продукта для нашей страницы продукта плагина

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

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

Карты OpenGraph и Twitter

Ранее мы упоминали об использовании изображений для публикации в социальных сетях. Если вы добавите следующий тег изображения в раздел  на странице HTML, например:

Это гарантирует, что изображение будет включено в вашу акцию на Facebook (например, OpenGraph также используется для Pinterest).

В нашем плагине Yoast SEO есть раздел «Социальные сети», где вы можете установить и — в версии Premium — даже просмотреть свои публикации в Facebook и Twitter. Премиум-пользователи также могут использовать интеграцию Zapier для автоматизации публикации на платформах социальных сетей. Обязательно используйте изображение высокого качества, такое как исходное изображение, которое вы использовали в публикации, поскольку социальные платформы чаще используют изображения более высокого качества/крупного размера. Если вы настроили это правильно, и оно не показывает правильное изображение, попробуйте очистить кеш Facebook в отладчике URL.Карточки Twitter делают то же самое для Twitter и также генерируются нашим плагином.

Карты сайта в формате XML

Если вы являетесь веб-разработчиком, вам могут быть интересны файлы Sitemap для изображений в формате XML. Я бы предпочел описать это как изображений в картах сайта XML . Google ясно об этом:

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

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

Обслуживание изображений через образ CDN

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

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

Существует множество CDN для изображений, таких как Sirv, Cloudinary и Imagekit. Кроме того, такие платформы, как Cloudflare, позволяют вам определять, как изменять размер, переформатировать и обслуживать изображения.

Оптимизация изображений: сводка

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

Помните об этом при добавлении изображения в статью:

  • Используйте релевантное изображение, которое соответствует вашему тексту
  • Выберите хорошее имя файла для вашего изображения
  • Убедитесь, что размеры изображения соответствуют отображаемому размеру изображения
  • Используйте srcset , если возможно
  • Уменьшите размер файла для более быстрой загрузки
  • При необходимости добавьте заголовок для облегчения сканирования страницы.
  • Используйте замещающий текст изображения.Нет необходимости в тексте заголовка
  • Добавьте к изображениям структурированные данные
  • Добавьте теги OpenGraph и Twitter Card для изображения
  • Используйте изображения в своих картах сайта XML
  • Подача изображений через CDN
  • Предоставьте весь контекст, который вы можете!

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

Читайте дальше: WordPress SEO: полное руководство по повышению рейтинга сайтов WordPress »

Эдвин Тунен

Эдвин — специалист по стратегическому контенту.Прежде чем присоединиться к Yoast, он годами оттачивал свое мастерство в ведущем нидерландском журнале о веб-дизайне.

500+ Free Seo & Google Images

Похожие изображения:googlemarketingwebsiteinternetwebbusinesscomputersocial mediasearch

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

681136цифровой маркетинг seo640120цифровой маркетинг31174интерфейс интернет702198ноутбук macbook google432106сводная диаграмма компьютера9человек заката океана18351seo маркетинг sem12120поисковая оптимизация… 12125adwords Seo семафор google8913office laptop27939facebook социальной MacBook media23657internet социального media14030Search Двигатель Optimiza … 26854business поиск seo17540seo онлайн analysis371108online marketing26557seo 3d websites12733digital marketing15633web домен service19927gui интерфейс internet16027seo optimization12428browser graphic15428seo Google search28741wordcloud tagcloud408woman ноутбук business10611analytics charts30456office freelancer11730business illustration2619business businessman667interface internet20547office freelancer135seo маркетинг strategy13924seo172search Google finger16148social медиа слово cloud558market реклама seo9111seo247компьютерная статистика5713google899аналитика6314поисковая система google9119код веб-сайта html6816google seo search7712seo google search637ipad google seo search258анализ исследования9017отзывчивая иллюстрация12238структурный план кодирования465seo поисковая система13418макет шаблона веб-сайта2636маркетинговый бизнес629программное обеспечение ресс веб-сайт22341блог SEO интернет web305успех SEO бизнес37554значок социальные медиа10818Поисковая оптимизация… 495seo поиск engine7812office стола кружка table228seo значок поиск engine269digital маркетинг seo152seo бизнеса design357social СМИ marketing494seo интернет marketing8630magnifying стекло google138analyses research205seo маркетинг agency16527wordpress WordPress logo418google seo74seo маркетинг agency375google логотип 201511120social СМИ marketing6711gui интерфейс internet819social медиа marketing91website веб browser7516web страница поисковой оптимизация digital5110hand держать globe909internet поиска engine5512google аналитик seo8024marketing business517gui интерфейс Интернет4413wordcloud tagcloud4510notes поисковый вопрос577seo веб-страницы веб-сайты61seo маркетинговое агентство678coffee seo cafe smoke11010bubbles поиск find597контент-маркетинг5112seo424интернет-социальные сети312код дизайна веб-сайта22538bubbles спасибо51seo маркетинговое агентство318веб-дизайн веб-сайт338специалист по SEO294seo google search392analytics google google.. 424seo positioning

8 Передовые методы SEO для изображений, чтобы сделать ваш контент более доступным для поиска

Чтобы рассмотреть важность визуального поиска в 2021 году, давайте начнем с примера.

На днях я погуглил «как провести vlookup в Excel». Я просмотрел несколько статей, но все еще чувствовал неудовлетворенность — я не хотел читать о vlookups, я хотел увидеть это.

Введите: Сила образов.

Как только я нажал «Изображения», я быстро нашел то, что мне было нужно:

Я знаю, что я не один.Фактически, в настоящее время половина всех поисковых запросов Google заканчивается на странице результатов поиска, и пользователь не переходит ни к каким результатам.

В 2021 году и далее маркетологи начинают обращать внимание на важность визуальных изображений как на мощную возможность привлечь новую аудиторию в поисковой выдаче.

Plus, как сказала мне менеджер по маркетингу HubSpot Кристен Бейкер: «После проведения эксперимента с изображениями в блоге HubSpot я обнаружил, что ранжирование в пакетах изображений Google увеличивает количество показов и кликов по нашему контенту.»

Но… легче сказать, чем сделать, верно?

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

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

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

Лучшие практики оптимизации изображений

1. Используйте релевантный, точный замещающий текст для удобства пользователей и SEO.

Напомню: замещающий текст — это написанная копия, описывающая изображение. Например, если вы нажмете на продукт попкорна Pipcorn и осмотрите страницу, вы увидите, что альтернативный текст точно описывает изображение продукта как «Popcorn Family Pack Popcorn Pipsnacks LLC»:

.

Альтернативный текст играет две важные роли в SEO.

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

Фактически, Google заявляет на своей странице для разработчиков: «Вы можете помочь в процессе обнаружения, убедившись, что ваши изображения и ваш сайт оптимизированы для Google Images… [и] увеличить вероятность того, что ваш контент появится в результатах поиска Google Images. .»

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

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

2. Рассмотрите возможность использования подписей для описания изображения.

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

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

.

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

3. Сжатие изображений для ускорения загрузки.

Сжатие изображений является жизненно важным компонентом любой хорошей стратегии оптимизации веб-сайта.

Почему?

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

Чтобы эффективно сжать изображения, попробуйте такой инструмент, как Compress JPEG или Squoosh.

Как правило, размер менее 100 КБ является идеальным с точки зрения хорошего размера файла.

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

Итак, если у вас есть небольшое изображение, где различия в качестве менее существенны, вы можете попробовать сжать это изображение до 30-50 КБ… что дает вам дополнительное пространство для сохранения другого изображения на 30 КБ больше, особенно если это изображение теряет качество после сжатия. .

Если вы все еще беспокоитесь о качестве изображения после сжатия, ознакомьтесь с разделом Как обеспечить высокое разрешение изображений.

4. Публикуйте оригинальные изображения, а не только стоковые фотографии.

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

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

Если ваше изображение не точно демонстрирует ваш продукт, оно будет скрыто под более качественными изображениями конкурентов.

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

5. Перед загрузкой изображений назовите их.

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

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

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

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

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

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

Однако при необходимости вы можете сделать ваши изображения адаптивными с помощью быстрого кода. Например, вы можете добавить этот код в свой HTML:

.

Природа

Или этот код для вашего CSS:

.отзывчивый {

  ширина: 100 %;

  высота: авто;

}

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

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

Например, рассмотрим следующий график, созданный широкополосным поиском:

Изображение в настоящее время занимает первое место на странице результатов поиска изображений по ключевым словам «сколько людей используют мобильные устройства для поиска».

Кроме того, по данным Ahrefs, этот пост в блоге имеет более 3000 обратных ссылок. Я готов поспорить, что эти обратные ссылки отчасти связаны с тем, что другие компании хотят использовать уникальные графики Broadband Search для своего собственного контента.

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

8. Добавьте изображения в существующую карту сайта.

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

Вот пример карты сайта с двумя изображениями:

К счастью, если вы не хотите добавлять изображения в карту сайта вручную, вам повезло — есть такие инструменты, как Angeldigital.Marketing (один из немногих доступных бесплатных!), который автоматически создает карту сайта изображения после ввода URL-адреса.

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

10 советов по оптимизации изображений для SEO

Но знаете ли вы, что упускаете возможность, если не оптимизируете изображения для SEO?

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

Продолжайте читать, если хотите узнать, почему SEO-оптимизация изображений важна и как оптимизировать изображения для SEO. Чтобы получить профессиональную помощь в оптимизации изображений для SEO, свяжитесь с нами онлайн или позвоните нам по телефону  888-601-5359 , чтобы узнать, как WebFX может помочь!

Почему SEO для изображений важно?

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

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

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

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

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

Оптимизированы ли изображения вашего сайта для SEO? Узнайте, почему оптимизация изображений важна, из нашего БЕСПЛАТНОГО руководства.

ПОКАЖИТЕ РУКОВОДСТВО

10 советов по SEO-оптимизации изображений

Узнайте, как оптимизировать изображения для SEO с помощью этих десяти советов по SEO-оптимизации изображений:

1.Знайте свои ключевые слова и ключевые фразы

Обязательно проведите исследование, как если бы вы оптимизировали остальную часть своего веб-сайта. Вы, вероятно, знаете ключевые поисковые термины, которые люди используют, чтобы найти вас в Интернете. Если вы знакомы с ключевыми словами, по которым вы ранжируетесь, отлично. Вы уже знаете, какие ключевые слова использовать при SEO-оптимизации изображений.

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

2. Следуйте рекомендациям по именованию изображений для SEO

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

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

3. Включите изображения в карты сайта

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

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

4. Оптимизация alt-тегов изображений

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

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

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

Надеемся, что все браузеры могут отображать ваши изображения.

Если все работает правильно, тег alt отображается, когда пользователи наводят указатель мыши на изображение.Но если по какой-то причине браузер не может отобразить ваше изображение, вместо него будет отображаться тег alt.

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

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

5. Включите теги заголовков

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

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

6. Напишите основной текст

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

Если вы думаете: «Но я веду веб-сайт с фотографиями — я не писатель!», вы не одиноки. Многим владельцам сайтов с большим количеством изображений не нравится идея тратить время на написание текста, если это не их сильная сторона.Однако многие фотографы (и другие профессионалы) решают эту проблему, добавляя блоги на свои сайты.

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

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

Нужны хорошие идеи для блога?

Генератор идей блога может помочь! Просто введите свою тему, и мы сделаем всю работу. Вы получите актуальные идеи для качественных постов в блоге, которые понравятся вашей аудитории.

Создавайте идеи для постов в блоге
7. Не скрывайте свой текст изображениями

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

Если вы действительно хотите использовать изображение вместо текста в качестве заголовка, не забудьте правильно пометить изображение, чтобы воспользоваться преимуществами оптимизированных изображений для SEO.

8. Рассмотрите различные форматы изображений

Если речь идет об изображениях, вы можете подумать, что типы файлов взаимозаменяемы. Кого волнует, является ли изображение JPEG, PNG или GIF? На самом деле, посетители будут.Если у вас много изображений, некоторые из них нужно будет сжать, чтобы обеспечить скорость сайта. Иногда это означает переход на меньший тип файла.

В большинстве случаев файлы JPEG занимают меньше всего места без ущерба для качества. Если вы не можете конвертировать изображения в JPEG, PNG — еще одна относительно небольшая альтернатива для оптимизации изображений.

9. Сжатие изображений

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

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

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

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

Файлы JPG, как правило, являются безопасным вариантом, поскольку они обеспечивают высочайшее качество при наименьшем размере файла, но другие типы файлов также работают.Проверьте свои варианты и посмотрите, какой тип обеспечивает нужное качество с наименьшим размером и временем загрузки.

10. Поделитесь своими фотографиями

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

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

Начните оптимизировать свои изображения для SEO

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

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

Как назвать изображения для SEO за считанные секунды

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

Именование изображений для SEO улучшит ваш рейтинг в поисковых системах и посещаемость сайта!

Этот совет делает это так просто – буквально за несколько секунд.

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

Почему изображения для SEO?

Изображения в блогах предлагают ряд преимуществ SEO.

Включая изображения на свои веб-страницы, вы:

  • Делаете ваши статьи более удобными для чтения (увеличивая время пребывания на странице).
  • Увеличьте количество социальных сетей (Google любит социальные доказательства).
  • Разрешить больше возможностей для ключевых слов.
  • Может получать трафик веб-сайта из поиска изображений Google.

Итак, вы знаете, что вам нужны изображения! Теперь давайте назовем их хорошо, чтобы помочь вам еще больше.

Как назвать изображения для SEO – БЫСТРО!

Поскольку вы знаете основы SEO, вы уже используете свои лучшие ключевые слова в заголовке и URL-адресе, верно?

Так что скопируйте и вставьте их для имен ваших изображений!

Убедитесь, что ключевые слова и изображение работают вместе: изображение должно описываться вашей ключевой фразой.

Как говорит Google:

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

Итак, шаг за шагом.

1 | Оптимизируйте URL своей страницы для ключевой фразы.

Обычно это один поисковый запрос, но иногда можно ввести 2 связанных.

Мои основные ключевые слова для этого поста:  как назвать изображения для SEO  и  изображения для SEO . Я отредактировал URL до как-назвать-изображения SEO, , удалив одно лишнее слово (также называемое «стоп-слова»).

В любом случае не беспокойтесь, вы всегда можете ранжироваться по ключевым словам, которые не указаны конкретно в вашем URL. Так что не используйте ключевые слова!

как-называть-изображения SEO НЕ

как-называть-изображения SEO-оптимизация-изображений-поиск-оптимизация-изображений

Понял?

2 | Скопируйте отредактированный URL/ключевую фразу.

Нажмите OK.

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

*ПРИМЕЧАНИЕ. Убедитесь, что изображение соответствует ключевой фразе, и наоборот! Подробнее о релевантности ближе к концу этой статьи.

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

Если у меня есть только 2 изображения для поста, я могу назвать их «ключевое слово-фраза-FB» и «ключевое слово-фраза-PIN». Конечно, у меня всегда есть хотя бы одно изображение для Facebook и одно для Pinterest!

Но когда я когда-либо иметь только 2 изображения на веб-странице?!?

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

: 5 SEO-Stept1 SEO-Step1

Оптимизация изображения-TIP1

Оптимизация -Images-SEO

SEO-Friendly-Image-Example1

И так далее.

Совет: См. совет 3 ниже, чтобы узнать, как сохранить файл изображения с правильным именем.

3 | Скопируйте ключевую фразу из заголовка сообщения в блоге.

Загрузите свое изображение и вставьте ключевую фразу в качестве альтернативного текста изображения , если это необходимо.

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

Вы можете добавить другие слова  после  своей ключевой фразы, например, Шаг 1, Шаг 2…

Всегда используйте замещающий текст и включайте релевантные ключевые слова.

 

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

Примечание. Добавлять текст в поле «Описание» не нужно.Это можно увидеть только на бэкэнде вашего сайта.

Полюбуйтесь своей работой.

Вот оно! Теперь у вас есть богатое ключевыми словами имя изображения и альтернативный текст, который вы просто скопировали и вставили за считанные секунды.

SEO для изображений: дополнительные советы!

Оптимизация изображений для SEO выходит далеко за рамки имени файла изображения.

Вот шаги по SEO-оптимизации изображений:

1 | Используйте релевантные изображения

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

В первую очередь обслуживайте читателей, добавляя полезные и релевантные изображения.

2 | Используйте правильное соглашение об именах изображений SEO

Google говорит нам, что «имена файлов и альтернативный текст лучше всего, когда они короткие, но описательные». source

Выше мы подробно рассмотрели присвоение имен изображениям.

3 | Сохраняйте изображения в файле правильного типа

При прочих равных условиях Google предпочитает сайты, которые загружаются быстро. Так что не стреляйте себе в ногу, замедляя свой сайт раздутыми изображениями.

Короче говоря, PNG-8 обеспечивает наименьший размер файла для графики с ограниченным количеством цветов.

JPEG — это тип файлов для фотографий, а также графических изображений с множеством оттенков цветов.

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

Для файлов JPEG используйте максимальное сжатие, при котором сохраняется хорошее качество изображения.

УЗНАТЬ БОЛЬШЕ: Типы файлов изображений: как выиграть в JPG, GIF и PNG

4| Правильно используйте alt-теги изображения

Атрибут «alt» позволяет вам указать альтернативный текст для изображения, если оно не может быть отображено или ваш читатель слабовидящий.

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

Вы можете использовать ключевую фразу в альтернативном тексте, но убедитесь, что она описывает изображение.

Не добавляйте ключевые слова и не используйте замещающий текст для многословных описаний Pinterest.

Google сообщает нам:

Избегайте слишком длинного замещающего текста, который может быть расценен как спам. источник

5 | Добавьте описательные заголовки

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

Под изображением появится подпись, объясняющая, что на нем изображено.

Подписи добавляют контекст к вашим изображениям, чтобы поисковые системы могли их легче понять.

Если вашему изображению нужна подпись, добавьте ее!

Используйте ключевые слова, но, как и во всем остальном, не переусердствуйте с ключевыми словами. Быть полезным.

6 | Добавьте изображения в карту сайта

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

Вы можете включить изображения в XML-карту сайта вашего сайта или создать отдельную карту сайта для изображений.

Для дальнейшего чтения по SEO [Поисковая оптимизация]

Нужна дополнительная помощь в ваших усилиях по SEO?

Не пропустите мой ключевой пост о простых основах SEO , чтобы улучшить ваш веб-трафик.

Хотите сдать в аренду? Вот как выбрать лучшую SEO-компанию для найма.

Знаете других, кто мог бы использовать это простое руководство по , как назвать изображения для SEO ? Поделись, пожалуйста!

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

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

Что такое оптимизация изображений?

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

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

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

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

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

Оптимизация изображений — гораздо более простая задача, чем вы можете себе представить. Это включает в себя следование всего нескольким простым передовым методам, которые используются в других популярных методах SEO. Исходя из опыта, я могу сказать вам, что чем больше вы работаете с 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

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

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

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

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

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

10. Избегайте использования ключевых слов в заголовках изображений и тегах alt

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

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

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

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

12. Укажите контекст в окружающем тексте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изображения

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

Руководство по оптимизированным для SEO изображениям

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

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

Image SEO — это набор правил и рекомендаций, которые помогут вам оптимизировать ваши изображения и получить больше трафика от поисковых систем изображений, таких как Google, Bing, Yahoo, Pinterest и других.

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

Где пользователи могут найти мои изображения?

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

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

Как убедиться, что мои изображения оптимизированы для SEO?

Вот 10 полезных советов, как сделать ваши изображения оптимизированными для SEO:

1. Сжимайте изображения

Вы всегда должны сохранять свои изображения для лучшей работы в Интернете. Ваша главная цель — уменьшить размер файла ваших изображений, сохранив при этом качество. Для этого вы можете использовать различные специальные инструменты (Lightroom, Photoshop, Jpegmini, TinyPNG, Shortpixel и т. д.).). Мы создали полезный ресурс, который поможет вам оптимизировать изображения для WordPress.

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

Это один из самых частых вопросов, которые мы получаем: какие размеры изображений следует использовать на моем веб-сайте? В зависимости от области вашего сайта, существуют различные рекомендуемые варианты размеров. Вы можете найти их здесь.

Короче говоря, вы должны использовать следующие размеры изображений:

  • Сообщения в блоге: Ширина — 1500 пикселей / Высота — Авто
  • Сообщения в галерее: Ширина — Авто / Высота — 1500 пикселей
  • Слайд-шоу и блоки полной ширины: Ширина — 2880 пикселей / Высота — 1500 пикселей проблема, которая возникает, когда вы загружаете большие изображения на свою страницу, и их размер изменяется в HTML или CSS.Эта проблема может негативно сказаться на производительности вашего сайта.

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

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

    3. Всегда добавляйте альтернативные теги

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

    • Альтернативные теги будут отображаться в случае, если ваше изображение не может быть загружено
    • Поисковые системы используют альтернативные теги, чтобы лучше понять, о чем ваши изображения
    • Альтернативные теги действуют как якорный текст, когда вы ссылаетесь на свой сайт с помощью изображения
    • Они используются для обеспечения доступности. Программы чтения с экрана используют теги alt для показа изображений пользователям с нарушениями зрения

    Не забывайте всегда добавлять теги alt к своим изображениям.Вот как это выглядит

    Наша свадьба в Колорадо

    А вот как добавить тег alt в админке WordPress:

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

    Дополнительный совет : если вы забыли добавить замещающий текст и у вас есть несколько изображений в медиатеке, не стесняйтесь использовать этот замечательный плагин, который поможет вам массово добавлять замещающие теги.

    4. Используйте описательное имя файла

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

    Всегда называйте файлы изображений соответствующим образом и делайте их описательными. Делайте их короткими и релевантными и используйте последовательности, если у вас много похожих изображений (например, у вас есть галерея с несколькими одинаковыми изображениями).В этом случае вы можете назвать свои файлы следующим образом:

    • свадьба-в-Колорадо-1.jpg
    • свадьба-в-Колорадо-2.jpg
    • свадьба-в-Колорадо-3.jpg
    • и т. д.

    5. Опишите свои изображения, используя текст

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

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

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

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

    6. Поместите самые важные изображения сверху

    Рассмотрите возможность размещения наиболее важных изображений в верхней части страницы. Кроме того, если у вас есть много изображений с одним и тем же тегом alt, и они выглядят одинаково, велика вероятность, что Google не ранжирует их все. Вот почему мы рекомендуем добавлять наиболее важные изображения вверху страницы и ограничивать общее количество изображений на странице.

    7. Не используйте слишком много изображений

    Это важно как для производительности, так и для удобства пользователей. Слишком большое количество изображений может сильно замедлить работу вашего сайта и создать плохой UX, особенно на мобильных устройствах. Вот несколько советов для справки:

    • Стремитесь иметь максимум 10-15 изображений на странице. Если вам действительно нужно больше, рассмотрите возможность отложенной загрузки.
    • Размер ваших изображений не должен превышать 500 КБ
    • Размер вашей страницы не должен превышать 5 МБ

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

    8. Используйте карту сайта для изображений

    Карта сайта с изображениями — это самый быстрый способ уведомить поисковые системы о новом контенте на вашем веб-сайте. Если вы используете плагин WordPress и Yoast SEO, вы можете легко включить XML-карту сайта на своем сайте.Yoast автоматически создаст карту сайта с информацией об изображении, чтобы поисковые системы могли легко найти ваш текстовый контент и визуальные эффекты.

    9. Добавьте теги Open Graph

    Протокол

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

    Плагин

    Yoast SEO позволяет включать теги Open Graph и при необходимости настраивать миниатюры изображений.Вы также можете проверить свои URL-адреса здесь.

    Вы можете проверить, есть ли на веб-сайте теги Open Graph, проверив исходный код веб-страницы (щелкните правой кнопкой мыши в браузере и выберите «Просмотреть исходный код страницы»). Ищите og:image и другие подобные теги. Вот пример

    10. Показ изображений на мобильных устройствах

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

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

    Вы также можете увидеть все проблемы с удобством использования мобильных устройств в Google Search Console.

    11. Внедрение структурированных данных

    Если вы внедрите структурированные данные о продуктах или видео на своем сайте, вы можете получить расширенные результаты в поиске изображений Google. Узнайте, как реализовать структурированные данные на вашем сайте WordPress.

    12. Отслеживайте свои результаты

    Вы можете отслеживать свои результаты в Google Search Console. Следите за наиболее эффективными изображениями и ключевыми словами, которые генерируют большую часть органического трафика. Вот как отслеживать ваши результаты:

    • Войдите в свою учетную запись Search Console
    • Перейдите к отчету об эффективности
    • Настройте фильтр типа поиска, выбрав Изображение
    • Нажмите на нужные вкладки, чтобы просмотреть дополнительные данные: запросы, вкладки, страны, устройства и т. д.

    Примечание: Если вам интересно узнать, зачем и как использовать Google Search Console, мы предлагаем комплексный курс для фотографов.

    Заключение

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

Leave a Reply