Фото контент: секреты продвижение сайта фотографиями
Владислава Рыкова, Head of Marketing Department в «Scorto LLC», 28 мая провела вебинар «Продвижение сайта фотографиями».
Рассмотрели:
- Как поисковые системы индексируют изображения.
- Тонкости продвижения сайта фотографиями.
- Геокодирование изображений.
- Идеи для фотоконтента.
Сегодня поговорим об оптимизации фото для сайта. Сразу хочу оговориться, что речь пойдет не столько о классическом SEO, сколько об использовании изображений на сайте, в социальных сетях и о том, как они могут влиять на позиции сайта в поисковых системах.
Что влияет на позиции сайта в выдаче
Все факторы, которые влияют на позиции сайта в выдаче принято делить на 3 блока: внутренние, внешние и поведенческие.
Например, ключевые слова можно использовать в названиях изображений. С помощью перелинковки можно делать списки фотографий, давать ссылки с одной страницы сайта на другую страницу, где есть фотоконтент. Скорость загрузки сайта — важный показатель. Фотографии могут весить очень много, поэтому их нужно уменьшать и использовать определенные форматы.
Фотографии сами по себе как контент играют очень важную роль в наращивании ссылочной массы. Сейчас есть такое модное слово, как inbound-marketing, входящий маркетинг. Если вы будете генерировать очень качественные фотографии, картинки своего офиса или каких-то достопримечательностей — все это может влиять на входящие ссылки.
Процент отказов, количество просмотренных страниц, длительность посещения — все это влияет на позицию сайта в выдаче в целом. Если у вас будет много фотографий, то человек может их листать и дольше оставаться на сайте.
Если какая-то фотография будет действительно качественная, интересная, то ею захочется поделиться в социальных сетях. Опять же увеличивается взаимодействие с сайтом. Все это учитывается поисковыми системами, и при прочих равных условиях, ваш сайт будет выигрывать в конкурентной борьбе.
Как поисковые системы индексируют изображения
Существует четыре вида дубликатов:
• Точные дубликаты — фотографии абсолютно одинаковые по размеру, качеству.
• Тумбнейлерные дубликаты — полная картинка и миниатюра.
• Полудубликаты — измененные фотографии. Например, когда фотографию взяли в рамочку или вырезали какую-то часть.
• Расширенные полудубликаты — одинаковые фотографии, которые имеют разные параметры (размер, цвет, фон и т. д.).
Рассмотрим, как поисковые системы индексируют эти изображения.
Сначала индексируется сайт в целом. Когда находятся фотографии, то анализируется их размер, цвет, формат. Дальше, все изображения уменьшаются.
Например, на скриншоте звездочка, сердечко и кружочки — изображения с разным форматом, цветом и яркостью. Эти основные фрагменты поисковая система уменьшает до размера 16х16 пикселей и присваивает каждому определенную цифру. Комбинация этих цифр называется
Далее, схожие сигнатуры объединяются.
Потом похожие фрагменты опять сокращаются до 60х60 пикселей, переводятся в числовую характеристику, находя новые дубликаты.
Сейчас покажу, как увидеть появилась ли ваша фотография в индексе поисковых систем. В Google и Яндекс есть специальный поиск по картинкам, где вы можете добавить оригинальный файл вашей фотографии и посмотреть, кто и где ее использует.
Например, я загрузила фотографию памятника Тараса Шевченко, который находится в Харькове. Вот картинки, которые обнаружил Google.
Здесь есть дубликаты картинок, показываются размеры, права на использование и т. д.
То есть, если на вашем сайте есть фотография, и вы хотите проверить, появилась ли она где-то еще, пожаловаться поисковой системе, что без вашего разрешения как-то используют фотографию, вы можете с помощью поиска в Google найти дубликат вашего изображения.
Продвижение веб-ресурса фотографиями
Перейдем собственно к вопросу оптимизации фото для сайта и продвижения его с помощью фотоконтента.
Первое, что вам нужно сделать при загрузке фотографии на любой ресурс — заполнить атрибуты alt и title. Для поисковых систем важна плотность ключевых слов, которая есть на сайте. А сами сайты нередко отключают показ изображений. Поэтому обязательно пишите, что это за фотография.
Title не так сильно влияет на SEO картинок, как alt, но его все равно рекомендуют прописывать. При наведении мышкой на картинку будет показываться ее название.
Дальше, нужно правильно подписать фотографию. Нежелательно использовать такие названия, как «Рисунок 1» или «Графика 2». Лучше написать «Памятник Тарасу Шевченко в Харькове» или «Йети — снежный человек».
Нужно позаботиться о названии самого файла. Фотографы обычно загружают все фотографии в папочку и нумеруют 1, 2, 3, 4, 5 и т. д. При заливке на сайт названия часто остаются такими же. Это очень плохо. Все URL должны быть понятны человеку. Поэтому например, вместо img_123.jpg, напишите tshevchenko.jpg или jeti.jpg
Также это хорошо воспринимают поисковые системы. Употребление ключевого слова в адресе страницы повышает доверие к сайту, а людям сразу понятно, что изображено.
Самые распространенные графические форматы, которые любят поисковые системы — это JPEG, GIF и PNG. Они небольшие и не будут тормозить ваш сайт.
Я использую до 100 кБ. Но в зависимости от тематики сайта, размер может быть и больше. Например, если вы фотограф, то вам, естественно, нужно разрешение получше. Но опять же, вы должны думать о том, чтобы сайт грузился быстро.
Также можно геокодировать изображение.
Геокодирование очень важно для Google, потому что эта поисковая система при индексации считывает EXIF-данные. Если вы укажете геолокацию своего офиса, то координаты автоматически пропишутся в EXIF-данные, и фотографии будут показываться по локальной выдаче.
Например, если пользователь введет «купить сапоги», то ему покажутся ближайшие магазины. Поэтому в локальной выдаче позиции вашего сайта будут выше, если вы будете использовать геокодирование изображения.
Для геокодирования изображений я использую Zoner Photo Studio. Сейчас покажу, как поставить геокодировку на фотографию.
Возьмем ту же фотографию памятника Тарасу Шевченко.
При нажатии правой кнопки мыши откроется функция «Назначить GPS-данные». Нажимаем плюсик и ищем, где находится этот памятник. Например, Харьков, улица Сумская, 42. Здесь мы видим широту-долготу, нажимаем «Применить». Появляется кружочек, где указываются широта и долгота. Далее, мы можем проверить эту информацию в свойствах фотографии.
После геокодирования изображения нужно прописать фотографию в sitemap.xml. Есть специальные плагины для sitemap for images. Можно самому создать такую карту сайта, где вы укажете локацию. Например, как вы видите на скриншоте, в теге image geolocation, указано Торонто, Канада.
Также есть Schema.org. Можно зайти на сайт и самостоятельно прописать контент, которые у вас есть.
Социальные сети для фотографий
Самые распространенные социальные сети для фотографий — это Pinterest и Instagram.
Остановлюсь подробнее на Pinterest. Особенность сети в том, что вы можете верифицировать свой сайт и получать с него переходы, разрешив поисковым системам индексацию. Там идет прямая ссылка из этой социальной сети сразу на ваш сайт.
То есть, вы сначала добавляете фотографию на сайт, а потом уже делаем ре-пин к себе в социальную сеть. Таким образом, вы увеличиваете трафик и расшаривание.
Социальные сети помогают продвигать сайт. Кто-то захочет поделиться фотографией, а это дополнительные внешние ссылки на ваш сайт. Они тоже индексируются поисковыми системами и влияют на позиции в выдаче.
Идеи для фотоконтента
Фотографии нужны всем веб-ресурсам. В завершение поделюсь идеями фотоконтента:
• Фотографии офиса, их вы можете геокодировать.
• Фотографии сотрудников. Они повышают доверие к вашему сайту. Только не берите стоковские фотографии людей, делайте фото самостоятельно.
• Фотографии товаров в разных ракурсах. Здесь особенно важно прописать правильно alt, что позволит увеличивать плотность ключевых слов и повысить позиции в выдаче.
• Скриншоты. Подойдут для контентных сайтов, где нужно показать какую-то последовательность действий.
• Карикатуры, мемы, комиксы и фотожабы. Если добавите перчинку в свой контент, то им будут хорошо делиться, а у вас появляться входящие ссылки.
• Инфографика. Это графики, цифры, схемы. Информацией в таком виде очень любят делиться в социальных сетях.
• Фотоотчеты. Используются компаниями, которые участвуют в мероприятиях: семинарах, конференциях и т. д. Такие изображения также можно геокодировать и в локальной выдаче повышать позицию своего сайта.
• Награды и дипломы. Это тоже картинки, которые можно использовать для повышения доверия к своему сайту.
Спасибо за внимание.
Если Вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter
Топ-20 бесплатных фотостоков | Pressfeed. Журнал
Контент – король, но без хороших иллюстраций король какой-то голый. Pressfeed подскажет, где брать картинки для публикаций, чтобы это было легально и бесплатно.
Один из двух русскоязычных бесплатных фотостоков в нашей подборке. Доступны более 1,4 млн изображений и видео.
Второй и последний русскоязычный сервис в нашей подборке. Сортировка по категориям, их довольно много. Из минусов: не самая приятная навигация, нет поиска. Кстати, изображение на сайт может загрузить любой желающий.
Англоязычный сервис с красивыми и бесплатными фотографиями. Регистрация не нужна.
Удобная навигация: картинки рассортированы по категориям, имеется поиск.
Сайт публикует 10 новых фотографий каждый день.
Все изображения находятся в свободном доступе, их можно использовать в том числе и в коммерческих целях.
Еще один бесплатный фотосток, где много интересных необычных и цепляющих внимание фотографий. Некоторые без преувеличения достойны того, чтобы за их использование купить автору кофе.
Бесплатный фотосток Pexels — один из лучших, на наш взгляд. Удобная навигация, много полезных категорий. Изображения публикуются на основе лицензии Creative Commons Zero (CC0), их можно использовать в любых законных случаях.
Нужны публикации в СМИ?
Как быстро познакомиться с журналистами, пишущими на вашу тему, и организовывать публикации в СМИ бесплатно?
Как это работаетФотографии в высоком качестве доступны для бесплатного скачивания. Удобная сортировка по категориям и похожим изображениям. В правом верхнем углу притаился поиск на английском. Запрета на использование изображений в коммерческих целях нет.
Этот бесплатный фотосток очень приятно выглядит чисто внешне и сам подсказывает вам популярные категории поиска. Еще есть сортировка по дате, количествам скачиваний, даже по просмотрам и лайкам.
Поисковый инструмент для базы Flickr. Тут же можно скачать понравившиеся файлы и одновременно проверить лицензионность их использования. Много категорий, поиск, хорошее качество.
Бесплатный фотосток с иллюстрациями и видео от профессионального фотографа. На сайте более 964 фотографий. И, конечно, вся навигация также на английском.
Если вам вдруг понадобились винтажные фотографии, вы найдете их на этом сайте. Все иллюстрации, которые выложены на этом фотостоке, взяты из публичных архивов. Здесь не самая удобная навигация, но зато попадаются очень необычные экземпляры.
Виртуальный пиарщик
Поможет наладить работу со СМИ без своего пиарщика или агентства Увеличит число упоминаний о вашей компании Обойдется в 2-3 раза дешевле Как это работаетНеплохие картинки в хорошем качестве в 10 категориях. Также бесплатны для скачивания. Поиск на английском.
Хороший бесплатный фотосток с интересными фотографиями от различных авторов. Также есть раздел с видео, где в основном публикуются съемки природы и панорамы мегаполиса.
Еще один хороший бесплатный фотосток. Интуитивная навигация: даже при незнании английского будет понятно, как, где и что искать. Присутствует сортировка по категориям, поиск. Из дополнительных плюсов: на сайте активно наполняется раздел с видео.
С первого взгляда может показаться, что на сайте не такой уж и большой выбор для пользователей. Но можно найти очень даже нетривиальные идеи. Плюс каждую неделю выходят 7 новых изображений.
Пять эффективных тактик привлечения клиентов через СМИ
Пошаговое руководство с примерами и пояснениями
Скачать книгу«Инстаграмные» фотографии отличного качества. Используйте как угодно! Есть подписка на рассылку и поиск. Все на английском.
Еще один приятный сервис с фотографиями «как в tumblr». Простой удобный интерфейс с поиском на английском.
11 бесплатных категорий для поиска «того самого фото». Сервис обещает добавлять новые изображения и иллюстрации каждый день.
Поисковик бесплатных фотографий и видео сразу по нескольким базам. Нужно немного привыкнуть к агрегатору, чтобы оценить все его возможности, и, конечно, знать английский.
Каталог фото из бесплатных фотостоков. На данный момент на сайте выложено около 27 тыс. фото из 31 стока.
Бесплатные фото и видео по лицензии Creative Commons Zero (CC0). Удобный поиск для пользователей по категориям, тегам, горизонтальной или вертикальной ориентации и даже по цвету фона.
40 Бесплатные фото Источники, чтобы сделать ваш большой контент * Epic *
Без сомнения, одна из самых важных частей веб-сайта — это фотографии, которые используются на веб-сайте. Изображения важны, если вам нужны социальные сети, посетители, лайки и центральная роль в виртуальном мире. Веб-сайт с изображениями низкого качества обречен на меньшее количество посетителей и конверсий, чем веб-сайт с потрясающими изображениями. Если вас беспокоит, что поиск потрясающих изображений для вашего веб-сайта может показаться трудоемкой задачей, не бойтесь, есть масса инструментов, которые помогут вам исправить и этот аспект, и вот 40 моих любимых таких сайтов:
Отличный сайт, предлагающий 10 новых фотографий каждые 10 дней, в основном о природе, городской жизни, а также о еде и технологиях. Сегодня на Unsplash просматривается более 600 миллионов фотографий в месяц.
Отличный инструмент для поиска графики, фотографий и шрифтов. Smooth ‘drag-and-drop’ инструмент для создания новых дизайнов.
Вы можете выбрать из тысячи фотографий, лицензированных в нескольких категориях, таких как природа, реферат, модели и многое другое. Все фотографии бесплатны для личного и коммерческого использования. Никакой атрибуции не требуется.
Бесплатный сайт для обмена фотографиями и графикой для личных и некоммерческих проектов. Над 71,000 бесплатные фотографии, текстуры и художественные иллюстрации. Регистрация не требуется.
Свободные от авторских прав изображения, опубликованные под Creative Commons, Вы можете даже использовать их в коммерческих целях. Регистрация не требуется.
В основном: «старинные фотографии из публичных архивов, без известных ограничений авторского права». Главным образом черно-белый. Отличный опыт во время путешествия.
Над 3,118 можно загрузить бесплатные общедоступные изображения для мастеров и веб-дизайнеров, которые были спасены из старых книг, журналов и других печатных материалов. Авторские права защищены в США и любой стране, которая расширяет авторские права до 70 лет после смерти оригинального художника.
Он также имеет «бесплатный раздел», который обновляется довольно часто. Требуется учетная запись (но бесплатная).
Новый бесплатный фото сайт от Shopify! выходит с более качественными изображениями 1000. Они доступны под лицензией Creative Commons Zero, поэтому вы можете использовать и редактировать их по своему усмотрению. Отлично подходит для сайтов электронной коммерции, предпринимателей, рекламы в Facebook и многое другое!
Бесплатная фотогалерея, в которой большая часть фотографий была внесена фотографами-любителями. Вход не требуется. Организован географически.
Фотографии Райана МакГуара из Bells Design. Регистрация не требуется. Счастливая прокрутка!
Все фото сделаны на мобильные устройства! Хотя качество отличное.
Введите адрес электронной почты, и они отправляют вам фотографии каждый месяц, чтобы использовать их в любом месте.
Маркетинговая платформа (также) известна своими пакетами бесплатных фотографий. Просто дайте им свой адрес электронной почты.
Больше фото 350 000. Перед загрузкой вам нужно пройти «процесс регистрации».
Бесплатные фотографии, регистрация не требуется. Используйте «категории», чтобы найти свой путь.
Я знаю, но они также выпускают бесплатные стоковые изображения каждую неделю. Регистрация бесплатного членства.
Фотографии художников, которые будут использоваться в творческих проектах теми, кто посещает сайт. Требуется короткая регистрация. И не забудьте зачислить фотографа. Это было бы хорошо.
Всеобщее достояние изображения, загруженные фотографами-любителями, фотографии высокого качества для загрузки. Никакой регистрации суеты не требуется.
Крупная компания, которая теперь позволяет некоммерческим сайтам бесплатно встраивать часть своих фотографий. Однако помните, что вам нужно ВСТРАИВАТЬ изображение, а не просто загружать его и использовать по своему усмотрению. Более навязчивое решение, но все же вариант, на который стоит обратить внимание.
Отличная поисковая система для бесплатных фотографий, которые поступают из многих источников и зависят от лицензии. Членство бесплатное и позволяет вам оценивать, отмечать, собирать и комментировать фотографии.
Помогает блоггерам и дизайнерам находить фотографии для блогов и веб-сайтов, используя лицензирование Creative Commons. Так просто.
6 ГБ бесплатных абстрактных фонов, текстур и дизайнерских идей, которые вы можете вырезать и вставить в свои собственные работы или использовать просто для вдохновения.
Бесплатный архив изображений исторических отпечатков, карт и артефактов. Я говорю многовековые тоже.
26. Бесплатные картинки природы
Фотографии природы, пейзажа и дикой природы. Бесплатно. Взамен: не забудьте ссылку….
Ближе всего вы сможете исследовать вселенную через глаз Хаббла. Вы будете в основном свидетелями самых опасных, впечатляющих и загадочных глубин космоса. Но если вы хотите использовать фото, более внимательно посмотрите страницу с авторскими правами. На всякий случай.
Более 3000 изображений онлайн готовы для мгновенной бесплатной загрузки. Все изображения были предоставлены бесплатно по лицензии Creative Commons. Они сосредоточены на всех аспектах путешествий и досуга в Великобритании, но имеют растущую коллекцию изображений (около 50%) из Европы и стран Азиатско-Тихоокеанского региона.
29. Можем ли мы изображать
Он выполняет поиск по Wikimedia Commons, а результаты ссылаются на страницу прав использования каждой фотографии. Довольно полезно.
Это будет 7 новых фотографий каждые 7 дней, от ландшафтов до абстрактных городских и промышленных. К сожалению, Nic, парень, стоявший за этим сайтом, внезапно умер в 2013, поэтому сайт больше не обновляется.
Бесплатные изображения на этом сайте имеют небольшой размер, но идеально подходят для веб-сайтов или черновиков печатных работ. Если вам нужна версия большего размера, все они доступны для покупки. Использование бесплатных изображений часто требует упоминания фотографа.
Бесплатные, бесплатные носители, которые можно использовать в печати, кино, на телевидении, в Интернете или на любых других носителях как для коммерческого, так и для личного использования. Вход в систему не требуется. Однако коллекция весьма ограничена. Но стоит просмотреть категории.
Большая коллекция изображений, ориентированных на природу. Никакая регистрация не требуется, и изображения могут быть скопированы, изменены распределены, даже в коммерческих целях.
Здесь вы найдете работу голландского дизайнера взаимодействия Фолькерт Гортер, чья фотография доступна в условиях Лицензия Creative Commons Attribution 3.0. Вкратце: используйте работу до тех пор, пока вы указываете изображение.
35. Проект Реалия
Преподавательские материалы для преподавания и изучения современных языков и культур. Он фокусируется на материалах, которые передают повседневную жизнь разных культур.
Инструмент поиска, ориентированный на Flickr. Это также помогает вам идентифицировать лицензии на фотографии.
Искатель изображений, который также поможет вам изменить их размер. Идеально подходит для блоггеров, которые могут изменять размер до 5 бесплатных изображений в месяц.
Загрузите высококачественные стоковые фотографии с высоким разрешением, зарегистрировавшись бесплатно. Если вы еще и фотограф, вы можете добавить свои собственные творения.
Это еще одна поисковая система, которая упрощает вам поиск источника изображения, как его можно использовать, есть ли версии с более высоким разрешением и т. Д. Присмотритесь.
Каковы ваши предложения?
Если вы не найдете изображение, которое вы ищете на одной из страниц 39, перечисленных выше, я предлагаю вам захватить камеру и взять фотографию самостоятельно, потому что тогда шансы на то, что фотография еще не была снята. Какие бесплатные фотосайты я пропустил? Какие инструменты вам больше всего нравятся, чтобы находить или создавать изображения? Давайте помогать этому списку расти, не стесняйтесь оставить комментарий ниже.
Как отличить контентное изображение от декоративного — Блог HTML Academy
Давайте разберёмся, что такое контентное изображение, что такое декоративное и как их отличить друг от друга. От типа изображения зависит то, как оно будет добавлено на страницу.
Теория
Контентное изображение
Слово контент происходит от английского слова «content» — содержимое. С помощью таких изображений мы можем донести до пользователей полезную информацию. Чтобы добавить контентное изображение к себе на страницу, используйте в разметке <img>
. Для изображений такого типа необходимо заполнять атрибут alt, который описывает то, что изображено на картинке.
Декоративное изображение
Из названия понятно, что этот тип изображений используется исключительно для оформления. Такие изображения не несут для пользователя полезной информации. Декоративные изображения следует реализовывать с помощью CSS.
Практика
В теории всё просто, но на деле мы можем столкнуться с неоднозначными ситуациями, в которых не так-то просто определить тип изображения. Давайте вместе рассмотрим различные ситуации на примерах.
Очевидные случаи
Изображение товара в карточке товара, контентное
Карточка товара на сайте EdoqueКарточки товаров на сайте CadburyТакие изображения содержат информацию о внешнем виде товара. Если они по какой-либо причине не отобразятся, то пользователь потеряет часть информации о товаре.
Реализация: <img>
Логотип, контентное
Логотип на сайте Haribo-shopЛоготип на сайте EvercodelabПартнёрские логотипы на сайте SpeciaЛоготипы могут быть реализованы как текстом, так и изображением, поэтому нужно ориентироваться на конкретный макет. В приведённых выше примерах логотип представлен изображением, которое содержит важную информацию о названии сайта.
И также часто встречаются блоки с партнёрскими логотипами. В таких ситуациях логотипы являются контентными изображениями.
Реализация: <img>
Изображения и текст, контентное
Изображение в статье на сайте MeduzaИзображения товара на индивидуальной странице на сайте PichShopПримеры выше — изображения в статье. Данный случай ничем не отличается от карточки товара — у нас есть и описание, и изображение, несущие важную для пользователя информацию. Таким образом, изображение является контентным и должно быть сделано тегом <img>
.
Реализация: <img>
Вспомогательная иконка, декоративное
Вспомогательные декоративные иконки на сайте MediaMarktВ примере иконки в меню имеют декоративный характер. Если вдруг они пропадут, информация не потеряется, и пользователь всё равно сможет понять в какой раздел ему нужно. Для реализации лучше всего использовать background-image
для псевдоэлемента.
Реализация: background-image
для псевдоэлемента
Другой пример из того же магазина. Изображение лишь дополняет подпись. Такие изображения лишь поясняют названия и являются декоративными.
Реализация: background-image
для всего блока или для псевдоэлемента
Фоновое изображение, декоративное
Фоновая картинка с фруктами на сайте EdoqueПитерское фоновое изображение на сайте Sobor.gorozhanko.ruНа примерах выше мы можем рассмотреть варианты декоративных фоновых изображений. Для реализации лучше всего подойдёт background-image
для всего блока.
Реализация: background-image
для всего блока
Спорные моменты
Изображение в промослайдере
Слайдер на сайте CadburyВ элементах слайдера нам часто встречаются изображения товаров. Они несут в себе важную визуальную информацию о товаре, поэтому в таком случае нам следует отнести их к контентному типу изображений.
Реализация: <img>
Однако, бывает и такое, что в слайдере изображения никак не относятся к тексту слайдов и служат только для декоративных целей, следовательно, относятся к декоративному типу изображений.
Реализация: background-image
для всего блока
Карта с изображением
Карта в блоке с контактами. Макет Девайс.Под интерактивную карту принято добавлять изображение с картой, на случай если интерактивная карта не загрузилась. Каким же образом её добавлять? Карта несёт информацию об адресе. Например, в макете Девайс с нашего базового интенсива по HTML и CSS. В блоке «Контакты» только по карте можно понять адрес компании, ведь в тексте адрес не продублирован, а значит если изображение потеряется, пользователь потеряет информацию о местонахождении компании. Таким образом, изображения карт относятся к контентным изображениям.
Реализация: <img>
(атрибут alt должен описывать изображение, в данном случае — Карта офиса по адресу улица Строителей, 15)
Иконки соцсетей
Социальные кнопки на сайте HariboКнопки с социальными сетями представляют собой более интересный случай. С одной стороны, они являются декоративными, так как являются частью интерфейса сайта, однако, если их картинки не загрузятся — информация всё же пропадёт (пользователь будет не способен понять к какой социальной сети относится каждая ссылка). Таким образом, здесь применяется комплексный подход: внутри ссылки обязательно прописывается поясняющий текст. Изображение на этих кнопках-ссылках декоративные. Для доступного скрытия текста ссылки необходимо добавить класс .visually-hidden
. Описание этого паттерна скрытия можно почитать в нашей статье. Таким образом, при потере CSS-файла, изображение пропадёт, а текст ссылки появится. При нормальной работе сайта пользователь увидит лишь изображение. Также необходимо не забывать про доступность — так как в разметке мы прописываем текст ссылки, то при чтении сайта скринридером, ссылки будут озвучены.
Реализация: background-image
для ссылки
Вывод
Вопрос определения типа изображения способен запутать неокрепший ум начинающего верстальщика, поэтому советуем вам каждый раз, когда вы сталкиваетесь с необходимостью определить тип изображения, обращать внимание на все детали, а не идти самым простым путём.
Рекомендации по работе с изображениями артиста — Apple Music for Artists.
Формат изображений артиста
Изображение из профиля артиста отображается рядом со всем контентом артиста в Apple Music, iTunes Store и Shazam во всех странах, где этот контент доступен. Изображения могут загружаться и редактироваться всеми, кто обладает правами Редактора профиля в Apple Music for Artists.
Поддерживаемые форматы файлов
Размер | 2400 x 2400 пикселей или выше Минимум 800 x 800 пикселей Не увеличивайте до требуемого масштаба изображения с меньшим разрешением | ||
---|---|---|---|
Разрешение | 72 dpi | ||
Типы файлов | JPG или PNG |
Как обрезать изображение
При загрузке изображения артиста появится специальное окно, где можно удостовериться, что изображение обрезано и масштабировано в соответствии с требованиями Apple.
Следуйте инструкциям в инструменте обрезки, чтобы местоположение бровей и губ соответствовало рекомендациям, как показано ниже.
Частые ошибки
Изображения могут быть отклонены по трем основным причинам: размытый или пикселированный контент, рамки на изображениях и наличие текста.
Не допускаются пикселированные изображения или изображения в низком разрешении.
Не допускаются рамки на изображениях.
Не допускаются логотипы или текст на изображениях.
И последнее
Загружайте только те фотографии, которые вы имеете право размещать в открытом доступе. Изображения, не соответствующие требованиям или стандартам Apple, могут быть отклонены или удалены.
Дополнительные требования:
- Не допускаются пикселированные, нечеткие, неотцентрованные или перевернутые изображения
- Не допускается информация рекламного характера (например, «включает DVD» или «включает тексты песен»)
- Не допускаются обложки альбомов или логотипы артиста
- Не допускается текст, включая имена артистов, роли музыкантов в группах, даты, названия инструментов или упоминания текущих или прошлых проектов артиста
- Не допускаются рамки на изображениях
- Не допускаются изображения, нацеленные на улучшение продаж продукта — изображение должно представлять самого артиста
- Не допускаются изображения, вводящие в заблуждение (например, фотографии других музыкантов, не имеющих отношения к артисту)
- Не допускаются адреса сайтов, продающих музыку или конкурирующих с Apple Music и iTunes
- Не допускается использование слов и словосочетаний «Apple Music», «MUSIC» или «iTunes»
- Не допускаются порнографические изображения и адреса порнографических сайтов
- Не допускается использование нацистской символики в соответствии с параграфом 86а Уголовного кодекса Германии для контента, распространяющегося в Германии, Австрии и Швейцарии. Если вы трижды загрузите подобное изображение, весь ваш каталог музыки будет запрещен на этих территориях на срок до полугода.
- Не допускаются изображения, содержащие объекты или сцены, допустимые или приемлемые не во всех странах, а также изображения, призывающие к противоправному поведению, являющиеся непристойными или оскорбительными.
Какой информацией наполнять сайт, влияние контента (картинки, фото, тексты) на дальнейшую судьбу сайта в сети Интернет
Итак, мы подошли к тому, что сайт уже создан или создаётся, определились с его функциональностью и целями. Теперь нужно его наполнить, но чем? Откуда брать информацию, картинки и прочий контент?
Нужно понимать, что от содержания сайта зависят дальнейшие действия его посетителей: обратятся ли они в Вашу компанию, совершат ли покупку или воспользуются услугами. Условно будем считать, что дизайн подобран правильно и посетители сайта сразу понимают, чем Ваша компания занимается; фон и остальные элементы не мешают для восприятия основной информации, юзабилити продумано, функционально сайт удобен. Наш совет – ни в коем случае не копируйте информацию с других сайтов! Потратьте время, напишите тексты самостоятельно (или обратитесь к профессионалам) и проверьте их на уникальность, она должна быть не менее 85%. Это очень важно для дальнейшей судьбы сайта, его продвижения в естественной выдаче. Еще лучше перед наполнением сайта составьте семантическое ядро (это набор поисковых слов, по которым Вы хотите видеть свой сайт в Топ 10 Яндекс и Google) и в соответствии с этим пишите тексты, чтобы по тексту были упоминания тех слов, по которым Вы в дальнейшем планируете продвигаться. Поясним: если Вы копируете текст с сайта и размещаете на своём, то поисковый робот это видит и расценивает следующим образом «зачем нужно показывать этот сайт, если у него схожий текст с первоисточником?», Ваш сайт воспринимается так, будто Вы занимаетесь плагиатом! А это плохо – значит, Ваш сайт плохой. Думаем, Вам это понятно.
С изображениями такая же ситуация, поэтому, если у Вас нет своих фотографий, делайте следующее: измените размер скопированного фото (обрежьте через специальную программу, любой графический редактор), поставьте на фото логотип своей компании – так у Вас получится сколько-нибудь уникальная фотография. В идеале, конечно, добавлять собственное фото продукта.
А вот что касается технической документации (инструкций, характеристик и т.д.), то данный принцип не работает, такую информацию можно размещать спокойно.
Подведем итог, Ваша цель – это размещение уникальной информации на собственном сайте. Создавайте уникальный контент, и это оценят как потенциальные клиенты, так и поисковые роботы – а это Ваше конкурентное преимущество. Не стесняйтесь выкладывать на сайт видеообращения от Вас или Вашего коллектива, видеоотзывы, обзоры, всевозможные грамоты, пишите уникальные тексты, новости, статьи, выкладывайте руководство по пользованию, ведь чем больше страниц проиндексирует поисковый робот, тем больше шансов у Вас занять первые места в поисковой выдаче, затратив наименьшее количество времени и денег.
mod_pagespeed не переписывает картинки из-за «uncacheable content», несмотря на правильные заголовки html
mod_pagespeed показывает в отладке html, что он не кэширует никаких изображений из-за
<!--Uncacheable content, preventing rewriting of https://www.example.com/foo.png-->
В заголовке всех фотографий есть Cache-Control: max-age=31536000, public
, так что все должно быть в порядке.
Страница находится на https, я не могу установить никаких параметров vhost, только .htaccess, поэтому LoadFromFile — это не вариант для меня. Я использую Apache 2.4.38 на Debian 10.
По умолчанию должен быть включен параметр ModPagespeedFetchHttps.
EDIT: вот пример из реальной жизни:
https://www.retroplace.com/ru/игры?PageSpeedFilters=+отладка
Как видите, ни одна из картинок не переписана. Поскольку это много фотографий, изменение размера значительно уменьшит время загрузки. Но я не могу заставить это работать.
image mod-pagespeedПоделиться Источник Armin Hierstetter 05 декабря 2019 в 23:22
2 ответа
- mod_pagespeed и Rails-это что-то улучшает?
Rails 2.3.*, mod_passenger 2.2. * и Apache 2.2.*. Стоит ли устанавливать mod_pagespeed или Rails создает все заголовки кэша и т. д. Правильно, так что mod_pagespeed не нужен?
- mod_pagespeed не будет сочетать CSS и JS
Я установил mod_pagespeed на наш сервер, но он не будет объединять мои CSS и JS на нашем сайте oktoberfest.it. Очевидно, Я активировал combine_css, combine_javascript и PassThrough в фильтрах в файле pagespeed.conf. Я также читал, что mod_pagespeed не может объединять файлы CSS, содержащие…
0
Pagespeed использует fetcher http(s) внутренне, возможно, он не может подключиться к серверу локально. Это может произойти по нескольким причинам (брандмауэр, DNS, apache прослушивание адреса, который не может быть достигнут с сервера)
Попробуйте получить ресурс из командной строки на вашем сервере, если вы не можете добраться до ресурса mod_pagespeed, то тоже не сможете.
wget <url to image on your server>
Решением этой проблемы может быть добавление ссылки localhost в файл /etc/hosts
127.0.0.1 <your hostname>
Если все остальное не удается, mod_pagespeed также имеет функцию loadfromfile, которая может считывать ресурсы непосредственно с диска: https://www.modpagespeed.com/doc/domains#ModPagespeedLoadFromFile
Поделиться Kees Spoelstra 14 января 2020 в 20:00
Поделиться Sch-Tomi 09 декабря 2019 в 15:22
Похожие вопросы:
модуль mod_pagespeed за балансировщиком нагрузки
mod_pagespeed переписывает мои ссылки css из ссылка href= /css/file.css rel=stylesheet к чему-то вроде: ссылка href= http: / / пример. com/css/file.css.pagespeed.ce.97987.css rel=stylesheet…
CORS Access-Control-Allow-Origin несмотря на правильные заголовки
Я пытаюсь настроить простой обмен ресурсами между источниками, используя jQuery (1.7.1) powered ajax на клиенте и apache served python (django) server. В соответствии со всеми инструкциями, которые…
mod_pagespeed combine css на другом домене
Я рассматривал mod_pagespeed как способ ускорить работу моего сайта. В настоящее время я загружаю свой CSS/JS из отдельного домена, чтобы ускорить загрузку этих ресурсов. Тем не менее, мне нравится…
mod_pagespeed и Rails-это что-то улучшает?
Rails 2.3.*, mod_passenger 2.2. * и Apache 2.2.*. Стоит ли устанавливать mod_pagespeed или Rails создает все заголовки кэша и т. д. Правильно, так что mod_pagespeed не нужен?
mod_pagespeed не будет сочетать CSS и JS
Я установил mod_pagespeed на наш сервер, но он не будет объединять мои CSS и JS на нашем сайте oktoberfest.it. Очевидно, Я активировал combine_css, combine_javascript и PassThrough в фильтрах в…
mod_pagespeed разрывает css ссылок
У меня есть скрипт PHP, который обрезает страницу и переписывает ее по-другому с другим макетом и т. д. В верхней части сгенерированной страницы PHP у меня есть серия <link rel=stylesheet…
mod_pagespeed с SSL: от // до https://
Apache 2.2.15 на RHELS 6.1 Использование mod_pagespeed на сервере позади https (реализовано обратным прокси-сервером сети). Все URL-адреса html записываются как //server.example.com/path/to/file.css…
HTML атрибуты для исключения mod_pagespeed
Есть ли какие-либо атрибуты HTML, доступные для исключения файлов, которые не используют mod_pagespeed?. Мои требования таковы, как показано ниже < script src=demo.js type=text/javascript…
Проблема Mod_PageSpeed с EC2 и SilverStripe
Не так уж много информации в интернете относительно этой установки. Так что, насколько я знаю, Mod_PageSpeed настроен и работает (вроде как). Я могу получить доступ к /pagespeed_admin, и когда я…
nginx строчные переписать модуль mod_pagespeed изображений, нарушающих
У меня есть правило, которое переводит все URLs в нижний регистр, и я думаю, что оно нарушает изображение URL, которое переписывает mod_pagespeed на моем сервере nginx. Есть ли конфигурация, которую…
Нейрокорреляты эпизодического кодирования картинок и слов
Реферат
Поразительной особенностью человеческой памяти является то, что картинки запоминаются лучше, чем слова. Мы исследовали нейронные корреляты памяти изображений и слов в контексте кодирования эпизодической памяти, чтобы определить специфические для материала различия в моделях активности мозга. Для этого мы использовали позитронно-эмиссионную томографию для картирования областей мозга, активных во время кодирования слов и изображений объектов.Кодирование осуществлялось с использованием трех различных стратегий для изучения возможных взаимодействий между спецификой материала и типами обработки. Кодирование изображений привело к большей активности двусторонней зрительной и медиальной височной коры по сравнению с кодированием слов, тогда как кодирование слов было связано с повышенной активностью в префронтальной и височно-теменной областях, связанной с функцией языка. Каждая стратегия кодирования характеризовалась особым паттерном активности, но эти паттерны были в основном одинаковыми для изображений и слов.Таким образом, улучшенная общая память для изображений может быть опосредована более эффективным и автоматическим задействованием областей, важных для зрительной памяти, включая медиальную височную кору, тогда как механизмы, лежащие в основе конкретных стратегий кодирования, похоже, действуют аналогичным образом с изображениями и словами.
Люди обладают замечательной способностью запоминать картинки. Несколько десятилетий назад было показано, что люди могут запоминать более 2000 изображений с точностью не менее 90% в тестах на распознавание в течение нескольких дней, даже при коротком времени представления во время обучения (1).Эта отличная память на картинки постоянно превосходит нашу способность запоминать слова (2, 3). Кроме того, различные манипуляции, влияющие на производительность памяти, по-разному влияют на изображения и слова. Одна из таких манипуляций — это уровни эффекта обработки, что является преимуществом для последующего извлечения более сложной или семантической обработки стимулов во время кодирования (4, 5). Этот эффект уровней больше для слов, чем для изображений, из-за превосходной памяти изображений даже после неглубокого или несемантического кодирования (6).Одна из теорий механизма, лежащего в основе превосходной памяти изображений, заключается в том, что картинки автоматически включают множественные представления и ассоциации с другими знаниями о мире, тем самым поощряя более сложное кодирование, чем это происходит со словами (2, 5, 7). Эта теория предполагает, что существуют качественные различия между способами обработки слов и изображений во время запоминания.
С эволюционной точки зрения способность запоминать различные аспекты визуальной среды должна быть жизненно важной для выживания, поэтому неудивительно, что память на изобразительный материал особенно хорошо развита.Однако механизмы мозга, лежащие в основе этого явления, до конца не изучены. Эксперименты по нейровизуализации с использованием вербальных или невербальных материалов в качестве стимулов показали, что существуют различия в областях мозга, участвующих в обработке этих двух видов стимулов. Например, предыдущие эксперименты по нейровизуализации показали медиальную временную активацию во время кодирования лиц и других невербальных зрительных стимулов (8–13), но не постоянно во время кодирования слов (14–16). Напротив, активация медиальных височных областей была обнаружена во время поиска слов (17, 18), но не всегда во время поиска невербального материала (10, 11, 19, 20).При сравнении запоминания слов и изображений не удалось найти никакой разницы между ними, но, поскольку требовалось вспомнить имя, соответствующее картинке, различия между этими двумя условиями могли быть уменьшены (21). Эти результаты предполагают различия между функциональной нейроанатомией памяти слов и картинок, но отсутствуют достаточные прямые сравнения. Мы исследовали нейронные корреляты памяти для изображений и слов в контексте кодирования памяти, чтобы определить, можно ли идентифицировать специфические для материала мозговые сети для памяти.Кроме того, кодирование выполнялось с использованием трех различных наборов инструкций, чтобы увидеть, является ли специфичность материала общим свойством памяти или зависит от того, как материал обрабатывается.
МАТЕРИАЛЫ И МЕТОДЫ
Двенадцать молодых правшей (шесть мужчин, шесть женщин, средний возраст ± стандартное отклонение = 23,0 ± 3,5 года) участвовали в эксперименте. Еще 12 субъектов участвовали в пилотном эксперименте, и их данные были включены в поведенческий анализ.В качестве стимулов в эксперименте использовались конкретные, часто встречающиеся слова или штриховые рисунки знакомых объектов (22). Все стимулы предъявлялись на мониторе компьютера черным цветом на белом фоне. Было три задачи кодирования как для слов, так и для изображений, требующих трех списков изображений и трех списков слов. Все списки были сопоставлены по частоте слов, длине слова, знакомству и сложности изображения, независимо от того, был ли список представлен в виде слов или изображений. Для двух условий кодирования испытуемых просили принять определенные решения относительно стимулов, но не просили их запоминать; поэтому память на предметы, представленные в этих условиях, была случайной.Одно случайное условие включало несемантическую или поверхностную обработку стимулов (размер изображения или регистр букв), а другое требовало семантической или глубокой обработки стимулов (живое / неживое решение). Эти два условия были выбраны, потому что предыдущая работа показала, что информация, которая была обработана во время глубокого кодирования, то есть с большей проработкой или связью ее через семантические ассоциации с другими знаниями, запоминается лучше, чем информация, обработанная поверхностным способом, т.е.г., чисто на основе восприятия (4, 5). Во время третьего условия, преднамеренного обучения, испытуемых проинструктировали запомнить картинки или слова и сказали, что они будут проверены по этим предметам. После сканирования испытуемые выполнили две задачи на распознавание памяти, одну для стимулов, закодированных в виде слов, и одну для стимулов, закодированных в виде изображений. Эти задачи состояли из 10 целей из каждого из трех условий кодирования для слов или изображений и 30 отвлекающих факторов (то есть всего 60 элементов). Все стимулы в задачах распознавания были представлены в виде слов, независимо от того, были ли они изначально представлены в виде слов или изображений, чтобы предотвратить эффекты потолка для распознавания изображений.
Шесть сканирований позитронно-эмиссионной томографии с инъекциями 40 мКи H 2 15 O каждый и с интервалом 11 минут были выполнены всем испытуемым, когда они кодировали стимулы, описанные выше. Сканирование проводилось на томографе GEMS PC2048–15B с восстановленным разрешением 6,5 мм как в поперечной, так и в аксиальной плоскостях. Этот томограф позволяет снимать одновременно 15 плоскостей, разделенных расстоянием 6,5 мм (от центра к центру). Данные об излучении были скорректированы на ослабление посредством сканирования передачи, полученного на тех же уровнях, что и сканирование излучения.Движение головы во время сканирования было минимизировано за счет использования термопластической маски, которая была прикреплена к голове каждого субъекта и прикреплена к платформе сканера. Каждая задача начиналась за 20 секунд до введения изотопа и продолжалась в течение 1-минутного периода сканирования.
Для шести сканирований три списка были отнесены к трем условиям кодирования уравновешенным образом, и порядок условий также был уравновешен для разных субъектов. Во время всех сканирований испытуемые нажимали кнопку правым указательным или средним пальцем, чтобы либо указать свое решение о стимуле, либо, во время условия преднамеренного обучения, просто произвести двигательную реакцию.
Поведенческие данные были проанализированы с использованием ANOVA с повторными измерениями с типом стимула и условием кодирования в качестве повторных измерений. Сканирование позитронно-эмиссионной томографии регистрировалось с помощью воздуха (23), пространственно нормализовано (в системе координат атласа Талаира и Турну, ссылка 24) и сглажено (до 10 мм) с помощью spm95 (25). Отношения регионального мозгового кровотока (rCBF) к глобальному мозговому кровотоку (CBF) в рамках каждого сканирования для каждого субъекта были вычислены и проанализированы с использованием частичных наименьших квадратов (PLS) (26) для определения пространственно распределенных паттернов мозговой активности, связанных с различными условия задачи.PLS — это многомерный анализ, который оперирует ковариацией между вокселями мозга и планом эксперимента для определения нового набора переменных (так называемых скрытых переменных или LV), которые оптимально связывают два набора измерений. Мы использовали PLS для анализа ковариации значений вокселей мозга с кодированием ортонормированных контрастов для экспериментального дизайна. Результатом являются наборы взаимно независимых моделей пространственной активности, изображающие области мозга, которые в целом демонстрируют наиболее сильную связь с (т.е., ковариантны) с контрастами. Эти паттерны отображаются в виде отдельных изображений (рис. 1), которые показывают области мозга, которые зависят от контраста или контрастов, которые вносят вклад в каждый LV. Каждый воксель мозга имеет вес, известный как значимость, который пропорционален этим ковариациям, и умножение значения rCBF в каждом вокселе мозга для каждого субъекта на значимость для этого вокселя, а суммирование по всем вокселям дает оценку для каждого субъекта. данный LV. Значимость для каждого LV в целом определялась с помощью перестановочного теста (26, 27).В этом эксперименте были идентифицированы пять LV, все из которых были значимыми с помощью перестановочного теста ( P <0,001). Первые три LV идентифицировали области мозга, связанные с основными эффектами типа стимула и условия кодирования, а четвертый и пятый LV идентифицировали взаимодействия между типом стимула и условием кодирования. Поскольку значимость выводится на одном аналитическом шаге, коррекция множественных сравнений, как при одномерном анализе изображений, не требуется.
Рисунок 1Воксели, показанные в цвете, — это те, которые лучше всего характеризуют паттерны активности, идентифицированные LV 1–3 из анализа PLS (см. Материалы и методы ).На стандартном магнитно-резонансном изображении отображаются области от -28 мм до +48 мм относительно линии передняя комиссура-задняя комиссура (AC-PC) (с шагом 4 мм). Цифры, показанные слева, указывают уровень в мм
.В дополнение к тесту на перестановку вторым и независимым шагом в анализе PLS является определение стабильности выступов для вокселей мозга, характеризующих каждый паттерн, идентифицированный LV. Для этого все значения были подвергнуты начальной оценке стандартных ошибок (28, 29).Эта оценка включает случайную повторную выборку субъектов с заменой и вычисление стандартной ошибки значимости после достаточного количества выборок начальной загрузки. Пиковые воксели с отношением заметности / SE ≥ 2,0 считались стабильными. Локальные максимумы для областей мозга со стабильными выступами на каждом LV были определены как воксель с отношением заметности / SE выше, чем у любого другого воксела в 2-сантиметровом кубе с центром в этом вокселе. Расположение этих максимумов указывается в области мозга, или извилины, и в области Бродмана (BA), как это определено в атласе Талаира и Турну.Выбранные локальные максимумы показаны в таблицах 2 и 3 с результатами соответствующих контрастов из SPM95 (то есть, основные эффекты и взаимодействия) в качестве сравнения. Одномерные тесты были выполнены на выбранных максимумах в качестве дополнения к анализу PLS, чтобы помочь в интерпретации эффектов взаимодействия, а не в качестве теста значимости. Логический компонент нашего анализа исходит из теста перестановки и надежности, оцениваемой с помощью оценок бутстрапа.
РЕЗУЛЬТАТЫ
Картинки запоминались лучше, чем слова в целом (таблица 1), и как семантическая обработка, так и преднамеренное обучение привели к лучшему распознаванию, чем несемантическое кодирование.Кроме того, наблюдалось значительное взаимодействие типа стимула и стратегии кодирования с производительностью распознавания, вызванное большей разницей между памятью для изображений и слов во время несемантического состояния.
Таблица 1Эффективность распознавания изображений и слов, оставляющих большую часть изображения в каждой строке относительно строки AC-PC. Правая часть изображения представляет собой правую часть мозга. ( A ) Области мозга с повышенным rCBF во время кодирования изображений показаны желтым и красным, а области с повышенной активностью во время кодирования слов показаны синим (LV1).( B ) Области мозга с повышенным rCBF во время семантического кодирования по сравнению с двумя другими состояниями (LV2) показаны красным. ( C ) Области мозга с повышенным rCBF во время преднамеренного обучения по сравнению с двумя другими состояниями (LV3) показаны красным. Выбранные максимумы из этих регионов показаны в Таблице 2.
Были идентифицированы три паттерна активности rCBF, преимущественно связанных с основными эффектами типа стимула и условий кодирования. Один паттерн отличал кодирование изображений от кодирования слов, один характеризовал семантическое кодирование от несемантической обработки и преднамеренного обучения, а третий отделял преднамеренное обучение от двух других условий.Была большая активация во время кодирования изображений, по сравнению со словами, в обширной области двусторонней вентральной и дорсальной экстрастриарной коры и в двусторонней медиальной височной коре, особенно в вентральной части (рис. 1 A и таблица 2). В обоих этих регионах увеличение rCBF было более значительным в правом полушарии. В экстрастриарной коре rCBF увеличивалось во время кодирования изображения по сравнению с кодированием слов одинаково во всех трех условиях стратегии кодирования, тогда как в медиальной височной коре эта специфическая для стимула разница была больше во время несемантической обработки (рис.2 A и C ). С другой стороны, кодирование слов было связано с большим rCBF при всех состояниях в двусторонней префронтальной коре и передних частях средней височной коры (рис. 1 A и таблица 2). В отличие от увеличения rCBF во время кодирования изображения, увеличение префронтальной и височной коры во время кодирования слова было более значительным в левом полушарии. Повышенный rCBF также был обнаружен в левой теменной коре при кодировании слов.
Таблица 2Отдельные области коры с различной активностью во время кодирования: основные эффекты
фигура 2Отношение rCBF к CBF всего мозга в областях мозга, которые показали взаимодействие между типом стимула и условием кодирования. Средние височные области от LV1 ( A, и C , координаты указаны в скобках) показали более высокий rCBF во время кодирования изображения по сравнению с кодированием слова ( P <0,001 для правого полушария и P <0.02 слева). Эти области также имели взаимодействия условие × стимул по одномерному тесту (оба P <0,05), что указывает на большую разницу между картинками и словами в несемантических условиях. B и D показывают медиальные височные области от LV4, которые показали взаимодействия стимула × кодирование, включая несемантические и преднамеренные условия обучения (одномерное взаимодействие для правого полушария P = 0,02; левого полушария P = 0.07). E и F показывают области из LV5 с взаимодействиями «стимул × кодирование», включающими несемантические и семантические условия (одномерное взаимодействие для левой моторной области, P = 0,01; взаимодействие для левой орбитофронтальной области, P = 0,006). Дополнительные области с взаимодействиями «стимул × кодирование» показаны в таблице 3. Несемантическое, несемантическое кодирование; сем, семантическое кодирование; учиться, преднамеренное обучение.
Области мозга с повышенной активностью во время условия семантического кодирования по сравнению с двумя другими состояниями находились в основном в левом полушарии.Эти области включали вентральную и дорсальную части медиальной префронтальной коры, а также область, которая включала как медиальную височную область, так и заднюю часть островка (рис. 1 B и таблица 2). Семантическое кодирование также привело к увеличению rCBF в двусторонней задней экстрастриатной коре головного мозга. Такая закономерность увеличения rCBF при семантическом кодировании была обнаружена как для изображений, так и для слов. Увеличение rCBF во время преднамеренного обучения по сравнению с обоими случайными условиями кодирования также наблюдалось в левой префронтальной коре, но в левой вентролатеральной префронтальной коре, в отличие от медиальной и передней областей, активируемых во время семантического кодирования (рис.1 C и таблица 2). Кроме того, увеличение rCBF было обнаружено в левой премоторной коре и хвостатом ядре, а также в двусторонней вентральной экстрастриарной коре во время преднамеренного обучения. Как и в случае с семантическим кодированием, паттерн rCBF, наблюдаемый в этих областях во время преднамеренного обучения, характеризует как изображения, так и слова.
Было несколько областей мозга, которые показали взаимодействие между типом стимула и условиями кодирования (таблица 3), особенно медиальные височные области.В дополнение к разнице, уже отмеченной в этих областях во время несемантического кодирования, была еще одна область в правой медиальной височной коре, которая показала взаимодействие, включающее несемантические и преднамеренные условия обучения (идентифицированные на LV4). Это взаимодействие было вызвано устойчивой активностью в этой области в условиях кодирования изображения со снижением активности во время преднамеренного заучивания слов по сравнению с несемантическим условием (рис. 2 B ). Также была область в левой медиальной височной коре, которая показывала противоположное взаимодействие, заключающееся в большем увеличении активности во время заучивания слов по сравнению с несемантическим состоянием (рис.2 D ). Наконец, было взаимодействие в левой моторной коре (идентифицированное на LV5), вызванное увеличением активности в семантическом состоянии для изображений по сравнению с несемантическим состоянием с противоположным паттерном для слов (рис. 2 E ). Напротив, при семантическом кодировании в левой орбитофронтальной коре происходило усиление активности, но только для слов (рис. 2 F ).
Таблица 3Отдельные области коры с различной активностью во время кодирования: взаимодействия
ОБСУЖДЕНИЕ
Результаты этого эксперимента затрагивают три вопроса о нейробиологии памяти, первый из которых — почему картинки запоминаются лучше, чем слова.Поведенческие результаты показали общую разницу в точности распознавания изображений и слов, которая была наибольшей для тех элементов, которые были обработаны с помощью несемантического кодирования. Измерения активности мозга выявили области, которые показали общую картину различий между изображениями и словами, а также области, которые имели различия в основном во время несемантической обработки. Повышенный rCBF в условиях кодирования изображения был обнаружен в двусторонней экстрастриарной и вентральной медиальной височной коре.Экстрастриальная кора головного мозга активируется во время зрительного восприятия как вербального, так и невербального материала (30–33) и, возможно, была более активной во время кодирования изображения, потому что картинки, хотя и простые линейные рисунки, вероятно, были визуально более сложными, чем слова. Эта разница в визуальных характеристиках могла также повлиять на медиальную височную активность. С другой стороны, медиальная височная кора головного мозга давно известна из экспериментов с поражениями как важная для эпизодической памяти (34–38) и может быть особенно важна для кодирования новой информации (39).Большая активность медиальной височной коры во время кодирования изображений по сравнению со словами предполагает, что изображения более непосредственно или эффективно задействуют эти связанные с памятью области мозга, что приводит к более качественному запоминанию этих элементов. Этот эффект может быть частично связан с отличительностью или новизной, которая, как было показано, активирует медиальную височную кору (13), учитывая, что изображения, даже если они были знакомыми объектами, могут быть более новыми, чем знакомые слова. Кроме того, поскольку лучшая память для изображений и активация медиальной височной коры были более очевидны в условиях несемантического кодирования, включение сетей памяти изображениями может происходить автоматически и приводить к более прочным следам памяти (40).Следовательно, этот тип информации, по-видимому, лучше представлен и более доступен для механизмов поиска, независимо от предполагаемой задачи кодирования. Слова, с другой стороны, активируют области левого полушария, которые, как ранее было показано, участвуют в речевых задачах, включая левую лобную, височную и теменную области (30, 41, 42). Этот результат подразумевает, что кодирование слов в первую очередь задействует распределенную систему регионов, участвующих в лингвистической обработке, которая менее способна поддерживать последующее извлечение из эпизодической памяти.Также следует отметить, что в дополнение к любым преимуществам, предоставляемым изображениям во время первоначальной обработки, во время поиска, вероятно, также будет обнаружена специфичность материала. То есть в реальных ситуациях отчасти причина превосходной памяти изображения, вероятно, вызвана особенностями соответствия между внутренними представлениями изображения и самим изображением, когда оно встречается повторно и распознается.
Второй вопрос: приводят ли разные стратегии кодирования к участию разных областей мозга.Результаты тестов на распознавание показали, что память изображений и слов практически эквивалентна после семантической обработки или преднамеренного обучения. Однако паттерны мозговой активности во время этих двух состояний были совершенно разными, показывая различную активность в основном в префронтальной и экстрастриарной области коры головного мозга. Предыдущие эксперименты по нейровизуализации показали активацию левой префронтальной области как во время семантической обработки, так и во время преднамеренного обучения, которая отличается от правой префронтальной активации во время восстановления памяти, что привело к развитию HERA или модели асимметрии полушарного кодирования / извлечения (43, 44).В нашем эксперименте семантическая обработка сопровождалась повышенной активностью в вентромедиальной и дорсомедиальной областях левой префронтальной коры, которые показали повышенную активность во время семантической или языковой обработки в других экспериментах (45–49). Преднамеренное обучение показало увеличение rCBF в различных частях левой префронтальной коры, в первую очередь в вентролатеральных областях, которые ранее были активными во время преднамеренного обучения (15, 16) и эпизодического поиска (13, 50). Таким образом, хотя и семантическая обработка, и преднамеренное обучение, несомненно, включают в себя некую детальную обработку, которая преимущественно задействует левую префронтальную кору, наши результаты показывают, что существует диссоциация между частями левой префронтальной коры, которые участвуют в этих двух стратегиях.Экстрастриатная кора также проявляла различную активность при семантическом и намеренном кодировании. Семантическое кодирование активировало задние экстрастриальные области, аналогичные областям, активируемым во время беззвучного называния стимулов, подобных тем, которые используются здесь (51). Напротив, преднамеренное обучение активировало больше вентральных частей экстрастриарной коры, аналогично исследованию, в котором сообщалось об активации левой вентральной затылочно-височной коры во время преднамеренного обучения лиц (10). Таким образом, в настоящее время существуют сходные доказательства в поддержку дифференциальной реакции как префронтальной, так и экстрастриарной коры во время кодирования, в зависимости от конкретной стратегии кодирования, которая используется.Этот результат, вместе с поведенческими данными, показывает, что разные механизмы мозга, лежащие в основе разных стратегий кодирования, могут обеспечить одинаково эффективную поддержку обработки памяти.
Последний вопрос, решаемый в этом эксперименте, заключается в том, существует ли взаимодействие между типом кодируемого стимула и стратегией, используемой для кодирования, т.е. являются ли области мозга, активные в различных условиях кодирования, одинаковыми или разными для изображений и слов? Поведенческие результаты показывают четкое взаимодействие, поскольку наибольшие различия в производительности проявляются во время несемантической обработки.Паттерны мозговой активности демонстрируют что-то от этого взаимодействия, потому что есть вентральные медиальные височные области, где разница rCBF также наибольшая во время несемантического состояния (обсуждалось выше). Однако во время семантического кодирования и преднамеренного обучения многие области мозга демонстрируют аналогичное изменение активности, связанное с кодированием, для изображений и слов, что указывает на то, что в этих областях эти два механизма кодирования могут работать одинаково независимо от природы поступающих сообщений. стимул.Этот паттерн активности мозга отражается в результатах распознавания, которые аналогичны для изображений и слов во время семантического кодирования и преднамеренного обучения. Тем не менее, шаблоны не идентичны. Активность медиальной височной коры особенно чувствительна как к типу стимула, так и к условию кодирования. Правое полушарие показало устойчивую активность для изображений и более изменчивую активность для слов (в зависимости от условий кодирования), тогда как левое полушарие продемонстрировало повышенную активность с более глубокой обработкой слов и более изменчивым шаблоном для кодирования изображений.Эта асимметрия согласуется с описанием различных эффектов поражений правого и левого полушария в медиальной височной коре головного мозга на невербальную и вербальную память соответственно (например, ссылки 52 и 53). Это также согласуется с активацией левых медиальных височных структур во время семантического кодирования слов (14, 54) или извлечения семантически закодированных слов (17), а также с активацией правой медиальной височной коры во время кодирования лиц (10). Кроме того, хотя левая медиальная префронтальная кора активна во время семантической обработки как изображений, так и слов, вентральная часть этой области в большей степени участвует во время кодирования слов.Этот вывод подтверждает другие исследования, в которых сообщалось об участии левой вентральной префронтальной коры в обработке речи (42) и вербальном поиске (50).
Наша способность запоминать картинки лучше, чем слова, особенно в ситуациях, которые не обеспечивают адекватной поддержки для последующего извлечения, таким образом, оказывается опосредованной медиальной височной и экстрастриальной корой, которые имеют сильные взаимосвязи друг с другом (55, 56). Неясно, какую именно пользу дает изображениям активация областей зрительной памяти.Вышеупомянутая теория предполагает, что изображения вызывают более сложное или ассоциативное кодирование, чем это происходит со словами. Если предположить, что этот процесс создания ассоциаций в определенном контексте осуществляется медиальной височной корой (57, 58), то наши результаты подтвердят эту гипотезу. Независимо от конкретного механизма, наши результаты показывают, какие области мозга могут иметь решающее значение для превосходной памяти изображений, и дают направление для будущих исследований в отношении того, какой аспект изображений необходим и достаточен для преимущественного использования этих областей, связанных с памятью.
Благодарности
Мы благодарим сотрудников центра ПЭТ при Институте психиатрии Кларка за их техническую помощь в проведении этого эксперимента. Работа поддержана грантом Фонда психического здоровья Онтарио.
СОКРАЩЕНИЯ
- rCBF,
- регионарный церебральный кровоток;
- CBF,
- мозговой кровоток;
- PLS,
- частичные наименьшие квадраты;
- LV,
- скрытая переменная
- Поступила 15 августа 1997 г.
- Принято 8 декабря 1997 г.
- Авторские права © 1998, Национальная академия наук
Полное руководство по созданию потрясающего визуального контента
Нам нравится ставить цели для улучшений здесь, в блоге Buffer, и одна из наших последних проблем заключалась в следующем: каждое сообщение получает оригинальное изображение.
Это может показаться не такой сложной задачей, пока вы не поймете, что мы с Кортни специализируемся на журналистике, чьи навыки заключаются в рисовании картинок словами, а не в рисовании картинок в Photoshop.Мы стараемся изо всех сил во имя визуального контента.
Возможно, вы слышали о визуальном контенте? В наши дни этот термин, кажется, встречается повсюду. Мы постоянно сталкиваемся с этим, когда курируем контент, и кажется, что стратегии социальных сетей теперь рассматривают визуальные эффекты как обязательные элементы.
По мере роста визуального контента в социальных сетях также усиливается акцент на рассказывание историй с помощью картинок. Неизгладимые, желанные, связанные изображения стали большой популярностью в мире контент-маркетинга. , и стремление к визуальному контенту, кажется, только усиливается.
Итак, что вы будете делать с этим новым акцентом на визуальные эффекты? Я рад поделиться с вами некоторыми из наших любимых идей, советов и инструментов.
Во-первых: почему визуальный контент так важенВот некоторые показательные статистические данные о том, насколько большим стал визуальный контент и как он меняет наш подход к маркетингу.
Шестьдесят три процента социальных сетей составляют изображения. Это означает, что почти две трети обновлений, которые вы видите в социальных сетях, представляют собой визуальный контент, согласно отчету Citrix за январь.
Почти половина всех интернет-пользователей репостили фото или видео, которые они нашли в Интернете. Не менее интересная статистика из того же исследования Pew Research 2013 года заключается в том, что 54 процента всех пользователей Интернета разместили оригинальные фотографии или видеоролики, созданные ими лично.
Контент с релевантными изображениями получает на 94 процента больше просмотров, чем контент без . Эта часто цитируемая статистика визуального контента свидетельствует о том, что визуальные эффекты были жизненно важны для успеха в Интернете в течение некоторого времени.Первоначальное исследование контентной платформы Skyword вышло в 2011 году.
Девяносто четыре процента равняются почти удвоению количества просмотров, и прирост наблюдается по всем темам и категориям.
Твиты с изображениями получают на 150 процентов больше ретвитов. Мы сами вычислили это, сравнивая твиты из нашей учетной записи Buffer, чтобы увидеть, какие именно изображения имеют значение. Результаты поразительны! Ретвиты, ответы и клики выигрывают от изображений. Мы впервые провели этот анализ еще в ноябре, и сегодня мы продолжаем видеть эту статистику в наших твитах.
Изображения — самый важный фактор №1 в оптимальном содержании социальных сетей. Согласно текущему исследованию, проведенному Software Advice и Adobe. Более 80 процентов респондентов указали, что изображения являются «очень важными» или «важными» для их маркетинговой оптимизации в социальных сетях. Второе место по важности заняли хэштеги и имена пользователей.
Мозг обрабатывает визуальные эффекты в 60 000 раз быстрее, чем текст. Мы запрограммированы воспринимать визуальный контент быстрее и эффективнее, чем слова. Девяносто процентов информации, отправляемой в наш мозг, является визуальной; нас научили потреблять визуальный контент как можно быстрее.
Вот отличное визуальное представление этих данных из блога Optimal Targeting:
Напомним, что многие важные статистические данные о визуальном содержании красиво обобщены в этой инфографике из Matter’s Studio-C. Приведенная ниже статистика дает четкое представление о том, насколько важны визуальные эффекты для маркетологов.
4 урока по психологии и науке о визуальном контентеМы любим разбивать темы на причины того, почему что-то работает (или не работает), и эти глубокие погружения часто приводят нас в психологию и науку. Я обнаружил, что то же самое можно сказать и о визуальном контенте. Существует множество точных психологических и научных объяснений того, почему визуальные эффекты могут быть такими мощными и что нужно для создания потрясающего изображения. Вот четыре моих любимых урока.
1.Интуитивные реакции на визуальный контентВы когда-нибудь влюблялись в дизайн, но не могли объяснить почему?
Эти внутренние реакции — одни из самых сильных связей, которые мы можем установить с визуальным контентом . Когда мы чувствуем внутреннюю реакцию, мы отвечаем той частью мозга, которая отвечает за инстинкты выживания и реакции «бей или беги». Ответ подсознательный. Он исходит из центральной нервной системы всякий раз, когда нас стимулируют такие жизненно важные факторы, как еда, жилье, опасность или размножение.Возможно, мы не сможем объяснить, почему мы любим красивый дизайн, потому что наша сознательная мысль еще не догнала наше подсознание.
Уловка, позволяющая заставить интуитивные реакции работать в визуальном контенте, заключается в том, чтобы осознавать чувства, которые вызывают ваши изображения и видео. Если вы сможете вызвать реакцию выживания — изображения, которые намекают на безопасность, например, показывая дом или поле, — вы сможете задействовать внутреннюю реакцию.
Вот фотография, которая вызвала у меня внутреннюю реакцию, возможно, из-за чувства защищенности от ключа и успокаивающих цветов.
2. Правило третейПравило третей — это метод компоновки элементов изображения, чтобы они были визуально приятными и синхронизировались с тем, как наши глаза предпочитают сканировать изображение. Фотографы хорошо знают правило третей; это фундаментальная фотография.
Принцип работы заключается в разделении изображения на сетку третей по горизонтали и вертикали. По сути, поместите доску в крестики-нолики на изображение.
Доска для игры в крестики-нолики создает пересечения линий, и, согласно Правилу третей, эти пересечения — это то место, где с наибольшей вероятностью будет обращен взгляд.
Урок дизайна здесь состоит в том, чтобы разместить ключевые элементы вдоль этих пересечений. Избегайте размещения ключевого элемента прямо в центре.
3. Золотое сечениеЗолотое сечение — это когда отношение меньшего сегмента к большему сегменту такое же, как отношение большего сегмента к сумме обоих. Сбивает с толку? Это немного легче увидеть, объясняя это на графике, например, этот от Vanseo Design:
Это соотношение может проявляться в терминах ширины и высоты изображения или в том, как страница блога составлена с основным контентом. и боковая панель.(Существует даже удобный инструмент для определения золотого сечения для веб-типографики.)
Для изображений это соотношение создает золотой прямоугольник. Золотой прямоугольник, если разрезать его на все меньшие и меньшие золотые прямоугольники, образует спиральную форму, которая часто присутствует в природе, архитектуре и искусстве.
Чтобы найти золотое сечение для изображения, которое вы создаете, вы можете применить небольшую алгебру к высоте и ширине. Например, если вы знаете, что высота вашего изображения будет 400 пикселей, вы можете умножить 400 x 1.618, чтобы найти ширину: 647 пикселей.
Чтобы проверить, является ли ваше изображение «золотым», вы можете разделить ширину на высоту. В зависимости от того, как вы делите, золотой ответ будет либо 1,618, либо 0,618.
4. Последовательность ФибоначчиПоследовательность Фибоначчи — это последовательность чисел, где следующее число в ряду является суммой двух предыдущих чисел. Вот как начинается последовательность:
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144…
Эти числа обычно встречаются в классических творческих произведениях и в природе, и они аккуратно связаны с золотым сечением.Разделение любого числа в последовательности Фибоначчи на предыдущее приведет к приближению золотого числа 1,618 — основы золотого сечения.
Сетка ниже показывает сочетание золотых прямоугольников и порядковых чисел Фибоначчи.
Росс Джонсон из 3.7 Designs дает много полезных советов о том, как наука может влиять на дизайн. Вот его взгляд на последовательность Фибоначчи:
Паттерны, основанные на последовательности, по своей сути эстетичны и поэтому должны использоваться в композиции наших дизайнов.Эту последовательность можно использовать для создания визуальных узоров, форм, органических фигур, построения сеток или определения размеров и соотношений.
9 основных типов визуального контентаО чем мы конкретно говорим, когда говорим о визуальном контенте? Иногда я сам забываю об этом. В конечном итоге у стратегии визуального контента будет конечный продукт. Вот наиболее распространенные способы создания визуального контента маркетологами.
- Привлекающая внимание креативная фотография — думаю, стоковые фотографии или фото из Instagram
- Видео — YouTube, Vimeo или Wistia, встроенные прямо в сообщение или отправленные напрямую в социальные сети
- Скриншоты — полезные изображения ваш продукт или рабочий процесс
- Инфографика — визуальная информация, либо очень длинная и мясистая, либо небольшая и информативная
- Визуализация данных — отдельные диаграммы и графики (пример)
- Комиксы — соответствующие комиксы или мультфильмы ( пример)
- Мемы — популярные мемы, настроенные в соответствии с контекстом вашего сообщения или обновления (пример)
- Визуальные заметки — небрежно разработанное расположение идей, обычно с большим количеством текста (пример)
- Разное графика — изображения, дополняющие содержание, например.грамм. изображения в приведенном выше разделе о золотом сечении и последовательности Фибоначчи
Размышляя о способах реализации стратегии визуального контента, вы также захотите остерегаться некоторых распространенных ошибок визуального контента. Кэтрин Арагон отлично справляется с обобщением проблемных мест в несфокусированную визуальную стратегию.
Изображения должны быть , а не :Вставлено волей-неволей, просто для изображения.
Банальные или чрезмерно используемые стоковые фотографии.
Мысль только как приманка.
Скучно или неуместно.
Также может быть полезно помнить о том, как ваш визуальный контент будет отображаться в различных социальных сетях. Возьмем, к примеру, встроенные изображения Twitter. По умолчанию видимая часть встроенного изображения имеет ширину 440 пикселей и высоту 220 пикселей. Изображения, выходящие за рамки этого соотношения 2: 1, могут быть обрезаны в неподходящих местах, как в этом примере на временной шкале St. Louis Cardinals.
Media Bistro имеет отличную коллекцию всех размеров, которые вам нужно знать для визуальных эффектов во всех основных сетях: Twitter, Facebook, Google+, LinkedIn, Pinterest, Instagram и YouTube.Вот что они предлагают для публикации, спонсируемой Facebook. (Щелкните, чтобы просмотреть все полезные размеры изображений для всех сетей.)
6 лучших инструментов для создания визуального контентаCanva
Как не дизайнер, я очень зависим от потрясающих инструментов в Canva, чтобы выполнить большую часть моей дизайнерской работы. Настроить с помощью Canva очень просто. Вы можете выбрать один из множества готовых шаблонов или создать свой собственный с нуля. Интерфейс перетаскивания делает добавление различных элементов интуитивно понятным, и каждый из элементов также имеет расширенные параметры для редактирования.
Одна из моих любимых функций — автоматическое выравнивание элементов по сеткам. Вы можете относительно легко выстроить ряд элементов.
Дополнительный совет: я считаю BeFunky незаменимым инструментом для сверхбыстрой настройки изображения, такой как обрезка или масштабирование. Вы можете загружать, редактировать и сохранять изображение, даже не входя в систему.
PowerPoint
Подходящим инструментом для многих дизайнеров-любителей является программное обеспечение для презентаций, такое как PowerPoint. Если представить слайды как изображения, легко понять, как этот инструмент может быть полезен для создания визуального контента.Вы можете установить изображения в качестве фона, добавить текст и типографику, а также разместить значки и графику.
При сохранении в PowerPoint выберите «Сохранить как изображение», и все будет готово.
Бонусный совет. Для облачной версии PowerPoint вам может быть интересно попробовать инструмент презентации Google, который находится на Google Диске.
Skitch
Скриншоты, пожалуй, самый простой способ добавления визуального контента, при условии, что у вас есть надежный инструмент для создания скриншотов. Мы используем Skitch, продукт Evernote, для наших скриншотов.В Skitch есть несколько полезных функций аннотаций, которые хорошо выглядят и легко реализовать.
Бонусный совет: если вы предпочитаете бережливое производство, вы можете использовать сочетания клавиш для простых снимков экрана:
- Windows: Print Screen помещает снимок экрана в буфер обмена
- Windows: Print Screen + клавиша Windows сохраняет файл снимок экрана в папку с фотографиями
- Mac: Command + Shift + 4 позволяет вам выбрать область, которую вы хотите захватить для вашего снимка экрана
- Mac: приведенная выше команда, за которой следует пробел, позволяет сделать снимок экрана активного окна
Photoshop
Конечно, я не мог не упомянуть самый популярный инструмент для создания изображений: Photoshop.Если у вас есть время, навыки и ресурсы для использования Photoshop для визуального контента, вы, вероятно, найдете множество полезных функций и инструментов для создания практически всего, что вы захотите.
Бонусный совет: если вам нужна бесплатная версия, вы можете попробовать Gimp, который имеет множество аналогичных функций и инструментов, но является совершенно бесплатным.
Infogr.am
Если вы заинтересованы в создании инфографики или интерактивного визуального контента, бесплатное веб-приложение Infogram может быть тем, что вам нужно.Их интерактивные макеты позволяют вставлять диаграммы, видео, фотографии, карты и многое другое.
Place It
С помощью Place It вы можете создавать действительно впечатляющие визуальные эффекты для рекламного контента новых инструментов и услуг. Вы можете добавлять скриншоты вашего продукта прямо в красивые стоковые фотографии и даже в интерактивные фоны. Вот как будет выглядеть блог Buffer после добавления к графику Place It:
Советы по созданию визуального контента, который понравится людямЯ привык полагаться на множество небольших советов по созданию визуального контента для блога Buffer посты.Когда дело доходит до дизайна, здорово иметь в кармане несколько хитростей. Вот несколько из моих любимых.
Дизайн с сеткамиПравило третей подчеркивает важность сеток при кадрировании фотографии. Сетки также могут сыграть большую роль в создании великолепно выглядящих изображений. В этом смысле вы можете создать коллаж из множества изображений в сетке или разместить рамку вокруг фотографии. Сеточные техники придают вашим изображениям порядок и профессионализм.
Бонусный совет . Намного проще наложить текст на сетку изображений. Текст действительно выделяется, когда он лежит поверх сплошных линий.
Найдите хороший фотофильтр и используйте его постоянноПочему может пригодиться фильтр? Когда вы берете изображения из самых разных источников для своего блога, фильтры могут обеспечить единообразие визуальных элементов. Последовательный фильтр может даже сделать ваши сообщения более узнаваемыми в социальных сетях, что становится особенно важным, когда шкала времени заполняется визуальными элементами.
Взгляните на следующие два изображения, до фильтра и после фильтра:
До:
После:
Задайте цветовую палитру и определите шрифты вашего брендаЕсли ваш бренд не Если у вас есть заданная палитра цветов или два-три стандартных шрифта, возможно, сейчас самое время их найти. Подумайте, как выбранные вами цвета и шрифты отражают ваш бренд. Следует помнить о психологии цвета: цвета вызывают у нас разные чувства.Это изображение из PowerText показывает, как разные цвета (и разные логотипы) заставляют нас чувствовать.
Дополнительный совет . Когда вы проектируете с использованием цвета, помните о концепции семантического резонанса. По сути, это означает, что по возможности используйте цвета, соответствующие теме, о которой вы говорите. В инфографике это будет означать отображение данных о Google+ с красной полосой и данных о Twitter с голубой полосой.
Выберите яркую стоковую фотографиюМы наткнулись на огромное количество сайтов с бесплатными стоковыми фотографиями, ища визуальные эффекты для блога.Часто бывает сложно решить, что именно делает фотографию хорошей. Когда мы ищем в Buffer, мы склонны думать абстрактно: если мы публикуем пост для подписчиков в Facebook, мы можем попробовать поиск по «строкам» или «очередям», а не по логотипу Facebook. Выбирая правильную картинку, вы можете помнить многие уроки, извлеченные из психологии и науки о визуальных эффектах: Ищите интуитивные реакции, используйте яркие смелые цвета, ищите Правило третей и Золотое сечение .
Бонусный совет : Агентство социальных сетей Laundry Service обнаружило, что фотографии в Instagram создают более эффективные рекламные изображения, чем стоковые фотографии. Возможно, стоит поэкспериментировать в следующей кампании.
Создайте полезную юмористическую инфографикуВ блоге Harvard Business Review Гарет Кук из The Best American Infographics упомянул несколько ключевых областей наиболее успешной инфографики. Кук считает, что главное — собрать много информации в легко читаемом и интуитивно понятном формате:
Дайте людям представление обо всех имеющихся данных и достаточном контексте, не перегружая их.
И быть юмористическим тоже не повредит. Некоторые из его любимых инфографиков основаны на прихоти. Вот пример:
Что для вас наиболее важно при создании визуального контента?По мере продвижения визуального контента для блога Buffer мы многому научились и продолжаем экспериментировать с новыми советами и инструментами. Мы тоже будем рады услышать, что вы узнали!
Какие типы визуального контента вам больше всего нравятся? Какие из них подходят вам лучше всего? Было бы здорово услышать ваши мысли по этой теме.Делитесь любыми идеями здесь, в комментариях.
П.С. Если вам понравился этот пост, возможно, вам понравится наш информационный бюллетень Buffer Blog. Получайте каждое новое сообщение, доставляемое прямо в ваш почтовый ящик, а также нашу еженедельную электронную почту с лучшими материалами, прочитанными в Интернете. Подпишите здесь.
Изображение предоставлено: Dave Chapman, 3.7 Designs, Pew, Skyword, Crazy Egg, The Next Web, Vanseo Design, Hong Kiat, Dan Farrelly, Wikipedia, PowerText, Chang-JJ, Mighty Hive, Death to the Stock Photo.
Руководство для маркетологов по выбору лучших изображений для вашего контента
Если вы создаете контент без изображений, вы упускаете огромную возможность повысить вовлеченность, охватить более широкую аудиторию и увеличить количество конверсий. Мы — визуальные люди, которых неотъемлемо привлекает контент, содержащий насыщенные, привлекательные изображения. Добавление изображений в онлайн-статью может почти удвоить ее количество просмотров, и 67 процентов потребителей считают, что изображения важнее описания продукта при принятии решения о покупке.
Конечно, простое добавление любого изображения в ваш контент не приведет к его выводу на вершину результатов поиска. Изображения должны быть тщательно отобраны и высокого качества, и они должны добавлять истинную ценность вашему контенту.Они должны быть визуально привлекательными, актуальными и подходящими для вашей компании и канала сбыта. Следующее руководство поможет вам выбрать правильное изображение для вашего следующего проекта.
Мы — визуальные люди, которых неотъемлемо привлекает контент, содержащий насыщенные, привлекательные изображения. Click To TweetКак выбрать правильные изображения?
При выборе изображения для блога или интернет-маркетинга учитывайте эти три критических фактора:
- Передает ли оно ваше сообщение? Любое изображение, которое вы используете, должно способствовать пониманию читателем вашего сообщения.В то время как компании-приманки для кликов могут иметь некоторый успех, используя несвязанное изображение для своих веб-объявлений, использование изображения, которое соответствует вашему контенту, приведет к увеличению количества потенциальных клиентов и большей вовлеченности.
- Подходит ли он вашему бренду? Все, что вы делаете в мире, должно работать на повышение вашего бренда. Изображения, содержащие название вашей компании или ссылку на ваш сайт, рассказывают историю вашей компании. Например, если вы продаете товары для фитнеса, ваши изображения должны передавать движение и силу. Если вы занимаетесь финансами, они должны говорить об успехе и финансовой безопасности.
- Это зацепляет? Тусклая, скучная картинка не заинтересует ваших читателей. Используйте яркие и четкие изображения. Если нет веской, связанной с брендом причины поступить иначе, используйте яркие, красочные изображения, потому что было доказано, что цвет увеличивает читательскую аудиторию и продажи на 80 процентов.
После того, как вы нашли изображения, которые подходят для вашего проекта, проведите небольшое исследование, прежде чем принимать окончательное решение. Убедитесь, что:
- Ни один из ваших конкурентов не использует то же изображение.Если вы используете стоковую фотографию, скорее всего, ваши конкуренты тоже. Не будьте похожи на подражателя.
- Ни один из ваших конкурентов не использует похожее изображение. В отрасли всегда будут какие-то сходства, но ваши изображения должны говорить о том, что отличает вашу компанию. Если вы не продаете лодки, нет причин, по которым вы и ваш ближайший соперник должны показывать рекламу мужчин на лодках. Найдите что-то более оригинальное, что потребители могут напрямую связать с вами.
- Цвета соответствуют вашему бренду. Брендинг важен, и исследования показывают, что цвета помогают отличать бренды от конкурентов.
Где найти изображения?
При добавлении изображений в контент у вас есть два варианта: создать собственное или использовать стандартные изображения. Использование оригинальной фотографии или нестандартного дизайна может выделить вас среди конкурентов, специализирующихся только на стоковых фотографиях, и помочь в создании более сильного бренда. Когда дело доходит до товарного маркетинга, во многих случаях необходимы оригинальные фотографии, потому что потребители хотят видеть изображения товаров, которые они покупают.
Но создание оригинальных изображений может занять много времени и дорого, поэтому большинство компаний полагаются на сочетание оригинальных изображений и стоковых фотографий. Например, если вы ведете блог еженедельно, получение нескольких оригинальных изображений для каждого сообщения может не входить в ваш бюджет, и во многих случаях стоковая фотография также подойдет.
Множество веб-сайтов предлагают бесплатные и недорогие изображения для вашего интернет-маркетинга и ведения блогов. Ключ — найти ресурс с изображениями, которые соответствуют эстетике вашей компании и вписываются в ваш бюджет .Некоторые из самых популярных сайтов изображений включают:
- Pixabay: Pixabay предлагает более 780 000 бесплатных изображений, которые вы можете загружать в различных размерах в зависимости от ваших потребностей.
- Stock Free Images: Еще один бесплатный сайт, предлагающий более миллиона фотографий и иллюстраций, все без лицензионных отчислений.
- Shutterstock: Shutterstock требует подписки, но ее качество, как правило, лучше, и вы получаете доступ к более чем 100 миллионам элементов контента, включая фотографии, иллюстрации и значки.
- Google и Bing: хотя вы не можете использовать только любое изображение, которое найдете в Интернете, обе основные поисковые системы позволяют фильтровать результаты поиска изображений по правам использования, чтобы вы могли искать изображения Creative Commons или общедоступные изображения.
Существует еще очень много качественных фото сайтов, от бесплатных, таких как Pexels, до сайтов с платной подпиской, таких как iStock и Getty Images. Независимо от того, какой источник вы используете, обязательно ознакомьтесь с правами на использование каждой фотографии (в большинстве случаев фотография без лицензионных отчислений будет вашим лучшим выбором, поскольку вам не нужно платить текущую плату за использование) и включите атрибуты всякий раз, когда они: повторно требуется.
Сколько изображений следует использовать?
Не существует волшебного числа, указывающего, сколько изображений вы должны включить в конкретный проект, но есть вероятность, что вы можете использовать больше, чем думаете. Включено большое количество релевантных изображений:
- Текст разбивается на части для удобства чтения.
- Может улучшить ваше SEO.
- Предоставляет больше возможностей для публикации и взаимодействия в социальных сетях.
Конечно, не стоит просто брать все бесплатные фотографии на iStock и добавлять их на свою страницу. Каждое изображение, которое вы добавляете, должно служить цели : обогащать впечатление читателя от вашего контента или предоставлять информацию, которую нельзя передать одними словами.
Например, если вы представляете преимущества своей последней программной платформы для автоматизации маркетинга, использование реальных снимков экрана позволит потребителям визуализировать ваш продукт и лучше оценить его полезность для своего бизнеса. Стандартное изображение человека, использующего смартфон, может помочь передать удобство интеграции вашего приложения.Но обычная фотография агента по телефону не выделит ваш продукт среди всех других продуктов B2B на рынке, так что оставьте это в стороне.
Конечно, хорошего всегда может быть слишком много. Если изображений больше, чем текста, вы не даете своим читателям достаточно информации для работы. Слишком много изображений также может увеличить время загрузки вашей страницы, что может оттолкнуть пользователей. Согласно этой инфографике Kissmetrics, если ваша страница загружается более трех секунд, вы можете потерять 40 процентов своих читателей.
Изображения какого размера и качества следует использовать?
Размер и качество, которые вы используете, будут зависеть от вашего носителя.
Для блогов лучше использовать изображения, которые по крайней мере покрывают всю ширину экрана публикации. Имейте в виду, что это не означает, что они должны растягиваться на всю ширину вашего монитора, потому что большинство мониторов намного шире, чем область чтения для обычного блога.
Для веб-сайтов и социальных сетей ePHOTOzine рекомендует, чтобы ваши изображения имели размер не менее 72 пикселей на дюйм и размер изображения не менее 800 x 1000 пикселей, но для получения точных результатов проверьте свою систему управления контентом, чтобы узнать точное количество пикселей для вашего сайта. окно чтения и установите минимальную ширину изображения.Можно увеличить этот размер, так как большинство инструментов сжимают изображение по размеру, но слишком большие изображения загружаются дольше.
В некоторых случаях вы можете использовать изображения меньшего размера. Это нормально, если вы установите определенную ширину в пикселях и уменьшите все изображения в публикации до того же размера. Последовательность важна; в противном случае ваш блог будет выглядеть неряшливо и непрофессионально. Для одноразового меньшего изображения используйте выравнивание по правому или левому краю и оберните текст вокруг него.
Для баннерной рекламы ваше изображение должно быть достаточно широким, чтобы покрывать всю верхнюю часть экрана без растяжения, в то время как реклама на боковой панели будет намного меньше.Главное — убедиться, что ваши изображения никогда не должны растягиваться или искажаться. Если вы разрабатываете маркетинговую копию для веб-рекламы, лучше всего знать точный размер области, с которой вам нужно работать.
[contextly_auto_sidebar]
Имеют ли значение имена изображений?
Да! Определенные имена изображений помогут привлечь потенциальных клиентов к вашему контенту. Поиск по фразе «Телефонные решения для бизнеса» в Картинках Google даст вам страницы и страницы с изображениями с веб-сайтов, которые продают, просматривают или сообщают о решениях для бизнес-телефонии.Поиск «IMG11012016» дает вам совершенно случайное сочетание изображений. Кроме того, сколько ваших целевых читателей все равно будут искать «IMG11012016»?
Вот несколько советов по присвоению имен вашим изображениям:
Дайте всем вашим изображениям имена, соответствующие вашей статье, и будьте конкретны. Используйте имена, которые описывают как изображение, так и его использование в контексте вашего сообщения. «Милый кот» может идеально передать ваш образ, но «Милый кот, питающийся здоровым кормом для домашних животных» с большей вероятностью поставит ваше изображение на первое место в результатах поиска потребителей, ищущих альтернативу здоровому корму для домашних животных. Правильные названия для изображений помогут заинтересованным потребителям найти ваш бизнес.
При присвоении имен изображениям не забывайте добавлять значения атрибутов alt. Это текст, который появится вместо изображения, если по какой-либо причине браузер посетителя не сможет загрузить изображение. Заманчиво просто использовать здесь имя изображения, но вы хотите, чтобы это было полезно для вашего читателя и предлагало дополнительные преимущества SEO.
Убедитесь, что значения вашего атрибута alt имеют смысл в контексте. Имейте в виду, что вводимый вами текст будет перетекать прямо в остальной контент (потому что не будет изображения, которое могло бы его разбить).Например, если вы добавляете атрибуты alt к графику, сделайте его сводкой данных. Если вы добавляете его к изображению продукта, опишите его таким образом, чтобы передать то же сообщение, которое вы ожидаете от читателя от самого изображения: «Ваш торговый представитель сэкономит время с помощью Customer Manager Pro».
Даже самые лучшие изображения не сохранят плохой контент, но качественные, релевантные изображения могут увеличить трафик, улучшить взаимодействие, повысить конверсию и улучшить общее впечатление для вашей аудитории и потребителей.
Есть причина, по которой мы начинаем наших детей с книжек с картинками: отличных изображений оживляют истории . В конце концов, это все — истории. А правильные изображения помогут вашей аудитории лучше оценить историю, которую вы хотите рассказать.
Получите больше подобного контента, а также САМОЕ ЛУЧШЕЕ маркетинговое образование, совершенно бесплатно. Получите нашу полную рассылку новостей по электронной почте.
Logical Pictures запускает инвестиционную компанию 21 Content Ventures
Парижская Logical Pictures, компания с четырехлетней историей, которая профинансировала более 20 фильмов, включая «Месть» и «Петров», запускает 21 Content Ventures, инвестиционный фонд, посвященный международным фильмам и сериалам.
Инвестиционный фонд, запуск которого запланирован на январь, будет ограничен 100 млн евро (121,6 млн долларов США) и будет структурирован как вечнозеленый фонд — это означает, что это открытый фонд без даты прекращения, позволяющий инвесторам выйти из 21 Content Ventures или изменить свои вложения в фонд. Портфель будет оцениваться каждый год на основе доходов, полученных от каждого титула, и инвесторы будут получать годовой доход в размере 4% -6%. Минимальный инвестиционный билет для участия в 21 Content Ventures составляет 100 000 евро (121 640 долларов США).
«Фильмы, сериалы и документальные фильмы пользовались большим спросом в последние несколько лет, особенно с появлением потоковых платформ, таких как Netflix, и пандемия ускорила эту тенденцию к росту», — сказал Фредерик Фьоре, президент Logical Pictures Group. Он сказал, что идея заключалась в том, чтобы профинансировать от 100 до 200 фильмов в следующие 8-10 лет с особым интересом к международному производству из Европы, США и Латинской Америки.
«Каждый год мы получаем более 1000 проектов со всего мира и инвестируем примерно в 10 из них.Этот поток сделок в сочетании с нашим опытом в области финансового структурирования фильмов и сериалов — это активы, которые мы сможем использовать с запуском 21 Content Ventures », — добавил Фиоре.
Фонд будет коммерциализирован при поддержке Portzamparc, дочерней компании французской банковской группы BNP Paribas, которая будет заниматься сбором собранных средств и управлять процессом подписки.
Fiore заявил, что 21 Content Ventures может помочь независимым кинематографистам и продюсерам преуспеть в новых условиях.
«Поскольку традиционные источники финансирования становятся дефицитными, а сроки выпуска сжимаются, независимому кинематографу требуется больше частного финансирования, чтобы сдвинуть с мертвой точки проекты и гарантировать, что они сохранят некоторую художественную свободу и гибкость в этом процессе», — сказал Фиоре.
Эрик Тавитиан, который продюсировал и финансировал такие фильмы, как «Incendies», «Revenge» и «Pleasure», сказал, что фонд «может помочь режиссерам и продюсерам развивать и финансировать их проекты, не задумываясь о том, будут ли они для кинотеатров или для потоковой передачи. Сервисы.”
Тавитиан сказал, что вечнозеленая структура подходит для 21 Content Ventures, потому что фильмы и аудиовизуальный контент часто являются долгосрочными инвестициями, которые со временем могут повысить ценность и принести прибыль через некоторое время.
Fiore сказал, что часть фонда будет посвящена дебютным художественным фильмам, а также фильмам на социальные, политические и экологические темы. «Эти фильмы могут оказать влияние и, надеюсь, обозначить нашу популярную культуру», — сказал руководитель, указав на «Ласточку» и «Сочувствие дьяволу».”
Фонд также будет финансировать престижные независимые фильмы с известными режиссерами и актерами, бюджет которых составляет от 14 до 18 миллионов долларов.
21 Content Ventures будет состоять из председателя высшего руководства Фиоре; Тавитян в качестве инвестиционного директора; Гийом Лирондьер — финансовый директор; и Грейс Адамс в качестве юридического директора. Ранее Адамс работал менеджером по юридическим и коммерческим вопросам в Studiocanal and Gaumont. Лирондьер работал в таких компаниях, как Gemini Films, Fidélité Films и Lincoln TV.
Logical Pictures является акционером французской торговой компании Pulsar Content, французского дистрибьютора жанров The Jokers Films, а также имеет соглашение с базирующейся в Лос-Анджелесе XYZ Films о защите прав в Северной Америке и совместном производстве некоторых фильмов.
Ранее в этом году Logical Pictures также участвовала в создании Archipel Market, инструмента сообщества для торговых агентов и покупателей, которым нужен круглогодичный кинорынок.
дополнительный экранный ридер
Подробнее о:
5 способов использования изображений для создания шаблонов контента — Вдохновляющие молодые учащиеся
Часто в группах Facebook я вижу учителей, которые просят помощи в поддержке ELL, и часто советуют использовать картинки .Это отличный совет, потому что это определенно лучший первый шаг, и его легче всего реализовать, но как именно использовать изображения для поддержки ELL?
Сегодня мы рассмотрим 5 способов использования изображений для создания шаблонов контента и разблокировки изучающих язык. Одна из причин, по которой мне нравится использовать изображения в классе, заключается в том, что они позволяют снять языковой барьер для моих учеников более низкого уровня ELL, но в то же время всем моим ученикам полезно работать над академическим языком, обсуждением и мышлением.Помните, когда мы планируем с учетом наших ELL, все ученики выигрывают!
Используйте изображение для создания обсуждения.Это самый простой способ использовать изображение. Вот как это сделать.
- Выберите увлекательную картинку, о которой могут рассказать ваши ученики. Новички выбирают картинку, с которой они знакомы, для средних ELL выбирают картинку, связанную с контентом, которую они могут обсудить со своими сверстниками.
- Вы можете предоставить учащимся подсказки, вопросы для обсуждения, основы предложений или пустую рамку вокруг изображения, чтобы они могли провести мозговой штурм.
- Дайте студентам несколько минут на обсуждение, а затем углубитесь. Предложите им прядильщики вопросов, чтобы придать изображению больше смысла, или введите новый словарный запас, о котором они, возможно, не думали раньше.
Эти карточки являются частью ежемесячных разговорных и письменных карточек, которые содержат ежедневные картинки и словарные подсказки, помогающие вести подлинный разговор. Вы можете узнать больше об этом здесь .
Используйте картинку для развития навыков понимания прочитанного.Устраняя языковой барьер, вы даете своим ELL неплохие шансы на участие.Представьте, насколько хорошо ваши ученики справятся с пониманием прочитанного, если они уже прорабатывали основную идею и детали во время практики понимания прочитанного. Эти навыки передаются и позволят занятиям по чтению не быть такими устрашающими.
В этом упражнении из упражнений «Слушай и учись, понимание» учащиеся слушают короткий отрывок, а затем должны выбрать, какие 3 детали они слышали, а какие не слышали. Практика без слов поможет им, когда они будут практиковать этот навык со словами.Вы можете узнать больше об этом здесь .
Используйте 2 изображения для сравнения и контраста.
Если ученики внимательно посмотрят на две картинки, вытащат информацию и уделят внимание деталям, это отличный способ развить языковые навыки и навыки концентрации. Давайте посмотрим на этот пример ниже.
Это задание является частью моих шаблонов плана цифрового урока для 6 основных частей урока ELL. Вы можете узнать больше об этом здесь !
Используйте картинку, чтобы дать им идеи для написания.
Давайте будем честными, наши ученики обычно меньше всего хотят писать. Но что, если мы замаскируем письмо, используя изображение, и заставим его взять на себя роль человека на нем? Или дать им увлекательную картинку и дать им закончить то, что будет дальше. ELL должны практиковаться в письме, добиваясь небольших быстрых побед, поэтому не стоит недооценивать силу небольших возможностей письма.
Этот отрывок взят из книги «Все, что нужно для пожилых новичков ELL» и является лишь одним из сотен мероприятий, охватывающих все 4 области для ELL.Вы можете узнать больше об этом здесь .
Используйте модель PWIM.
Что такое модель PWIM? Модель PWIM означает индуктивную модель графического слова и представляет собой мощный способ помочь изучающим английский язык на всех уровнях индуктивно изучать язык с помощью одной картинки.
Как вы это делаете?
- Вы начинаете с одной картинки, которая относится к вашему контенту. Ваш первый шаг — обозначить слова, которые они видят на картинке. Вы можете попросить их сначала сделать это в небольших группах, а затем поделиться настройками всей группы, или вы можете выполнить этот шаг все вместе с самого начала.
- Следующий шаг — классифицировать слова, придуманные классом. Категоризация — отличная стратегия для работы ELL, поэтому дайте им время, чтобы они сами придумали категории. Его можно разделить на категории по частям речи, теме, орфографическим образцам… позвольте им проявить творческий подход. Чем больше они будут работать над категоризацией слов, тем лучше они станут в этом, поэтому не сдавайтесь, если это займет какое-то время или вам нужно потратить время на моделирование того, как это делать первые несколько раз.
- Затем ученики создадут заголовок для рисунка.Используйте это как тему для обсуждения, когда они делятся идеями и отстаивают, почему они придумали такое название или как оно соотносится с картинкой.
- Последний шаг — дать ученикам сначала устно составить предложения, используя всю проделанную ими работу, а затем записать их. Опять же, может потребоваться моделирование или другие вспомогательные средства, такие как рамки предложений, но когда эта стратегия станет более привычной, ваши ученики удивят вас всем, что они придумывают!
- Запишите предложения учащихся в качестве примеров и дайте им больше возможностей использовать ярлыки, категории и заголовки для создания большего количества предложений.
Подходите к использованию этой модели творчески! Что, если бы вы попробовали это по математике на этой неделе? Или по чертам характера? Это простой метод, который можно использовать по всем предметам.
Где можно найти фотографии?
Есть много бесплатных веб-сайтов, на которых есть отличные стоковые фотографии для личного использования.
Некоторые из моих любимых: www.pixabay.com , www.unsplash.com, www.pexels.com .
Начни сейчас и реши, на какой урок ты собираешься добавлять картинки на этой неделе!
Хотите опробовать набор цифровых примеров использования изображений для развития языка?
Все, что вам нужно сделать, это зарегистрироваться
здесь для получения моей бесплатной библиотеки ресурсов, и вы сможете использовать слайды!50 Статистика по маркетингу визуального контента, которую вы должны знать в 2021 году
В конце каждого года мы с удовольствием читаем некоторые из основных отчетов по входящему маркетингу, контент-маркетингу, социальным сетям и поведению в Интернете.
Удивительно, как быстро все может измениться всего за один или два года, и в этом году есть множество удивительных статистических данных, над которыми стоит задуматься.
В этом году мы увидели непреходящую важность визуального контента, подчеркнутую изменениями, которые произошли почти во всех крупных социальных сетях, включая Facebook, Instagram и Twitter. В то же время видео продолжали развиваться как мощный инструмент для брендов, стремящихся более легко общаться со своими читателями, а виртуальная реальность (VR) находит свое место в качестве маркетингового инструмента во многих компаниях.
Чтобы помочь вам идти в ногу с этими тенденциями, давайте взглянем на некоторые статистические данные по маркетингу визуального контента, которые демонстрируют влияние визуального контента на охват, вовлеченность и продажи. Вы можете перейти к следующим категориям, чтобы просмотреть статистику, относящуюся к этой категории:
50 статистических данных по маркетингу визуального контента, которые вы должны знать
Общая статистика визуального контента
- 70% компаний инвестируют в контент-маркетинг, который может включать в себя стратегии визуального маркетинга.(HubSpot)
- Основной формой медиа, используемой в контент-маркетинге, является видео. (HubSpot)
- Четвертая часть маркетологов вкладывает средства в контент-маркетинг, связанный с продвижением продуктов, тогда как чуть более 20% вкладывается конкретно в брендированный сторителлинг. (HubSpot)
Источник: HubSpot
- Маркетологи тратят больше всего времени на создание контента для Facebook и веб-сайтов своей компании соответственно. (HubSpot)
- Дизайн и визуальный контент — самая большая проблема для 23.7% контент-маркетологов. (Адам Энфрой)
- 49% маркетологов оценивают визуальный маркетинг как очень важный для своей маркетинговой стратегии, 22% считают его важным, а 19% считают, что их стратегия — ничто без визуального контента. (Venngage)
- 49% маркетологов в основном используют визуальный контент в блогах и на веб-сайтах, за которыми следуют социальные каналы, такие как Facebook и Instagram. (Venngage)
- Когда люди слышат информацию, они, вероятно, запомнят только 10% этой информации через три дня.Однако, если релевантное изображение сочетается с той же информацией, люди сохраняют 65% информации через три дня. ( Brain Rules )
- 40% маркетологов прогнозируют, что от 51% до 80% предприятий будут в значительной степени полагаться на визуальный контент в 2021 году (Venngage)
Статистика видеомаркетинга
- С 2012 года потребление мобильного видео увеличилось в 17 раз. (Cisco)
- По прогнозам Cisco, к 2022 году глобальный интернет-трафик из видео составит 82% от всего потребительского интернет-трафика.(Cisco)
- 70% зрителей YouTube смотрят видео, чтобы «помочь с проблемой», с которой они сталкиваются в своем хобби, учебе или работе. (Думайте с Google)
- В мировом масштабе YouTube является ведущим источником видеоконтента для потребителей с показателем 83% (на втором месте Facebook с 67%). (HubSpot)
- Потоковое видео значительно увеличилось за последние несколько лет. Платформа прямой трансляции Twitch в 2020 году показала рост на 14,3% по сравнению с аналогичным периодом прошлого года и может похвастаться до 1,645 миллиарда часов просмотра в месяц.(eMarketer, The Verge)
- По данным опроса HubSpot 2018 года, 54% потребителей хотели видеть больше видеоконтента от бренда или компании, которую они поддерживают. (HubSpot)
Источник: HubSpot Research
Новые тенденции визуального маркетинга
- В 2019 году 42,9 миллиона человек в США использовали продукт VR, а 68,7 миллиона человек использовали AR один раз в месяц. (eMarketer)
- Ожидается, что к 2021 году расходы на виртуальную реальность для бизнеса достигнут 9,2 миллиарда долларов, что превзойдет ее использование для досуга.(FinancesOnline)
- Четверть пользователей VR считают, что у нее есть большой потенциал для брендов и маркетологов. (GlobalWebIndex)
- 64% потребителей считают, что VR обладает наибольшим потенциалом в играх, а 52% признают ее потенциал в кино и на телевидении. (GlobalWebIndex)
- 57% маркетологов использовали живое видео в 2019 году. (Исследователь социальных сетей)
- Facebook жизни привлекают в 10 раз больше пользователей, чем традиционные видео. (BloggingX)
- 90% всех просмотров видео в Twitter происходит на мобильных устройствах. (HubSpot)
- 73% видео длятся две минуты или меньше. (Видьярд)
- 85% взрослых потребляют контент на нескольких устройствах одновременно. (Думайте с Google)
- Согласно данным магазина товаров для дома Lowes, видеоролики с практическими рекомендациями, которые были показаны в виртуальной реальности (VR), запомнились зрителями на 36% выше, чем люди, которые смотрели только видео на YouTube. (HubSpot)
Инфографическая статистика для маркетологов визуального контента
- Инфографика — четвертый по популярности тип контент-маркетинга.(HubSpot)
- Инфографика имела самый большой рост использования среди B2B-маркетологов за последние четыре года — сейчас на 67%. (Институт контент-маркетинга)
- Люди, следующие указаниям с текстом и иллюстрациями, на 323% лучше, чем люди, следующие указаниям без иллюстраций. В качестве примера возьмем руководство контент-маркетолога Райана Робинсона о том, как создать блог, где он обучает читателей процессу создания блога с помощью комбинации текста, иллюстраций и инфографики. (Springer)
Источник: NeoMam
Статистика социальных сетей для маркетологов визуального контента
- В общем опросе более 250 потребителей 70% заявили, что смотрят истории в Facebook чаще, чем в Instagram или Snapchat. (HubSpot)
- Более 500 миллионов аккаунтов в Instagram используют истории каждый день, а 4 миллиона компаний используют рекламу в историях каждый месяц. 58% опрошенных говорят, что они стали больше интересоваться брендом / продуктом после того, как увидели его в историях.. (Instagram Business)
- По состоянию на январь 2021 года самая большая демографическая группа пользователей Instagram в США составляла от 25 до 35 лет, что составляет 33,1% от базы пользователей Instagram в США (Statista)
- В 2019 году на Instagram приходилось примерно 31,8% рекламных доходов Facebook по сравнению с 13,2% в 2016 году. (Statista)
- Из форматов историй в Instagram, которые люди предпочитают больше всего, 35% говорят, что чаще всего используют короткие рассказы в стиле повествования, за которыми следуют интерактивные истории, основанные на викторинах и опросах.(HubSpot)
Источник данных: Lucid Software
- По данным Verizon Media, 69% потребителей смотрят онлайн-видео без звука. (Forbes)
- При опросе более 300 потребителей 56% заявили, что «иногда» смотрят Истории в социальных сетях со включенным звуком, а 29% заявили, что «всегда» делают это. (HubSpot)
- 72% подростков используют Instagram и почти столько же (69%) используют Snapchat. Оба показателя выросли более чем на 20% с 2015 года. (Pew Research)
- твитов с видео привлекают в 10 раз больше внимания, чем твиты без видео.(Twitter Business)
- При анализе более 1 миллиона статей BuzzSumo обнаружил, что статьи с изображением каждые 75–100 слов получают вдвое больше репостов в социальных сетях, чем статьи с меньшим количеством изображений. (Buzzsumo)
- сообщений в Facebook с изображениями привлекают в 2,3 раза больше пользователей, чем сообщения без изображений. (Buzzsumo)
Источник: Buzzsumo
- Ежедневно активны более 500 миллионов пользователей Instagram. (Statista)
- 15% всего контента Facebook — это видео, и этот процент растет.(Socialinsider)
- Оптимальная продолжительность видео для лучшего взаимодействия на Facebook составляет от 2 до 5 минут. (Socialinsider)
- По состоянию на 2020 год у Snapchat было 249 миллионов активных пользователей Snapchat в день. (Statista)
- Рекламодатели могут охватить более 169 миллионов человек в Pinterest. (Hootsuite)
Источник: Hootsuite
- В 2019 году выручка от торговых объявлений Pinterest выросла на 100%. (Pinterest)
- Пины, которые демонстрируют продукт или услугу в действии, на 67% с большей вероятностью будут стимулировать продажи.(Pinterest Business)
- В прайм-тайм YouTube достигает больше людей в возрасте 18+, чем любая сеть кабельного телевидения. (Думайте с Google)
- Половина подписчиков YouTube в возрасте от 18 до 34 лет бросили бы все, что бы они ни делали, чтобы посмотреть новое видео со своего любимого канала. (Думайте с Google)
Примечание редактора: этот пост был первоначально опубликован в апреле 2020 года и был обновлен для полноты.
Почему важны изображения в социальных сетях?
Аллен Кляйн, отмеченный наградами ведущий эксперт, однажды заметил, что 80% того, что люди узнают, — это сообщения в социальных сетях.
Все мы знаем, что изображения в социальных сетях являются жизненно важным элементом любого блога или сообщения в социальных сетях.
Помимо того, что они могут быть обязательными в некоторых форматах, они также делают ваш пост более очаровательным и привлекательным.
Они являются важной частью контент-маркетинга, поскольку люди обычно сначала смотрят на изображение, а затем решают, прочитают ли они ваш заголовок (и что еще будет после него).
Оглавление: изображения в социальных сетях для цифрового маркетинга
Мы живем в эпоху «камеры в кармане каждого».”
С более чем 2,5 миллиардами телефонов с камерой мы вступаем в новую динамичную эру в области создания изображений и контента.
Маркетинговая компания MDG Advertising обнаружила, что контент в сочетании с изображением привлекает в среднем на 94% больше просмотров, чем контент без визуальных эффектов.
«Картинка стоит 1000 слов?» Однозначно да — если у вас самые красивые фотографии.
Кроме того, изображение по-прежнему стоит тысячи слов, но сегодня оно также стоит тысячи значков в Pinterest или сердечек в Instagram.
Сегодня у людей продолжительность концентрации меньше девяти секунд или даже меньше, чем у золотой рыбки.
В результате изображения в социальных сетях стали более мощными, чем когда-либо.
После анализа 8000 различных сообщений от компаний B2C и B2B, Hubspot также сообщил, что у статусов Facebook с изображениями на 53% больше лайков и на 104% больше комментариев, чем у статусов, содержащих только текст.
Огромная часть мозга направлена на обработку изображений в социальных сетях, что позволяет людям обрабатывать изображения с невероятной скоростью.
Человеческий мозг может запомнить знакомый объект всего за 100 миллисекунд, что делает изображения идеальным способом общения в современном мире с ограниченным вниманием.
Ежедневно на Facebook загружается 300 миллионов фотографий. В Instagram ежедневно загружается в среднем 95 миллионов фотографий.
Во-первых, давайте обсудим главное: ПОЧЕМУ?Почему изображения важны для сообщений в социальных сетях?
Использование соответствующих изображений в социальных сетях позволяет привлечь внимание, повысить лояльность, предоставить важную информацию и улучшить взаимодействие.
Если вы хотите выделиться, разработайте визуальную идентичность бренда в социальных сетях так же точно, как вы готовите свои коммерческие предложения.
Когда вы будете оставаться постоянными и связывать изображения с вашим маркетинговым сообщением, ваш бренд будет более устойчивым.
Изображения привлекают внимание вашей аудитории
Поскольку наш мозг быстро реагирует на изображения и цвета, в отличие от других типов информации, изображение в социальных сетях почти неуязвимо.
Конечно, чтобы добиться желаемой концентрации, вы должны делиться изображениями, которые важны для вашей целевой аудитории.
Вам нужно выяснить, какие изображения в социальных сетях важны для ваших подписчиков и поклонников.
Разнообразные изображения сохраняют интерес аудитории
Когда вы время от времени переключаете типы изображений, вы избегаете наличия канала социальных сетей, который кричит: «Такой же старый, такой же старый».
Вы не сможете контролировать риск потери поклонников из-за однообразия и повторения.
Что бы вы ни делали, избегайте селфи.
Ваше поведение в социальных сетях должно быть связано с вашей аудиторией, а не с вами!
Изображения помогут вашей аудитории запомнить ваше сообщение
Исследования показывают, что люди запоминают только 10% того, что они изучают, по прошествии 72 часов.
Однако, если вы соедините подходящее изображение с вашим контентом, люди смогут сохранить 65% информации через три дня.
Теперь по большому счету: КАК?Как сообщения в социальных сетях важны для маркетинговой стратегии?
Если изображения в социальных сетях, которые вы добавляете, не соответствуют профессиональному уровню, они могут навредить имиджу вашего бренда.
Вот почему я выделил эти семь советов, как увеличить количество рекламных фотографий в социальных сетях.
Линии сетки любви
Заповедь третей — одно из самых простых навыков фотографии, которые вам следует знать.
Этот метод улучшит стиль ваших фотографий и создаст сбалансированные, визуально привлекательные изображения.
Вы должны поместить объект и все достойное на фотографии там, где эти линии пересекаются.
Симметрия
Симметрия — еще одна визуальная деталь, к которой мы естественно обращаемся.
Если у вас есть возможность запечатлеть симметрию в изображениях социальных сетей, которые вы планируете использовать, вы должны обязательно это сделать.
Это просто, но служит.
Ваши фотографии требуют особого внимания, чтобы привлечь внимание ваших подписчиков.
Если это будет похоже на то, как если бы учащийся делал фотографии, это плохо отразится на вашем бренде.
Мы оба понимаем, что вы этого не хотите.
Кадрирование — не увеличивайте масштаб
Еще одна ошибка новичков, которую, как я вижу, постоянно совершают компании, — это практика масштабирования.
Ручное масштабирование точки — большой запрет, если вы не используете профессиональную камеру.
Но, как я сказал ранее, такое оборудование бесполезно.
Ваш смартфон будет делать снимки, которые можно размещать в социальных сетях.
Однако, как только вы начнете масштабировать, вы испортите качество фотографии.
Вместо увеличения приблизьте объект ближе к объекту. Если это невозможно, не беспокойтесь об этом.
Сделайте снимок с того места, где вы находитесь, и используйте правило третей для улучшения композиции.
Повторяющиеся паттерны
Как и баланс, паттерны — еще один отличный способ привлечь внимание ваших последователей.
Иногда, чтобы получить правильный образец, нужно спросить с правильного угла и перспективы.
Тема может быть достаточно последовательной и пригодной для использования в вашей маркетинговой кампании в социальных сетях, но с помощью этой стратегии ее можно улучшить.
Найдите нового потенциального покупателя
Вам не нужно, чтобы ваши маркетинговые фотографии в социальных сетях выглядели так же, как у других.
Ваш бренд требует, чтобы вы придумывали новые сцены, чтобы отделиться от толпы.
Как на картинке; это винтовая лестница, но новая перспектива, которую она изображает, заключается в том, что ее тоже можно воспринимать как глаз.
Get Abstract
Мыслите нестандартно.
Я уверен, что вы понимаете, сколько фотографий ежедневно выходит за рамки графика ваших поклонников.
Если ваши рекламные изображения не прыгают на них со страницы, они будут постоянно прокручиваться.
На первый взгляд пользователь социальной сети может даже не понять, на что он смотрит.
Но этого достаточно, чтобы остановить их для дополнительного изучения.
Будьте забавными
Хорошо, некоторым компаниям нужно быть более серьезными, чем другим.Если ваша компания занимается такими услугами, как коммерческие инвестиции или похороны, вам, вероятно, не следует шутить в социальных сетях.
Но такие бренды встречаются редко.
Если ваша компания продает товары или услуги целевой аудитории, которая любит немного юмора, не бойтесь делать забавные фотографии для своих кампаний в социальных сетях.
Как и на картинке выше, его можно легко использовать для продажи солнцезащитных очков, а кому не нравится doggos . Они восхитительны!
Перестань относиться к себе серьезно.
Фактически, 36% клиентов получают предложение совершить покупку, увидев забавный пост от бренда в социальных сетях.
Размещение юмористического изображения может сделать для вас гораздо больше, чем просто поощрение взаимодействия. Эта стратегия может напрямую вести к продажам.
Только держитесь подальше от спорных тем.
Хеллоуинские угощения только что получили Yummier🎃
Используйте код «Halloween2021» и воспользуйтесь скидкой 20% на все планы в течение первых четырех месяцев или 30% скидкой на годовую подписку в течение первого года.🧡
Чем может помочь Social Champ?
Размещение в Instagram — Мир изображений.
Используйте Social Champ, чтобы запланировать свой контент в Instagram и сделать свой Insta-профиль живым и веселым!
Самый простой уровень публикации в Instagram — предлагать вашей аудитории непрерывный контент! В сегодняшней загруженной жизни не у всех есть время или инструменты для публикации контента каждый день.
Вот где приложение Social Champ сделает вашу работу проще!
Более широкий охват Twitter с помощью хэштегов
Добавление хэштегов (#) — отличный способ привлечь новых подписчиков и поделиться своими фотографиями с большим количеством людей.
Если вы хотите, чтобы ваш пост охватил более широкую аудиторию, используйте от 5 до 10 релевантных хэштегов, избегая наиболее распространенных или популярных.
Social Champ предлагает множество хэштегов, относящихся к вашему контенту через программное обеспечение!
Роялти-фри для сообщений в Facebook
Вам не нужно загружать изображения, чтобы добавить их в свои сообщения и запланировать на Facebook.
Social Champ предоставляет вам большой выбор бесплатных изображений (без водяных знаков) и каждую секунду упрощает вашу работу с помощью единой платформы!
Наполните свою доску креативами на Pinterest
Social Champ позволяет сохранять доску свежей и привлекательной и поддерживать интерес аудитории к вашему контенту, будучи инструментом планирования Pinterest.
Привлекайте трафик в свой блог с помощью прямых ссылок на пины
Social Champ позволяет связывать пины прямо с вашим блогом.
Таким образом, ссылка будет появляться сразу при нажатии на пин, а не по ссылке в биографии пина!
Небольшая помощь с сообщениями в социальных сетях
Получите изображения бесплатно
В Интернете есть множество источников, где вы можете бесплатно найти отличные изображения. И все, что вам нужно сделать, это найти его в их библиотеке и загрузить свои избранные.Вот несколько вариантов для вас:
- MorgueFile
- Pixabay
- StockSnap.io
- Unsplash
- Visual Hunt
- Picjumbo
- LifeofPix
- SplitShire
- Creative Commons
- SplitShire Space
- в репозитории Google
Несмотря на то, что они бесплатны, вас могут попросить указать фотографа или цифрового художника, который создает изображение, для ваших сообщений в социальных сетях.Поэтому внимательно прочтите инструкции и проверьте, требуется ли указание ссылки, чтобы не нарушать чьи-либо авторские права.
Плата за изображения
Если вы ищете профессионально сделанные / созданные изображения или вам нужно их большое количество, возможно, вам придется рассмотреть возможность использования платной службы стоковых изображений. Есть много онлайн-компаний, предлагающих отличные варианты для вас, например:
- Fotolia
- iStock
- Getty Images
- Shutterstock
- Desygner
- Dreamstime stock
- DepositPhotos 90bis138
- Bigstock 9014
- GIMP
- Canva
- PicMonkey
- Visme
- Fotojet
- Snappa
- Piktochart
На этих веб-сайтах вы найдете изображения с высоким разрешением для социальных сетей.Вы можете либо заплатить за те, которые вам нужны, либо купить подписку, если считаете, что вам нужно будет регулярно получать доступ к новым функциям. Мы настоятельно рекомендуем ознакомиться с этими советами опытных дизайнеров, чтобы максимально использовать стоковые изображения!
Создание собственных изображений
Если у вас уже есть с чего начать, например, ваши собственные изображения, вы можете попробовать использовать один из доступных онлайн и офлайн инструментов и программного обеспечения для внесения необходимых корректировок, чтобы они выглядели более профессионально:
Все вышеперечисленные варианты интуитивно понятны и включают несколько бесплатных функций.
Заключение
Если вы хотите провести успешную имиджевую кампанию в социальных сетях, вам необходимо уделять больше внимания качеству ваших рекламных фотографий.