Изображения очень важны при наполнении сайта. Многие люди воспринимают информацию визуально и обращают внимание на картинки и фотографии, которые есть на вашем ресурсе. Согласитесь намного приятнее читать текст разбавленный пояснениями и фотографиями чем полотно текста. Поэтому сегодня поговорим о том, как правильно оптимизировать изображения для сайта.
- Зачем нужна оптимизация изображений?
- Как сделать SEO-оптимизацию изображений успешной?
- Используйте качественные и релевантные изображения
- Оптимизируйте имя файла изображения
- Обязательно пишите alt-текст
- Дайте изображению имя, чтобы придать ему индивидуальность
- Введите четкое описание изображения в подписи к изображению
- Создайте более широкое описание содержимого изображения
- Настройте размеры изображения
- Уменьшите размер файла изображения
- Установите файл изображения в соответствующем формате
- Следуйте примерам и советам экспертов
- Заключение
Зачем нужна оптимизация изображений?
SEO-оптимизация изображений – это фактор ранжирования в поисковой системе Google, который привлекает посетителей на сайт. В статье приведены 10 правил SEO-оптимизации фото и других изображений для успешного использования в Интернете.
Согласно статистике:
- контент дает на 94% более богатый опыт, если вы добавляете убедительные визуальные элементы,
- вовлеченность целевой группы увеличивается на 37%, если вы оптимизируете статью, добавив визуальные элементы,
- с помощью правильно оптимизированных изображений вы можете привлечь внимание 67% целевой группы,
- 40% онлайн-пользователей лучше реагируют на визуальный контент, чем на обычный текст,
- кампания в Facebook с визуальным контентом генерирует на 65% больше активности всего за 30 дней.
Как сделать SEO-оптимизацию изображений успешной?
Вот 10 основных, но и самых важных SEO-правил, при последовательном применении которых вы сможете стать экспертом в SEO фотографий и других изображений, предназначенных для размещения в сети.
Используйте качественные и релевантные изображения
Для SEO-оптимизации очень важно, чтобы изображения были качественными и соответствовали теме, поскольку только в этом случае они могут придать контенту новую ценность. В противном случае они создают плохое впечатление о контенте.
Design Wizard – это уникальный инструмент для качественной обработки изображений и создания отличного видео-контента. Попробуйте!
Оптимизируйте имя файла изображения
Правильное имя файла изображения служит для его идентификации. Общие имена изображений, присваиваемые им камерами и фотоаппаратами, не имеют никакой ценности. Если вы хотите разместить такую фотографию в Интернете, то должны заменить это общее название на осмысленные слова, описывающие конкретное изображение.
Убедитесь, что имя файла изображения короткое и понятное. Если вы называете файл изображения более чем одним словом, не оставляйте между ними пробел. Соедините все слова дефисом (–), точкой или знаком плюс (+). Не используйте знак подчеркивания ( _ ), так как браузеры не воспринимают его как пробел.
Например, «seo_picture» роботы читают как «seopicture». Правда, изображения с пробелами в имени файла тоже «проходят», потому что поисковые системы могут догадаться, о чем идет речь, даже наткнувшись на 500 скомканных слов.
Правильное объединение слов в имени файла:
- slika.2017.letovanje.jpg
- my-picture-2017-vacation.jpg
Перед каждым форматом изображения (.jpg .gif) всегда ставится точка. Пользователи должны избегать длинных и непонятных URL-адресов. Избегайте их и вы!
Пишите имя файла только в нижнем регистре или только в верхнем регистре, никогда не смешивайте! Для серверов Apache Mojaslika.jpg и MojaSlika.jpg – это не одно и то же!
Дефисы в URL-адресе изображения ставятся. Максимум два тире является правильным в URL (Uniform Resource Locator) адресе изображения. Так пользователям и поисковым системам будет проще определять назначение страницы.
Обязательно пишите alt-текст
Альтернативный текст (ALT) – это краткое описание фотографии или другого изображения, содержащее ключевое слово (фразу) в соответствии со страницей, к которой оно относится. Альтернативный текст изображения служит поисковым системам для распознавания его содержания и ценности, что способствует оптимизации изображения.
Альтернативный текст отображается вместо изображения, когда оно не может быть загружено или загрузка изображения отключена!
В WordPress есть место для редактирования контента, где вы можете впоследствии редактировать изображение, сначала нажав на него, а затем – на кнопку для редактирования изображения, показанную в виде карандаша.
Дайте изображению имя, чтобы придать ему индивидуальность
Имя изображения (наряду с именем файла) сообщает поисковым системам, что содержит изображение и где оно находится. Убедитесь, что имя изображения отвечает потребностям как поисковых систем, так и пользователей. Убедитесь, что в названии изображения вы используете только общеизвестные сокращения и не сокращаете слова, поскольку поисковые системы их не поймут.
Введите четкое описание изображения в подписи к изображению
Подпись к изображению, известная как «титры», – это текст под изображением в том же кадре. По статистике, люди читают тексты под или рядом с изображениями на 300% больше, чем другие части текста. Добавление ключевого слова в «подпись» способствует тому, что SEO-оптимизация изображений становится еще более успешной. «Подпись» не нужна, если рядом с изображением уже есть текст, который хорошо его описывает.
Создайте более широкое описание содержимого изображения
В поле описания изображения добавьте дополнительную информацию, которая позволит поисковым системам лучше оценить изображение для отображения в результатах поиска. В этом описании введите ключевые слова и фразы, связанные с содержимым, которые вы еще не использовали.
Настройте размеры изображения
Регулируя размеры или размер изображения (уменьшая ширину и высоту изображения), вы уменьшаете объем информации, которую необходимо хранить, и тем самым ускоряете загрузку изображений. Изображения PNG плохо реагируют на изменение размера (сжатие), поэтому перед загрузкой на сервер их необходимо конвертировать в формат .jpg.
Быстрая загрузка изображений способствует скорости открытия страниц, что является одним из условий того, чтобы они хорошо посещались и просматривались с удовольствием.
Уменьшите размер файла изображения
Уменьшение размера файлов изображений для Интернета очень полезно, поскольку файлы изображений часто бывают больше, чем необходимо. С помощью этой процедуры вы экономите место на сервере и облегчаете поток информации без ухудшения качества изображения.
Установите файл изображения в соответствующем формате
Основное различие между JPEG (Joint Photographic Experts Group) и PNG (Portable Network Graphics), как двумя наиболее популярными форматами для этих целей, заключается в их размере и качестве. Размеры файлов изображений влияют на скорость загрузки страниц и, следовательно, на SEO.
Файлы JPEG сжимаются без потери качества, поэтому они подходят для сохранения более сложных фотографий в меньшем размере. Однако файлы JPEG теряют качество при любом, даже самом незначительном вмешательстве или изменении.
Файлы PNG не теряют качество при обработке, но они плохо сжимаются. Файлы PNG подходят в качестве небольших изображений с текстом, таких как логотипы, значки, наклейки.
Изображения GIF (Graphic Interchange Format) имеют небольшие файлы и не теряют качества, но они не поддерживают такое количество цветов, как PNG или JPEG. Gif-изображения наиболее известны как анимация изображений, но они также хорошо подходят для графических дисплеев, иконок и различных рисунков.
Следуйте примерам и советам экспертов
- По возможности используйте изображения с теплыми цветами. Они являются более возбуждающими и оказывают более сильное воздействие на людей, побуждая их к определенному действию. Изображениями с красными, фиолетовыми и оранжевыми оттенками делятся чаще, что влияет на позиционирование сайта в результатах поиска.
- Обеспечьте хороший контраст цветов и шрифтов на изображениях. Интересный и короткий текст на изображении помогает им делиться, особенно в социальных сетях, но только если он легко читается, что зависит от типа и размера шрифта и контраста с фоном. Инструмент Color Safe – это инструмент, который может показать вам наилучший контраст для заданного фона. Изображение с текстом будет более привлекательным, если применить два типа шрифтов, правильно сопряженных (Font pairing).
- Размытое фоновое изображение. Чтобы размытое фоновое изображение не выглядело грязным, выберите для фона фотографию без большого количества деталей. Чтобы размыть изображение, используйте Photoshop или бесплатный онлайн-инструмент для обработки изображений (например Canva).
- Попробуйте сетку из изображений неравных размеров. Изображения в сетке неравных размеров выглядят гораздо интереснее, чем изображения, расположенные в полях «сетки» одинаковых размеров. FotoJet – это инструмент, позволяющий создать привлекательную фотосетку из изображений, которые уже есть в вашем распоряжении.
- Создавайте инфографику и другие подробные визуальные материалы. Инфографика очень полезна, познавательна и поэтому по-прежнему популярна. С помощью инструмента Piktochart вы можете создавать хорошие инфографики даже без навыков графического дизайнера.
- При необходимости создайте карту изображений. Создайте карту изображений на своем сайте, чтобы поисковым системам было легче их находить и идентифицировать. Google предоставляет инструкции о том, как это сделать.
Заключение
10 правил, которые мы рассмотрели в этом тексте, являются ключом к успешной SEO-оптимизации изображений для Интернета, будь то создание нового сайта или переделка старого сайта.
Люди любят смотреть на фотографии людей! Они тратят на 10% больше времени на просмотр фотографий, чем на чтение биографий рядом с фотографиями. Это полезная информация, которую следует иметь в виду при выборе изображений для Интернета.
Расположение изображений и других элементов на сайте также очень важно для SEO сайта в целом. SEO-оптимизация изображений является одним из важнейших SEO-факторов, которые поисковые системы учитывают для определения ценности страниц и их высокого позиционирования. Именно поэтому хорошая подготовка изображений и других материалов для сайта чрезвычайно важна.
Для SEO изображений полезно создать карту изображений на своем сайте. Она предоставит роботам информацию о порядке и расположении изображений, чтобы поисковым системам было легче их находить и индексировать.
Вот посмотрите еще приемы оптимизации изображений на сайте:
Спасибо что дочитали до конца, напишите в комментариях какой совет вы считаете более важным?