{"id":4879,"title":"\u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u0441\u043f\u0435\u0442\u044c, \u043f\u043e\u043a\u0430 \u0432\u044b \u0447\u0438\u0442\u0430\u0435\u0442\u0435 \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e","url":"\/redirect?component=advertising&id=4879&url=https:\/\/vc.ru\/otpbank\/266952&hash=82572a4a372a00657a2afc359f19a24c0bd24be8cecbd743f0681209c07c9a3a","isPaidAndBannersEnabled":false}
Сервисы
Саша Марфицин

Как я за несколько часов сделал себе приличный сайт на Notion без кода

После 4 лет мучений без дизайнера и верстальщика.

Зачем понадобился сайт

Я помогаю с контентом в университете «Зерокодер» и с интересом читаю статьи Паши Молянова про автоматизацию рутины в агентстве «Сделаем». Тоже захотел себе что-нибудь назерокодить, тем более, у меня давно была идея переделать личный сайт, который давно не обновлял.

Старый сайт я сверстал 4 года назад. Был доволен, потому что сделал своими руками на Bootstrap с помощью Артура Белостоцкого:

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

Как я допёр сделать сайт на Notion

Я давно пользуюсь Notion как личной базой знаний, но не воспринимал его как конструктор простых посадочных страниц и сайтов-визиток. Но как-то просматривая ProductHunt, увидел сервисы, которые пробрасывают страницы в Notion на кастомный домен, вроде моего marfitsin.com.

Посмотрел примеры таких страниц — мне понравилось, как они свёрстаны. Да и примерно понятно, как это сделать в Notion:

Очень клёвый сайт на Notion собрало себе агентство Optemization

Увидел ещё несколько важных для себя пунктов: у таких страниц прописывается мета-описание, есть OpenGraph-картинка, хороший скоринг по Google PageSpeed Insights, всё как у «серьёзных» сайтов.

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

Схема простая: в качестве конструктора использовать Notion, а для проброса на кастомный домен один из сервисов-прокладок. Первым делом пошёл делать страницу на Notion.

Стой, а почему не Tilda или ReadyMag?

Это отличные платформы, но с Notion я знаком больше, его логика мне ближе. Да и оказалась не нужна мне сложная вёрстка, замудрёные блоки, анимации и другие возможности Tilda и Readymag.

Я сделал простой сайт, как топор, который легко собирается и работает. А Tilda и Readymag дают столько, что подходят для более сложных страничек.

Набросал страницу в Notion

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

Было смешно, когда я полчаса не мог понять, как сделать в Notion несколько колонок, а потом кааак понял — достаточно ролика на YouTube. Даже форму можно добавить.

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

Мой сайт marfitsin.com

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

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

Я попробовал Notelet, Hostnotion и Potion. Они работают по одному принципу: вставляешь ссылку на страницу в Notion, указываешь домен, добавляешь информацию о DNS в настройки Godaddy, готово. Но дьявол в деталях.

Notelet на тестовой странице не показывал галерею с кейсами. Hostnotion нормально всё пробрасывал, да ещё и стоил дешевле всех, но показывал катастрофические 25 баллов по скорингу Google PageSpeed Insights и не умел менять мета-описание страницы, что для меня критично.

В итоге остановился на Potion: он умеет менять мета-описание страницы и хорошо оптимизирует скорость загрузки страницы для поисковиков:

Без усилий добился 94 баллов в скоринге Google PageSpeed Insights:

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

С Google Analytics Potion тоже работает, при желании можно добавить и чат-бота вроде Crisp или Carrot Quest — достаточно вставить код счётчика или чата в разделе Snippet Injection. Мне пока не надо, но приятно, что есть задел.

Что получил

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

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

Для читателей vc.ru на основе своей страницы сделал шаблон, который вы можете копировать в Notion и менять как угодно, и тоже сделать на его основе простую личную страницу. Чтобы забрать к себе, нажмите Duplicate:

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

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

{ "author_name": "Саша Марфицин", "author_type": "self", "tags": [], "comments": 37, "likes": 1, "favorites": 30, "is_advertisement": false, "subsite_label": "services", "id": 259908, "is_wide": true, "is_ugc": true, "date": "Thu, 17 Jun 2021 11:01:30 +0300", "is_special": false }
0
37 комментариев
Популярные
По порядку
Написать комментарий...
8

Ужасный сайт получился 

Ответить
3

Ужасная страница получилась. 

Ответить
1

Ужасный ужас

Ответить
4

Ну хоть ссылку на телеграм-канал не забыли.

Ответить
–5

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

Ответить
4

Ну, новый уровень - это только сайт http://trackybirthday.com/

Ответить
0

Твёрдо, чётко и главное честно. 

Ответить
3

как будто прочитал пересказ 'как установить фронтпейдж без страданий' из 2004го в современном изложении

