Jak zbudować osobistą stronę internetową: co na niej umieścić i jak ją uruchomić

Osobistą stronę internetową budujesz, decydując, co ma dla Ciebie robić — czy ma pomóc w znalezieniu pracy, zdobyciu klientów, dzieleniu się tekstami, czy po prostu ułatwić znalezienie Ciebie. Potem zbuduj trzy lub cztery strony wokół tego celu: stronę główną, która w jednym zdaniu mówi, kim jesteś, stronę „o mnie”, dowody (projekty, teksty, wystąpienia lub CV) i sposób, by się z Tobą skontaktować. Umieść ją pod domeną z Twoim imieniem i nazwiskiem. Przy kreatorze stron AI sama budowa zajmuje popołudnie. Dłużej zajmuje ustalenie, co napisać.

Ustal, po co jest strona

Osobista strona bez celu łatwo zamienia się w listę wszystkiego, co kiedykolwiek zrobiłeś. Wybierz główny cel i pozwól mu zdecydować, co trafi na stronę główną.

Drugorzędny cel jest w porządku. Nie dawaj tylko jednakowej przestrzeni pięciu celom na stronie głównej.

Co na niej umieścić

Strona główna

Jedno lub dwa zdania: Twoje imię, czym się zajmujesz, dla kogo i gdzie lub jak pracujesz. Na przykład: „Jestem Sam Okafor, inżynier danych z Lagos, pomagam zespołom fintech budować niezawodne potoki danych”. Potem krótka lista tego, co jest w środku, i link kontaktowy.

O mnie

Pisz w pierwszej osobie i zachowaj ludzki ton: czym się zajmujesz, jak tu trafiłeś, na czym Ci zależy i jedno lub dwa osobiste szczegóły. Dodaj prawdziwe, aktualne zdjęcie. Większość ludzi czyta pierwszy akapit, a resztę przegląda, więc najpierw napisz to, co najważniejsze.

Dowody

Wybierz format, który pasuje do celu:

• Projekty z krótkim opisem problemu, Twojej roli i rezultatu
• Teksty: trzy do pięciu najlepszych, a nie każdy wpis
• Wystąpienia, podcasty i publikacje prasowe z linkami i datami
• Doświadczenie: stanowiska i osiągnięcia, z plikiem CV do pobrania

Kontakt

Adres e-mail albo krótki formularz, plus jeden lub dwa profile w mediach społecznościowych, z których naprawdę korzystasz. Jeśli przyjmujesz zlecenia, podlinkuj stronę rezerwacji. Nie publikuj numeru telefonu ani adresu domowego, chyba że jest to konieczne.

Opcjonalnie

• Strona „teraz”: nad czym pracujesz w tej chwili
• Narzędzia: Twoje narzędzia i zestaw, popularne wśród programistów i projektantów
• Zapis do newslettera, jeśli go prowadzisz
• Zestaw dla prelegentów: biografia w trzech długościach, zdjęcia, tematy

Decyzje i kompromisy

Strona statyczna czy coś z bazą danych?

Większość osobistych stron to statyczne strony: tekst i obrazy bez bazy danych. Są szybkie, tanie w hostingu i trudno je zepsuć. Dodawaj bazę danych tylko wtedy, gdy jest powód — na przykład formularz kontaktowy zapisujący wiadomości, sekcja tekstów aktualizowana z panelu administratora albo księga gości. Formularz kontaktowy może też po prostu wysyłać Ci e-mail przez dostawcę poczty.

Gdzie leżą Twoje teksty

Możesz pisać wpisy bezpośrednio na stronie, co trzyma wszystko w jednym miejscu. Możesz też korzystać z platformy newsletterowej lub blogowej i linkować do niej, co jest łatwiejsze, gdy publikujesz często. Albo możesz przechowywać wpisy w bazie danych z prostym edytorem. Jeśli planujesz dużo pisać, zobacz jak zbudować bloga z AI.

Domena

Użyj swojego imienia i nazwiska, jeśli jest wolne: imienazwisko.pl albo inna końcówka, jeśli nie. Krótka, łatwa do przeliterowania na głos i bez myślników, jeśli to możliwe. Konfigurację opisuje jak podłączyć własną domenę.

Jedna strona czy kilka?

Jedna przewijana strona wystarcza na krótkie przedstawienie, linki i kontakt. Kilka stron jest lepszych, gdy masz teksty lub projekty, które zasługują na własne adresy — to pomaga też wyszukiwarkom i ułatwia udostępnianie pojedynczego materiału. Jeśli potrzebujesz tylko listy linków, może wystarczyć strona typu link w bio.

