{"id":4536,"title":"\u0410\u043d\u0442\u0438\u0430\u043a\u0441\u0435\u043b\u0435\u0440\u0430\u0442\u043e\u0440: \u0433\u0440\u0430\u043d\u0442\u043e\u0432 \u043d\u0435\u0442, \u043d\u043e \u043f\u0440\u043e\u043a\u0430\u0447\u0430\u0442\u044c\u0441\u044f \u043c\u043e\u0436\u043d\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e","url":"\/redirect?component=advertising&id=4536&url=https:\/\/vc.ru\/promo\/266261-starthub-moscow&hash=d1d5b6ef1ee3cc36b0c67152c74e57ccabb2fddc028b491a5ce00213a11bf2b4","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 комментариев
Возможности, как в корпорации, а гибкость, как у стартапа. Что думают о своей работе сотрудники DiDi

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

Можно ли продолжать работать в той же компании после выгорания: история продакт-менеджера Тинькофф

В Тинькофф — 28 000 сотрудников, и у каждого своя история. Кто-то легко справляется с работой, и после всех задач спокойно отключается и идет отдыхать. Другим все может даваться труднее, даже сложно в уйти в отпуск — думает, «как я всё здесь брошу». Мы начинаем серию статей от лица наших сотрудников, которые делятся своим опытом: какие появлялись…

Наблюдение за объемом медиа-закупок в мобильных играх в топ гео (Россия)

Тренды медиа-закупок мобильных игр за 2020 год в Америке, Англии, России и Топ-10 актуальных рекламодателей

Восточная Техника успешно автоматизирует процессы управления складами на базе решения Columbus-WMS
На конференции «B Word» Илон Маск в очередной раз поменял свою позицию по биткоину

В ходе конференции где также присутствовали Джек Дорси и Кэти Вуд, Маск отметил, что он является владельцем биткойнов не только через баланс Tesla и SpaceX, но и лично владеет биткойнами, эфиром и Dogecoin.

«Стартап-полка»: Самокат набирает производителей альтернативных продуктов

Онлайн-ритейлер Самокат совместно с Ассоциацией Производителей Альтернативных Пищевых Продуктов объявляют сбор заявок от инновационных производителей продуктов для участия в «стартап-полке» Самоката. Лучшие продукты попадут в постоянный ассортимент Самоката в раздел «Супермаркет» уже этой осенью.

NASA и SpaceX отправят научный зонд для поиска жизни на спутнике Юпитера в 2024 году Статьи редакции

Запуск миссии Europa Clipper обойдётся в $178 млн — столько NASA выделяет компании Илона Маска по условиям контракта.

Правильная диверсификация

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

Сбежал с $80 млн, пообещав построить фермы: история основателя игры Farm Bank, который обманул 130 тысяч человек Статьи редакции

Как Мехмет Айдын, создатель виртуальной фермы, создал схему Понци и обманул тысячи пользователей, вложивших реальные деньги в приложение — в пересказе Rest of World.

Айдын на основанной им ферме Daily Sabah
О советах "начинающим инвесторам"

Тема моего блога сложна и не интересна 99% читателей. Я знал это заранее и не ошибся. Для чего я его создал? Хочу найти различные мнения и поспорить с экспертами. Хочу конструктивной критики. Напишу об этом отдельный пост.....

Как зачесть убытки и заплатить меньше налогов

За последние пару лет количество инвесторов резко выросло. В том числе по зарубежным брокерам типа Freedom Finance, Exante или Interactive Brokers. И не лишним будет рассказать про налоговый вычет на сумму убытков.

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

null