Як створити особистий вебсайт: що розмістити і як запустити

Щоб створити особистий вебсайт, вирішіть, що він має для вас робити: допомагати знайти роботу, знаходити клієнтів, ділитися текстами або бути легко знайденим. Потім побудуйте навколо цього три-чотири сторінки: головну, яка одним реченням говорить, хто ви; сторінку «Про мене»; докази (проєкти, тексти, виступи або резюме) і спосіб зв’язатися з вами. Розмістіть усе на домені з вашим іменем. З ШІ-конструктором сайту створення займає півдня. Вирішити, що саме сказати, займає довше.

Визначте, для чого сайт

Особистий сайт без мети зазвичай перетворюється на список усього, що ви коли-небудь робили. Оберіть головну мету, і вона визначатиме, що потрапить на головну сторінку.

Нормально мати й другорядну мету. Просто не давайте п’яти цілям рівного місця на головній сторінці.

Що розмістити

Головна

Одне-два речення: ваше ім’я, чим ви займаєтеся, для кого і де або як працюєте. Наприклад: «Я Сем Окафор, інженер даних у Лагосі, допомагаю фінтех-командам будувати надійні конвеєри даних». Потім коротко перелічіть, що є на сайті, і додайте посилання на зв’язок.

Про мене

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

Докази

Оберіть формат, що відповідає вашій меті:

• Проєкти з коротким описом проблеми, вашої ролі та результату
• Тексти: три-п’ять найкращих матеріалів, а не кожен допис
• Виступи, подкасти та згадки в медіа з посиланнями та датами
• Досвід: посади й досягнення з файлом резюме для завантаження

Контакти

Електронна пошта або коротка форма, а також одна-дві соцмережі, якими ви справді користуєтеся. Якщо ви приймаєте дзвінки, додайте посилання на сторінку бронювання. Не публікуйте номер телефону або домашню адресу, якщо це не потрібно.

Необов’язково

• Сторінка «Зараз»: над чим ви працюєте наразі
• Інструменти: ваші програми та налаштування, популярні серед розробників і дизайнерів
• Підписка на розсилку, якщо ви її ведете
• Комплект для спікера: біографія трьома довжинами, фото, теми виступів

Рішення та компроміси

Статичний сайт чи щось із базою даних?

Більшість особистих сайтів статичні: сторінки з текстом і зображеннями без бази даних. Вони швидкі, дешево хостяться і їх важко зламати. Додавайте базу даних лише з певною причиною, наприклад форма зв’язку, яка зберігає повідомлення, розділ текстів, який ви оновлюєте зі сторінки адміністратора, або гостьова книга. Форма зв’язку також може просто надсилати вам лист через провайдера електронної пошти.

Де зберігаються ваші тексти

Тексти можна писати безпосередньо на сайті, що тримає все в одному місці. Можна використовувати платформу розсилок або блогів і посилатися на неї, що легше, якщо ви публікуєте часто. Або зберігати дописи в базі даних із простим редактором. Якщо плануєте багато писати, див. як створити блог за допомогою ШІ.

Домен

Використовуйте своє ім’я, якщо воно вільне: імяпрізвище.com, або національне чи інше закінчення, якщо ні. Коротко, зручно для вимови вголос і без дефісів, якщо це можливо. Налаштування описано в як підключити власний домен.

Одна сторінка чи кілька?

Одна сторінка з прокручуванням підходить для короткого знайомства, посилань і контактів. Кілька сторінок краще, коли у вас є тексти або проєкти, які заслуговують на власні адреси; це також допомагає пошуковим системам і спрощує поширення окремого матеріалу. Якщо вам потрібен лише список посилань, може вистачити сторінки з посиланнями в біо.

Перший промпт для ШІ-конструктора

