Jak vytvořit web krok za krokem

Vědět, jak vytvořit web, je dnes pro majitele firmy jedna z nejpraktičtějších dovedností. Tento průvodce vás provede každým krokem, od výběru názvu domény po zveřejnění první stránky, bez předpokladu jakýchkoli technických znalostí.

Co potřebujete, než začnete?

Než otevřete tvůrce webů nebo zaregistrujete doménu, stojí za to udělat trochu přípravy. Firmy, které po spuštění bojují, tuto část téměř vždy přeskočily.

Tři věci, které stojí za to vědět, než otevřete jakýkoli nástroj.

• Co má web umět
• Kdo je vaše konkrétní publikum
• Co chcete, aby návštěvník udělal, když na web přijde

Tyto odpovědi určují každé další rozhodnutí, od názvu domény po strukturu stránek. Web vytvořený bez jasného účelu se často změní v nepřehlednou změť stránek, které z návštěvníků nedělají zákazníky.

Pokud ještě řešíte, jak web uspořádat, článek o tom, jak naplánovat web, než ho vytvoříte, se tomu věnuje do hloubky. Vraťte se sem, až budete mít jasno ve svých cílech.

Krok 1. Vyberte název domény

Název domény je vaše adresa na webu. Lidé ho píšou, aby vás našli, a objeví se v každém odkazu, který sdílíte. Je důležité ho vybrat dobře.

Dobrý název domény je krátký, snadno se píše a snadno se říká nahlas. Pokud ho musíte při každé otázce na váš web hláskovat, hraje proti vám. Vyhněte se pomlčkám, číslům a čemukoli, co při vyslovení zní jako jiné slovo.

Záleží i na příponě, kterou zvolíte. .com je stále nejdůvěryhodnější možnost pro firemní weby. Pokud je vaše preferované .com obsazené, zvažte národní příponu, pokud podnikáte lokálně, nebo se podívejte, zda by nesedělo lépe trochu jiné jméno.

Pár věcí, na které myslet.

• Název vaší firmy je zřejmý začátek, ale nejdřív zkontrolujte kolize s ochrannými známkami
• Pokud je přesný název obsazený, zkuste přidat své město, svou službu nebo krátké upřesnění
• Vyhněte se samostatným obecným slovníkovým slovům. Jsou téměř vždy obsazená a těžko se s nimi dosahuje dobrých pozic
• Doménu registrujte alespoň na dva roky, pokud to s budováním dlouhodobě myslíte vážně

Abyste lépe pochopili, co domény jsou a proč na nich záleží, přečtěte si co je doména a proč je důležitá.

Krok 2. Vyberte, jak web vytvoříte

Je to jedno z větších rozhodnutí celého procesu. Můžete jít několika cestami a ta správná závisí na vašich technických schopnostech, rozpočtu a tom, kolik kontroly chcete.

Tvůrce webů

Tvůrce webů vám dává vizuální editor, kde navrhujete stránky přidáváním a uspořádáváním komponent. Bez kódu. Většina tvůrců hned zahrnuje hosting, šablony a nástroje jako kontaktní formuláře a analytiku. Od nuly k zveřejněnému webu se obvykle dostanete za den.

Je to správná volba, pokud chcete web vytvářet a spravovat sami, aniž byste se učili programovat. Je to také nejrychlejší cesta k něčemu, co vypadá profesionálně.

Pokud tu zvažujete možnosti, průvodce co je tvůrce webů a jak funguje vysvětluje, jak to funguje, a jak vybrat správného tvůrce webů vám pomůže porovnat to, na čem záleží.

Redakční systém (CMS)

CMS vám dává větší flexibilitu než základní tvůrce. Můžete instalovat pluginy, upravovat šablony a výrazně rozšiřovat funkce. Cenou je strmější křivka učení a větší odpovědnost za údržbu, včetně aktualizací, zabezpečení a nastavení hostingu.

Najmutí vývojáře

Pokud jsou vaše požadavky složité nebo pokud nechcete tvorbu řídit sami, je najmutí vývojáře platná cesta. Dostanete něco plně na míru, ale cena i časový plán jsou podstatně vyšší. Článek web na vlastní pěst nebo webdesignér přesně popisuje, kdy který přístup dává smysl.

Krok 3. Nastavte hosting

Váš web musí někde být. Tím někde je server a služba, která ho poskytuje, se nazývá webhosting. Když někdo navštíví váš web, jeho prohlížeč se k tomuto serveru připojí a načte vaše stránky.

Pokud používáte tvůrce webů, hosting je obvykle zahrnutý. Nemusíte na něj myslet zvlášť. Pokud jdete cestou CMS nebo vlastního řešení, budete si muset vybrat poskytovatele hostingu a tarif.

Dobrý hosting zajišťuje několik klíčových věcí.

• Vysokou dostupnost, 99,9 % nebo lepší. Výpadky znamenají ztracené návštěvníky
• Rychlé načítání. Pomalé servery škodí uživatelskému zážitku i pozicím ve vyhledávání
• SSL v ceně. Dnes je to standard a očekává se
• Jasné možnosti podpory, kdyby se něco pokazilo

Článek o tom, co je webhosting, podrobněji popisuje různé typy a na co se zaměřit.

Krok 4. Zajistěte certifikát SSL

Podívejte se na téměř jakýkoli web v adresním řádku prohlížeče a uvidíte vedle URL ikonu zámku. Ten zámek znamená, že web má SSL, které šifruje spojení mezi vaším webem a prohlížečem návštěvníka.

Bez SSL prohlížeče označí váš web jako „nezabezpečený“ dřív, než návštěvníci vůbec uvidí váš obsah. To je rychlý způsob, jak ztratit důvěru. Ovlivňuje to i vaše pozice ve vyhledávání. Vyhledávače považují zabezpečené weby za důvěryhodnější.

Většina poskytovatelů hostingu a tvůrců webů zahrnuje SSL automaticky. Pokud ho ten váš nemá, je to důvod k vyloučení. Přečtěte si víc o tom, co je SSL a proč ho váš web potřebuje.

Krok 5. Naplánujte stránky a strukturu

Než začnete cokoli navrhovat, zmapujte, jaké stránky váš web potřebuje. Jasná struktura dělá navigaci pro návštěvníky zřejmou a pomáhá vyhledávačům pochopit, o čem váš web je.

Většina firemních webů potřebuje minimálně:

• Úvodní stránku, která během pár vteřin sdělí, co děláte a pro koho
• Stránku služeb nebo produktů, která vysvětluje, co nabízíte
• Stránku o nás, která dává kontext a buduje důvěru
• Kontaktní stránku s vašimi údaji a jednoduchým formulářem

Podle typu vašeho podnikání můžete přidat také blog, portfolio, rezervační systém nebo obchod. Nevytvářejte stránky, o které se nebudete starat. Skromný web s ostrým, aktuálním obsahem vždy porazí nafouknutý web s napůl hotovými stránkami.

Promyslete také navigaci. Návštěvníci by se měli dostat na kteroukoli důležitou stránku do dvou kliknutí z úvodní stránky. Pokud jim struktura nutí informace hledat, odejdou.

Krok 6. Vyberte a upravte design

Většina tvůrců webů a platforem CMS nabízí šablony, které můžete upravit. Výběr správného výchozího bodu ušetří spoustu času.

Při výběru šablony hledejte takovou, která odpovídá struktuře vašeho obsahu, ne jen vizuálnímu stylu. Šablona vytvořená pro fotografické portfolio funguje jinak než ta pro firmu poskytující služby, i když obě vypadají čistě a moderně.

Klíčová designová rozhodnutí:

• Barevná paleta. Držte se maximálně dvou až tří barev a použijte barvy své značky, pokud je máte
• Písma. Jedno pro nadpisy, jedno pro hlavní text, obě dobře čitelná na mobilu
• Logo a favicon. Malá ikona, která se zobrazuje na kartách prohlížeče
• Obrázky. Používejte skutečné fotky své firmy, kde to jde, a stockové fotky, kde ne

Navrhujte s ohledem na mobil od začátku. Více než polovina návštěvnosti webů pochází z telefonů. Design, který vypadá dobře na počítači, ale na mobilu se rozbije, je hotový jen z poloviny. Podívejte se na šablonu na obrazovce telefonu, než půjdete dál. Víc k tomu najdete v článku o tom, co je responzivní design, který vysvětluje, jak funguje a proč je důležitý.

Krok 7. Napište a přidejte obsah

Obsah je to, co na vašem webu skutečně odvádí práci. Design přiměje návštěvníky zůstat. Obsah je přiměje jednat.

Začněte úvodní stránkou. Musí okamžitě, bez rolování, odpovědět na tři otázky:

• Co děláte?
• Pro koho to je?
• Co má návštěvník udělat dál?

Pište srozumitelně. Dlouhé věty a odborný žargon lidi zpomalují a odhánějí. Krátké odstavce, jasné nadpisy a konkrétní jazyk vždy překonají vágní, vyleštěně znějící text.

Každá stránka potřebuje pro návštěvníka jasný další krok. Může to být telefonní číslo, tlačítko rezervace, kontaktní formulář nebo odkaz na ceník. Nenechávejte návštěvníky číst stránku, ze které není kam jít dál.

Pokud jde o obrázky, používejte vlastní fotky, kdykoli můžete. Skutečné fotky vašeho týmu, prostoru nebo produktu budují důvěru způsobem, jakým stockové obrázky prostě nedokážou. Pokud použijete stockové fotky, vybírejte takové, které vypadají přirozeně, ne naaranžovaně.

Krok 8. Nastavte technické základy

Několik technických věcí musí být na místě, než web spustíte. Žádná není složitá, ale jejich přeskočení způsobí potíže později.

