Jak vybrat šablonu webu

Otevřete jakoukoli galerii šablon bez jasného cíle a do dvaceti minut se možnosti začnou slévat dohromady. To není váš problém. Tak to dopadne, když se pokusíte vybrat šablonu webu dřív, než víte, co přesně má dělat. Nejdřív přijde filtr. Galerie až potom.

Otevřete jakoukoli knihovnu šablon webu a najdete stovky možností, které všechny vypadají vyleštěně a profesionálně. Čím víc posouváte, tím těžší je volba, ne proto, že by možnosti byly špatné, ale protože jste se ještě nerozhodli, co skutečně potřebujete. Bez filtru, který máte připravený dřív, než začnete hledat, je každá šablona stejně pravděpodobná a stejně nepřesvědčivá.

Šablony webu jsou předpřipravená rozvržení stránek, která dávají vašemu webu vizuální strukturu od prvního dne. Ta správná vám ušetří hodiny práce s designem a dá návštěvníkům jasný a konzistentní zážitek. Ta špatná s vámi bojuje na každém kroku, nutí vás do rozvržení, které nesedí k vašemu obsahu, a nechává vás vtěsnávat vaše skutečné podnikání do tvaru vytvořeného pro někoho jiného.

Tento průvodce prochází rozhodnutími, na kterých při výběru šablony opravdu záleží, v pořadí, v jakém by se měla dělat.

Co má váš web vlastně dělat?

Začněte tady, ne galerií. Než se podíváte na jedinou šablonu, napište si jednu věc, kterou má váš web zajistit. Je to přimět návštěvníky, aby vám zavolali? Aby koupili produkt? Aby si domluvili schůzku? Vyplnili formulář? Něco si stáhli?

Tato odpověď určuje téměř všechno ostatní o tom, která šablona sedí. Šablona postavená na velkých fotografiích produktů a tlačítku košíku je správná struktura pro internetový obchod. Šablona postavená na úvodním sdělení a kontaktním formuláři je správná struktura pro místní firmu poskytující služby. Obě mohou vypadat čistě a profesionálně, ale vedou návštěvníky k úplně odlišným akcím.

Pokud tento krok přeskočíte a vyberete šablonu, protože dobře vypadá, strávíte týdny snahou vtěsnat ji do tvaru, pro který nebyla navržená. Skončíte s mřížkou fotek produktů, která nemá přirozené místo pro váš seznam služeb, nebo s minimalistickým rozvržením portfolia, kde nemáte kam dát ceny.

Napište si svůj cíl. Pak se na šablony dívejte jeho optikou. Pokud rozvržení neklade tento cíl do popředí, jděte dál.

Odpovídá šablona typu vašeho webu?

Podívejte se na šablony, které se ve vašem oboru dlouhodobě drží na předních pozicích, a všimnete si, že sdílejí strukturální vzorce. Ne proto, že by se všichni opisovali, ale protože určitá rozvržení řeší určité problémy účinněji. Návštěvníci také přicházejí s očekáváními, která si vytvořili na všech ostatních webech, které ve vaší kategorii používali. Šablona, která tyto vzorce příliš porušuje, vytvoří tření dřív, než někdo přečte slovo.

Šablona restaurace obvykle začíná výraznými fotografiemi jídla, krátkým blokem s polohou a otevírací dobou a tlačítkem rezervace už při prvním posunutí. Šablona advokátní kanceláře obvykle začíná prohlášením o důvěryhodnosti, přehledem oblastí praxe a snadno nalezitelným telefonním číslem. Šablona osobního trenéra často začíná záhlavím zaměřeným na proměnu a tlačítkem "rezervovat lekci".

Nejsou to náhodné vzorce. Fungují, protože rozvržení odpovídá tomu, co publikum hledá, když na stránku přijde.

Vyberte šablonu, která byla vytvořena s ohledem na váš typ webu. Většina knihoven šablon je právě proto třídí do kategorií. Tyto filtry použijte dřív, než začnete procházet.

Pokud si ještě ujasňujete, jaký web vlastně vytváříte, dobrým začátkem je plánování webu před jeho vytvořením.

Funguje šablona na mobilu?

Zkontrolujte mobilní náhled každé šablony, kterou zvažujete, dřív, než si zamilujete, jak vypadá na počítači. Většina dnešních šablon je technicky "responzivní", což znamená, že se přizpůsobí různým obrazovkám. Ale responzivní a dobře navržená pro mobil jsou dvě různé věci.