Створи особистий вебсайт для Сема Окафора, інженера даних у Лагосі, який допомагає фінтех-командам будувати надійні конвеєри даних. Сторінки: Головна (знайомство одним реченням, фото, три обрані проєкти, останні дві статті, кнопка зв’язку), Про мене (коротка історія від першої особи), Проєкти (кожен із проблемою, моєю роллю, інструментами та результатом), Тексти (список статей з датами, кожна на окремій сторінці) і Контакти (посилання на електронну пошту та коротка форма). Додай посилання на LinkedIn і GitHub у футері. Спокійний, мінімалістичний дизайн з одним акцентним кольором і дуже читабельним текстом. Швидкий, чудово виглядає на телефонах. Додай заголовки сторінок і описи для пошуку та зображення для соцмереж.

Замінюйте заглушки проєктів і статей на свої справжні по одній.

Побудова крок за кроком

1. Напишіть знайомство одним реченням. Якщо це важко, решта теж буде важкою. Попросіть друга описати, чим ви займаєтеся, і використайте його слова.
2. Напишіть сторінку «Про мене» і зберіть докази: проєкти, матеріали, виступи, резюме.
3. Зробіть або оберіть гарне фото: актуальне, добре освітлене, з чітко видно обличчя.
4. Створіть сайт за промптом, потім додавайте справжній контент по сторінках.
5. Перевірте на телефоні та прочитайте сайт від початку до кінця, як сторонній читач.
6. Додайте основи для пошуку: ваше ім’я в заголовку головної сторінки, опис, справжній текст замість тексту на зображеннях. Див. SEO для сайтів, створених ШІ.
7. Опублікуйте та підключіть домен.
8. Додайте посилання у підпис електронної пошти, соцмережі та резюме.
9. Поставте нагадування в календар, щоб оновлювати сайт кожні кілька місяців.

Типові помилки

• Немає чіткого знайомства. Відвідувач має зрозуміти, чим ви займаєтеся, за п’ять секунд.
• Усе, що ви коли-небудь робили. Відбирайте для своєї мети.
• Блог, який ніхто не оновлює. Краще мати невелику сторінку «Тексти», ніж застарілий блог.
• Особисті деталі, які краще приховати: домашня адреса, особистий номер телефону, інформація про родину.
• Повільні сторінки через величезні фото. Зменшуйте та стискайте їх.
• Складний дизайн замість читабельності: дрібний сірий текст, незвична навігація, анімації, що заважають.

Коли краще готовий продукт

Якщо вам потрібна лише одна сторінка з фото, реченням і посиланнями, швидше допоможе сервіс посилань у біо або простий конструктор сторінок. Якщо ви часто пишете і хочете передплатників, платформа розсилок або блогів із власним доменом може підійти краще, ніж сайт, який доводиться підтримувати самостійно. Повноцінний конструктор сайтів із шаблонами підійде тим, хто любить редагувати візуально. Створюйте власний сайт, коли хочете повного контролю над дизайном, хочете поєднати тексти, проєкти та інструменти в одному місці або хочете володіти кодом і за бажання перенести його згодом.

Створення з Mythex

Mythex — це ШІ-конструктор застосунків, який також справляється з простими сайтами: ви описуєте сайт, він створюється в живому попередньому перегляді з виглядом для телефону, а текст і макет ви уточнюєте в чаті. Особисті сайти добре працюють як статичні фронтенди (статичні вебсайти на Mythex). Якщо ви додасте форму зв’язку, яка зберігає повідомлення, або розділ текстів, який можна редагувати, Mythex додасть до проєкту базу даних.

Опублікувати сайт на безкоштовному тарифі можна за адресою yourname.mythex.app. На Pro можна купити домен у Mythex або підключити вже наявний, а також експортувати код або синхронізувати його з GitHub. Mythex також може згенерувати зображення, наприклад ілюстрацію чи зображення для соцмереж, за описом. Для стартових макетів подивіться ШІ-конструктор вебсайтів або шаблони портфоліо.

Запитання