Как я сделал личный сайт с ИИ за 10 часов: Windows 95, GEO и ни строчки кода
Коротко
Этот сайт я сделал сам, без дизайнера и разработчика, вместе с Claude. Ушло около десяти часов моей работы и 10 000 тенге на домен, хостинг бесплатный. Дольше всего искал визуал: несколько часов перебирал варианты в ChatGPT, пока не нашёл референс, а Claude превратил его в рабочий стол Windows 95. Сайт — эксперимент: я хочу, чтобы на вопрос «контент-стратег в Казахстане» ИИ отвечал в том числе мной. И да, пасхалок здесь больше, чем в «Шреке».
Зачем контент-стратегу личный сайт
Нас тоже не обошёл тренд на GEO — оптимизацию под ответы нейросетей. Мы готовили новое предложение клиентам на следующий год, и я подумал: хорошо бы, чтобы и нас самих находили. Сейчас TELLER почти не ищется.
Переделывать сайт агентства сейчас не время. Если делать, то большой: с нашим медиа, GEO-статьями и кейсами по всем странам. К тому же storyteller.kz сделан на Тильде, и каждый раз вручную добавлять туда статьи просто неудобно.
И ещё одно: рынок сейчас лучше знает меня, чем TELLER как компанию. Так появилась идея сделать личный сайт верхней частью воронки агентства. Человек находит меня через ИИ-поиск и получает консультацию лично у меня. А если ему нужна команда, приходит клиентом в агентство. Как будто хорошо со всех сторон.
→
Визуал: самая долгая часть
Структуру сайта я прикинул быстро. А вот с визуалом мучился. Без руки дизайнера сайты, которые делает ИИ, выглядят аляповато и узнаваемо: у них уже есть свой жанр «нейросетевого сайта», от которого я хотел сбежать. Мне важно было сделать то, чем я смогу гордиться. Иначе лучше не делать вовсе.
Я долго перебирал варианты в ChatGPT. Начинал с чёрного фона и гор, потом ушёл в эстетику Frutiger Aero с пузырями и стеклом. Ничего не нравилось. ChatGPT в этой задаче работает как кнопка «рандом»: тыкаешь, пока он случайно не соберёт то, что зацепит.
Потом я зашёл на Pinterest, смотрел картинки, которые мне нравятся, и почему-то пришёл к старому веб-дизайну. Загрузил референсы в ChatGPT, и через три-шесть итераций он выдал картинку, на которой я понял: вот оно. На поиски ушло два-три часа.
Картинку я отдал Claude, и он очень классно её подхватил. Причём Windows 95 — скорее его идея, чем моя. Я дал ему журнальный макет, а он развернул его в целый рабочий стол: с окнами, корзиной и кнопкой «Пуск». Мне это сразу понравилось. Дальше мы всё докручивали до финального вида.
Как шла разработка
От идеи до публикации прошло около двух недель. Но почти всё это время я буксовал на визуале: начинал, не нравилось, откладывал, времени было мало. Потом решил закрутить историю за один вечер. Нащупал визуал, наполнил сайт графикой под этот стиль, и меня было уже не остановить.
Самая долгая сессия — часов пять вайб-кодинга подряд. Всего на сайт ушло около десяти часов моей работы.
Сайты я сам раньше не делал. Когда занимался управлением проектами, писал ТЗ и руководил командами разработчиков, так что веб-разработка как дисциплина мне знакома. А кодить не доводилось: были когда-то давние попытки, но дальше они не пошли.
Свою роль здесь я бы назвал дирижёрской. Работа контент-стратега и довольно практический карьерный путь дают мне видение со всех сторон: визуал, тексты, структура и оптимизация, чтобы сайт хорошо индексировался. Код целиком писал Claude, а я ставил задачи, принимал решения и вносил правки.
Про Тильду, WordPress или фрилансера я даже не думал. Хотелось самому.
Больше всего меня поразило, сколько всего можно реализовать. Каждая идея, которая приходила в голову, оказывалась выполнимой. Веб-дизайн — не моя специализация, и для меня было удивительно, насколько это на самом деле легко.
Пасхалки: больше, чем в «Шреке»
Мне хотелось положить на сайт как можно больше ретро-эстетики и ностальгии. Вот мои любимые детали:
- Терминал с моим лицом. На главной стоит старый монитор с моим портретом, как Мистер Хаус из Fallout: New Vegas. Он моргает, следит глазами за курсором и реагирует на то, что вы делаете на сайте: хмурится на «Диагностике», подмигивает на смете, задумывается на статьях. А если долго тыкать ему в лицо, разозлится.
- Заставка. Если минуту не трогать мышку, по экрану начинает летать моя голова. Это моя идея.
- Масик и Чечик. Нажмите правой кнопкой на рабочий стол и выберите «Создать»: там Масик, Чечик, Штрих и Тюбик. Это мем, который я придумал.
- Смета. В файле смета_FINAL_final_v3_СОГЛАСОВАНО.xls среди статей расходов есть винтажный галстук на питч. Это уже отсылка лично ко мне.
- Корзина. Попробуйте её очистить: файл «контент_ради_контента.txt» используется другими агентствами.
- Выключение. Компьютер можно выключить. А кто помнит код из старых игр, увидит синий экран.
- Модем. Кнопка «Связаться» дозванивается до меня через dial-up, со звуком.
- Плеер. Нажмите на динамик в трее, и заиграет 8-битная музыка.
- Диагностика. Каскад ошибок strategy.exe с тем самым звуком старой Windows. Каждая ошибка — задача, с которой ко мне приходят, и способ её исправить.
Сложнее всего было вовремя остановиться. С одной стороны, не хотелось перегружать сайт: есть фокус внимания, который я хочу удерживать и направлять. С другой стороны, когда понимаешь, насколько широкие у тебя возможности, удержаться трудно. Простите мне простодушие начинающего кодера, но я воспринимал это как волшебную палочку.
Как сайт устроен для ИИ-поиска
Сайт — эксперимент по GEO, поэтому под капотом есть то, чего посетитель не видит:
- У каждого окна свой адрес. Кейсы, статьи и услуги открываются по отдельным ссылкам, и поисковики индексируют их как отдельные страницы. При этом страница не перезагружается, и музыка в плеере не обрывается.
- Структурированные данные schema.org: кто я и где работаю, статьи с автором и датой, раздел вопросов и ответов.
- Файл llms.txt с кратким описанием сайта для языковых моделей, карта сайта и RSS.
- Английская версия всего сайта, включая статьи.
- Google Analytics, Google Search Console и Яндекс Вебмастер.
Казахскую версию я сознательно не делал. Хороший казахский стоит дорого, и сейчас я не готов выделять на него бюджет. Решил, что лучше не сделаю никакой, чем сделаю для галочки. Может, я и не прав, но так честно.
→
Статьи по интервью
Все статьи на сайте, включая эту, написаны ИИ по моему интервью. Claude присылает вопросы, я отвечаю, а он пишет текст моим голосом и проверяет факты по источникам. На одну статью у меня уходит 5–10 минут. Я стараюсь давать избыточную информацию: свой опыт, экспертизу, а где-то и шутки.
Честно скажу, семантику я не исследовал. Темы мы выбирали вместе с ИИ, исходя из того, что люди могут спрашивать. Цель — чтобы по запросам «контент-маркетинг» и «контент-стратег» ИИ рекомендовал в том числе меня. Результатов жду не раньше декабря-января.
Где было сложно
Больше всего ручной работы пришлось на самый конец, когда сайт уже был готов: купить домен, подключить хостинг, Google Analytics и вебмастера. Ничего сложного, но сидеть в чате и писать правки бедному искусственному интеллекту было сильно проще. Дольше всего ждал сертификат HTTPS — об этом ниже.
А раздражение было только на этапе визуала, о котором я писал выше.
Как запустить такой сайт: пошагово
Если захотите повторить, вот что пришлось подключить после того, как сайт был готов. Claude вёл меня по шагам со скриншотами, на всё ушло два вечера.
- Домен. Купил maksimfetisov.com у казахстанского регистратора PS.kz, около 10 000 тенге в год. Две вещи, которые легко пропустить: сразу подтвердите почту владельца (у .com на это 15 дней, иначе домен заблокируют) и проверьте, что владельцем записаны именно вы.
- Код на GitHub. Все файлы сайта лежат в приватном репозитории. Когда Claude что-то меняет, он отправляет изменения туда, и сайт обновляется сам.
- Хостинг на Netlify. Бесплатный тариф, подключается к GitHub в пару кликов. Первый деплой у меня упал из-за одной лишней настройки, Claude нашёл её по логу.
- DNS. В PS.kz заменил name-серверы на серверы Netlify, дальше всеми записями домена управляет Netlify.
- Сертификат HTTPS. Netlify выпускает его бесплатно через Let's Encrypt, обычно за минуты. У меня выпуск застрял больше чем на сутки, и сайт открывался с «Не защищено». Помогло удалить домен из настроек сайта в Netlify и сразу добавить обратно: сертификат выпустился через пару минут.
- Google Search Console. Подтвердил домен TXT-записью в DNS, отправил карту сайта и запросил индексацию главных страниц.
- Яндекс Вебмастер. Подтвердил файлом на сайте, добавил карту сайта и отправил страницы на переобход.
- Bing Webmaster Tools. Шаг, о котором многие забывают. Поиск ChatGPT во многом опирается на индекс Bing, так что для GEO он важнее, чем кажется. Подключается за минуту импортом из Google Search Console, а в разделе AI Performance видно, как часто сайт цитирует ИИ Bing.
- Google Analytics. Клики по Telegram и почте считаются заявками: так я увижу, откуда приходят люди, которые мне пишут.
Сколько это стоило
| Что | Сколько |
|---|---|
| Моё время | около 10 часов |
| Домен maksimfetisov.com (PS.kz) | около 10 000 ₸ |
| Хостинг (Netlify) | бесплатно |
| Хранение кода (GitHub) | бесплатно |
| Дизайнер и разработчик | не понадобились |
Что получилось
Все, кому я показывал сайт, сказали, что это круто и впечатляет. Кто-то восхищался в непечатных выражениях. А человек, чьё мнение для меня важнее всего, моя жена, сказала, что никогда не видела таких крутых личных сайтов.
Я бы ничего не стал делать иначе. Обычно бывает одно из двух: либо результат хороший, а процесс мучительный, либо процесс в кайф, а результат так себе. Здесь получилось и то и другое: я сделал ровно то, что хотел, и очень кайфанул. Дальше буду добавлять статьи и, может быть, новые пасхалки.
Главное
- Личный сайт эксперта может работать верхней частью воронки агентства.
- С ИИ сайт можно сделать без дизайнера и разработчика: у меня ушло около 10 часов и 10 000 тенге на домен.
- Самое сложное — визуал. Без насмотренности ИИ выдаёт узнаваемо «нейросетевой» дизайн, поэтому ищите референсы, пока не скажете «вот оно».
- Роль человека — дирижёр: видение, решения, правки. Код пишет ИИ.
- Для GEO важно то, что под капотом: отдельные адреса страниц, разметка, статьи с ответами на реальные вопросы.
- Статьи по интервью экономят время: 5–10 минут на текст.
- После запуска подключите не только Google и Яндекс, но и Bing Webmaster Tools: на его индекс опирается поиск ChatGPT.
Хотите, чтобы ИИ знал о вашем бренде? Напишите мне в Telegram @maximfetisov: посмотрим, что ChatGPT уже знает о вас, и составим план. Формат и цена консультации — в услугах.
