Proč a jak jsem si vytvořil osobní webové stránky

Úvod V tomto příspěvku vás seznámím s tím, proč jsem se rozhodl vytvořit si vlastní webové stránky a jaké nástroje a technologie jsem k tomu použil. Podělím se s vámi také o své p...

Světlý režim slouží jen pro ukázku funkcionality. Proto používejte tmavou verzi webu.

21. 10. 2024

Proč a jak jsem si vytvořil osobní webové stránky

Úvod

V tomto příspěvku vás seznámím s tím, proč jsem se rozhodl vytvořit si vlastní webové stránky a jaké nástroje a technologie jsem k tomu použil. Podělím se s vámi také o své plány na zvýšení návštěvnosti webu, včetně strategií pro SEO a propagaci obsahu. Ať už se zajímáte o zásobník technologií, nebo hledáte tipy na budování své online prezentace, tento příspěvek má něco pro vás.

Proč jsem se rozhodl vytvořit osobní webové stránky

Většinu své profesní kariéry jsem pracoval jako vývojář softwaru na plný úvazek. Do budoucna se přikláním spíše k práci na volné noze a/nebo k nezávislému hackerskému stylu života. Jako freelancer potřebuji místo, kde bych mohl potenciálním klientům prezentovat svou práci a projekty. Už dlouho také přemýšlím o založení blogu. A tak jsem dospěl k závěru: Potřebuji vytvořit osobní webové stránky. Cílem je mít prostor, kde mohu vystavovat své práce, zdůrazňovat své dovednosti a užívat si blogování. V konečném důsledku je cílem přilákat co nejvíce zájemců o práci na volné noze.

Co jsem použil k vytvoření svých osobních webových stránek

Pro všechny šprty (včetně mě) by to měla být zábavná část. Podělím se s vámi o všechny nástroje, které jsem při tvorbě tohoto webu použil. Nejdříve si nástroje a zásobník technologií rozdělíme do následujících kategorií:

  • Frontend
  • Backend
  • DevOps
  • Analytika
  • Další nástroje

Obecně jsem použil svůj oblíbený zásobník technologií, a to TALL zásobník. TALL: Tailwind, Alpine.js, Livewire, Laravel

  1. Frontend

    • DaisyUI
    • Tailwind
    • Alpine.js
    • Ikony: devicon, heroicons, simpleicons
  2. Backend

    • Laravel
    • Livewire
    • Vlákna
    • SQLite
    • PestPHP
  3. DevOps

    • Hosting podle Yegara
    • CI/CD podle Akce GitHub
    • Ovládací panel od cPanel
    • DNS by Cloudflare
  4. Analytika a SEO

    • Konzola Google pro vyhledávání
    • Google Analytics
    • Interní sledování: Sleduji také interní návštěvnost pomocí svého backendu.
    • Semrush
    • Ahref
  5. Další nástroje

    • LaraBug
    • archtechx/laravel-seo
    • spatie/laravel-feed
    • spatie/laravel-honeypot
    • spatie/laravel-markdown
    • spatie/laravel-sitemap
    • smknstd/fakerphp-picsum-images

Jak plánuji přilákat a řídit provoz

Pro mě to bude nejtěžší úkol ze všech. Naštěstí mi stačí pozorovat, co dělají ostatní, a kopírovat jejich úsilí. Na základě svých pozorování jsem vypracoval plán, jak zvýšit návštěvnost svých stránek:

  • Budování zpětných odkazů
  • Vytváření obsahu souvisejícího s mými webovými stránkami na X (dříve Twitter), Reddit a LinkedIn
  • Psaní příspěvků na blog a jejich sdílení na X (dříve Twitter), Reddit a LinkedIn

Abych to shrnul, musím se zaměřit na budování odkazů a SEO.

Závěr

Vytvoření mých osobních webových stránek byl jen začátek. Nyní je skutečnou výzvou přivést na něj návštěvnost. Zaměřením se na SEO, budování odkazů a tvorbu obsahu na platformách, jako jsou X, Reddit a LinkedIn, jsem odhodlán z něj udělat cenný nástroj pro rozvoj mé kariéry na volné noze.

Původní článek publikoval Nabil Hassen.

Mohlo by vám pomoct

Praktické věci kolem webu

Než se pustíte do webu, hodí se mít jasno v podkladech, WordPressu, cookies a měření.

Google reference

Co říkají klienti

Ukázky skutečných recenzí, které klienti zanechali na mém Google profilu.

Přejít na recenze
★ ★ ★ ★ ★

„Člověk, který své práci a rozumí a ví co dělá. Velmi rychlá komunikace a profesionální přístup. Doporučuji.“

Jaroslav Kupča
Google
★ ★ ★ ★ ★

„Skvělá spolupráce, při dalších projektech určitě nebudu shánět někoho jiného.“

Roman Koňařík
Google
★ ★ ★ ★ ★

„S panem Vančurou jsem spolupracovala na tvorbě mých webových stránek a jsem maximálně spokojená. Oceňuji profesionální přístup, rychlou komunikaci a schopnost přesně pochopit moje představy. Web je moderní, přehledný, funkční a skvěle vypadá i na mobilu. Celý proces proběhl hladce, s jasným vysvětlením jednotlivých kroků a výborným výsledkem. Určitě doporučuji každému, kdo hledá spolehlivý a kvalitní přístup.“

Barbora Zemánková
Google
★ ★ ★ ★ ★

„Spolupráce při tvorbě konfigurátoru proběhla naprosto bez problémů. Oceňuji profesionální přístup, rychlou komunikaci a schopnost pochopit specifický projekt od A do Z. Konfigurátor je přehledný, funkční a přesně odpovídá mým požadavkům. Rozhodně doporučuji.“

mareksevcik_FPV
Google
★ ★ ★ ★ ★

„Velmi dobrá a rychlá spolupráce. Doporučuji!“

Leoš Kaucký
Google
★ ★ ★ ★ ★

„Přesně takto si představujeme profesionální práci. Dekujeme“

STAVILLI
Google
★ ★ ★ ★ ★

„Ať už se jedná o optimalizaci webu, nebo tvorbu na míru oceňuji kromě profesionální práce a znalostí problematiky také férový přístup a komunikaci.“

Aleš Illický
Google
★ ★ ★ ★ ★

„Děkuji za profesionální spolupráci, vše dle domluvy, naprostá spokojenost a mohu jen vřele doporučit.... Při dalších projektech určitě opět využiji Vašich služeb“

Peter Spilak
Google
★ ★ ★ ★ ★

„Profesionalita a velká ochota, nemohu jinak než doporučit“

Magdalena Vašková
Google
★ ★ ★ ★ ★

„Skvělá zkušenost při tvorbě webu, profesionální přístup, rychlost, ochota pomoci“

Jana Kono
Google
★ ★ ★ ★ ★

„Rychlá spolupráce a komunikace – mohu jen doporučit.“

Gawix
Google
★ ★ ★ ★ ★

„Moc mi pomohl, když jsem potřebovala pomoc s webem. A bylo to gratis :)). Jsem mu neskonale vděčná.“

Radka Arbesová
Google
★ ★ ★ ★ ★

„Děkuji Jiřímu za rychlou a kvalitní spolupráci na tvorbě webu. Srozumitelná a ochotná komunikace mě vždycky potěší a přináší důvěru.“

Jiří Mařík
Google
★ ★ ★ ★ ★

„Jsem maximálně spokojená. Rychlost, ochota a cenově dostupné. Děkuji“

Veronika Černá
Google
★ ★ ★ ★ ★

„Naprostá spokojenost. Rychlá komunikace, skvělá cena a odborná pomoc. Moc děkuji :)“

Patricie Kučerová
Google
★ ★ ★ ★ ★

„Velká spokojenost, rychlost a p. Vančura moc dobře ví co dělá. :)“

Ondřej Daniško
Google
★ ★ ★ ★ ★

„dobrá práce, rychlá odezva“

Zuzana Jírová
Google
★ ★ ★ ★ ★

„S programátory mám zkušeností hodně, ale tady musím opravdu pochválit. Pro mě a mé přátele vytvořil skvělý nástroj na evidenci sbírek a opravdu se to povedlo. Bylo to hotové rychle, kvalitně a za skvělou cenu. Komunikace funguje velmi rychle, což je super a ne úplně standard. Díky za super práci, za mě 100% spokojenost!“

Zdeněk
Google
★ ★ ★ ★ ★

„Vše bylo rychlé a hlavně to funguje. Dobrá práce.“

Lukáš Bartášek
Google
★ ★ ★ ★ ★

„Normálně recenze nepíši, ale zde rád doporučím kvalitní práci. Jiří pro mě vytvořil web pro dětské tábory. Kvalitní práce, rychlá komunikace a vlastní nápady, které Jiří sám přidá, jsou na velice vysoké úrovni. Nemohu hodnotit jinak než 5/5.“

Tomáš Loněk
Google
★ ★ ★ ★ ★

„Pan Jiri nam delal jiz 3 webove stranky a vzdy velka spokojenost, je mega rychly a vse hned kladne vyridi, mohu pouze doporucit. Poradi si bez problemu i s rezervacnimi kalendaremi, udrzbou socialnich siti, atd.“

Barbara Mašková
Google