Как делать кликабельные превью для YouTube

90% самых популярных видео на YouTube имеют созданные миниатюры.

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

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

Более детально расписано в моей услуге по раскрутке в YouTube.

Значок для видео (синонимы — миниатюры, видео, превью, обложки, иконки для видео, англ. Thumbnail) — первичное изображение видеоролика, которое загружается предварительно при загрузке видео и отображается в ленте видеосервиса до его воспроизведения.

Оно имеет следующие технические характеристики:

• Пропорции — 16:9 (или 9:16 для видеосервиса Instagram и Tiktok).
• Размеры изображения 1280 х 720 пикселей.
• Формат — PNG.

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

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

Опытные дизайнеры оказались не в силах нарисовать, что мы их просили!

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

Я решил спросить, что не так. И услышал: “А вы мне не дали четкое техническое задание”.

И как говорится, мне пришлось засучить рукава и пойти в YouTube.

Мне понадобилось 10 часов, чтобы посмотреть первых три 15-минутных обучающих видео, и внимательно изучить каждую секунду и найти примеры.

И расписать детально, как это делается. Мне пришлось освоить Photoshop, хоть он не был моим коньком никогда, но для этой статьи, извините, где вы увидите не очень картинки — это рисовал лично я (а не опытный дизайнер).

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

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

Эта статья — часть моей инструкции по продвижению в YouTube, так что добавляйте сайт в закладки и не забудьте подписаться на нас!

Правила дизайна

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

• Сетка расположения элементов.
• Шрифт.
• Цветовая гамма.

Сетка для элементов

Ключевой ошибкой при проработке элементов иконки для видео будет неверное расположение объектов.

Правило третей — принцип построения композиции, основанный на упрощённом правиле пропорционирования согласно «золотому сечению». В нем используется пропорциональное разделение на 9 одинаковых частей за счет четырех линий.

Наряду с «методом диагоналей» применяется в рисовании, фотографии, графическом дизайне и рекламе.

Это правило применимо как к обычным видео, так и к видеоплашкам в инстаграм Reels, а также изображениям в Тиктоке!

Я оценил ТОП100 видео по популярным хештегам и обратил внимание: там, где использовалось правило третей, Engagement был 3% и выше.

Просто следует провести линии и поместить объекты в них!

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

Чем это отличается от золотого сечения? Тем, что это гораздо проще: простота и наглядность сделали эту схему популярной.

Поэтому все плашки на Ютубе имеют соответствующие пропорции.

И вторая причина — потому что это работает!

В Photoshop выберите «Просмотр» — новый макет направляющей и выставьте, как указано на скриншоте!

Предполагается, что «выравнивание объекта по этим точкам создаёт больше напряжения, энергии и интереса в композиции, чем просто центрирование объекта». Действительно, при таком делении возникают отношения 3:5, 2:3 или 1:2 (согласно численному ряду Фибоначчи).

Выбор цвета

Фишка с выбором цвета кроется в выборе стратегии подбора цветов на круговой палитре.

Существует 6 схем, где выбираются три, четыре цвета и даже один:

• Комплементарная — самая популярная. Выбираются два цвета на противоположных углах палитры.
• Монохромная — выбирается и используется один цвет. Мы использовали это постоянно на нашем канале.
• Разделенные комплементарные — здесь используется как комплементарная схема, но вместо одного противоположного цвета подбираются два соседних.
• Аналоговая — когда используются три соседних цвета (которые будут как оттенки одного и того же).
• Триада — используются три равноудаленных цвета.
• Тетрада — вписывается прямоугольник и выбираются четыре цвета из круга (уточняю, не квадрат, а прямоугольник).

Но сегодня существует очень действенная схема по подбору цветов.

Шаг 1. Выберите основной цвет вашего канала

К примеру у нас будет зеленый цвет.

Затем выберите Белый, Черный и 50% серый + ваш основной цвет

Но не останавливайтесь на достигнутом. Выберите противоположный ваш ВТОРОЙ цвет!

А затем выберите

Но если вы скажете, что это сделает все видео в единой цветовой гамме одинаковыми?

Так и есть!

Для того чтобы видео отличались друг от друга, просто используйте другой цвет подсветки!

Для этого можете за счет использования размытия по Гауссу в Photoshop и выбирая разные оттенки нужного цвета, добиться разной расцветки вокруг своих текстовых элементов!

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