Šablona, která skvěle vypadá jako široké rozvržení na počítači, se na telefonu může zhroutit do matoucí hromady sekcí. Navigační nabídky, které se roztahují do šířky, se někdy na malé obrazovce špatně ťukají. Velké úvodní obrázky, které na monitoru krásně dominují, mohou na mobilu, kde je většina vašich návštěvníků, posunout vaše skutečné sdělení pod okraj obrazovky.

Projděte mobilní náhled, jako byste byli zákazník. Najdete hlavní výzvu k akci, aniž byste museli přejet čtyři sekce? Otevře se nabídka čistě? Zůstává text čitelný? Jde telefonní číslo nebo tlačítko kontaktu snadno ťuknout?

Pokud knihovna šablon mobilní náhled nezobrazuje, otevřete ukázku na telefonu dřív, než se rozhodnete. Abyste pochopili, proč to na technické úrovni záleží, stojí za přečtení responzivní design.

Sedí rozvržení k obsahu, který skutečně máte?

Vezměte jakoukoli ukázku šablony a vyměňte stockové fotografie a zástupný text za to, co skutečně budete mít. Drží to pořád?

Tady se hodně výběrů šablon hroutí. Ukázka vypadá úchvatně, protože používá tucet profesionálních fotografií z prostředí, úhledně rozložené reference od pěti spokojených klientů a krátké úderné nadpisy napsané copywriterem. Vaše skutečná situace může být tři slušné fotografie produktů, zatím jedna reference a popis služby, který je delší, než šablona čeká.

Některé šablony potřebují hodně vizuálního obsahu, aby fungovaly. Jiné jsou stavěné na stránky s mnoha texty. Některé předpokládají sekci s portréty týmu, stránku případové studie, blog a kompletní často kladené otázky. Jiné jsou štíhlé a minimalistické záměrně.

Přizpůsobte očekávání šablony ohledně obsahu tomu, co máte nyní, ne tomu, co doufáte mít za půl roku. Šablona, která s vaším skutečným obsahem vypadá prázdně, není ta pravá šablona, ať ukázka vypadá jakkoli dobře.

Všímejte si, jak šablona řeší tyto konkrétní oblasti

• Na kolika obrázcích závisí a v jaké kvalitě?
• Kde je navigace a kolik stránek pojme?
• Má rozvržení prostor pro delší popis služby, nebo čeká dvouvětné shrnutí?
• Je tam přirozené místo pro reference a potřebuje jich tři, nebo deset, aby vypadalo vyváženě?

Kolik můžete skutečně změnit?

Šablony jsou výchozí body, ne hotové produkty. Budete měnit barvy, vyměňovat písma, upravovat odstupy a přeskupovat sekce, aby byla šablona vaše. Otázka je, kolik z toho zvládnete bez psaní kódu.

Některé šablony jsou flexibilní a nechají vás přesouvat sekce, přidávat nové bloky, měnit rozvržení jednotlivých řádků a upravovat téměř všechno ve vizuálním editoru. Jiné jsou tužší a dovolí změnit barvy a obrázky, ale přesnou strukturu nechají zamčenou.

Ani jeden přístup není špatný. Tužší šablona se může spustit rychleji, pokud už dobře sedí k vašemu obsahu. Flexibilnější šablona je lepší, pokud má vaše firma specifické nároky na rozvržení, které standardní šablona nepokryje.

Buďte upřímní ohledně své technické zdatnosti. Pokud nejste ten, kdo bude řešit potíže s rozvržením nebo se učit vlastní nastavení šablony, přikloňte se k šabloně, která potřebuje méně úprav. Pokud chcete plnou kontrolu a nevadí vám trávit čas v editoru, hledejte takovou, která inzeruje flexibilitu na úrovni sekcí.

Stojí za to to promyslet spolu s výběrem tvůrce webů. To, jak tvůrci webů fungují, ovlivňuje, kolik kontroly máte nad úpravami jakékoli šablony.

Je šablona vytvořená s ohledem na SEO?

Podívejte se na zdroj stránky ukázky šablony a zjistíte, že některé jsou postavené na čistém, strukturovaném HTML a jiné jsou změť překrývajících se prvků a vložených stylů, které vyhledávačům ztěžují čtení. Nemusíte být technik, abyste zkontrolovali pár povrchních signálů.

Dobré šablony používají správnou strukturu nadpisů, začínají jedním H1 na stránku a logicky pokračují přes sekce H2 a H3. Načítají se rychle, protože nejsou nacpané předimenzovanými obrázky a nepoužívaným kódem. Neskrývají důležitý text v obrázcích nebo dynamických efektech, které vyhledávače těžko zaindexují.