Prompt dla narzędzia AI

Zbuduj osobistą stronę dla Sama Okafora, inżyniera danych z Lagos, który pomaga zespołom fintech budować niezawodne potoki danych. Strony: Strona główna (jednozdaniowe przedstawienie, zdjęcie, trzy wyróżnione projekty, dwa najnowsze artykuły i przycisk kontaktu), O mnie (krótka historia w pierwszej osobie), Projekty (każdy z problemem, moją rolą, narzędziami i rezultatem), Teksty (lista artykułów z datami, każdy na osobnej stronie) oraz Kontakt (link e-mail i krótki formularz). Linki do LinkedIn i GitHub w stopce. Spokojny, minimalistyczny projekt z jednym kolorem akcentu i bardzo czytelnym tekstem. Szybka, świetnie wyglądająca na telefonach. Dodaj tytuły stron i opisy dla wyszukiwarek oraz obraz udostępniania dla linków w mediach społecznościowych.

Zastępuj przykładowe projekty i artykuły swoimi prawdziwymi, po jednym na raz.

Zbuduj to krok po kroku

1. Napisz jednozdaniowe przedstawienie. Jeśli jest trudne, reszta też będzie. Poproś znajomego, by opisał, czym się zajmujesz, i użyj jego słów.
2. Napisz stronę „o mnie” i zbierz dowody: projekty, teksty, wystąpienia, CV.
3. Zrób lub wybierz dobre zdjęcie: aktualne, dobrze oświetlone, z wyraźną twarzą.
4. Zbuduj stronę na podstawie promptu, a potem dodawaj prawdziwe treści strona po stronie.
5. Sprawdź na telefonie i przeczytaj całość od góry do dołu, jak obcy człowiek.
6. Dodaj podstawy wyszukiwania: Twoje imię i nazwisko w tytule strony głównej, opis, prawdziwy tekst zamiast tekstu na obrazkach. Zobacz SEO dla stron zbudowanych z AI.
7. Opublikuj i podłącz domenę.
8. Zamieść link w stopce e-maila, profilach w mediach społecznościowych i CV.
9. Ustaw przypomnienie w kalendarzu, żeby aktualizować stronę co kilka miesięcy.

Częste błędy

• Brak jasnego przedstawienia. Odwiedzający powinien w pięć sekund wiedzieć, czym się zajmujesz.
• Wszystko, co kiedykolwiek zrobiłeś. Dobieraj treści do swojego celu.
• Blog, którego nikt nie aktualizuje. Lepsza mała strona „Teksty” niż nieaktualny blog.
• Dane osobiste, które wolisz zachować dla siebie: adres domowy, prywatny numer telefonu, informacje o rodzinie.
• Wolne strony przez ogromne zdjęcia. Zmniejszaj je i kompresuj.
• Efektowny projekt kosztem czytelności: drobny szary tekst, nietypowa nawigacja, animacje przeszkadzające w czytaniu.

Kiedy lepszy jest gotowy produkt

Jeśli potrzebujesz tylko jednej strony ze zdjęciem, jednym zdaniem i linkami, usługa typu link w bio albo prosty kreator stron będzie szybszy. Jeśli dużo piszesz i chcesz mieć subskrybentów, platforma newsletterowa lub blogowa z własną domeną może lepiej służyć niż strona, którą sam utrzymujesz. Pełny kreator stron z szablonami odpowiada osobom, które wolą edytować wizualnie. Zbuduj własną stronę, gdy chcesz pełnej kontroli nad wyglądem, chcesz połączyć teksty, projekty i narzędzia w jednym miejscu albo chcesz posiadać kod i przenieść go później, jeśli zechcesz.

Budowa z Mythex

Mythex to narzędzie AI do budowy aplikacji, które obsługuje też proste strony: opisujesz stronę, a ona powstaje w podglądzie na żywo z widokiem w rozmiarze telefonu, a układ i tekst dopracowujesz w czacie. Osobiste strony dobrze działają jako statyczny frontend (strony statyczne w Mythex). Jeśli dodasz formularz kontaktowy zapisujący wiadomości albo edytowalną sekcję tekstów, Mythex doda do projektu bazę danych.

Możesz opublikować stronę w planie darmowym pod adresem twojeimie.mythex.app. W planie Pro możesz kupić domenę w Mythex albo podłączyć taką, którą już masz, a kod wyeksportować lub zsynchronizować z GitHubem. Mythex może też wygenerować obrazy, na przykład ilustrację lub obraz udostępniania, na podstawie opisu. Gotowe układy znajdziesz w kreatorze stron internetowych AI lub w szablonach portfolio.

Pytania