На этом канале есть отличное видео, как делать сияющий эффект для вашего превью.

Также за счет внутренней тени добавляете для разных вариантов текста объем в виде текстовых элементов.

В итоге должно получиться так:

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

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

Шрифт

Выбор шрифта — наверно то, на что вы точно потратите много времени.

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

Этот шрифт называется Eastern Roman, и его официально можно купить за 488 евро по ссылке.

И такой шрифт выглядит практически везде прекрасно!

Есть еще другие ТОП шрифты для плашек видео, которые вы можете найти и использовать:

1. Grobold.
2. Uni Sans.
3. Gotham.
4. Evogria.
5. Nexa.
6. Bison.
7. Prototype.
8. Bebas Neue.
9. Hemi head.
10. EA Font.

Выбор шрифта кардинально влияет на вашу кликабельность. К примеру, два видео с примерно одинаковыми просмотрами, но активность аудитории на втором видео куда выше!

Инструкция по созданию иконки

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

Сохранение своего стиля

Наложите текст, который будет у вас. Определитесь со шрифтами.

Добавьте эффекты: тиснения, контура, обычной тени, внутренней тени и внутреннего свечения.

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

Он нам пригодится далее.

Эффекты для заднего фона

Стоит использовать и такие эффекты Photoshop, как растягивание объектов.

Вы сможете легко сделать достаточно интересные идеи за счет этого эффекта.

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

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

Искажение. Видите, как я изогнул задний фон? Это делается вот тут, где я отметил мышкой.

Как вы видите, наш задний фон по умолчанию излишне четкий. Поэтому нам подойдут фильтры. Самый популярный — замыливание.

Отлично подойдет замыливание Гаусса.

И ваш задний фон уже практически готов!

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

К примеру, вот так выглядит фильтр мозаики.

А вот так сработает фильтр размытия в движении!

Какой использовать — выбирать уже вам!

Яркость заднего фона

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

Цвет текстового слоя

Вроде отлично? Нет. В нашем примере отвратительный цвет текста! Мне реально он не нравится!

Поэтому жмем на слой, выбираем «Коррекция» — «Цветовой тон и насыщенность»!

Выбираем галочку “Тонирование” и “Просмотр” и выставляем наши цвета!

Далее немного поработайте с пропорциями вашего изображения и текста.

И интересная плашка для вашего видео практически готова. Или нет?

Визуальные триггеры

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

К примеру здесь видно при помощи стрелочки, как изменился автор этого видео.

А в этом примере мы видим сразу три визуальных триггера:

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

Но всех их объединяет то, что на этих изображениях много элементов.

Если у вас их мало, стрелки и визуализаторы фокусировки могут быть лишними.

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

Расположение спикера

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

Эмоции спикера

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

Мы точно можем сказать, что четкая картинка спикера важнее, чем сама карикатурная эмоция.

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

Финальная проверка

Прежде чем выгружать вашу плашку, перейдите на сайт thumbsup.tv и вставьте вашу готовую плашку.

Напишите будущее название вашего видео.

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

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

Инструмент попросту мастхев и без него проверять, “хорошо вышло или плохо”, дизайнеру точно нельзя!

Типы превью иконок для видео

Виды превью можно условно поделить на несколько видов. И вне зависимости, какой у вас канал, эти типы можно смело использовать у вас.

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

Простой заголовок

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

На примере, как это работает, — это самый что ни есть шаблонный способ сделать превью.

1. Короткий текст (который может состоять из тех самых основных цветов, выбранных ранее).
2. Вспомогательный цвет выступает фоновым.
3. Надпись, сделанная с обводкой и подсветкой.
4. Спикер в правом углу.
5. Четкий фон, где любой специалист узнает дизайн интерфейса брокера Quotex.

Шокирующие превью

Даже если вы не делаете контент Мистера Биста, первую технику, которую используют и не развлекательные каналы, мы возьмем именно у него.

Это шокирующий контент плашек, который словно мотивирует нас среагировать именно такой реакцией: “Эй, что ты делаешь???”

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

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

Большие цифры

Как ни глупо, но людям интересно, как выглядит дом за 50 миллионов долларов или как заработать 1000 долларов за 1 минуту сегодня. Видео с показателем успеха в виде реальных цифр работают лучше, чем видео без них.

Например, эта плашка уже показывает, как блогер заработает с 50$ вложений почти 1500$ прибыли за счет бота на основе ИИ, и не простого, а именно Chat GPT! И будет использовать биржу Quotex для примера.

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

