Размеры изображений для рся: Размеры баннеров для РСЯ

Содержание

Размер баннеров для РСЯ · Блог о маркетинге

На чтение 6 мин Просмотров 128 Опубликовано Обновлено

В Яндекс Директ размеры баннеров очень разнообразны и уникальны в зависимости от типа рекламной кампании Здесь собрана информация, которая не указана в официальной справке и которую можно узнать, только когда уже будете грузить креативы в интерфейс. С мультиформатными объявлениями в РСЯ особенно проблематично, так как там надо ставить смарт-центр для 1 картинки на более чем 10 форматов.

Размеры для Мастера-кампаний

Ставя стандартную (как для ТГО)  картинку 450 х 450 на все форматы в Мастере-кампаний, вы можете посмотреть превью того, как это будет смотреться в 1 из 3 вариантов.

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

Ваши объявления при показе могут отличаться от заявленных параметров. Следите за обновлениями.

Исходя из этих превью, получаются следующие размеры:

Вариант №1

360 х 290, где будет закрыто белой плашкой для заголовка от 360 х 60 до 360 х 84 в зависимости от длины заголовка. Так же будет виден домен + фавикон на полупрозрачной тёмной плашке размером 100 х 20.

Обращаю внимание, что в данном варианте присутствуют 2 основных для РСЯ элемента — картинка и заголовок.

Вариант №2

Тут всё тоже самое, что в варианте №1 только плашка для заголовка — полупрозрачная.

Вариант №3

Третий вариант стоит особняком по нескольким причинам. В объявлении размером от 300-360 х 450 (вертикальное) большая часть занята текстовыми элементами объявления, среди которых: Заголовок, текст и 3 быстрые ссылки.

Картинка будет занимать 300 х 130-136 пикселей в зависимости от длинны заголовка.

Основные советы для всех вариантов (так как вы не выбираете)

  1. Располагайте более важную информацию на картинках ближе к 2\5 общего размера картинки, исходя из расчета -17 % сверху и несколько раз по -17% снизу.
  2. Лучше избегать текста на картинках, тут он накладывается отдельной плашкой
  3. Заполняйте все варианты заголовков и текстов, а так же делайте минимум 3 быстрые ссылки

 

Текстово-графические объявления

Используются во всех форматах кроме результатов поиска.

Технические требования к изображению:

  • размер — от 450 пикселей по каждой стороне для текстово-графических объявлений, от 1080 пикселей — для рекламы мобильных приложений;

  • максимальный объем файла — до 10 МБ;

  • формат — JPG, PNG или GIF (будет использован только первый кадр).

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

В зависимости от формата меняется соотношение сторон изображения: для стандартного изображения —

от 1 : 1 до 4 : 3/3 : 4

Широкоформатное изображение

16х9 (или 1920 х 1080 пикселей)

Рекомендуется создавать 2 варианта каждого объявления: со стандартным и с широкоформатным изображением. Так ваши объявления будут показаны на всех доступных площадках.

При размещении в рекламном блоке на той или иной площадке изображение может быть уменьшено и обрезано

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

На изображениях не должно быть текста (можно текст, но не желательно)

Карусель

От 2 до 10 изображений размером не менее 450 × 450 и не более 10 МБ.
Показов в формате карусели не будет, если хотя бы один слайд отклонён модератором.

Графические объявления

Если вы не используете Адаптивный формат или не собираетесь использовать Идеи для креативов (грузит картинки и цвета с сайта), то Вам понадобиться полный список всех размеров:

Максимальный объем файла

120 КБ

Формат файла

JPG, PNG или GIF

Размер в пикселях (ПК и Мобильные)

240×400, 300×250, 300×500, 300×600, 640×960

Размер в пикселях (только ПК)

336×280, 640×100, 640×200, 728×90, 960×640, 970×250

240×400

240×400 есть на мобильных и ПК

 

300×250

 

640×960

640 х 960 есть на мобильных и ПК

 

336×280

336 х 280 есть только на ПК

640×100

640 х 100 есть только на ПК

640×200

640 х 200 есть только на ПК

728×90

728 х 90 есть только на ПК

960×640

960 х 640 есть только на ПК

970×250

970 х 250 есть только на ПК

Креативы размером 640×100, 640×200, 640×960, 960×640 пикселей в процессе размещения будут пропорционально уменьшены для показа в рекламных блоках размером 320×50, 320×100, 320×480 и 480×320 пикселей соответственно.

Если вы планируете создавать креативы не с помощью конструктора, то рекомендую начать с самых  — 240×400, 300×250 и 728×90 пикселей. Графические объявления с такими креативами уже обеспечат вам значительный охват аудитории.

На десктопных версиях сайтов традиционно используются рекламные блоки 240×400, 300×250, 300×500, 300×600, 336×280, 728×90 и 970×250 пикселей.

Креативы размером 640×100, 640×200, 640×960, 960×640 пикселей в основном используются для показа в мобильных версиях сайтов и мобильных приложениях.

Хотя для этих мест показа более характерны рекламные блоки меньших размеров (320×50, 320×100, 320×480 и 480×320 пикселей), лучше загружать более крупные креативы, чтобы объявления не выглядели размытыми на экранах с высокой плотностью пикселей (например, Retina).

 

Видеообъявления

Формат MP4, WebM, MOV, QT, FLV, AVI
Размер Не более 100 МБ
Длительность От 5 до 60 c

Для непропускаемого видео можно использовать видеоролики только до 15 с.

Соотношение сторон 3 : 1; 2 : 1; 1,9 : 1; 16 : 9; 4 : 3; 1.91 : 1; 1 : 1; 3 : 4; 4 : 5; 9 : 16; 1 : 2; 1 : 3
Минимальное разрешение 360 p
Рекомендованное разрешение 1080 p
Частота кадров от 20 до 30 кадров в секунду
Видеокодеки H.264, VP6F, VP8, Theora
Количество видеодорожек 1
Минимальное качество 44 кГц, 16 Кбит/c, стерео
Аудиокодеки AAC, MP3, Vorbis
Количество аудиодорожек 0 или 1
Кодек файла avc1, F4V, isom, M4A, M4V, mp4, mp41, mp42, qt
Обложка Нет

Пример актуален для большинства форматов. Диапазон зависит от формата и устройства. Например, меньше всего кнопка на десктопе, если пользователь смотрит видео, развернутое на весь экран. Крупнее всего кнопка отображается на маленьком экране смартфона.

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

 

Размер баннеров для РСЯ · Блог о маркетинге

На чтение 6 мин Просмотров 128 Опубликовано Обновлено

В Яндекс Директ размеры баннеров очень разнообразны и уникальны в зависимости от типа рекламной кампании Здесь собрана информация, которая не указана в официальной справке и которую можно узнать, только когда уже будете грузить креативы в интерфейс. С мультиформатными объявлениями в РСЯ особенно проблематично, так как там надо ставить смарт-центр для 1 картинки на более чем 10 форматов.

Размеры для Мастера-кампаний

Ставя стандартную (как для ТГО)  картинку 450 х 450 на все форматы в Мастере-кампаний, вы можете посмотреть превью того, как это будет смотреться в 1 из 3 вариантов.

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

Исходя из этих превью, получаются следующие размеры:

Вариант №1

360 х 290, где будет закрыто белой плашкой для заголовка от 360 х 60 до 360 х 84 в зависимости от длины заголовка. Так же будет виден домен + фавикон на полупрозрачной тёмной плашке размером 100 х 20.

Обращаю внимание, что в данном варианте присутствуют 2 основных для РСЯ элемента — картинка и заголовок.

Вариант №2

Тут всё тоже самое, что в варианте №1 только плашка для заголовка — полупрозрачная.

Вариант №3

Третий вариант стоит особняком по нескольким причинам. В объявлении размером от 300-360 х 450 (вертикальное) большая часть занята текстовыми элементами объявления, среди которых:

Заголовок, текст и 3 быстрые ссылки.

Картинка будет занимать 300 х 130-136 пикселей в зависимости от длинны заголовка.

Основные советы для всех вариантов (так как вы не выбираете)

  1. Располагайте более важную информацию на картинках ближе к 2\5 общего размера картинки, исходя из расчета -17 % сверху и несколько раз по -17% снизу.
  2. Лучше избегать текста на картинках, тут он накладывается отдельной плашкой
  3. Заполняйте все варианты заголовков и текстов, а так же делайте минимум 3 быстрые ссылки

 

Текстово-графические объявления

Используются во всех форматах кроме результатов поиска.

Технические требования к изображению:

  • размер — от 450 пикселей по каждой стороне для текстово-графических объявлений, от 1080 пикселей — для рекламы мобильных приложений;

  • максимальный объем файла — до 10 МБ;

  • формат — JPG, PNG или GIF (будет использован только первый кадр).

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

В зависимости от формата меняется соотношение сторон изображения: для стандартного изображения — от 1 : 1 до 4 : 3/3 : 4

Широкоформатное изображение

16х9 (или 1920 х 1080 пикселей)

Рекомендуется создавать 2 варианта каждого объявления: со стандартным и с широкоформатным изображением. Так ваши объявления будут показаны на всех доступных площадках.

При размещении в рекламном блоке на той или иной площадке изображение может быть уменьшено и обрезано

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

На изображениях не должно быть текста (можно текст, но не желательно)

Карусель

От 2 до 10 изображений размером не менее 450 × 450 и не более 10 МБ.
Показов в формате карусели не будет, если хотя бы один слайд отклонён модератором.

Графические объявления

Если вы не используете Адаптивный формат или не собираетесь использовать Идеи для креативов (грузит картинки и цвета с сайта), то Вам понадобиться полный список всех размеров:

Максимальный объем файла

120 КБ

Формат файла

JPG, PNG или GIF

Размер в пикселях (ПК и Мобильные)

240×400, 300×250, 300×500, 300×600, 640×960

Размер в пикселях (только ПК)

336×280, 640×100, 640×200, 728×90, 960×640, 970×250

240×400

240×400 есть на мобильных и ПК

 

300×250

 

640×960

640 х 960 есть на мобильных и ПК

 

336×280

336 х 280 есть только на ПК

640×100

640 х 100 есть только на ПК

640×200

640 х 200 есть только на ПК

728×90

728 х 90 есть только на ПК

960×640

960 х 640 есть только на ПК

970×250

970 х 250 есть только на ПК

Креативы размером 640×100, 640×200, 640×960, 960×640 пикселей в процессе размещения будут пропорционально уменьшены для показа в рекламных блоках размером 320×50, 320×100, 320×480 и 480×320 пикселей соответственно.

Если вы планируете создавать креативы не с помощью конструктора, то рекомендую начать с самых  — 240×400, 300×250 и 728×90 пикселей. Графические объявления с такими креативами уже обеспечат вам значительный охват аудитории.

На десктопных версиях сайтов традиционно используются рекламные блоки 240×400, 300×250, 300×500, 300×600, 336×280, 728×90 и 970×250 пикселей.

Креативы размером 640×100, 640×200, 640×960, 960×640 пикселей в основном используются для показа в мобильных версиях сайтов и мобильных приложениях.

Хотя для этих мест показа более характерны рекламные блоки меньших размеров (320×50, 320×100, 320×480 и 480×320 пикселей), лучше загружать более крупные креативы, чтобы объявления не выглядели размытыми на экранах с высокой плотностью пикселей (например, Retina).

 

Видеообъявления

Формат MP4, WebM, MOV, QT, FLV, AVI
Размер Не более 100 МБ
Длительность От 5 до 60 c

Для непропускаемого видео можно использовать видеоролики только до 15 с.

Соотношение сторон 3 : 1; 2 : 1; 1,9 : 1; 16 : 9; 4 : 3; 1.91 : 1; 1 : 1; 3 : 4; 4 : 5; 9 : 16; 1 : 2; 1 : 3
Минимальное разрешение 360 p
Рекомендованное разрешение 1080 p
Частота кадров от 20 до 30 кадров в секунду
Видеокодеки H.264, VP6F, VP8, Theora
Количество видеодорожек 1
Минимальное качество 44 кГц, 16 Кбит/c, стерео
Аудиокодеки AAC, MP3, Vorbis
Количество аудиодорожек 0 или 1
Кодек файла avc1, F4V, isom, M4A, M4V, mp4, mp41, mp42, qt
Обложка Нет

Пример актуален для большинства форматов. Диапазон зависит от формата и устройства. Например, меньше всего кнопка на десктопе, если пользователь смотрит видео, развернутое на весь экран. Крупнее всего кнопка отображается на маленьком экране смартфона.

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

 

Объявления сконвертированной кампании — Справка

В разделе Объявления представлена детальная информация по сконвертиванным объявлениям.

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

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

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

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

Ее можно удобно заменить в интерфейсе Google Ads или в Google Ads Editor, выбрав изображение с компьютера. Это обязательно нужно сделать перед запуском кампании!

В графических объявлениях может появляться замечание о несовместимости размеров баннера:

Если изображение не будет скорректировано, то при выгрузке в Google Рекламу такой формат будет удален.

Об автоматическом добавлении картинок-заглушек/удалении форматов баннеров будет дополнительно указано в информационном сообщении после нажатия на кнопку “Выгрузить в Google Рекламу”:

Инструкция по массовому внесению изменений позволит вам в несколько шагов адаптировать Заголовки и Тексты объявлений для рекламы в Google и сделать их более привлекательными для потенциальных клиентов.

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

В случае если ваша кампания содержит большое количество объявлений, они будут разбиты на отдельные страницы. Вы можете выбрать число отображаемых на одной странице объявлений — 15, 25, 50 или 100 штук. По умолчанию задано значение “50”. С помощью стрелочек “” вы можете переключаться между страницами.

Как внести изменения в адаптивные медийные объявления

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

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

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

Необходимость внесения дополнений связана с различиями в полях объявлений для Яндекс.Директа и для Google. См. Особенности переноса данных для сетевых кампаний.

Чтобы просмотреть все объявления с замечаниями (некритическими ошибками) перейдите на вкладку С замечаниями. Тогда отобразятся только те объявления, которые можно скорректировать в интерфейсе инструмента или они будут скорректированы автоматически при выгрузке в Google Рекламу.

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

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

Если недостающее изображение не будет добавлено в инструмент переноса, то при выгрузке в Google Ads вместо него будет автоматически добавлена соответствующая заглушка (горизонтальная или квадратная):

Ее можно удобно заменить в интерфейсе Google Ads или в Google Ads Editor, выбрав изображение с компьютера. Это обязательно нужно сделать перед запуском кампании!

Вы также можете дополнительно добавить логотипы или видео. Чтобы добавить видео, необходимо указать его ссылку на YouTube.

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

Подробнее об изменении параметров нескольких объявлений см. в разделе Массовое редактирование объявлений и расширений.

Внесите изменения и нажмите Сохранить.

Как внести изменения в графические объявления сконвертированной кампании

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

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

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

В графических объявлениях может появляться замечание о несовместимости размеров баннера:

Если изображение не будет скорректировано, то при выгрузке в Google Рекламу такой формат будет удален.

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

Внесите изменения и нажмите Сохранить.

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

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

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

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

Подробнее об изменении параметров нескольких объявлений см. в разделе Массовое редактирование объявлений и расширений.

Креативы для рекламной сети своими руками

На чтение 4 мин Просмотров 215 Опубликовано

Приветствую!

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

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

Перед тем, как работать в сервисе Canva, я озадачиваюсь поиском изображений, которые буду изменять и оптимизировать для РСЯ. Например, я собрался рекламировать один из товаров партнёрской программы MasterVision. Выбрал товар на тематику психологии, потому что он точно пройдёт модерацию без всяких бубнов с танцами, просмотрел лэндинг, изучил автора. Настроил все метки для аналитики.

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

Чтобы найти фото автора, в поисковой строке Яндекса или Google вбиваем фамилию и имя данного человека. В моём случае это Жанна Абрамова. Выбираем любую понравившуюся картинку и скачиваем на свой компьютер.

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

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

Создаём размеры изображения для РСЯ. Минимальный размер картинки в рекламной сети Яндекса 450*450 пикселей. Стандартный 1080*1080 пикселей. Стараюсь придерживаться стандартного размера, чтобы картинка на показах не стала расплывчатой.

Загружаем скачанное изображение на Canva. Нужно нажать на кнопку «Загрузить изображение или видео» и выбрать картинку, из которой будем делать рекламные креативы.

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

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

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

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

Картинка для рекламы в сети РСЯ готова. В правом верхнем углу нажимаете на кнопку «Скачать» и скачиваете на своё устройство готовый креатив. Так же проделываете по аналоги и с другими картинками. Но где-то меняете цвета, где-то текст на картинке. Делаете так, как вам подсказывает ваш внутренний дизайнер. Найдите вашу фишку, чтобы зацепить того, кому будете показывать рекламу.

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

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

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

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

P.S. Кстати, в закрытом Клубе партнёров, где я состою, уже имеется небольшое обучение по рекламе в РСЯ подготовленное Викторией Карповой. И много других материалов, касательно заработка на партнёрских программах.
Смотрите, как там всё устроено >>> Презентация Закрытого Клуба Партнёров!

Жмите по ссылке и смотрите презентацию!

Далее — Выпуск №5

Мне нравитсяНе нравится

Новые форматы графических объявлений Яндекс Директ

На днях Яндекс анонсировал новые форматы графических объявлений Яндекс Директ. Посмотрим, как выглядит конструктор объявлений теперь.

 

Новые размеры изображений в конструкторе Яндекс Директ

В веб-интерфейсе Яндекс Директ создаю новое объявление, выбираю тип объявления «Графическое». В разделе «Изображение» в выпадающем меню выбираю «Сконструировать по шаблону».

 

Выбираю один из предложенных стандартных шаблонов. Например, второй.

 

В разделе «Размеры» появились новые форматы объявлений. Если раньше были доступны только 3 размера, то сейчас Яндекс позволяет создать объявления сразу в 12 форматах: 300х250, 240х400, 240х600, 300х300, 300х500, 300х600, 320х50, 320х480, 336х280, 480х320, 728х90, 1000х120.

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

 

Загрузка изображений

Файл изображения можно добавить одним из 4-х способов:

  1. Загрузив с компьютера
  2. Выбрав из библиотеки
  3. Выбрать из ранее использованных
  4. Загрузить по ссылке

Изображение может быть весом до 10Мб и в формате png, jpeg или gif.

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

 

Задание других параметров в конструкторе объявлений

  • Чуть ниже поля изображения можно выбрать цвет заливки и рамки объявления. Цвет рамки должен отличаться от цвета рамки и цвета изображения. Также как и с загрузкой изображений, все интуитивно понятно.
  • Есть возможность выбора цвета основного текста. Длина поля – 36 символов. Нет возможности менять гарнитуру.
  • У кнопки можно поменять заливку, цвет текста и сам текст (максимальная длина 17 символов). Угол скругления, размер кнопки, размер текста и гарнитуру менять нельзя.
  • Есть возможность тонирования изображения, чтобы яркая картинка с большим количеством деталей не отвлекала от основной идеи объявления. Функция опциональная. Я для своего теста выбрала белое тонирование.
  • К объявлению можно добавить свой логотип. Если добавлять файл, к примеру, в формате gif с прозрачным фоном, то он так и загружается с прозрачным фоном. Данная функция опциональная, логотип можно отключить. Но для теста я решила добавить.
  • Для дополнительного текста можно выбрать только цвет. Гарнитуру Яндекс менять не дает. Максимальная длина текста 43 символа. При этом, если вам нечего сказать, то данный текст можно отключить.
  • В объявление можно добавить специальное предложение. Для него вы можете выбрать цвет фона и цвет текста. Максимальная длина – 28 символов.
  • Опционально к объявлению можно добавить домен вашего сайта. Для него можно выбрать цвет. Длина до 26 символов. Но отображается данное поле не на всех размерах объявлений.
  • Для некоторых категорий товаров по Закону РФ необходимо добавлять возрастное ограничение. В конструкторе есть такая возможность. Можно выбрать цвет текста и возрастную группу.
  • Если вы рекламируете лекарства, финансовые услуги или других товаров и услуг, на которые распространяются особые правила, вам может понадобиться добавить «Предупреждение» или «Юридическую информацию». Функция опциональная. В поле юридической информации можно добавить текст длинной до 700 символов.

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

Для теста я запустила объявления (не те, которые в примере, чуть-чуть другие :)) ремаркетинга тестово-графические и графические используя новый формат. Через некоторое время можно будет снять результаты, какие объявления в РСЯ отработают лучше.

Настройка РСЯ в Директ — пошаговая инструкция

РСЯ или Рекламная сеть Яндекс – это система размещения рекламных объявлений на сайтах-партнерах Яндекса и на страницах его сервисов. РСЯ включает в себя более 40 000 партнёров, среди которых Avito.ru, mail.ru, sports.ru и многие другие, а также партнёры видео сети: СТС, НТВ и др.

Подробно об особенностях РСЯ в статье:

Виды таргетинга в РСЯ
  1. Ключевые фразы
  2. Автотаргетинг
  3. Ретаргетинг
    • Таргетинг на всех посетителей сайта
    • Таргетинг на основе целей Я.Метрики
    • Таргетинг на основе сегментов Я.Метрики
  4. Яндекс.Аудитории
    • Геолокация
    • Аудитории пользователей мобильного приложения
    • Загружаемые данные (контакты)
    • Похожие аудитории
  5. Краткосрочные интересы

Подробно о видах и осовенностях таргетинга в РСЯ:

Подготовка к созданию рекламы в РСЯ 

Сбор ключевых фраз

Для таргетинга в РСЯ по ключевым фразам нужно собирать высокочастотные фразы (собирать семантику “вширь”, а не “вглубь”). Это связано с тем, что таргетинг по ключевым фразам определяет тематику площадки, на которой будет показано рекламное объявление, а также учитывает интересы пользователей. То есть сужение частотности приведет к значительному сокращению охвата и эффективности рекламы. 

Начинать сбор ключевых фраз необходимо с составления списка масок (базовые словосочетания, на основе которых формируется семантическое ядро). Рассмотрим на примере ниши “пластиковые окна”.

  • Собираем маски:
    • пластиковые окна
    • окна пвх
    • стеклопакеты
    • заказать окна и т.д.
  • Собираем высокочастотную семантику в Wordstat.  Лайфхаки по быстрому сбору – https://web-optimizator.com/collection-keywords/
  • Не забываем смотреть на правую колонку Wordstat, там могут быть варианты для расширения тематики. Например, фраза “остекление балконов” в тематике пластиковых окон.
  • Группируем ключевые слова так, чтобы достигнуть максимальной релевантности посадочной странице и тексту. Например, ключевые запросы про монтаж окон и остекление балконов нужно разнести по разным группам, чтобы вести их на различные страницы (если соответствующие есть на сайте), а также, чтобы написать соответствующее объявление

Подбор изображений

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

Технические требования к изображениям: 

  • максимальный объем файла — до 10 МБ
  • формат — JPG, PNG или GIF (будет использован только первый кадр)
  • размер — от 450 пикселей по каждой стороне для текстово-графических объявлений (для объявлений с широкоформатными изображениями – размер изображения должен быть не меньше 1080 × 607 пикселей). Яндекс рекомендует использовать изображения размером от 1080 до 5000 пикселей