Ответить
3

Какая-то хрень если честно. Лучше бы наняли кого-то нормального. 

Ответить
2

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

Ответить
1

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

Ответить
2

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

Ответить
2

Человек, который "помогает с контентом", сделал вот такое CV. Но вообще дефицит кадров в отрасли всё простит. 

Ответить
2

Минималистично и лаконично - все как я люблю)

Ответить
1

Лооол) Шаблон?))

Ответить
0

А разве не видно?)

Ответить
1

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

Ответить
0

А если вспомнить бородатые времена, Dreamweaver и сайты им порожденные... Прям как у автора поста 💯

Ответить
1

А вообще, есть отличное бесплатное решение для доменов и скриптов на Notion, рецепт находится на  http://fruitionsite.com. Я в своем курсе подробно расписал на примере. Придется заморочиться немного, это делается через Cloudflare, но в целом, ничего сложного.

Ответить
–4

отлично!
- нах дизайнеров-дармоедов, которые только и делают, что мозги выносят

Ответить
1

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

Ответить
0

Странно, что знание как сделать несколько столбцов в ношене есть только в роликах на ютубе. Несерьезно как-то со стороны ношена.

Ответить
0

Может и ещё где-то есть, но я нашёл именно там :) 

Ответить
1

Похоже, что это и правда тайное знание. Сходу в самом ношене не удалось найти решение.

Ответить
0

Не совсем очевидно, да

Ответить
0

Не нужно.

Ответить
0

Задачу решает = работает. 

Знаю ещё сервис для проброса Notion на домен, вдруг пригодится: https://super.so/

Ответить
0

Ну и хрень

Ответить
0

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

Ответить
0

'По моему опыту для классических станиц... несколько спринтов для GPH 95+'...
Ваш опыт вызывает сомнения... По моему опыту (frontend разработка, 6 лет) при кривизне рук чуть ниже среднего такие показатели получаю сразу... В 10% случаев тратится пара часов на правки и... 95, 98, 100...

Ответить
0

минус в репу (ответка)
- неписанное правило: ИЛИ комментируй ИЛИ минусуй

Ответить
0

Вот этот шаблон: https://marfitsin.com/template не работает как шаблон, поскольку Notion его не "распознает" из-за кастомизации. Надо давать ссылку на чистый Notion-шаблон.

Ответить

Комментарий удален

Читать все 37 комментариев
Yota запускает проект Yota Гуру в постоянную работу

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

Катаем без пробок: топ-10 электросамокатов
Гипермаркет «Ого!»: «С помощью экспресс-доставки мы увеличили продажи на 40%»

Мы запускаем новую рубрику, где наши партнеры делятся своим опытом работы с Яндекс.Маркетом. Елена Шкирдова, руководитель отдела маркетинга сети магазинов электроники и бытовой техники «Ого!», рассказывает, как экспресс-доставка помогла интернет-магазину увеличить продажи на 40%.

Как мы развиваем сеть кофеен самообслуживания

Всем привет, я Александр Богдан, CEO Добрый Кофе, расскажу:

Delivery Club и «Яндекс.Еда» стали терять популярность в Москве, и растут заказы из ресторанов напрямую — исследование Статьи редакции

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

IТ в логистике. Какую проблему могут решить современные сервисы

Почему в сегменте грузовых железнодорожных перевозок не хватает цифровых продуктов, которые могут сделать сложный логистический процесс наглядным и доступным для клиентов? Руководитель направления логистических проектов ПГК и участник команды разработчиков приложения «Мобильный репортер» Ольга Умнова на примере нашего сервиса по контролю качества…

GitHub создал фонд в $1 млн для поддержки разработчиков в борьбе с жалобами на нарушение авторских прав Статьи редакции

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

Как моё сообщество заработало 1,7 млн рублей на VK Donut

Больше шести лет назад Феликс Зинатуллин основал сервис таргетированной рекламы Церебро Таргет и запустил его сообщество ВКонтакте. Теперь там больше 200 тысяч маркетологов и предпринимателей. За год на донатах через VK Donut паблик заработал 1,7 млн рублей. Вот как это вышло.

Феликс Зинатуллин
Экономика ТикТок: считаем расходы и доходы популярного тиктокера

Почему тиктокеры так много зарабатывают? Как стать популярным? Сколько нужно вложить в свой проект, и сколько он может принести? Наши американские коллеги расспросили обо этом популярного тиктокера Snarky Marky, который недавно преодолел отметку в 4 млн. подписчиков.

Нет смысла тягаться с крупным конкурентом, «вдохновившимся» вашим стартапом? Это не так — рассказываю на личном опыте

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

Квартальная выручка Apple выросла на 36% и стала рекордной для компании Статьи редакции

Чистая прибыль компании увеличилась на 93%.

null