Простота

Следует помнить, что нужно не просто копировать все за всеми, но иногда можно умело отличаться. На контрасте.

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

И есть примеры очень простых видеоплашек, которые срывают просмотры!

То есть на этой плашке вообще нет ничего. Только парень, с телефоном, деньгами. И кое-как наложенным +10к. И 63 тысячи просмотров.

Обычно количество элементов на таких плашках очень маленькое. Условно спикер, название, несколько иконок и приятный фон.

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

Сравнение

Наверно, самый избитый триггер, который можно использовать в изображениях, Android vs iPhone? BTC vs ETH? Что-то дешевое против дорогого? Или до и после занятий в зале по спецпрограмме?

Список можно продолжать бесконечно.

Социальный хакинг

Что делать, если ваш канал только набирает подписчиков? И ваше лицо особо никому не нужно? Ведь никто не запрещает вам использовать чужое лицо, если вы обозреваете чужой контент? Никто!

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

К примеру, в этом видео нет нигде Mr.Beast, но обсуждается его челлендж, который повторил другой игрок. И да, плашка с лицом Mr.Beast вероятно тоже повлияла на просмотры.

Как и здесь, в видео, где используется обсуждение ИИ инструмента для создания плашек, есть лицо того же Mr.Beast, хотя его в видео нет.

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

Заблюрить основного персонажа

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

И неважно, что это и кто это.

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

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

И очень важно показывать, про что будет видео, а не заниматься кликбейтом. Если вы “спрячете” тематику видео (но не контент), ваш Engagement у видео, как и кликабельность, будут куда ниже.

Понятно, что весь контент в видео не вложить, но как раз тематика (о чем конкретно видео) должна быть показана в видео детально:

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

Странные дизайны

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

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

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

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

Сопоставление размеров

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

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

Вопрос в тексте

Одна из стратегий, которая тоже применима для плашек.

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

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

Выбор стратегии для создания иконок видео

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

Также не стоит забывать, что плашка может быть комбинацией нескольких этих 10 элементов.

К примеру, здесь используются и большие цифры, и простота, и сравнение.

Суть стратегии состоит в следующем:

• Взять два или три стиля из вышеперечисленных.
• Соединить их.
• На вашем канале хотя бы 5 видео сделать в одинаковой комбинации.

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

Но не стоит задерживаться надолго и делать сотни одинаковых плашек.

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

Поиск источника вдохновения

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

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

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

И в этом случае пользователи сочтут вас “копирующим” очередного блогера и не обратят на вас никакого внимания.

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

И если масштабировать процесс поиска неплохих идей, вы добьетесь достаточно креативных результатов!

И ваши видео будут привлекать много внимания, по двум причинам:

• Они “сконструированы” по каркасу тоже популярных иконок ваших видео в других нишах.
• Они будут выгодно отличаться среди “одинаковых” иконок в вашей нише.

Брендирование

Эксперименты — это классная вещь, но не стоит забывать об ядре вашего канала. А точнее — о вашем бренде.

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

Выбор слов

Здесь дизайнер должен быть максимально креативен, ведь вы можете использовать сразу несколько подходов:

• Большие цифры.
• Утверждение.
• Противоположное мнение для большинства.
• Провокационный вопрос.
• Обычный короткий заголовок.
• Отсутствие текста.

Тестирование

Да, теперь вы не ограничены в установке одного значка!

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

Вот как это работает:

• Загрузите изображения для значков.
• YouTube будет сравнивать их эффективность.
• Подождите до 2 недель.

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

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

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

Выводы

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

Хороший CTR для видео на YouTube обычно составляет от 2% до 10%. Это неплохой диапазон, и значения могут варьироваться от тематики и, конечно, качества миниатюры.

Показатели кликов (CTR) могут посылать положительные или отрицательные сигналы системе рекомендаций видео YouTube.

Когда люди смотрят ваши видео, но решают не нажимать на них, CTR падает.

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

• Canva
• Placeit
• PicMonkey
• Adobe Spark
• Snappa
• Fotor
• Pixlr
• PixelLabs
• Thumbnail Maker

А мы оставим эту статью для того, чтобы владельцам Ютуб каналов не потребовалось учить своих дизайнеров — они могут с радостью поделиться этой статьей, и мы будем благодарны!