Здравствуйте. Сегодня в этой заметке я расскажу, что такое тизер(картинка, изображение), для чего он нужен и чем тизер отличается от превью (заставки к видео на ютубе или рутубе).
Ти́зер — рекламное сообщение, построенное как загадка, которое содержит часть информации о продукте, но при этом сам товар полностью не демонстрируется.
Изображения важны, чтобы обогатить текст, подтвердить сказанное и помочь быстрее и лучше понять материал. Делюсь советами, как привлечь внимание читателя или подписчика, грамотно расставить акценты и выделить главное.
Сочетание «картинка + текст» выигрывает даже у видео, поскольку позволяет практически моментально понять содержание статьи или видео. Не теряя времени можно определить: это то что вы искали или вам нужно нечто другое и не стоит терять времени зря.
Какие задачи решают изображения в статьях блога
Изображения в статьях могут быть различными.
Кроме тизера (заглавной картинки, есть еще и изображения в теле статьи). Их задача помочь в восприятии материала написанного.
Изображения решают самые разные задачи:
- Привлекают внимание и вызывают отклик — картинки в соцсетях используют для эмоционального вовлечения.
- Улучшают подачу материала — это задача иллюстраций в материале.
- Они должны усилить, подтвердить или заменить текст там, где это необходимо.
- Сообщают характер и тему — это работа заглавной картинки.
Требования к изображениям на сайте
Чтобы картинка не мешала, а, наоборот, помогала лучше воспринимать информацию на странице, она должна быть качественной. Объясняем, что это значит.
Некоторые CMS автоматически оптимизируют изображения — уменьшают их разрешение и вес, чтобы страница сайта прогружалась быстро. Однако далеко не все, поэтому лучше оптимизируйте изображения вручную с помощью специальных сервисов.
Для полноэкранной картинки минимальный размер составляет 1600 пикселей по широкой стороне, оптимально подходит формат FullHD (1920×1080). Изменить размер изображения можно в графических редакторах.
Чтобы изображение меньше весило, а следовательно не увеличивало скорость открытия страниц( что тоже учитывается в анализе качества всего сайта) перед размещением на страницах обработайте его в одном из онлайн-сервисов:
- Compressor.io — работает с JPEG, PNG, GIF, SVG.
- Optimizilla — оптимизирует GIF, JPG, и PNG.
- TinyPNG — поддерживает JPG и PNG.
- Web Resizer — позволяет менять размер и немного редактировать изображения.
- Image Optimizer — можно выбрать качество и размеры.
- Compressjpeg.com — сжимает PDF, JPG и PNG.
Все эти действия положительно скажутся на скорости загрузки страницы.
Кроме размера и веса картинок очень важны и другие свойства:
- Изображения не должны быть скучными;
- Картинки должны быть хорошего качества( без искажений и размытия);
- Содержание изображения должно соответствовать повествованию;
- Картинка не должна быть плагиатом( т.е. быть заимствована у других), поэтому нельзя просто взять картинку с Яндекс или Google картинок и поместить себе на страницу).
заметка
Отличительные черты хорошего изображения
У качественных тизеров есть свои качества, а именно он должен:
- Затрагивать дополнительный ряд ассоциаций;
- вызывать эмоции, наводить на мысли.
- ярким и привлекать внимание — стимулировать пользователя ознакомиться с материалом.
- создан специально для материала — вы что-то сфотографировали, отсканировали, нарисовали.
- давать дополнительную информацию — упрощать и ускорять восприятие информации.
Где брать уникальные картинки
Если у вас нет навыков создания уникальных изображений или нет собственных фотографий, помогающих раскрыть тему статьи на блоге, то можно воспользоваться бесплатными стоками изображений.
Вот несколько примеров таких “банков” фото и картинок:
pixabay.com — очень большой выбор фото, иллюстраций, векторов. Указание автора на изображении не требуется. При поиске изображений по ключевому слову первая строка будет состоять из спонсорских изображений. Их видно по водяному знаку.
firestock.ru — еще один сервис, где можно подобрать картинку. Там очень большое расширение, качество у фото будет на”отлично”. Нет никаких водяных знаков автора.
Лично я пользуюсь еще одним сервисом поиска изображений:
freepik.com – Здесь вы найдете высококачественные фотографии, видео, векторные изображения, PSD, ИИ-изображения, иконки… Есть много бесплатных картинок, фотографий, векторных изображений.
Какое изображение считается удачным
Отличительные черты хорошего изображения:
- Затрагивает дополнительный ряд ассоциаций — вызывает эмоции, наводит на мысли.
- Яркое и привлекает внимание — стимулирует пользователя ознакомиться с материалом.
- Оно создано специально для материала — вы что-то сфотографировали, отсканировали, нарисовали.
- Дает дополнительную информацию — упрощает и ускоряет восприятие информации.
Какие форматы изображений использовать
Для статей на блоге или другом виде сайта рекомендуется использовать:
- Фотографии (желательно авторские). Если вы рассказываете о каком-то событии, нужны фотографии с места событий. Их можно сделать самим, купить у фотографа или найти на стоках с пометкой Editorial.
- Иллюстрации: мемы, комиксы, рисунки. Формат отлично подходит и часто используется для соцсетей. Но также может быть использован в статьях. Один из видов иллюстраций — коллаж, когда исходную картинку дополняют рисунками и подписями. Если не владеете графическими редакторами типа Фотошоп, то можно сделать коллаж в многочисленных программах, типа: MyCollages, Fotor и др.
- Инфографика, диаграммы, графики, схемы, карты, чертежи. Сложную или объемную информацию проще представить графически и схематически. Любые цифры, сравнения и статистику легко понять в виде картинки.
- Скриншоты. Незаменимы при описании сервисов, сайтов, функционала программ. Позволяют показать то, что сложно и бесполезно описывать словами.
- Гифки. Иногда, чтобы показать что-то, лучше использовать анимацию. Гифка может совмещаться со скриншотом, комиксом или рисунком. В соцсетях можно использовать «движущиеся фотографии» — синемаграфику, особенно эффектно выглядят пейзажи.
В чем отличие заставки для ролика от тизера к статье
Как и статьи на блоге, публикации ( ролики) на видео платформах, таких как YouTube или RuTube, Яндекс Дзен и др тоже имеют свои заставки(аналогично текстовым публикациям), которые еще называются превью.
Роль такой заставки аналогична тизеру к статье, но вид ее отличается от привычных изображений на блоге. Кроме того, что она должна содержать какую-то значимую информацию о содержании ролика, но и должна быть максимально заметной в ленте редакторов. Поэтому помимо картинки превью должно содержать кричащий текст. Он может быть вызывающим как цветовым решением, так и провокационным содержанием как картинки, так и текста, в первую очередь!
Примеры превью для роликов
В заставках(обложках) для видео приоритетное значение имеет размер и содержание надписи.
Основные выводы
Давайте обобщим, какими все-же должны быть тизеры для статей и роликов, чтобы ваш контент выгодно отличался от других и привлекал больше людей.
И так, что важно:
- Высокое разрешение при оптимальном размере.
- Эстетичность.
- Легальность.
- Уместность и контекст.
- Заметность.
Но, имейте в виду – с картинками можно переборщить. Если использовать чересчур много изображений, текст может потеряться. В итоге пользователь не станет читать материал — просто проскролит и закроет его.
Найдите золотую середину — грамотно структурируйте статью. Чередование текста и картинок позволит грамотно управлять вниманием читателя. Иллюстрации помогут выделить важное или вызвать нужные эмоции.
PS. Если тема актуальна, то пишите в комментариях. Выложу подробную инструкцию как найти подходящий материал, сделать из него качественную заставку или изображение, и загрузить их в редактор.
Оставить комментарий