Как сделать лонгрид в тильде

Добавил пользователь Skiper
Обновлено: 01.09.2024

Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?

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

Если говорить коротко - это конструктор сайтов, который приобрел большую популярность в последние годы на территории России и стран СНГ в частности. Конечно, основной офер компании заключается в том, что любой новичок никогда до этого не имеющий опыта в web- разработке и в целом digital, сможет сделать для себя или своего небольшого начинания посадочную страницу. Казалось бы, причем тут вообще могут быть агентства или студии? Давайте разбираться.

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

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

Что чаще всего приходится слышать про Тильду?

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

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

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

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

Задача

По факту перед нами стоит задача, как сделать симпатичный MVP-проект, в срок не превышающий 7 дней.

День 1. Подбор референсов и обсуждение проекта

Для экономии времени и ресурсов приступаем к аналитике, но акцентируем внимание только на самых важных моментах, а именно:

какова будет общая концепция продукта;

какие есть конкуренты и что они из себя представляют;

Что нравится целевой аудитории;

что из референсов может лучше всего подойти.

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

День 2. Прототипирование

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

День 3-4. Дизайн

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

иные визуальные элементы, которые нельзя отнести к чему-то конкретному, но от этого они не становятся менее важными

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

День 5. Верстка

Верстка на Тильде представляет из себя работу в zero-block’ах, что значительно упрощает нашу задачу. Другими словами, если вам когда-то приходилось сталкиваться с Powerpoint/Photoshop и т.д., то вы без труда сможете представить сложность при работе с данным инструментом. Как правило все завязано на интуитивно понятном интерфейсе и функционале. В целом вся верстка - это своеобразный конструктор где единственное, что остается делать это переносить элементы с прототипа и двигать их в соответствии с дизайном. Но не стоит забывать, что некоторый пулл-задач не получится решить при помощи zero-block’ов, что отсылает нас обратиться за помощью к верстальщику для добавления сложного элемента на сайт. Как правило такие задачи составляют менее 5% от общего числа.

День 6. Подключение домена

День 7. Видео инструкции и обучение заказчика

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

Для этого записываем видеоинструкции:

как добавлять контент;

Как редактировать текст и менять изображения;

Как пользоваться панелью администратора

Где они уже самостоятельно сможет все настроить, повторяя шаги из видео.

Вывод

Тильда - это отличный инструмент для вашего бизнеса если вы:

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

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

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

Что такое лонгрид?

Лонгрид – это довольно новый формат, который появился в медиа среде. Он изменил представления о чтении различных текстов в сети интернет. Longread – это публикация, состоящая из немалого количества символов, разделенных на блоки и подзаголовки. Это некий элемент контент-маркетинга, который позволяет более быстро и эффективно продвигать веб-сайт на просторах интернета.

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

Необходимость лонгрида

Контент-продукт, созданный опытными специалистами, сможет оказывать влияние на следующие показатели ресурса:

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

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

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

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

Заказать лонгрид на Тильде

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

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

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

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

Итак, список. Итого: 25 сервисов на данный момент.
Разделила их по функционалу.

Онлайн-платформы для верстки лонгрида/спецпроектов:

! см.ниже

(длину встраиваемого лонгрида можно регулировать в эмбед-коде

Мобильное приложение для создания лонгрида:

Лонгрид и веб-документари

Лонгриды, в которых мало текста, не называют лонгридами. Если в нем много графического, визуализации данных, текст спрятан в графике, коротких видео (используется как часть истории или вспомогательный элемент) или фото — такие проекты могут назвать лонгформами от англ. long form — длинная форма.

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

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

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

Лонгрид и презентации

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

Лонгрид и платформы для верстки книг

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

Лонгриды и конструкторы сайтов

Плагины и темы для wordpress для создания лонгридов

см.ссылки в верху списка

25 сервисов, которые помогут создать мультимедийный лонгрид : 12 комментариев

[…] Р?йхати манбаъh`о оиди сохтани лонгрид (хизматрасониh`ои ройгон ва музднок) — bestapp.menu/25-servisov-kotorye-pomogut-sozdat-longrid. […]

[…] Лоn`риддерди жаратуу uчuн бир катар ресусртар (акча талап кылган жана акысыз аспабтар) — bestapp.menu/25-servisov-kotorye-pomogut-sozdat-longrid. […]

[…] сделать его в формате веб-документари (отличается от лонгрида структурой, построением истории, навигацией, очень […]

[…] также: «25 сервисов, которые помогут создать лонгрид« Хотите лонгрид? Сначала нарисуйте его! «Лонгрид. […]

[…] *Лонгрид не обязательно может быть сверстан, как отдельный проект. На сайтах многих медиа можно встретить лонгриды с использованием мультимедийных элементов, но опубликованных в теле стандартного поста стандартного сайта. […]

[…] также: «25 сервисов, которые помогут создать лонгрид« Хотите лонгрид? Сначала нарисуйте […]

[…] также: 25 сервисов, которые помогут создать лонгрид Хотите лонгрид? Сначала нарисуйте его! Медиакарта […]

[…] tilda.cc — российские разработчики. Сервис, который влюбляет в себя все больше и больше народу. Отличает его большой функционал и при этом очень понятная простая админка. Для журналистов-новичков в мультимедиа — существенный момент. Примеры […]

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

Сегодня лонгриды довольно популярны — они хорошо индексируются, люди делятся ими в социальных сетях. Все популярные СМИ и не только они регулярно публикуют объёмные статьи и наращивают аудиторию.

Согласно исследованию Ahrefs, длина поста в блоге оказалась вторым по важности SEO-фактором для Google после возраста страницы.

Что такое лонгрид

Как появились лонгриды

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

По сути, сегодня лонгрид – это документальная проза в онлайн-формате. Главное преимущество такой подачи перед нарративной журналистикой и сторителлингом – мультимедийность контента. Авторы могут использовать инфографику, фото, видеоконтент и даже интерактивные элементы. Это помогает глубже раскрыть тему статьи.

Три причины популярности:

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

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

Сквозная аналитика

Автоматически соберет данные с рекламных площадок, сервисов и CRM в 1 окне
Бесплатные интеграции c CRM и другими сервисами: более 50 готовых решений
Анализируйте воронку продаж от показов до кассы
Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

Типы лонгридов

Лонгриды отличаются стилем написания, тематикой и оформлением. Наиболее частые форматы в сети.

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

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

Лонгрид-реконструктор – один из популярных сегодня жанров документалистики. Можно написать интересную статью о прошлом событии, архитектурном проекте, известной или не очень личности минувшего времени. Авторам необходимо изучить архивы по выбранной теме, просмотреть хроники, найти фотографии. Статья-реконструктор только выиграет от разнообразия контента.

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

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

Зачем писать лонгрид

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

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

Преимущества лонгридов

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

Маркетинг

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

Сначала немного теории и советов про то какой материал лучше всего подходит под оформление в виде лонгрида.

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

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

вот, тот самый лонгрид про Иорданию на который я давала ссылку в виде огромного скриншота

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

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

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

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

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

Я допускаю, что есть какие-то сервисы с более низкой ценой за использование, но мне очень понравился дизайн и предустановленный стиль в Tильде и уже в процессе сборки статьи я узнала, что настраивать можно практически все.
А еще там реально простая и понятная админка - чтобы привязать получившийся материал к своему домену надо в одном месте на тильде прописать адрес сайта, и настроить dns на своем сайте. Все. Два простых действия.
Так что ждите следующий лонгрид с воздушными шариками из Каппадокии.

Читайте также: