Jak udělat jednoduchý firemní web – krok za krokem

Chcete vlastní firemní web, který bude vypadat profesionálně a přivádět zákazníky? Dnes už si ho zvládnete vytvořit sami – bez programování, bez stresu a s minimálními náklady. V tomto návodu vám krok za krokem ukážu, jak postupovat, jaké nástroje použít a čemu se vyhnout. Postup je aktuální a používám ho i já při tvorbě webů pro své klienty.

Co je doména, hosting, WordPress

Doména je internetová adresa vašeho webu (např. www.udelam-web.cz). Měla by být krátká, výstižná a snadno zapamatovatelná. Ideální je česká koncovka .cz.

Ověřit a koupit doménu můžete přímo u Webglobe.

Hosting je prostor, kde váš web fyzicky běží. Určuje jeho rychlost, dostupnost i bezpečnost. Pro firemní web doporučuji tarif WordPress Plus od Webglobe. Nabízí SSL certifikát, e-maily i automatické zálohy zdarma.

Výhoda tohoto řešení: vše máte pod jedním účtem – doménu, hosting, SSL certifikát, emaily a hlavně autoamtickou instalaci WordPressu.

WordPress je jednak nejrozšířenější systém pro tvorbu webů bez programování na světě. Používá ho více než třetina všech webů. Je zdarma, snadno ovladatelný a umožňuje upravovat web právě bez programátorských znalostí, což se nám pro firemní web, který budeme tvořit svépomocí náramě hodi.

WordPress má spousty výhod:

• Intuitivní ovládání webu přes webové rozhraní
• Možnost přidávat a upravovat texty, obrázky, stránky, menu, patičku webu, měnit barvy, design webu, vše si naklikáte
• Tisíce rozšíření (pluginů) a šablon zcela zdarma
• Aktualizace zdarma a dlouhodobá podpora komunity, která WordPress neustále vyvíjí

Cena webu

Cena webu závisí na rozsahu a požadavcích, které na web a jeho funkce máte. Nejnutnější náklady jsou:

• Doména: aktuálně u Webglobe zdarma
• Hosting: 900 Kč
• SSL certifikát: aby se návštěvníkům nezobrazovala hláška, že je web nezabezpečen - u některých hostingů je zdarma např. u Webglobe
• Redakční systém: WordPress je zdarma a u Webglobe tarifu WordPress Plus jej ani nemusíte instalovat, budete ho mít automaticky nastaven
• Šablona: doporučuji zdarma šablonu Astra
• Editor: Gutenberg je zdarma a součást WordPress webu, ale doporučuji Elementor ve verzi zdarma
• Pluginy: rozšířující funkce do webu, existuje nepřeberné množství zdarma nebo existují i placené (500–2 000 Kč podle funkcí např. když chcete mít na webu třeba nějakoou kalkulačku)
• Vlastní email: u hostingu od Webglobe máte neomezeně emailových schránek zdarma

Za 900 Kč (1089 Kč s DPH) si můžete vytvořit firemní webové stránky, níže se podíváme jak na to.

U Webglobe dostanete kompletně připravený web na WordPressu, který si už jen vyplníte obsahem 👉 Objednejte hosting WordPress Plus a získáte doménu zdarma

Objednání domény a hostingu

Vytvořte si účet u Webglobe

Přijde vám email od Webglobe, pomocí odkazu z emailu se přihlásíte do administrace Webglobe.

Objednejte hosting s doménou zdarma, klikněte na "Služby" a na "+ NOVÁ SLUŽBA"

Klikněte na WordPress hosting

Vyberte tarif WordPress Plus

Zadejte název domény - název vašeho webu, nejprve se vám objeví doména za cenu 159 Kč, ale to po kliknutí na pokračovat se vám přepočítá na 0 Kč

Zkontrolujte si název domény a tarif WordPress hosting Plus, pokud souhlasí můžete pokračovat tlačítkem "Pokračovat"

Zkontrolujte fakturační údaje a proveďte platbu. Po úhradě dostanete přístup do administrace webu. V administraci webu můžete cokoli měnit a upravit si jak potřebujete např. nahrát logo, změnit barvy, přidat stránky, vložit texty, fotky, vložit formuláře a další.

Co promyslet před tvorbou webu?

Profesionální web není jen hezký design. Je to promyšlený systém, který spojuje strategii, techniku, obsah a výkon. Pokud chcete, aby váš web přiváděl poptávky, nestačí jen „mít web“. Potřebujete promyšlený web, který je vidět, má jasnou strukturu, funguje na všech zařízeních a budí důvěru.

Strategie a cíl webu

Každý úspěšný web začíná strategií. Než se pustíte do designu nebo textů, ujasněte si, co má web dělat – má přivádět poptávky, prodávat, vzdělávat nebo budovat značku? Definujte cílovou skupinu – komu bude web sloužit. Stanovte si hlavní cíl – co chcete, aby lidé na webu udělali (zaslali poptávku, provedli nákup, kontaktovali vás…). Promyslete u rozpočet a plán – co zvládnete sami a co zadáte odborníkům. Pomoci vám může článek Druhy webových stránek – jaký typ webu zvolit

Struktura, design a uživatelská zkušenost (UX)

Design je to první, co návštěvník vidí. Ale teprve uživatelská zkušenost (UX) rozhoduje o tom, zda na webu zůstane a udělá požadovanou akci. Struktura webu musí být přehledná a logická, menu má vést uživatele přirozeně – bez přemýšlení, každá stránka by měla mít jasné CTA (výzvu k akci). Moderní web musí být také responsivní – správně zobrazený na mobilu, tabletu i PC. Web, který se špatně čte nebo ovládá, návštěvník rychle opustí. Inspiraci najdete v článku Co je UX design a proč je důležitý pro úspěšný web?

Obsah a SEO optimalizace

Bez obsahu web nežije. Profesionální web má texty, které nejen informují, ale i prodávají. Texty by měly být napsané pro lidi i pro vyhledávače – s přirozeným zapojením klíčových slov. Používejte nadpisy H1–H3 s klíčovými frázemi. Pište stručně, srozumitelně a k věci. Vkládejte obrázky s popisem (ALT texty) a optimalizujte jejich velikost. Pomoci vám mohou články Jak psát texty na web? a Co je SEO optimalizace.

Grafický návrh webu

Grafika musí být nejen atraktivní, ale hlavně funkční. Web neslouží jako výstavní galerie – jeho úkolem je vést návštěvníka k akci. Design by měl odpovídat firemním barvám. Barvy, typografie a vizuální prvky podporují čitelnost a orientaci na webu. Responzivní design je nutností, aby web vypadal skvěle na všech zařízeních. Výsledkem je moderní, profesionální web, který nejen zaujme, ale hlavně funguje.

Vytvořte si svůj wireframe – návrh rozvržení webu. Než začnete tvořit web, vezměte si do ruky tužu a papír a vytvořte si tzv. wireframe – černobílý návrh rozložení prvků na stránce. Hodně vám to pomůže, předem totiž přijdete na to co opravdu na webu chcete mít a co je zbytečné, než jen bezhlavě web rovnou tvořit. Nakreslený návrh webu vám ukazuje, jak budou rozmístěné texty, obrázky, tlačítka a další prvky. Pomáhá pochopit funkčnost webu ještě před vizuálním designem. Zajišťuje, že uživatelská zkušenost bude plynulá a logická. Tento krok je zásadní pro efektivní a přehledný design.

Spuštění, měření a rozvoj

Web spuštěním nekončí – teprve začíná. Po spuštění sledujte výkon webu, měřte návštěvnost, sledujte konverze a průběžně vyhodnocujte výsledky. Propojte web s Google Analytics a Search Console. Provádějte pravidelné audity webu. Aktualizujte obsah, obrázky a pluginy (pokud používáte WordPress tak jsou aktualizace jádra webu a pluginů zásadní). Stabilní web vyžaduje také zabezpečení a pravidelné zálohování.