{"id":4725,"title":"\u041c\u0430\u0441\u0442\u0435\u0440-\u043a\u043b\u0430\u0441\u0441: \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0438 \u0432\u0435\u0441\u0442\u0438 \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u044b","url":"\/redirect?component=advertising&id=4725&url=https:\/\/vc.ru\/promo\/269679-korotko-interaktivnyy-master-klass-o-komandnoy-rabote-i-masterstve-peregovorov&hash=10609550b909bb5be9e2454a472e95a790a4f1279029e657ec1c7baeac51ec09","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 комментариев
Тинькофф хитрит со спецпредложением по кэшбеку во Вкусвилл

В июле доступно спецпредложение - кэшбек 10% во Вкусвилл. Тинькофф деактивировал его и перенес дату окончания.

Карьерный путь IT-инженера: от Долины к стабильной британской компании через стартапы и психотерапию

Мы поговорили об этом с Георгием, который за 20 лет карьеры сменил несколько компаний и парочку направлений: успел поработать в Кремниевой долине, побыть фрилансером, поруководить стартапом и даже позаниматься консультациями в качестве психотерапевта. Он расскажет о своем пути и поделится инсайтами о смене работы, поиске себя и борьбе с…

Возможности, как в корпорации, а гибкость, как у стартапа. Что думают о своей работе сотрудники DiDi

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

На конференции «B Word» Илон Маск в очередной раз поменял свою позицию по биткоину

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

Пластиковый «дом будущего» должен был решить проблему нехватки жилья, а стал аттракционом в Диснейленде Статьи редакции

В конце 50-х архитекторы в США построили здание из пластмассы и «оснастили» его бытовыми предметами грядущих десятилетий — атомной микроволновкой, ультразвуковой посудомойкой, движущимися проекторами, гигантским экраном, пластиковой мебелью и посудой.

У Дома будущего Monsanto было четыре крыла Iconichouses
Какие агро-стартапы получили больше всего инвестиций за июль 2021

Общая сумма финансирования проектов из подборки почти $800 млн.

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

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

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

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

Восточная Техника успешно автоматизирует процессы управления складами на базе решения Columbus-WMS
NASA и SpaceX отправят научный зонд для поиска жизни на спутнике Юпитера в 2024 году Статьи редакции

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

LTE на даче

Небольшой очерк без лишних технических деталей о подключении дачи к 4G интернету.

null