Připojte doménu

Pokud jste doménu zaregistrovali zvlášť od hostingu nebo tvůrce, musíte ji nasměrovat na svůj web. Vyžaduje to úpravu záznamů DNS, konkrétně nameserverů nebo záznamu A. Přesné hodnoty vám dá váš poskytovatel hostingu. Článek o tom, co je DNS, vysvětluje, jak to funguje, pokud tomu chcete porozumět, než se do toho pustíte.

Přidejte analytiku

Chcete vědět, kdo váš web navštěvuje, odkud přichází a co tam dělá. Nastavte analytický nástroj před spuštěním, abyste sbírali data od prvního dne. Většina tvůrců webů to má vestavěné nebo umožňuje jednoduché propojení.

Nastavte kontaktní formulář

Fungující kontaktní formulář je pro většinu firemních webů nezbytný. Před spuštěním ho sami vyzkoušejte. Pošlete zkušební odeslání a ověřte, že dorazí do správné schránky.

Zkontrolujte rychlost stránek

Pomalé stránky ztrácejí návštěvníky. Stránka, která se načítá déle než tři vteřiny, přijde o významnou část lidí dřív, než cokoli uvidí. Spusťte test rychlosti na klíčových stránkách a vyřešte zjevné problémy. Příliš velké obrázky bývají obvykle prvním viníkem.

Krok 9. Optimalizujte pro vyhledávače

Vytvořit web, který nikdo nemůže najít, je častý a frustrující výsledek. Základní nastavení SEO od začátku dává vašemu webu mnohem větší šanci zobrazit se, když lidé hledají to, co nabízíte.

Začněte základy:

• Každá stránka by měla mít jedinečný titulek (title tag), který obsahuje hlavní klíčové slovo dané stránky
• Každá stránka potřebuje meta popisek. Je to krátká věta, která se zobrazuje ve výsledcích vyhledávání a vysvětluje, o čem stránka je
• Nadpisy by měly být logicky strukturované. Jedno H1 na stránku a pod ním H2 a H3
• Vaše obrázky potřebují popisný alternativní text. Pomáhá vyhledávačům a uživatelům čteček obrazovky
• Vaše URL by měly být čisté a čitelné, ne řetězec náhodných znaků

Podívejte se na své stránky s otázkou „kdyby někdo hledal toto téma, dala by mu tato stránka užitečnou odpověď?“ To je měřítko, které se vyhledávače snaží uplatňovat. Pokud je odpověď ano, jste na dobré cestě.

Hlubší pohled na to, jak vyhledávače fungují a jak se pro ně optimalizuje, nabízí článek o tom, co je SEO, který je dobrým začátkem.

Krok 10. Otestujte před spuštěním

Testování je krok, který většina lidí uspěchá. Nedělejte to. Pár hodin důkladné kontroly předejde trapným opravám po spuštění.

Projděte si před zveřejněním toto:

• Klikněte na každý odkaz na každé stránce a najděte rozbité odkazy nebo špatné cíle
• Vyzkoušejte kontaktní formulář a všechny další formuláře
• Zkontrolujte každou stránku na telefonu, tabletu i počítači
• Otevřete web alespoň ve dvou různých prohlížečích
• Přečtěte si každý text kvůli překlepům, nesprávným informacím a čemukoli, co nedává smysl
• Ověřte, že se doména správně překládá a objevuje se zámek
• Potvrďte, že analytika sleduje

Pomůže také čerstvý pohled. Sdílejte web s někým, kdo vaši firmu nezná, a požádejte ho, aby vám řekl, co děláte a co by udělal dál. Pokud na tyto otázky nedokáže rychle odpovědět, vaše úvodní stránka potřebuje práci.

Krok 11. Spusťte a pokračujte

Spuštění není cílová čára. Je to výstřel ze startovací pistole.

Jakmile je web v provozu, práce se přesouvá na jeho údržbu a rozšiřování dosahu. Pár návyků, které dělají rozdíl:

• Ze začátku kontrolujte analytiku každý týden, abyste pochopili, co funguje a kde lidé odpadají
• Pravidelně aktualizujte obsah. Zastaralé informace podkopávají důvěru
• Časem přidávejte nové stránky, jak vaše firma roste nebo jak odhalíte mezery
• Sledujte rychlost webu, zejména po přidání nového obsahu nebo obrázků

Web je živé aktivum. Firmy, které z něj mají nejvíc, s ním tak zacházejí.

Co obsahuje WEMASY?

WEMASY je tvůrce webů, který zahrnuje hosting, SSL, nástroj pro připojení domény, editor přetahováním, vestavěnou analytiku a nastavení SEO na každé stránce. Web můžete vytvářet a spravovat na jednom místě, bez samostatných účtů pro hosting, analytiku nebo nástroje zabezpečení.

Co je součástí, uvidíte na stránce tvůrce webů a možnosti tarifů si projděte na stránce s ceníkem.

Často kladené otázky