Как создать личный сайт: что на нём разместить и как запустить

Чтобы создать личный сайт, определите, что он должен для вас делать: помочь найти работу, найти клиентов, делиться текстами или чтобы вас легко было найти. Затем постройте три-четыре страницы вокруг этой цели: главную, где вы в одном предложении говорите, кто вы; страницу «О себе»; подтверждение (проекты, тексты, выступления или резюме) и способ связаться с вами. Разместите сайт на домене с вашим именем. С ИИ-конструктором сайтов создание занимает полдня. Решить, что написать, дольше.

Определите, для чего сайт

Личный сайт без цели обычно превращается в список всего, что вы когда-либо делали. Выберите главную цель, и она решит, что попадёт на главную страницу.

Допустима и вторичная цель. Только не давайте пяти целям равное место на главной странице.

Что разместить

Главная

Одно-два предложения: ваше имя, чем вы занимаетесь, для кого и где или как вы работаете. Например: «Я Сэм Окафор, инженер данных в Лагосе, помогаю финтех-командам строить надёжные конвейеры данных». Затем короткий список того, что внутри, и ссылка для связи.

О себе

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

Подтверждения

Выберите формат, который подходит вашей цели:

• Проекты с коротким описанием задачи, вашей роли и результата
• Тексты: три-пять лучших материалов, а не все публикации
• Выступления, подкасты и публикации в СМИ со ссылками и датами
• Опыт: должности и достижения с файлом резюме для скачивания

Контакты

Адрес email или короткая форма, а также одна-две соцсети, которыми вы реально пользуетесь. Если вы берёте звонки, дайте ссылку на страницу записи. Не публикуйте номер телефона или домашний адрес, если в этом нет необходимости.

Необязательное

• Страница «Сейчас»: над чем вы работаете в данный момент
• Инструменты: ваши программы и настройки, популярно у разработчиков и дизайнеров
• Подписка на рассылку, если вы её ведёте
• Пресс-кит для спикера: биография в трёх длинах, фото, темы выступлений

Решения и компромиссы

Статичный сайт или что-то с базой данных?

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

Где жить вашим текстам

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

Домен

Используйте своё имя, если оно свободно: имяфамилия.ru или другой домен, если нет. Короткий, легко продиктовать вслух и без дефисов, если это возможно. Настройку см. в как подключить свой домен.

Одна страница или несколько?

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

Первый промпт для ИИ-конструктора

Сделай личный сайт для Сэма Окафора, инженера данных в Лагосе, который помогает финтех-командам строить надёжные конвейеры данных. Страницы: «Главная» (вступление в одно предложение, фото, три избранных проекта, две последние статьи, кнопка связи), «О себе» (короткая история от первого лица), «Проекты» (у каждого: задача, моя роль, инструменты и результат), «Тексты» (список статей с датами, каждая на своей странице) и «Контакты» (ссылка на email и короткая форма). В футере — ссылки на LinkedIn и GitHub. Спокойный минималистичный дизайн с одним акцентным цветом и очень читаемым текстом. Быстро и отлично выглядит на телефонах. Добавь заголовки страниц и описания для поиска, а также картинку для превью в соцсетях.

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

Создайте сайт по шагам

1. Напишите вступление в одно предложение. Если это трудно, всё остальное будет трудно тоже. Попросите друга описать, чем вы занимаетесь, и используйте его слова.
2. Напишите страницу «О себе» и соберите подтверждения: проекты, материалы, выступления, резюме.
3. Сделайте или выберите хорошее фото: недавнее, хорошо освещённое, с отчётливо видимым лицом.
4. Создайте сайт по промпту, затем добавляйте настоящий контент страница за страницей.
5. Проверьте на телефоне и прочитайте весь сайт сверху вниз, как незнакомец.
6. Добавьте основы поиска: ваше имя в заголовке главной страницы, описание, настоящий текст вместо текста на картинках. См. SEO для сайтов, созданных ИИ.
7. Опубликуйте сайт и подключите домен.
8. Поставьте ссылку на него в подписи email, в соцсетях и в резюме.
9. Добавьте напоминание в календарь, чтобы обновлять сайт раз в несколько месяцев.

Частые ошибки

• Нет понятного вступления. Посетитель должен понять, чем вы занимаетесь, за пять секунд.
• Всё, что вы когда-либо делали. Отбирайте под свою цель.
• Блог, который никто не обновляет. Лучше маленькая страница «Тексты», чем заброшенный блог.
• Личные данные, которые лучше не раскрывать: домашний адрес, личный телефон, сведения о семье.
• Медленные страницы из-за огромных фото. Уменьшайте и сжимайте их.
• Красивый дизайн важнее читаемости: мелкий серый текст, необычная навигация, анимации, которые мешают.

Когда лучше готовый продукт

Если нужна одна страница с фото, парой предложений и ссылками, быстрее поможет сервис страницы-ссылок или простой конструктор страниц. Если вы часто пишете и хотите подписчиков, платформа рассылки или блога с собственным доменом может подойти лучше, чем сайт, который вы сами поддерживаете. Полноценный конструктор сайтов с шаблонами подойдёт тем, кто предпочитает визуальное редактирование. Создавайте собственный сайт, когда хотите полный контроль над дизайном, хотите объединить тексты, проекты и инструменты в одном месте или хотите владеть кодом и при желании переехать с ним.

Как это сделать в Mythex

Mythex — это ИИ-конструктор приложений, который справляется и с простыми сайтами: вы описываете сайт, он строится в живом предпросмотре с видом телефона, а текст и вёрстку вы уточняете в чате. Личные сайты хорошо работают как статичные фронтенды (статичные сайты в Mythex). Если вы добавляете контактную форму, которая сохраняет сообщения, или редактируемый раздел текстов, Mythex добавит к проекту базу данных.

Публиковать можно на тарифе Free по адресу yourname.mythex.app. На Pro можно купить домен в Mythex или подключить уже имеющийся и экспортировать код или синхронизировать его с GitHub. Mythex также может сгенерировать изображения по описанию, например иллюстрацию или картинку для превью. Для стартовых макетов посмотрите ИИ-конструктор сайтов или шаблоны портфолио.

Вопросы