1. Общие рекомендации
2. Скажите поисковым системам, что показывает изображение
3. Улучшение SEO с помощью сокращения времени загрузки страницы
4. Размер изображения и обрезка
5. Советы по поддержанию изображения SEO
6. Несколько заключительных замечаний

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

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

Общие рекомендации

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

Скажите поисковым системам, что показывает изображение

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

• Наименование изображений наглядно . Обычно файлы именуются программно в рамках всей системы управления активами или в случае сгенерированного пользователем содержимого, чтобы пройти через имя файла из загруженного файла. Однако, если это возможно, лучше переименовать изображения, чтобы указать, что они показывают, например, ford-cargo-van-white-side-view.jpg, а не DSC10003.jpg.
• Включите соответствующие тэги alt . Точно так же использование тегов alt на ваших страницах и заполнение их удобочитаемой информацией о содержимом изображения помогает людям и машинам понять, что там есть, например, alt = "мужчина и женщина, сидящие на одеяле для пикника" вместо alt = "picnic stock photo ». Для продуктов укажите любой соответствующий номер модели, цвет, размер или другие характеристики, важные для ваших клиентов. Это также облегчает доступ, поскольку программы чтения с экрана используют теги alt для описания изображений для слепых и слабовидящих пользователей.
• Имейте в виду локализацию . Если вы локализуете свой сайт для нескольких локалей, другой способ улучшить SEO для каждой локали - убедиться, что ваши alt-теги переведены вместе с контентом сайта. Это гарантирует, что эти описания будут выбраны для всех языков, которые вы поддерживаете.
• Поместите изображения рядом с текстом, который связан с ними . Близость - это еще один способ определения релевантности поисковыми системами, когда вы создаете свою страницу, держите изображения рядом с текстом, на который они ссылаются или на который ссылаются.

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

Улучшение SEO с помощью сокращения времени загрузки страницы

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

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

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

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

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

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

• оригинал
  • Размеры (в пикселях): 3600 × 2400
  • Размер файла (кБ): 6820 (6,82 МБ)
• ч = 800
  • Размеры (в пикселях): 1200 × 800
  • Размер файла (кБ): 233,6
  • Размер файла от оригинала: 96,53%
  • Примечания: q = 75 является качеством по умолчанию, если не установлено
• ч = 800 & W = 800 & подходит = растениеводство
  • Размеры (в пикселях): 800 × 800
  • Размер файла (кБ): 184,15
  • Экономия по размеру файла от оригинала: 97,29%

Следующим аспектом уменьшения размера изображения является предоставление наилучшего формата для пользователя, который учитывает его устройство, клиент / браузер и разрешение пикселей устройства (DPR). Эти параметры могут уменьшить размер файла еще больше без видимой потери качества. Автоматическое согласование контента ( авто Параметр) - это самый простой способ убедиться, что выбран лучший формат. Он проверяет пользовательский агент и, если поддерживается, преобразует изображение в более новые форматы, такие как WebP и JPEG XR, которые обеспечивают превосходное сжатие по сравнению со своими предшественниками. Это также может быть объединено с фм параметр, чтобы определить запасной вариант для клиентов, которые не поддерживают новые форматы.

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

• оригинал
  • Размеры (в пикселях): 2455 × 3600
  • Размер файла: (КБ): 786,78
• авто = формат
  • Размеры (в пикселях): 2455 × 3600
  • Размер файла (кБ): 210,58
  • Экономия по размеру файла от оригинала: 73,23% (без изменения размеров)
  • Примечания. Относится только к клиентам, которые поддерживают WebP (в этом примере Chrome).
• авто = формат и фм = JPG
  • Размеры (в пикселях): 2455 × 3600
  • Размер файла (кБ): 521,68
  • Экономия по размеру файла от оригинала: 33,69%
  • Примечания: резервный пример; все еще значительная экономия даже без поддержки WebP ( авто игнорируется в этом случае)
• Авто = формат & Q = 40
  • Размеры (в пикселях): 2455 × 3600
  • Размер файла (кБ): 144,11
  • Экономия по размеру файла от оригинала: 81,68%
  • Примечания: по умолчанию д = 75 если не установлено, но многие изображения могут опуститься без видимой потери качества изображения
• Авто параметр
• Формат и параметры качества

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

Советы по поддержанию изображения SEO

Для нового сайта или сайта, где изображения не являются основным контентом, лучше использовать исходный URL-адрес imgix по умолчанию (domain.imgix.net); Вы начнете с отличного времени сжатия и загрузки страниц для изображений, что улучшит поисковый рейтинг. В этих случаях нет никакой разницы в ранжировании domain.imgix.net против www.domain.com или domain.com/images.

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

• Настройте ваш imgix Source, используя собственный поддомен домена вашего сайта . Структура URL по умолчанию для источника imgix - это xxxx.imgix.net, но вы можете использовать запись CNAME, чтобы связать ее с поддоменом, а затем сослаться на поддомен в URL-адресах запроса изображения. В приведенном ниже примере фактический источник, из которого извлекается imgix, может находиться в вашем домене или во внешнем источнике, таком как корзина Amazon S3.
• Запись CNAME: images.domain.com. CNAME domain.imgix.net.
• Запрос: <img src = "http://images.domain.com/image.jpg">
• Проверьте поддомен в Инструментах Google для веб-мастеров и Bing Webmaster Tools, если он новый . Это гарантирует, что поисковые системы знают о новом местоположении и что он принадлежит тому же сайту.
• Обновите все ссылки на изображения в содержании вашего сайта . Лучше сделать это напрямую, переписав URL-адреса изображений в содержимом, чтобы они указывали на ваш источник imgix (или поддомен, если используется описанный выше метод). Если возможно, также сохраняйте структуру каталогов и имен файлов одинаковыми, за исключением изменения домена. И если у вас есть изображение сайта, обязательно обновите его.
• Избегайте использования перенаправлений 301 . Хотя они обеспечивают дополнительный уровень уверенности в том, что запрос изображения будет выполнен (например, с внешней ссылки непосредственно на одно из ваших изображений), это увеличит время загрузки и обеспечит плохое взаимодействие с пользователем.
• Подумайте о том, чтобы обслуживать трафик изображений через SSL / TLS . В настоящее время Google рассматривает https как сигнал легкого качества и может со временем уделять ему больше внимания. Все стандартные источники imgix по умолчанию включают SSL / TLS, но чтобы сделать это для настраиваемого субдомена, вам необходимо приобрести SSL-сертификат для вашего источника imgix. свяжитесь с нашим отделом продаж если вы хотите изучить эту опцию.

Несколько заключительных замечаний

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

Похожие

Комментарии