Создание рекламной кампании РСЯ

Переходим к основной части процесса: собственно, создание и настройка РК и объявлений.

Создаём рекламную кампанию в Яндекс.Директ.

Заполняем настройки рекламной кампании (параметры):

  • Задаем название (оно должно отражать основные отличие РК от других: типа РК (РСЯ в отличие от поиска), регион, другие особенности.
  • Расписание показов. По умолчанию стоит круглосуточный показ объявлений. Есть возможность настройки часового пояса, дней, времени показа, режима показов в праздники и корректировки ставок (при ручной стратегии).
  • Контакты организации. Если компания добавлена в Яндекс.Справочник, можно привязать её к рекламной кампании, дав возможность пользователю получить информацию прямо из объявления, и визуально увеличив объявление
  • Привязка счетчика Я.Метрики. Абсолютно необходима для корректного сбора статистики. Привязав счетчик, не забываем включить настройку “Размечать ссылки для Метрики”.

ВАЖНО! Чтобы привязать счётчик к рекламной кампании, необходимо в настройках счётчика дать доступ аккаунту, на котором создана рекламная кампания!

  • Ключевые цели. При наличии ключевой конверсии, определяющей эффективность рекламной кампании, можно добавить её в ключевые цели. Важно понимать, что эта настройка может работать корректно только при накопленной статистике!
  • Если ключевой цели нет, можно оставить настройку без изменения.
  • Выбор стратегии. Выбираем настройку “Только в сетях”. Далее, выбор стратегии зависит от конкретных целей, задач, возможностей и т.д.

Первые две стратегии – автоматические: оптимизация рентабельности и оптимизация конверсии. Выбираем их при наличии выстроенной прозрачной аналитики.

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

Четвертый – ручное управление. Эта стратегия позволяет получить максимум показов, вручную регулируя ставки, лимиты и т.д.

  • Корректировка ставок: позволяет регулировать ставки по огромному количеству признаков: 

Целевая аудитория (аудитория на основе данных из Яндекс.Метрики или Яндекс.Аудитории. Это может быть корректировка по гео – радиус вокруг адреса, пользователи, совершившие или не совершившие целевое действие, клиенты из базы загруженных телефонных номеров и т.д.)

Устройства. Например, полностью отключить показы на мобильных телефонах (корректировка -100%), или отдельно регулировать показы на Android и IOs.

Пол и возраст. Настройка даёт возможность, отключить несовершеннолетних пользователей, или, например, установить повышающую корректировку на женскую аудиторию.

Также, здесь есть настройки корректировок для объявлений с видеодополнениями и по регионам показов.

  • Минус фразы – в рекламных кампаниях РСЯ минус-фразы значительно сужают охват, поэтому их стоит использовать только для отсечения принципиально нецелевых ответвлений тематики

Расширенные настройки:

  • Расширенный географический таргетинг. Настройка позволяет показывать рекламу пользователям, даже если они находятся в другом регионе, но интересуются регионом целевым.
  • Заполненная виртуальная визитка на некоторых площадках может прибавить к объявлению ссылку, которая ведет на страницу визитки с адресом и телефоном
  • Включенный мониторинг позволяет отключить показ объявлений при неработающем сайте и прислать уведомление о соответствующей проблеме. После восстановления работы сайта, показ рекламы восстановится
  • Площадки, на которых запрещены показы. Рекомендуется вносить список низкоэффективных площадок в процессе оптимизации РК. Также, есть список площадок, которые можно отключить ещё до начала работы РК https://web-optimizator.com/advertising-platforms-disconnect/

ВАЖНО! В связи с изменениями в 2020 году, Яндекс оставил за собой право показывать рекламу на некоторых площадках, даже если они внесены в список запрещенных. К таким площадкам относятся сайты, работающие на технологии “Турбо” и собственные проекты Яндекс

  • Дополнительные релевантные фразы (ДРФ) – это ключевые фразы, автоматически подобранные Яндексом. В РСЯ, в отличие от поиска, релевантность объявления фразе не играет критического значения, поэтому для увеличения охвата есть смысл протестировать ДРФ в качестве дополнительного источника трафика. Однако, при этом, следует учитывать некоторые факторы:
  1. Не подключать ДРФ на старте работы РК, а только после накопления статистики
  2. Тестировать эффективность аккуратно, на небольших процентах (по умолчанию, стоит 5%)
  3. По возможности, оптимизировать настройку по целям

Создание группы объявлений в РСЯ

На этапе создания группы объявлений настраивается условия показов и геотаргетинг. Подробнее о видах таргетинга https://web-optimizator.com/rsya-target/

  • Автотаргетинг – один из видов таргетинга Яндекс.Директ.

Работает совместно с ключевыми фразами.

Важно: автотаргетинг работает наилучшим образом в тематике с большим спросом (не в узких нишах) и в объявлениях с накопленной статистикой.

  • Регионы показа. Выберите регионы, где будут показываться объявления. Важно помнить об особенностях рекламируемого бизнеса (возможности доставки, наличие офиса и т.д.)
  • Ключевые фразы. Сюда нужно добавить подобранные ранее и распределенные по группам ключевые фразы
  • Ретаргетинг и подбор аудитории. Здесь настраивается таргетинг на аудиторию, созданную на основе сегментов Я.Метрики и Я.Аудиторий.
  • Профиль пользователя – здесь настраивается таргетинг по краткосрочным интересам пользователя

Создание объявлений в РСЯ

Для создания текстово-графического объявления, заполняем:

  • Заголовок объявления, максимум 35 символов
  • Второй заголовок объявления (используется в РСЯ крайне редко, только в некоторых форматах), максимум 30 символов
  • Текст объявлений, максимум 81 символ
  • Изображение (для максимального охвата рекомендуется отдельно добавлять изображения Стандартное и Широкоформатное – в отдельные объявления в группе объявлений)
  • Видеодополнения. Автоматически создаются на основе изображения, загруженного в объявление. 

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

  • Страница перехода – указываем целевую страницу, куда будет направлен пользователь с рекламы
  • Уточнения. С их помощью можно рассказать о выгодных отличиях предложения и повысить кликабельность объявлений. Есть возможность добавить и выбрать несколько уточнений: в объявлении отобразятся не более 4, случайно выбранных из списка. Суммарная длина всех показанных уточнений не будет превышать 66 символов.
  • Быстрые ссылки – это своего рода навигация по сайту прямо в объявлении. Дополнительные ссылки ведут на разные страницы сайта, визуально увеличивая объявление. Это расширение показывается не на всех площадках РСЯ!
  • Для создания графического объявления, необходимо:
  • создать креатив с помощью конструктора. 

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

Креативы разных размеров – настройка всех параметров всех форматов вручную

  • указать страницу перехода – целевую страницу, куда будет направлен пользователь с рекламы

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

  • Видео объявления – это короткие (15 секунд) рекламные видеоролики. Главное отличие видео объявлений от видеодополнений в в степени контроля над объявлением. Есть возможность создания отдельной рекламной кампании с видео объявлениями для контроля расходов и эффективности видео рекламы. При этом Яндекс не гарантирует показов видео при использовании видеодополнений, по причине ротации креативов и площадок. В то время как видео объявление, непосредственно заточено под то, чтобы показываться регулярно.

Варианты создания видео объявлений: 

  1. Загрузка собственных видео
  2. Создание видео объявлений на основе шаблона Яндекс.Директ: фоновое видео + текст
  • Создание мобильных объявлений аналогично созданию текстово-графических объявлений, но на этапе создания нужно выбрать тип “Мобильное объявление”. При наличии такого типа объявления система будет отдавать предпочтение ему при показах на мобильного устройств.

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

Другие варианты работы с объявлениями в РСЯ

Помимо создания РК в интерфейсе Я.Директ, работа с объявлениями и базовыми настройками возможна также в Excel и в Яндекс Коммандер

Статья показалась интересной? Тогда предлагаем вам прочитать и другие на эту тему:

Лучшие обновления Google и Яндекс для контекстной рекламы, вышедшие в 2016 году

Ирина Козлова, исполнительный директор «Блондинка.ру», специально для Нетологии собрала и проанализировала обновления Google Adwords и Яндекс.Директ, вышедшие в 2016 году, которые значительно упростят жизнь маркетолога и сделают контекстную рекламу еще лучше.

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

1. Смарт-баннеры от Яндекса

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

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

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

Этот инструмент — по сути аналог динамического ремаркетинга, поскольку они решают аналогичные задачи. Он может быть очень полезным, но пока по эффективности уступает AdWords и ремаркетинговым сервисам, таким как Criteo.

2. Появление изображений больших размеров в Яндекс.Директе.

С марта этого года в Директе появилась возможность загружать картинки больших размеров: при соотношении сторон от 1:1 до 3:4/4:3 — от 450 до 5000 пикселей по каждой стороне. Также Директ стал поддерживать широкоформатные изображения с с соотношениями сторон 16:9 и размерами от 1080 × 607 до 5000 × 2812 пикселей.

Это отличное обновление. Визуально объявления стали привлекательнее, что позволяет увеличить эффективность кампаний в РСЯ.

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

3. Уточнения в объявлениях в Яндекс.Директ

Ещё одна новая интересная фича от Яндекса — уточнения. В Яндекс.Директ появились короткие — менее 25 символов — тексты, которые могут рассказать о дополнительных преимуществах вашего продукта: бесплатная доставка, круглосуточная служба поддержки и другие. По сути это вторая строка объявления.

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

4. Запуск отображаемых ссылок в Яндекс.Директ

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

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

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

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

5. Расширенные текстовые объявления от Google

В расширенных текстовых объявлениях рекламодатели могут не только добавлять по 2 заголовка — каждый до 30 знаков, но и создавать большие описания — до 80 знаков.

Рекламодателям доступны два поля «путь», указанный в них текст будет отображаться в URL сразу после домена. Объявления адаптированы для различных типов устройств, а также к контенту сайта и приложений.

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

6. Инструмент «Аудитории» в Яндексе

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

После предоставления этой информации Яндекс.Аудитории создадут список анонимных ID для показа рекламы. В сервис встроены инструменты аналитики, позволяющие получать информацию о вашей аудитории по полу, возрасту, типу устройства и геолокации. Кроме того, сервис можно использовать для построения сегментов look-a-like и для управления ставками.

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

7. DSK — алгоритм КМС от Google

DSK (Display Select Keywords) — это один из видов таргетинга, позволяющий с помощью cookies привлечь клиента, который осуществлял поиск в Google по ключевым словам релевантным для вашего продукта. Важно отметить, что в КМС встроено большое количество списков таргетинга, однако без DSK они могут давать нецелевой трафик.

Благодаря DSK рекламодатели могут находить людей, которые совершат конверсию с вероятностью на 35% выше, чем при обычном таргетировании КМС на ключевые слова. Это связано с тем, что DSK проводит анализ только тех ключевых запросов, которые пользователь самостоятельно вводил в систему.

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

8. Расширение возможностей таргетинга для Google AdWords: кросс-девайс и демографический таргетинг.

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

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

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

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

Что тут скажешь? Здорово! Эти два обновления существенно увеличивают эффективность рекламных кампаний.

9. Расширение call-to-action для рекламы мобильных приложений в Яндекс.Директе

Рекламодатели могут по своему усмотрению выбирать CTA-кнопки. Если раньше была доступна опция только с кнопкой «Загрузить», то теперь рекламодатель может выбрать также «Скачать», «Установить», «Подробнее», «Открыть», «Обновить», «Играть», «Купить». Если вы хотите указать цену, то она будет расположена непосредственно на самой кнопке.

Это обновление очень полезно для рекламодателей, поскольку оно увеличивает CR рекламной кампании.

10. Гиперлокальный таргетинг по сегментам Аудиторий  

Теперь рекламу в Яндекс.Директ можно таргетировать по точным местоположениям, ограниченных радиусом от 500 метров до 10 километров, а не только по конкретным странам и городам. Реклама может быть таргетирована по районам, станциям метро и даже по конкретным объектам: бизнес-центрам, вокзалам или аэропортам.

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

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

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

Читать еще 

Обучение

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

В альманахе HTTP Archive за 2021 год они обнаружили, что изображения вносят наибольший вклад в вес страницы или «общее количество байтов конкретной веб-страницы». Изображения опережают весь остальной контент (JS, CSS и HTML) более чем на 70 % по показателю медианы байтов по типу контента. Иными словами, если ваш сайт загружается медленно (или не так быстро, как вам хотелось бы), изображения, вероятно, являются узким местом.

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

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

Установите размеры изображения

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

Ghost позволяет создавать набор изображений заданных размеров, чтобы вы могли это сделать. Эти изображения определены в файле package.json , расположенном в корне темы. Какие размеры вы хотите создать, будет определяться потребностями вашей темы. В приведенном ниже фрагменте JSON указаны размеры изображений, которые я использую для своей темы. Имена размеров ( "s" , "m" и т.д.) может быть чем угодно.

  "конфигурация":{
   "изображение_размеры":{
      "ххс": {
         "ширина": 50
      },
      "хз": {
         "ширина": 100
      },
      "с":{
         "ширина": 350
      },
      "м": {
         "ширина": 500
      },
      "л": {
         "ширина": 700
      },
      "XL":{
         "ширина": 1000
      },
      "xxl":{
         "ширина": 2000
      }
   }
}  
Определить размер изображения

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

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

Изображения в вашем шаблоне

Размеры изображений, которые вы определили выше, доступны в вашей теме с помощью помощника по изображениям. Основной синтаксис: {{img_url feature_image size="m"}} . Здесь атрибут size вызывает изображение, которое вы определили в файле package.json выше. Затем вы можете связать эти размеры изображений вместе, чтобы создать набор изображений в файле Handelbar вашего шаблона.

  <изображение
      srcset="{{img_url feature_image size="m"}} 500 Вт,
              {{img_url feature_image size="l"}} 700 Вт,
              {{img_url feature_image size="xl"}} 1000 Вт"
              src="{{img_url feature_image size="l"}}"
             
              alt="{{#if feature_image_alt}}
                {{feature_image_alt}
              {{еще}}
                {{заглавие}}
              {{/если}}"
             >  
Image srcset в Ghost

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

Исходный набор

srcset определяет набор изображений, из которых может выбирать браузер. Первая часть содержит разметку Handlebars и помощники, предоставленные Ghost, которые извлекают изображения с измененным размером, указанные выше. После этого вы сообщаете браузеру внутреннюю ширину изображения, указав значение в пикселях, за которым следует w . Эти значения будут совпадать со значениями в файле package.json .

Source

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

Размеры

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

В приведенном выше выражении размеры мы указываем браузеру использовать изображение размером 700 пикселей всякий раз, когда окно просмотра шире 48rem.В противном случае мы говорим браузеру найти изображение, соответствующее ширине области просмотра ( 100vw ).

Alt

Важный для доступности и SEO тег alt также использует слой шаблонов Ghost Handelbars, чтобы либо использовать предоставленный тег alt, введенный через редактор сообщений, либо использовать заголовок сообщения в качестве запасного варианта.

Ширина и Высота

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

Бонусные баллы

При широкой поддержке формата изображения webp пришло время использовать его с дикой энергией. В среднем изображения webp на 25-34% меньше, чем jpeg. Webp также поддерживает анимацию и прозрачность.

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

Приложение Google Squoosh для преобразования изображений в веб-формат просто фантастическое. Мне также очень нравится XnConvert, мощный кроссплатформенный пакетный конвертер/компрессор.

Squoosh

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

XnConvert · Пакетный конвертер изображений | конвертировать изображения | XnView.com

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

Ниже представлен рендеринг от Cash on Unsplash. Преобразование из jpeg в webp привело к уменьшению размера файла на 62%!

JPG — 379 КБ. Я также нашел следующие статьи полезными:

Настройка высоты и ширины изображений снова важна — Smashing Magazine

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

Какие атрибуты ширины и высоты следует использовать с адаптивными изображениями? | Чип Каллен

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

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

Входящие Изображение Отправить | В прямом эфире с Келли и Райаном

Вы хотите отправить Келли и Майклу комментарий или вопрос вместе с фотографией?

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

Примечание. Все поля обязательны для заполнения, если не указано иное.

Ваша информация:

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

Комментарий или вопрос для Келли и Майкла:
Описание изображения, включая имена всех, кто изображен на фотографии:
Обратите внимание:
• Ваша фотография должна быть в формате JPG или GIF.
• Размер отформатированной фотографии не должен превышать 150 КБ.
• Фотографии НЕ будут возвращены и станут собственностью "LIVE with Kelly and Michael" и могут использоваться любым образом, в любых средствах массовой информации, известных сейчас или существующих в будущем, во всем мире на неограниченный срок.
• НЕТ ПОРНОГРАФИЧЕСКИХ, Оскорбительных, непристойных, ненавистных или жестоких фотографий. ЗАПРЕЩАЕТСЯ ВЫДАВАТЬСЯ ЗА ДРУГИХ. СОБЛЮДАЙТЕ АВТОРСКИЕ ПРАВА - НЕТ ФОТОГРАФИЙ, ДЛЯ КОТОРЫХ ВЫ НЕ ПОЛУЧИЛИ НЕОБХОДИМОЕ РАЗРЕШЕНИЕ ОТ ФОТОГРАФА (ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ ПРОЧТИТЕ НАШИ СОВЕТЫ ПО АВТОРСКИМ ПРАВАМ).
• Вы должны принять наши УСЛОВИЯ ИСПОЛЬЗОВАНИЯ
Нажимая «Отправить» выше, вы подтверждаете, что (а) вы прочитали и согласны с нашими УСЛОВИЯМИ ИСПОЛЬЗОВАНИЯ; (б) фотография не нарушает наши УСЛОВИЯ ИСПОЛЬЗОВАНИЯ; (c) вы владеете или получили все права, необходимые для загрузки этой фотографии и разрешения ее использования в соответствии с нашими УСЛОВИЯМИ ИСПОЛЬЗОВАНИЯ; (d) вы предоставляете нам лицензию на любое такое использование фотографии; и (e) вы гарантируете и заявляете, что являетесь родителем или законным опекуном любого несовершеннолетнего, указанного выше, и что у вас есть все полномочия отправить своего ребенка или подопечного в LIVE with Kelly and Michael Inbox.Участвуя в кампании по загрузке фотографий со своим ребенком/подопечным, вы соглашаетесь разрешить LIVE with Kelly and Michael использовать это представление или любую его часть, включая, помимо прочего, фотографию вашего ребенка, его имя, город и штат проживания, биографические данные. материалов и любой другой информации и/или материалов, предоставленных и распространяемых информацией для любых целей, включая, помимо прочего, публичность, продвижение и рекламу, в любых и всех средствах массовой информации, известных сейчас или существующих в будущем, по всему миру на неограниченный срок.

Стефани Сижуко: скрытые изображения @Ryan Lee

JTF (только факты): В общей сложности 11 цветных фотографий в рамках из коричневого дерева/белых и без матового покрытия, висящих на белых стенах в главной галерее и в меньшей боковой комнате. Все работы представляют собой архивные пигментные струйные отпечатки, сделанные в 2021 году. Работы обычно делятся на большие и малые размеры, при этом большие отпечатки имеют размер примерно от 39 × 56 до 41 × 61 дюймов (или наоборот), а маленькие отпечатки размером 15×20 дюймов.Все репродукции доступны в пяти экземплярах. Выставка также включает в себя установку широкоформатных струйных отпечатков и склеенных вместе цветных лазерных принтов, расположенных на деревянных платформах с каменными блоками с 2021 года по настоящее время. (Установка и подробные снимки ниже.)

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

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

Попутно Сиджуко разработала множество различных эстетических техник для прерывания или переосмысления архивных материалов, постепенно создавая набор методов, которые она может использовать в различных обстоятельствах, и выходя за рамки простого портретного портрета таких художников, как Терри Эванс. или Мияко Ишиути (которые аналогичным образом исследовали различные резонансные архивы). На этой выставке большинство представленных фотографий начинались с простой документальной фотографии оригинальной архивной фотографии.Затем Сьюко увеличила изображения, разделила их на фрагменты и напечатала на стандартной офисной бумаге размером 8,5 x 11 дюймов, которую затем собрала с помощью скотча. Полученные распечатки изображений были затем повторно сфотографированы Сижуко, по сути, задокументировав конечное состояние ее процесса переделки.

Она применила этот метод повторного видения к нескольким архивным находкам, и в каждом случае ее процесс переоценки заставляет нас, зрителей, учитывать невидимый контекст выбранного объекта изображения.Она показывает нам коробку с фотографиями филиппинских женщин в национальной одежде, подчеркивая колониальный образ мышления, часто применяемый при документировании небелых культурных традиций. Она предлагает коробку «отказов» Генри Клея Андерсона, темнокожего фотографа середины 20-го века из Миссисипи, и просит нас подумать, кто были отвергнуты и почему не были выбраны невидимые изображения в коробке. Она фотографирует оборотную сторону груды материалов Ку-клукс-клана 1950-х годов, не позволяя своему собственному изображению еще больше усилить то, что было сохранено.И она показывает нам испорченный слайд из лекции о бедности 1920-х годов под названием «Лучшая Америка», побуждая нас догадаться, что было изображено изначально, и представить, что это могло бы сказать нам сейчас, спустя столетие. Вместо того, чтобы принимать каждое архивное изображение за чистую монету, она разобрала его и собрала по кусочкам, тем самым разобрав как само изображение, так и его скрытую историю.

В задней комнате Сьюко собрал группу изображений фотографических таблиц калибровки цветов, а также пару работ, которые включают калибровочную полосу вверху.Художники давно заинтригованы блоками цветов в этих инструментах, подталкивая их к полной абстракции (как Герхард Рихтер), изолируя их как артефакты (как Энн Колье) или используя их в натюрмортах как напоминание о том, какими они были. в основном предназначен для калибровки цвета белой кожи (например, Awol Erizku). Карты Сиджуко по-разному сгруппированы и смяты, как если бы они были выброшены в порыве разочарования, их предполагаемая достоверность на самом деле сломана и устарела. Эта идея еще сильнее проявляется в двух гравюрах с тропическими фруктами (попеременно классифицируемых как «западные» и «восточные» около 1900 года), где цвета были инвертированы, возможно, в попытке изменить азиатские стереотипы, которые пришли вместе с этими фруктами. фрукты.

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

Возникает своего рода поток сознания, противоречащий повествованию, где артефакты, относящиеся к колониальной экспансии Америки на Филиппинах (в начале 1900-х годов), смешиваются с другими остатками американской истории, включая документы из японских школ для интернированных и изображения солдат-черных бизонов. . Хотя трудно понять значение и резонанс каждой из составных частей в отдельности или расшифровать каждое сопоставление, Сижуко ощущает себя очень заметным в этой версии архива, как свидетель переводчика, который здесь, чтобы предоставить до сих пор нераспознанный контекст или фон объектов, которые мы видим.То, что она показала нам, — это процесс отбора, перестановки и переосмысления, в ходе которого старые предположения, обитающие в материале, активно ставятся под сомнение, в результате чего полученные артефакты выглядят гораздо более странными или испорченными (особенно ярко окрашенная фотография). трех женщин разных рас в традиционной одежде со своими инструментами). Построенный ею нарратив побуждает нас быть наблюдательными и скептичными, задавая вопросы о каждом объекте и образе, которые дремлют в своем окружении.

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

Точка зрения коллекционера: Стоимость отпечатков на этой выставке зависит от размера: более крупные отпечатки стоят 18000 долларов США, а меньшие — 7500 долларов США каждый. На данный момент у работ Сиджуко мало истории вторичного рынка, поэтому галерейная торговля, вероятно, остается лучшим вариантом для тех коллекционеров, которые заинтересованы в дальнейшем развитии.

Как улучшить рейтинг изображений в Google как профессионал

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

В любом случае вы попали по адресу.

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

Без лишних слов, приступим.

Почему мы заботимся о рейтинге изображений?

Почему мы вообще говорим о ранжировании изображений? Какая разница?

Подумайте вот о чем: сегодня около четверти всего поискового трафика приходится на Google Картинки.

Это ошеломляет. Это в раз больше поискового трафика, чем Bing и Yahoo вместе взятые (4,6%). Это в 90 197 80 раз 90 196 больше поискового трафика, чем получает Новости Google (0,28%).

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

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

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

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

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

Используйте то, что у вас есть

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

Например, есть ли у вас личный веб-сайт или корпоративная биография на странице 1? Или, может быть, высокопоставленный профиль в LinkedIn или Twitter?

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

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

Эти факторы ранжирования можно условно свести к пяти элементам:

  • Имя файла изображения: При сохранении изображения на компьютер избавьтесь от тарабарщины с автоматическим именем файла.Вместо этого создайте имя, которое кратко описывает содержимое образа. Если я пытаюсь получить снимок головы для ранжирования моего имени, отличным именем файла будет Ryan-Erskine-BrandYourself-Headshot.jpg. Ужасный пример — IMG_9999.
  • Размер и размер изображения: Если ваша аудитория не ищет гигантские версии обоев ваших снимков, уменьшите размер до более разумного. Сжатое изображение означает лучшую скорость загрузки, а лучшая скорость загрузки означает лучший пользовательский интерфейс.Райан Эйрес, владелец Eye9 Design, предлагает не превышать 100 КБ. «Если все ваши изображения находятся под этим номером, у вас все в порядке. Если возможно, старайтесь, чтобы все изображения были размером не более 75 КБ». Также рекомендуется убедиться, что изображение соответствует общему набору размеров, например 16:9, 4:3 или квадратному. Все, что растянуто слишком далеко по вертикали или горизонтали, скорее всего, принесет вам больше вреда, чем пользы.
  • Метаданные изображения:  Хотя метаданные изображения также полезны с точки зрения доступности, они служат важным фактором ранжирования.После того, как вы загрузили изображение, обратите внимание на мета-заголовок, заголовок, альтернативный текст и описание. Каналы социальных сетей обычно не дают вам столько возможностей возиться с этими элементами, как веб-сайты, но чем усерднее вы их заполняете, тем лучше для вас будет.
  • Вовлеченность изображения: Это говорит само за себя — изображения, которые получают больше кликов и просмотров, как правило, получают больше любви от Google.
  • Элементы размещенной страницы: URL-адрес страницы, заголовок страницы и даже окружающий текст помогают Google определить релевантность вашего изображения для определенного ключевого слова.Сообщая эти важные сведения о ваших изображениях, вы улучшаете понимание Google содержания и повышаете вероятность того, что они ранжируются по правильным ключевым словам. «Кстати, это одна из причин того, что галереи изображений, особенно внутри стоковых фотогалерей, обычно не очень хорошо работают», — говорит Рэнд Фишкин, основатель Sparktoro.

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

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

Если у вас еще нет самых авторитетных профилей в социальных сетях, зарезервируйте и оптимизируйте их сейчас.

Да, мы говорим о LinkedIn, Twitter и Facebook. Но мы также говорим о Crunchbase, Quora и Medium. (Иногда вы все еще можете получить фотографию профиля от About.me для запуска, если вам повезет.)

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

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

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

Творческие тактики, которые дадут вам преимущество

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

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

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

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

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

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

Сделай сам

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

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

Райан Эрскин — менеджер по работе с клиентами в BrandYourself. Посетите его веб-сайт, подпишитесь на него в Твиттере и прочитайте его книгу здесь.

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

Эта запись YouMoz была отправлена ​​одним из членов нашего сообщества. Взгляды автора полностью принадлежат ему (за исключением маловероятного случая гипноза) и могут не отражать взгляды Моза.

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

Что я получу от этого поста?

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

Что я не получу от этого поста?

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

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

1. Интернет становится все более визуальным

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

В предыдущих выпусках веб-сайта McDonald's не было много изображений.

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

2. Интернет становится все более мобильным

В мае 2015 года Google объявил, что в 10 странах, включая США, количество поисковых запросов с мобильных устройств превысило количество поисковых запросов с настольных компьютеров.С. и Японии.

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

3. Скорость страницы имеет решающее значение для SEO и взаимодействия с пользователем

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

4. Изображения стоят дорого

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

5. Оптимизация изображений = оптимизация ключевых слов

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

Ладно, хватит преамбулы. Давайте проверим некоторые изображения.

Этап 1. Создание реестра изображений

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

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

Screaming Frog позволяет легко и быстро создать инвентарь изображений вашего сайта. Если вы не знакомы с Screaming Frog, прочтите «Как делать практически все с Screaming Frog» в интерактивном блоге Seer.

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

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

Примечание по внутренним и внешним изображениям:

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

  1. Вы взяли коды для встраивания с других веб-сайтов и вставили их в свой HTML-код (для размещения изображений на своем веб-сайте).
  2. Ваш веб-сайт использует сеть доставки контента (CDN) для размещения изображений вашего веб-сайта.

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

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

Ограничения

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

Чтобы обеспечить учет изображений, передаваемых через CSS, я предлагаю использовать URIValet.com и запускать его на 5–10 лучших изображениях вашего сайта.

Этап 2. Диагностика проблем оптимизации

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

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

Во-первых, вам нужны изображения?

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

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

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

Изображения, состоящие из простых геометрических фигур, отлично подходят для векторного формата (SVG). Изображения со сложными формами, цветами и деталями следует сохранять в одном из растровых форматов (GIF, PNG или JPEG).

Вы можете определить формат ваших изображений, обратившись к отчету Screaming Frog и просмотрев столбец «Содержание»:

Аудит изображений на предмет производительности

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

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

  • Байт на пиксель
  • Всего пикселей

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

Оптимизация байтов на пиксель

Хорошо, давайте вернемся к нашей инвентаризации изображений Screaming Frog. Максимальный размер файла изображения Screaming Frog по умолчанию составляет «Более 100 КБ.«Если все ваши изображения находятся под этим номером, у вас все в порядке.

Но нам не по пути. Мы идем к оптимальному!

Если возможно, старайтесь, чтобы размер всех изображений не превышал 75 КБ. Если вы согласны, вы можете обновить настройки Screaming Frog, чтобы инструмент группировал все изображения размером более 75 КБ вместе. Просто перейдите к Configuration // Spider // Preferences:

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

Оптимизация общего количества пикселей

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

Естественный размер и размер дисплея

В идеале «естественный» размер изображений вашего сайта должен соответствовать размеру дисплея.

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

Обрезка изображения

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

Без обрезки:

Обрезанный:

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

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

Имена файлов

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

Вы можете получить представление об именах файлов изображений, просмотрев столбец «Адрес» в Screaming Frog. Имя файла изображения — это текст, который непосредственно предшествует расширению файла изображения:

Неправильное наименование изображений:

Правильное наименование изображений:

Рекомендации по именованию файлов изображений:

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

Альтернативный текст

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

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

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

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

  • Использовать замещающий текст на всех изображениях.
  • Не используйте ключевые слова. Используйте слова, которые наиболее точно описывают изображение.
  • Сохраняйте краткость (т. е. не более 100 символов).

Текст на изображениях

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

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

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

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

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

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

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

Этап 3. Принятие мер

Теперь вы понимаете все способы оптимизации изображений на вашем веб-сайте.

Основные задачи, с которыми вы, вероятно, закончите аудит:

  • Преобразование формата файла
  • Изменение размера изображения
  • Сжатие файлов
  • Обновление имен файлов
  • Обновление замещающего текста

Преобразование формата файла изображения и изменение размера

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

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

Сжатие файла изображения

Для сжатия байтов на пиксель для каждого изображения отлично подходит Photoshop.

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

Обновление имен файлов и альтернативного текста

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

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

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

Ryan's World Edible Image Icing Frosting Sheet #2 Topper (более 25 размеров) — Sweet Custom Creations

Советы по хранению, обращению и применению ваших съедобных изображений

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

ХРАНЕНИЕ:  Храните лист глазури запечатанным в пакете с застежкой-молнией, в котором он поставляется, до тех пор, пока вы не будете готовы его использовать. Хранить в горизонтальном положении на полке, при комнатной температуре и вдали от прямых солнечных лучей. Срок годности листов глазури составляет около 24 месяцев при правильном хранении.

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

ОБРЕЗКА ЛИСТОВ С ИЗОБРАЖЕНИЯМИ: Если вы заказали неразрезанные листы с изображениями или вам нужно обрезать изображение, вы можете легко разрезать их чистыми ножницами, прежде чем снимать пластиковую подложку.

КОГДА ПРИМЕНЯТЬ: Если вы используете масляный крем или другую более твердую глазурь, изображение можно наносить в любое удобное для вас время, но не более чем за 48 часов до мероприятия. В зависимости от того, насколько влажная глазурь, изображение начнет тускнеть из-за слишком большого количества влаги. Если вы беспокоитесь о выцветании, поместите изображение на торт в течение часа после мероприятия.

КАК ПРИМЕНЯТЬ: НЕ допускайте контакта воды со съедобным изображением до или после нанесения на торт. Лист расплавится и испортит отпечаток.Прежде чем браться за изображение, убедитесь, что ваши руки чистые и сухие. Ваша глазурь должна быть свежей. Если глазурь засохла, распылите тонкий слой воды на глазурь, а НЕ на изображение, прежде чем наносить изображение на глазурь. Если поверхность вашего лакомства влажная, НЕ добавляйте дополнительную влагу. Использование слишком большого количества воды может привести к растеканию цветов и расплавлению изображения.

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

Положите съедобный лист с изображением на глазурованное лакомство, держась за концы и аккуратно накладывая сначала от середины к концам. Аккуратно разгладьте съедобное изображение, убедившись, что края касаются глазури. Если изображение пузырится после нанесения, ОСТОРОЖНО ПОСТУПАЙТЕ (НЕ трите) изображение. Чтобы изображение растворилось в глазури, потребуется 20–30 минут (может занять больше времени) в зависимости от глазури, поэтому дайте время и наберитесь терпения. Если вы дотронетесь до него, вы можете оставить отпечаток пальца, как это делает глазурь.Добавьте окаймленную окантовку или украшения по краям по вашему выбору, чтобы закончить.

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

ИСПОЛЬЗОВАТЬ НА:

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

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

Взбитые начинки — НЕ добавляйте дополнительную влагу. Из-за высокого содержания воды во взбитых сливках съедобное изображение следует наносить как можно ближе к моменту подачи. Любой тип глазури с очень высоким содержанием влаги может вызвать кровотечение.Можно нанести тонкий слой масляного крема на место, где должно быть размещено изображение, чтобы избежать растекания/выцветания.

Торт-мороженое — при нанесении изображения на торт-мороженое, замороженный с немолочной взбитой начинкой, НЕ добавляйте дополнительную воду. Если вы наносите изображение непосредственно на мороженое, лучше дать мороженому немного «впитаться» перед нанесением изображения или сбрызнуть мороженое молоком перед нанесением изображения. Если вы работаете с мягким мороженым, вы добьетесь лучших результатов, если нанесете изображение, пока мороженое мягкое, а затем заморозите.Если изображение пузырится после нанесения или во время замораживания, ОСТОРОЖНО ПОСТУПАЙТЕ (НЕ трите) изображение. Если украшенный торт заморожен, медленно оттаивайте, желательно в холодильнике. Как и в случае с любым пищевым красителем, изображение со временем может потускнеть.

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

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

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

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

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

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

Печенье Oreo – нанесите кукурузный сироп, разбавленный небольшим количеством воды, на шоколадное печенье и поместите сверху съедобное изображение.

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

Шоколад — Кукурузный сироп, разбавленный небольшим количеством воды, нанесите на плитку или нагрейте шоколад феном в течение примерно 20 секунд. Сверху нанесите съедобное изображение.

СОВЕТЫ И ПОДСКАЗКИ:

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

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

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

Попробуйте следующее:

Положите лист на противень и поместите его в теплую сухую печь при температуре около 85F примерно на 8-10 минут, после чего изображение обычно легко отделяется от подложки.(Этот метод действительно работает лучше всего) или используйте фен на лицевой и обратной сторонах подложки. Высушите на высокой скорости круговыми движениями примерно по 60 секунд с каждой стороны. Не сушите близко. При необходимости повторяйте, пока лист слегка не затвердеет. Тогда снять подложку будет несложно.

Поместите лист глазури в СУХОЙ морозильник примерно на 30 секунд. При высокой влажности вам, возможно, придется оставить его дольше, примерно на 1-1,5 минуты. Его следует вынимать сразу же после извлечения из морозильной камеры.

Райан Гарсия победила Эммануэля Таго единогласным решением судей

Марлен Эспарса решила, что Наоко Фудзиока выиграет титулы WBC, WBA и Ring Magazine в наилегчайшем весе

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

Эспарса (12-1, 1 КО) одержал победу единогласным решением судей над Наоко Фудзиокой (19-3-1, 7 КО) и выиграл титулы WBC, WBA и Ring Magazine в наилегчайшем весе в упорном и соревновательном бою с большим количеством отливов. -и-потоки, которые, к сожалению, не были отражены в оценочных карточках.

Судьи Вильфредо Эсперон и Джесси Рейес оценили бой со счетом 100-90, а судья Лиза Джампа представила более реалистичную оценочную карточку 97-93. Комментатор DAZN Крис Мэнникс забил Эспарсе со счетом 96-94.

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

46-летняя японка Фудзиока не проявляла никаких признаков запугивания в качестве соперника на выезде, а также то, что с первого звонка она была на 14 лет старше Эспарсы.

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

По данным CompuBox, у Эспарзы было преимущество от 120 до 107 по количеству нанесенных ударов, в то время как у Фудзиоки преимущество от 98 до 94 по нанесенным мощным ударам. Эспарса нанес 436 ударов за десятираундовый бой по сравнению с 418 ударами Фудзиоки.

Фудзиока предпочитала драться исключительно в ближнем бою, в то время как бронзовый призер Олимпийских игр 2012 года в США Эспарса продемонстрировала свою сильную боксерскую родословную, используя дальнюю дистанцию, чтобы использовать джеб и контрудары всякий раз, когда Фудзиока посягала на нее.Удары Эспарсы явно попадали чище, но у обоих бойцов были свои моменты во время этого поединка.

В первом раунде Фудзиока попала в яростный удар справа сверху, и Эспарса тут же ответила своим. Во втором Эспарса нанес сильный левый хук в сторону виска Фудзиоки.

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

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

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

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

Но до боя оставалось еще две минуты,

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

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

Направляясь в бой, Эспарса владел титулом WBC, Фудзиока владел титулом WBA, а титул журнала Ring был вакантным.

Leave a Reply