Rychlost je obzvlášť důležitá. Šablona, která se načítá pomalu kvůli velkým videím na pozadí nebo nafouknutým animacím, bude ve výsledcích vyhledávání horší a frustruje návštěvníky s pomalejším připojením. Než se rozhodnete, zkontrolujte stránku ukázky šablony v nástroji pro testování rychlosti.

Pokud chcete pochopit, jak SEO souvisí se strukturou vašeho webu, co je SEO a jak funguje vysvětluje základy.

Hodí se barvy a styl skutečně k vaší značce?

Tohle působí samozřejmě, ale stojí za to být konkrétní. Šablony přicházejí s výchozí barevnou paletou a dvojicí písem. Většinu z toho lze změnit. Ale základní styl šablony, její odstupy, energie, to, jestli působí minimalisticky, odvážně, vřele nebo korporátně, se obvykle nedá změnit jen výměnou barev.

Šablona postavená na silných ohraničeních, výrazných kontrastech a nadměrné typografii má určitou osobnost. Pokud je vaše firma tichá služba založená na důvěře, jako terapie nebo finanční poradenství, je tato osobnost špatná shoda, i když všechny barvy změníte na neutrální. Plynulá, umělecká šablona s jemnou typografií a velkorysým bílým prostorem může působit úplně špatně pro řemeslnou firmu, která musí vyzařovat efektivitu a spolehlivost.

Než propadnete barevnému schématu šablony, v duchu ho odstraňte a zeptejte se, co říká základní struktura. Je tempo klidné, nebo energické? Je navržená tak, aby obsah působil přístupně, nebo autoritativně? Rozvržení se roztahuje, nebo stlačuje?

Vybírejte podle charakteru šablony, ne jen podle jejích současných barev.

Co se stane, až vaše firma poroste?

Šablona, která dobře funguje pro web o pěti stránkách, může působit stísněně, jakmile přidáte blog, sekci zdrojů, stránku týmu a dvě nové oblasti služeb. Stojí za to přemýšlet o krok dopředu, než se zavážete.

Zkontrolujte, jestli má šablona navigační strukturu, která zvládne víc stránek. Podívejte se, jestli má rozvržení přirozená místa pro přidání nových sekcí, nebo jestli působí, jako by bylo navržené zůstat přesně tak, jak je. Pokud knihovna šablon ukazuje více šablon stránek, například samostatné rozvržení blogu, mřížku portfolia nebo kontaktní stránku, je to obvykle dobré znamení, že byla postavená s ohledem na růst.

Zvažte také, jaké funkce můžete potřebovat později. Internetový obchod, rezervační kalendář, členská zóna. Ne každá šablona tato rozšíření čistě podporuje. Pokud je platforma za ní nepodporuje, šablona nebude hrát roli.

Výběr platformy, která s vámi může růst, je součástí tohoto rozhodnutí. Jak vybrat správného tvůrce webů popisuje, co zkontrolovat, než se k platformě zavážete.

Díváte se na to svýma očima, nebo očima zákazníků?

Tuto kontrolu lidé přeskakují nejčastěji. Na vlastní web se budete dívat hodně času, takže je přirozené vybrat si něco, co se líbí vám osobně. Ale šablona není pro vás. Je pro člověka, který na váš web přijde, když hledá to, co prodáváte.

Přemýšlejte, kdo to je. Kolik mu je let? Spěchá, nebo má čas? Je už nakloněný nákupu, nebo stále porovnává možnosti? Prochází web na telefonu cestou do práce, nebo sedí u stolu a pečlivě zkoumá?

Čistá, minimalistická šablona s dlouhými posouvanými sekcemi vám může připadat elegantní, ale návštěvníkovi, který chce jen vědět cenu a zavolat, může připadat pomalá a nepřesvědčivá. Šablona s hodně vizuální energie a pohybu vám může připadat vzrušující, ale někomu, kdo vám musí důvěřovat, než vám předá své údaje, může připadat chaotická a neprofesionální.

Použijte profil svého zákazníka jako filtr šablon. Vyberte tu, která by dávala nejlepší smysl jemu, ne tu, kterou byste si vybrali pro sebe, kdybyste tvořili osobní web.

Jak WEMASY řeší šablony?

Tvůrce webů WEMASY zahrnuje knihovnu šablon uspořádanou podle oboru a typu webu. Šablony lze upravovat ve vizuálním editoru bez psaní kódu. Hosting, SSL a analytika jsou součástí stejného předplatného, takže po výběru a úpravě šablony není potřeba žádné další nastavování. Co je součástí jednotlivých balíčků, uvidíte na stránce s cenami.

Často kladené otázky k výběru šablony webu