Jak si udělat web.
Návod od A do Z.

1Potřebuji vůbec web?

Upřímná odpověď: ne každý. Ale skoro každý řemeslník, který chce mít zakázky pod kontrolou, ano. Pojďme si to rozebrat.

Kdy web potřebujete

• Chcete zákazníky mimo okruh známých. Doporučení jsou skvělá, ale nedají se naplánovat. Web přivádí lidi, kteří o vás nikdy neslyšeli a zrovna hledají „elektrikář Kladno“.
• Děláte větší zakázky. Kdo si objednává rekonstrukci koupelny za sto tisíc, ten vás nejprve hledá přes Google či Seznam. Když nic nenajde, zavolá dalšímu v pořadí.
• Pořád dokola vysvětlujete to samé. Co děláte, kam jezdíte, kolik to zhruba stojí. Web to řekne za vás a lidé volají až s konkrétní poptávkou.
• Chodí vám poptávky, které nechcete. Web umí říct „dělám jen rodinné domy do 30 km od Plzně“ a ušetří vám telefonáty i cesty.
• Chcete růst. Přibrat lidi, zvednout ceny, specializovat se. To se bez vlastní prezentace dělá těžko.

Kdy ho (zatím) nepotřebujete

• Máte plno na rok dopředu jen z doporučení a nechcete nic měnit.
• Pracujete výhradně jako subdodavatel pro jednu nebo dvě firmy.
• Za rok plánujete skončit.

Ani v těchto případech ale nedoporučuji zůstat úplně neviditelný. Dvě věci stojí za to udělat vždy: zapsat se zdarma na mapy a koupit si doménu, dokud je volná. Obojí zabere hodinu a stojí pár korun.

A nestačí Facebook nebo katalog řemeslníků?

Stačí, dokud to funguje. Problém je slovo „dokud“. Sociální sítě a katalogy jsou cizí hřiště: pravidla se mění, dosah klesá, profil vám může zmizet ze dne na den a v katalogu sedí hned vedle vás pět konkurentů. Web je jediné místo na internetu, které je opravdu vaše.

Nejlepší je kombinace: web jako základ, katalogy a sítě jako přívod lidí. K tomu se dostaneme v kapitole o marketingu.

2Než začnete: buďte na mapách

Tohle udělejte ještě před webem. Je to zdarma, zabere to hodinu a samo o sobě vám může přinést první zákazníky.

Když někdo do Googlu napíše „instalatér Olomouc“, vidí jako první mapu s firmami, jejich hodnocení a telefon. Stejně to funguje na Seznamu. Do té mapy se dostanete přes dva bezplatné profily: Google profil firmy a Firmy.cz od Seznamu. Pokud děláte web pro instalatéra nebo topenáře, přesně tady začnou vaši zákazníci, a to i bez webu.

Google profil firmy krok za krokem

1. Jděte na google.com/business a přihlaste se Google účtem (pokud máte Gmail, účet už máte).
2. Zadejte název firmy tak, jak se opravdu jmenujete: „Elektrikář Jarda Novák“. Žádná klíčová slova navíc, Google to trestá.
3. Vyberte kategorii, například Elektrikář, Instalatér, Truhlář, Malíř. Můžete přidat i vedlejší.
4. Oblast působení. Jako řemeslník nemáte provozovnu pro veřejnost, zvolte proto „poskytuji služby u zákazníků“ a zadejte města nebo okresy, kam jezdíte.
5. Ověření. Google chce vědět, že firma existuje. Nabídne kód v SMS, telefonát, video s vaší dodávkou a nářadím, nebo pohlednici s kódem (přijde za 1–2 týdny). Bez ověření se profil neukáže.
6. Doplňte všechno: telefon, otevírací dobu, popis (2–3 věty, co děláte a kde), 10 fotek z práce, ceník aspoň orientačně. Vyplněné profily Google zobrazuje výš.
7. Až budete mít web, přidejte odkaz. A naopak: na web patří odkaz na profil.

Firmy.cz krok za krokem

1. Na firmy.cz klikněte na „Přidat firmu“ a přihlaste se účtem Seznam (e-mail na seznam.cz stačí).
2. Vyplňte název, IČ, kategorii, kontakt a oblast působení. Seznam údaje ověří přes rejstřík a telefonicky.
3. Základní zápis je zdarma. Placené zvýraznění zvažte až později, když uvidíte, že vám odsud chodí lidi.

Recenze: nejlevnější marketing, jaký existuje

Profil s třiceti recenzemi a hodnocením 4,9 vyhrává nad profilem bez recenzí i nad krásným webem. Lidé věří lidem. Jenže spokojený zákazník recenzi sám od sebe skoro nikdy nenapíše. Musíte ho o ni požádat, a to hned po dokončení práce, kdy je nadšený.

Na recenze odpovídejte, i na ty špatné. Klidně, věcně, bez hádky. Čtou to hlavně budoucí zákazníci a hodnotí, jak se chováte, když se něco nepovede.

Jak reagovat na negativní recenzi?

Špatná recenze přijde dřív nebo později každému. Není to katastrofa, ale test. Budoucí zákazník nečte tolik samotnou stížnost jako vaši odpověď pod ní. Postupujte takto:

1. Vydechněte a počkejte. Neodpovídejte v první minutě, kdy jste naštvaný. Pár hodin nic nezkazí, den taky ne. Déle než týden už ale nečekejte.
2. Poděkujte a oslovte jménem. „Dobrý den, pane Nováku, děkuji za zpětnou vazbu.“ Zní to zvláštně, ale ukazuje, že umíte kritiku přijmout.
3. Uznejte, co je pravda. Když jste přišli pozdě, napište to. „Máte pravdu, dorazil jsem o hodinu později, než jsme se domluvili, a měl jsem zavolat.“ Bez výmluv a bez „ale“.
4. Uveďte svůj pohled věcně. Pokud recenze zkresluje, stručně doplňte fakta. Jedna dvě věty, žádný dopis. „Cena 12 000 Kč odpovídá nabídce, kterou jsme si odsouhlasili e-mailem 3. května.“
5. Nabídněte řešení mimo veřejný prostor. „Rád to s vámi vyřeším, zavolejte mi prosím na 777 123 456.“ Ukazuje to ochotu a přesune hádku z internetu do telefonu.
6. Napište, co jste změnili. „Od té doby posílám den předem SMS s časem příjezdu.“ To je věta, kvůli které vám budoucí zákazník zavolá.

Co při tom mít na paměti

• Nepíšete recenzentovi, píšete všem ostatním. Naštvaný zákazník už názor nezmění. Stovky lidí, kteří si profil prohlédnou po něm, ale ano. Podle toho volte tón.
• Klid působí jako síla. Kdo se hádá, vypadá jako někdo, s kým se hádat bude i zákazník. Kdo odpoví klidně, vypadá jako profesionál, který zvládne i problém na stavbě.
• Nikdy nezveřejňujte soukromé údaje. Adresu zakázky, dlužnou částku po jménu, zdravotní stav. I když má zákazník nepravdu, tohle vás dostane do problémů a ostatní to odradí.
• Neodpovídejte šablonou. Stejná věta pod každou recenzí („Děkujeme za hodnocení, mrzí nás to“) vypadá jako robot. Krátká odpověď na míru je lepší než dlouhá kopie.
• Neobjednávejte falešné recenze a nemažte kritiku přes známé. Google i Seznam to poznají a profil může přijít o viditelnost. Smazat lze jen recenzi, která porušuje pravidla (urážky, spam, recenze od někoho, kdo u vás nikdy nebyl). Tu nahlaste přímo v profilu.
• Odpovídejte i na kladné recenze. Stačí jedna věta s díky. Ukazuje to, že profil žije a že si zákazníků vážíte.

3Značka: název, logo, barvy

Budete se muset nějak představovat. Na webu, na autě, na faktuře. Dobrá zpráva: pro řemeslníka platí, že čím jednodušší, tím lepší.

Název: jasné sdělení vyhrává nad kreativitou

Nejlepší název řemeslníka říká, kdo jste a co děláte. „Elektrikář Jarda“. „Podlahy Dvořák“. „Klempíři Kladno“. Když ho někdo slyší v hospodě, hned ví, komu zavolat. Když ho vidí na autě, ví, co si objednat.

Naopak kreativní názvy typu „Jiskra ve zdi“ nebo „Dřevo a duše“ vypadají hezky na papíře, ale nic neříkají. Zákazník musí přemýšlet, co děláte, a přemýšlení je na internetu první krok k odchodu. Velké firmy si kreativní název mohou dovolit, protože do jeho vysvětlování nalijí miliony. Vy ne.

Tři jednoduché recepty:

1. Jméno + řemeslo. Elektrikář Jarda, Malíř Pokorný, Truhlářství Beneš. Funguje, když máte krátké a dobře vyslovitelné jméno.
2. Řemeslo + město. Klempíři Kladno, Podlahy Vsetín, Zednictví Beroun. Vhodné, když se jmenujete třeba Przybylski nebo Kšandová a lidé by jméno nenapsali správně. Navíc pomáhá ve vyhledávání, protože lidé hledají přesně takhle.
3. Jméno + řemeslo + město jen tehdy, když je kombinace pořád krátká. „Elektro Novák Písek“ ještě ano, „Elektroinstalace Novák a syn Praha západ“ už ne.

Před tím, než se pro název rozhodnete, si ověřte, že je k němu volná česká doména. Když je „elektrikarnovak.cz“ obsazená, hledejte raději jinou variantu hned, než ji lepit na auto a vizitky. Jak doménu ověřit, najdete v další kapitole.

Brainstorming s umělou inteligencí

Když vám nic nepadá, nechte si nasypat nápady od ChatGPT, Gemini nebo jiného pomocníka. Nejde o to, aby AI vybrala. Jde o to mít za pět minut dvacet možností, ze kterých si vyberete vy. Zkopírujte tento text a doplňte svoje údaje:

Jsem elektrikář z Kladna, dělám elektroinstalace a revize v rodinných domech a bytech. Jmenuji se Jaroslav Novák. Navrhni mi 20 jednoduchých názvů pro moji živnost a web.

Pravidla:
- z názvu musí být na první poslech jasné, co dělám,
- krátký, nejvýš tři slova,
- snadno se píše a diktuje po telefonu,
- ke každému názvu napiš i doménu .cz bez háčků a čárek (např. elektrikarjarda.cz),
- žádné slovní hříčky, žádná cizí slova.

Rozděl návrhy do tří skupin: jméno + řemeslo, řemeslo + město, ostatní.

Když máte větší ambice: brainstorming s lidmi

Pokud chcete stavět firmu s několika partami a značku, která přežije vaše jméno, vyplatí se do vymýšlení zapojit víc hlav. Smysl brainstormingu je jednoduchý: víc lidí vidí víc úhlů, cizí člověk odhalí dvojsmysl nebo špatnou zkratku, kterou vy přehlédnete, a rodina či zákazníci řeknou, jak název zní zvenku.

Jak na to bez zbytečností: sezvěte 3 až 5 lidí (klidně manželku, kolegu, věrného zákazníka), dejte si 20 minut a jediné pravidlo: nejdřív se sbírají nápady bez hodnocení, kritika přijde až potom. Pak každý označí tři favority, zbytek škrtněte. Vítěze prověřte dvěma testy výše a zkontrolujte volnou doménu.

Logo: jednoduché, čitelné, funkční i malé

Logo řemeslníka musí fungovat na vizitce, kde bude velké dva centimetry, na polepu dodávky velkém dva metry a na razítku černobíle. To zvládne jen jednoduché logo: název dobrým písmem, případně jeden jednoduchý symbol (zástrčka, střecha, štětec). Žádné přechody barev, stíny ani drobné detaily.

Naprosto v pořádku je i logo, které je jen napsaný název výrazným písmem. Řada nejznámějších značek světa nic víc nemá. Pokud chcete symbol, nechte si ho navrhnout od AI (ChatGPT umí generovat obrázky) nebo od grafika, což vyjde na 2 až 8 tisíc korun.

Navrhni jednoduché logo pro živnost „Elektrikář Jarda“ (elektroinstalace v rodinných domech).

Požadavky:
- jen dvě barvy, vhodné pro můj obor
- jeden jednoduchý symbol + název čitelným bezpatkovým písmem,
- musí být čitelné i ve velikosti 2 cm a fungovat černobíle,
- průhledné pozadí,
- výstup ve formátu SVG (vektor). Pokud SVG neumíš, dej PNG s průhledným pozadím v co nejvyšším rozlišení a navrhni, jak logo popsat grafikovi pro převedení do vektoru.

Formáty souborů: PNG, JPG, SVG. Proč na tom záleží

Logo dostanete jako soubor a na jeho příponě záleží víc, než se zdá. Když si dnes uložíte logo jen jako malý obrázek a za dva roky budete chtít polepit auto, zjistíte, že se zvětšením rozmaže a musíte platit za jeho překreslení.

Shrnuto: na web PNG s průhledným pozadím, do šuplíku vždy i SVG. Pokud vám AI dá jen PNG, grafik ho do vektoru překreslí (říká se tomu vektorizace) za 500 až 1 500 Kč. Udělejte to hned, dokud je logo čerstvé.

Barvy podle řemesla

Barvy mají v hlavách lidí zaběhnuté významy a je hloupé s tím bojovat. Pravidla jsou dvě: jedna hlavní barva plus černá nebo bílá, nejvýš dvě barvy celkem. A text vždy tmavý na světlém pozadí (nebo bílý na tmavém), nikdy žlutý na bílém nebo červený na modrém.

Když budete dělat web pro malíře nebo web pro truhláře, nechte barvu dělat jen doplněk. Hlavní roli na webu mají hrát fotky vaší práce, a ty mají barev dost.

4Doména: vaše adresa na internetu

Doména je to, co lidé napíšou do prohlížeče, aby vás našli. Například remeslnyweb.cz. Je to nejlevnější a nejdůležitější věc, kterou si v celém procesu koupíte.

Doména má být stejná jako název

Jmenujete se Klempíř Honza? Chcete klempirhonza.cz. Bez háčků, bez mezer, bez pomlček. Lidé si doménu pamatují z auta nebo z vizitky a píšou ji z hlavy, takže cokoli navíc znamená, že skončí jinde.

Co když je klempirhonza.cz obsazená? Tady dělá spousta lidí chybu. Nedělejte klempir-honza.cz ani klempirhonza.com:

• Pomlčka se špatně diktuje („klempíř pomlčka honza tečka cz“) a lidé ji vynechají. Skončí na webu vašeho jmenovce.
• Jiná koncovka (.com, .eu, .net) v Česku nefunguje. Lidé automaticky napíšou .cz. A na .cz sedí někdo jiný.

Místo toho zvolte jiný název. V praxi to znamená vrátit se o kapitolu zpátky a vymyslet druhou variantu: klempirikladno.cz, honzaklempir.cz, klempirstvinovak.cz. Proto doporučuji ověřovat doménu už při vymýšlení názvu, ne až po vytištění vizitek.

Pravidla dobré domény

• Koncovka .cz. Pro řemeslníka v Česku jediná správná. Ostatní koncovky zvažte, jen pokud pracujete i v zahraničí (pak .com nebo .sk navíc).
• Bez diakritiky. Domény s háčky technicky existují, ale nikdo je nepoužívá a v e-mailu dělají problémy.
• Krátká a bez čísel. „elektro2000.cz“ nebo „instalater-novak-praha4.cz“ si nikdo nezapamatuje.
• Snadno diktovatelná. Zavolejte kamarádovi, nadiktujte ji a nechte ho ji napsat.

Je doména volná? Vyzkoušejte si to

Vyplňte, co o sobě víte, a nástroj vám poskládá varianty názvu. U každé můžete jedním klikem zkontrolovat, jestli je .cz doména volná. Kontrola probíhá na stránkách CZ.NIC, což je správce všech českých domén, takže výsledek je oficiální.

Kolik doména stojí a kde ji koupit

Česká doména .cz stojí u většiny poskytovatelů 150 až 300 Kč ročně, počítejte s částkou kolem 200 Kč. Koncovka .com vyjde na 300 až 450 Kč ročně. Kupuje se u registrátora, tedy firmy, která má oprávnění domény prodávat. Známí čeští registrátoři: VEDOS, Forpsi, Active24, Český hosting. Cena se liší o desetikoruny, důležitější je, aby měli srozumitelnou administraci a českou podporu.

1. Otevřete web registrátora a do vyhledávání napište vybraný název. Uvidíte, jestli je .cz volná, a cenu.
2. Založte si účet na sebe. Jméno, adresa, e-mail, telefon, u podnikání IČ. Tady vzniká držitel domény. Musíte to být vy, ne kamarád ani tvůrce webu.
3. Zaplaťte první rok. Kartou nebo převodem. Do hodiny je doména vaše. Tip: Pokud už máte hotový web a řešíte i hosting (další kapitola), doména k němu často bývá zdarma.
4. Zapněte automatické prodlužování a ohlídejte, že vám chodí e-maily od registrátora. Nezaplacená doména po pár týdnech propadne a může si ji koupit kdokoli, včetně konkurence.
5. Zatím nic dalšího dělat nemusíte. Doménu ukážete tomu, kdo bude dělat web, a on ji napojí na hosting.

Kupte si doménu, i když web zatím neplánujete

Stojí to 200 Kč ročně, tedy méně než jedna kávová konvice. Když ji nekoupíte, může vám ji za rok vyfouknout jmenovec z vedlejšího okresu nebo překupník, který ji pak nabídne za deset tisíc. Až budete web chtít, adresa už bude čekat. Mezitím na ni můžete napojit aspoň firemní e-mail: info@klempirhonza.cz působí důvěryhodněji než klempir.honza1978@seznam.cz a bývá součástí hostingu, o kterém je další kapitola.

5Hosting: kde web bydlí

Doména je adresa. Hosting je pozemek, na kterém web stojí. Bez něj adresa vede do prázdna.

Kde hosting koupit

Nejjednodušší je koupit ho u stejné firmy jako doménu: VEDOS, Forpsi, Active24, Český hosting, Hostinger. Doména a hosting se pak propojí jedním kliknutím a máte jednu fakturu. Když web dělá někdo za vás, hosting často zařídí on (já to tak dělám), doména ale zůstává vaše.

Jaký hosting potřebujete? Záleží na typu webu

Hostingy se prodávají v několika velikostech podle výkonu a ceny. Abyste vybrali správně, musíte vědět jednu věc: bude váš web statický, nebo bude mít administraci?

A co návštěvnost? Web běžného řemeslníka navštíví stovky až několik tisíc lidí za měsíc. To zvládne i nejmenší hosting s velkou rezervou. Pokud tedy děláte web pro zedníka, web pro pokrývače nebo web pro podlaháře, o výkon se nestarejte a vezměte nejlevnější balíček, který nabízí HTTPS certifikát zdarma a zálohy.

E-maily: patří k hostingu

Firemní e-mail na vlastní doméně, tedy info@klempirhonza.cz, není samostatná služba, kterou byste museli kupovat zvlášť. U českých poskytovatelů je součástí každého hostingu zdarma, i toho nejlevnějšího. VEDOS, Forpsi, Active24 i Český hosting dávají k balíčku několik e-mailových schránek, obvykle s prostorem v jednotkách gigabajtů na schránku. To řemeslníkovi stačí na roky provozu.

Jak si to nastavit: v administraci hostingu založíte schránku, například info@, zvolíte heslo a hotovo. Dvě schránky bohatě stačí: info@ na poptávky a případně jmeno@ pro vás osobně. Pokud jste zvyklí na Seznam nebo Gmail, můžete si nechat poštu z nové schránky přeposílat tam a číst ji dál na jednom místě. Odpovídat ale zkuste z firemní adresy, zákazník pak vidí info@klempirhonza.cz, ne klempir.honza1978@seznam.cz.

Zdarma, nebo placená pošta?

Vedle e-mailu zdarma k hostingu existují placené e-mailové služby: Google Workspace (Gmail na vlastní doméně), Microsoft 365 (Outlook) nebo placené poštovní balíčky samotných hostingů. Stojí zhruba 100 až 200 Kč měsíčně za jednu schránku. Za ty peníze dostanete výrazně lepší spamový filtr, desítky gigabajtů prostoru, sdílený kalendář, spolehlivější doručování a rozhraní, které znáte z Gmailu nebo Outlooku.

Jedna věc na závěr: e-mail je další důvod, proč mít doménu i hosting na své jméno. Když je má na sebe někdo jiný a rozejdete se, nepřijdete jen o web, ale i o adresu, kterou máte na autě a ve všech nabídkách. U Webnode a Wixu pošta v základním předplatném obvykle není a připlácí se, na to při srovnání cen nezapomeňte.

Měsíčně nebo ročně?

Skoro každý hosting jde platit měsíčně i ročně. Roční platba je levnější (obvykle o 10 až 20 %) a hlavně na ni nezapomenete. Web, který zmizí, protože nepřišla stokoruna, je zbytečná ostuda. Nastavte si platbu kartou automaticky, nebo si dejte do kalendáře připomínku na stejný den každý rok.

Co když jdu do Webnode nebo Wixu?

Pak hosting neřešíte vůbec. Je součástí měsíčního předplatného za službu. Zní to pohodlně a pohodlné to je, má to ale své háčky, které rozeberu v další kapitole.

6Jaký typ webu vybrat

Nejtěžší rozhodnutí celého procesu. Na výběr jsou čtyři cesty a každá se hodí někomu jinému. Špatná volba vás bude stát buď peníze, nebo čas, nebo web, který za dva roky nikomu nepatří.

Srovnání v jedné tabulce

Který web je pro mě? Odpovězte na čtyři otázky

Rezervace, kalkulačky a další „speciality“: nekupujte kuchyň kvůli jedné bagetě

Častá chyba: řemeslník chce na web online rezervaci termínu, a agentura mu kvůli tomu naprogramuje celý systém za 80 tisíc. Přitom existují hotové služby, které umí totéž, jsou spolehlivější a stojí od nuly do několika stovek měsíčně. Na web se vloží jako tlačítko nebo okno.

• Rezervace termínu: Reservio (české, od základní verze zdarma), SimplyBook, Calendly. Zákazník si vybere den a hodinu, vám přijde e-mail a záznam do kalendáře.
• Poptávkový formulář s přílohami: hotový formulář na webu, nebo Google Forms, když potřebujete něco složitějšího.
• Cenová kalkulačka: u řemesel často nelze počítat dopředu, cena záleží na místě. Napište radši orientační ceník s příklady zakázek.
• Chat: odkaz na WhatsApp funguje lépe než jakýkoli chatovací plugin.

Pravidlo: nejdřív hledejte hotovou službu, která se dá využít (např. Reservio), teprve poté řešte že to někdo naprogramuje. Ať děláte web pro kominíka nebo web pro stěhovací firmu, devět z deseti potřeb už někdo vyřešil.

7Kolik to stojí a s kým to dělat

Web je investice, ne náklad. Nejdražší web není ten za sto tisíc. Nejdražší je ten levný, přes který nikdo nezavolá.

Pět cest a co stojí

Z čeho se cena webu skládá

Lidé si myslí, že platí za „naprogramování“. Ve skutečnosti je technika nejmenší část. U webu za 20 tisíc to typicky vypadá takto:

Proto je podezřelá nabídka „web za 4 990 Kč“. Za tu cenu nikdo nenapíše texty, které prodávají, ani nevybere a neupraví fotky. Dostanete šablonu, ve které je váš kontakt a popis služeb, ale s nízkou pravděpodoností, že se z návštěvníku stanou zákazníci.

Kolik vás web bude stát celkem? Spočítejte si to

Vstupní cena je jen část. Posuňte, na kolik let počítáte, a porovnejte celkové náklady jednotlivých cest včetně domény, hostingu a správy. Čísla jsou orientační průměry z české praxe.

Provozní náklady, se kterými musíte počítat každý rok

• Doména: kolem 200 Kč ročně. Vždy.
• Hosting: 300 až 1 000 Kč u statického webu, 1 000 až 3 000 Kč u WordPressu.
• Správa: u statického webu nic, nebo dobrovolně roční servis (u mě 1 000 Kč včetně hodiny úprav). U WordPressu nutně 200 až 500 Kč měsíčně za aktualizace a zálohy.
• Úpravy: změna ceníku, nové fotky. U freelancera 500 až 1 000 Kč za hodinu, změna ceny zabere deset minut.

Na co si dát pozor, když web objednáváte

Ať si vyberete kohokoli, chtějte tyhle věci písemně, klidně e-mailem. Slušný dodavatel s nimi nemá problém, nervózní reakce je varování.

• Doména je psaná na mě a mám k ní přihlášení.
• Mám přístup k hostingu, nebo web běží na hostingu, který si platím sám.
• Po zaplacení dostanu hotové soubory webu (u statického webu) nebo plný přístup do administrace (u WordPressu).
• Web je můj majetek a mám k tomu smlouvu.
• Texty a fotky, které vzniknou, jsou moje a můžu je použít i jinde.
• Vím, co se stane, když spolupráci ukončíme: web běží dál a může ho převzít kdokoli jiný.
• Cena je konečná a je jasné, co je v ní a co se platí navíc.
• Dostanu fakturu, kterou si dám do nákladů. Web je plně daňově uznatelný výdaj.

8Co na web napsat, aby lidé volali

Nejčastější chyba řemeslnických webů nemá nic společného s technikou. Web je napsaný pro majitele, ne pro zákazníka.

Nepíšete o sobě. Píšete o zákazníkově problému.

Zákazník nepřišel na web, aby si přečetl, že jste založili firmu v roce 2009 a máte moderní vybavení. Přišel, protože mu něco nefunguje nebo něco potřebuje: vyhazuje jistič, teče kohoutek, chce novou kuchyň. Hledá odpověď na dvě otázky: „Řeší tenhle člověk můj problém?“ a „Můžu mu věřit?“ Všechno na webu má odpovídat na tyhle dvě otázky.

Praktické pravidlo: v každém odstavci by mělo být víc „vy“ a „váš“ než „my“ a „náš“. Přepínejte si sami, jak to zní:

Hero sekce: prvních pět sekund rozhoduje

Návštěvník během pěti sekund podvědomě rozhodne, zda zůstane. Hero mu musí odpovědět na tři otázky: Kde jsem? (u elektrikáře), Je to pro mě? (dělá byty v Kladně, já mám byt v Kladně) a Co mám udělat? (zavolat). Osvědčená skladba:

1. Nadpis: řemeslo + pro koho + kde. „Instalatér pro byty a domy v Olomouci.“ Případně konkrétní řešení ve stylu "Pomohu vám vyřešit kapající kohoutek i nové těsnění".
2. Podnadpis: hlavní přínos a odpověď na největší obavu. „Přijedu do 24 hodin, cenu řeknu předem a dodržím ji.“
3. Tlačítko s telefonem. Na mobilu se po klepnutí rovnou vytočí.
4. Důkaz: hodnocení, počet zakázek, roky v oboru, fotka vás nebo vaší práce.
5. Fotografie/ilustrace: Ukázka výsledku, po kterém vaši zákazníci slouží, případně vaše fotografie. Ne fotka z fotobanky s usměvavým hercem v helmě.

Vyberte si, pro koho web je: obecně, nebo úzce

Můžete být „elektrikář pro všechny“, nebo „instaluji domácí alarmy a kamery pro rodinné domy“. V úzkém zaměření (říká se mu niche, čte se „niš“) je méně potenciálních zákazníků. Ale web se vám bude psát sám, protože přesně víte, koho oslovujete, jaké má obavy a co ho zajímá. Zákazník má pak pocit, že mu rozumíte, a to je nejkratší cesta k důvěře. Specialista si navíc může říct vyšší cenu než univerzál.

Jak si zaměření vybrat: sepište si zakázky z posledního roku a označte ty, které vás bavily nejvíc a vydělaly nejvíc. Tam, kde se obě značky potkávají, je vaše niche. Obecné služby na webu můžete nechat, jen je dejte níž.

Struktura webu, která funguje

Tuhle skladbu používám u všech řemeslnických webů, ať jde o web pro topenáře nebo web pro stavební firmu. Na jednostránkovém webu jsou to sekce pod sebou, na vícestránkovém samostatné stránky.

1. Hero. Co, pro koho, kde, tlačítko. Viz výše.
2. Problémy zákazníka a jak je řešíte. Tři až pět nejčastějších situací, se kterými lidé volají, každá s jednou větou řešení. „Vyhazuje jistič? Najdu příčinu a opravím ji, většinou do hodiny.“
3. Služby. Co děláte a, stejně důležité, co neděláte. Krátce, bez odborných zkratek.
4. Fotky prací a reference. Nejsilnější část webu, viz níže.
5. O mně. Krátce, s vaší skutečnou fotkou. Lidé si najímají člověka, ne firmu. Tři věty: kdo jste, jak dlouho to děláte, proč vám na tom záleží.
6. Jak to probíhá. Tři až čtyři kroky od telefonátu k hotové práci. Zbavuje strachu z neznámého.
7. Ceny. Pro zákazníky z domácností (říká se tomu B2C, prodej koncovým lidem) vždy aspoň orientačně. „Výměna zásuvky od 450 Kč, revize bytu od 2 500 Kč, hodinová sazba 550 Kč.“ Bez cen lidé předpokládají, že jste drazí, a zavolají tam, kde ceny jsou. Pokud pracujete jen pro firmy (B2B), stačí popsat, jak nabídku připravíte.
8. Časté otázky. Vše, co vysvětlujete po telefonu pořád dokola: dojezd, záloha, termíny, úklid po práci, záruka.
9. Kontakt. Telefon velkým písmem, krátký formulář, oblast působení, IČ a adresa (zákon to vyžaduje).

Důvěra: reference dělají víc než jakýkoli slogan

Když zákazník váhá mezi dvěma řemeslníky, rozhodne ten, komu víc věří. Nic nezvedne důvěru tolik jako slova jiných zákazníků. Weby s referencemi mají několikanásobně vyšší pravděpodobnost, že návštěvník zavolá (tomu se říká konverze: návštěvník se změní v poptávku).

• Jak reference získat: požádejte hned po dokončení, ideálně přes kartičku s QR kódem z kapitoly 2. Recenze z Googlu můžete na web přepsat.
• Jak má vypadat: jméno (aspoň křestní), město, co jste dělali, a konkrétní věta. „Pan Novák nám za dva dny přeložil celou koupelnu, uklidil po sobě a cena byla přesně jako v nabídce. Hana K., Beroun.“ Anonymní „Skvělá práce, doporučuji“ nikoho nepřesvědčí.
• Další důkazy: fotky před a po, počet zakázek, roky praxe, oprávnění a certifikáty (u elektrikáře revizní oprávnění), pojištění odpovědnosti, IČ.

Fotky: mobil stačí, ale dodržte pár pravidel

Profesionálního fotografa nepotřebujete. Fotky z telefonu působí u řemesla důvěryhodněji než naaranžované snímky z fotobanky. Stačí: denní světlo, uklizené pracoviště, foto před a po, hotová práce z odstupu i detail. Deset až dvacet nejlepších snímků je lepší než dvě stě průměrných. Nefoťte adresy domů, tváře zákazníků ani SPZ bez souhlasu.

Jazyk: jako když to vysvětlujete sousedovi

Krátké věty. Žádné zkratky a normy (ČSN 33 2000 nechte v revizní zprávě). Žádná „komplexní řešení“ a „individuální přístup“, to píše každý. Místo toho konkrétně: „Přijedu, změřím, do druhého dne pošlu cenu.“ Když nevíte, jak něco napsat, nahrajte si na mobil, jak to říkáte zákazníkovi po telefonu, a přepište to.

9Jak má web vypadat

Vzhled sám o sobě zakázky nepřinese. Špatný vzhled je ale spolehlivě zabije, protože lidé podle něj během pár sekund odhadnou, jak pracujete. Dobrá zpráva: nepotřebujete cit pro design. Stačí dodržet pár pravidel a hlavně to nepřehánět.

Kde se vzhled bere: v kódu, nebo v šabloně

Podle toho, jaký typ webu jste si vybrali v kapitole 6, vzniká vzhled dvěma úplně odlišnými způsoby.

Statický web a web na míru: vzhled je zapsaný v kódu. Vedle textů a fotek má web ještě jeden soubor, ve kterém je popsáno, jak má všechno vypadat: jakým písmem jsou nadpisy, jakou barvu mají tlačítka, kolik místa je mezi sekcemi a jak se sloupce srovnají pod sebe na mobilu. Píše ho kodér, případně umělá inteligence, když si web necháte vygenerovat. Vy do kódu nesaháte. Řeknete, co se vám líbí, ukážete dva tři weby jako vzor a tvůrce to zapíše. Výhoda: vzhled je přesně na míru vašemu řemeslu a není ničím omezený. Nevýhoda: každou pozdější změnu vzhledu opět dělá tvůrce.

WordPress a web jako služba: vzhled dává šablona. Šablona je hotový „kabát“ webu, který si vyberete z katalogu a do kterého nasypete svoje texty a fotky. V nastavení pak měníte barvy, písmo a logo, bez kódu. Šablony existují pro každý obor a profesi: zadáte „electrician“, „plumber“ nebo „construction“ a vyjedou vám desítky hotových návrhů i s rozvržením stránek, které dává pro řemeslo smysl. U Webnode a Wixu je šablona součástí předplatného. U WordPressu je většina kvalitních šablon placená, obvykle jednorázově 1 500 až 2 500 Kč, ale bezplatné šablony existují také a pro jednoduchý web stačí.

• Avada (placená, univerzální): nejprodávanější šablona pro WordPress. Není dělaná pro jeden obor, ale má v sobě vlastní stavebnici stránek, kontaktní formuláře, galerie a stovky ukázkových webů, které si naimportujete a jen přepíšete. Daň za to: vyžaduje úvodní nastavení a chvíli učení. Vyplatí se, když chcete od webu víc než pět sekcí a nechcete kupovat pluginy zvlášť.
• Astra (bezplatná, s placeným rozšířením): lehká a rychlá, pro začátečníky nejpřívětivější. Má hotové ukázkové weby i pro řemesla, které si naklikáte během odpoledne. Základní verze zdarma na jednoduchý web stačí.
• Šablona z katalogu WordPressu (zdarma): v administraci pod Vzhled → Šablony jich jsou tisíce. Vybírejte ty s velkým počtem instalací a nedávnou aktualizací. Šablona, kterou autor dva roky neaktualizoval, se dřív nebo později rozbije.

Sedm pravidel, která zvládne každý

Nejhorší řemeslnické weby nevznikly z nedostatku nápadů, ale z jejich přebytku. Pět barev, tři písma, pohyblivé pozadí a blikající tlačítko. Když nemáte s designem zkušenosti, jednoduchost vždycky vyhraje nad snahou o efekt. Držte se tohoto:

1. Jednoduše, ne složitě. Bílé nebo světlé pozadí, tmavý text, jedna barva na tlačítka a zvýraznění. Žádné animace, stíny, přechody barev ani pozadí za textem. Jednoduchý web nikdy nevypadá lacině. Přeplácaný web vypadá lacině vždycky.
2. Nejvýš dvě písma. Jedno na nadpisy, druhé na běžný text. Klidně jen jedno. Na text vždy jednoduché bezpatkové písmo (typu Arial), na mobilu je nejčitelnější. Ozdobná a „rukopisná“ písma nepatří nikam, nanejvýš do loga. Kvalitní písma zdarma najdete na fonts.google.com, u šablon jsou obvykle už vybraná a stačí je nechat být.
3. Jedna hlavní barva plus černá nebo bílá. Přesně jak popisuji v kapitole 3. Barva patří na tlačítka a pár zvýraznění, ne na pozadí každé sekce. Text vždy tmavý na světlém nebo bílý na tmavém, nikdy světlý na světlém. Ověřte si to venku na slunci s mobilem v ruce.
4. Nechte webu vzduch. Prázdné místo kolem textu a mezi sekcemi není plýtvání, je to to, co dělá web přehledným. Nacpaný web působí jako přeplněná výloha večerky: je tam všechno, ale nic nevidíte. Když nevíte, jestli přidat další blok, nepřidávejte.
5. Pořádek a stejné velikosti. Všechny fotky prací ve stejném formátu a poměru stran, nadpisy stejné úrovně stejně velké, tlačítka stejného tvaru, ikony ze stejné sady. Nesrovnalosti návštěvník sice pojmenovat neumí, ale podvědomě mu snižují důvěru.
6. Jedna výzva k akci, stále na očích. Tlačítko s telefonem v hlavičce, na mobilu přilepené dole. Ne pět různých tlačítek s pěti různými texty. Na řemeslnickém webu chcete jediné: aby člověk zavolal nebo napsal.
7. Hlavní roli hrají vaše fotky. Web bez fotek z fotobanky, s vašimi zakázkami a vaší tváří, vypadá lépe než sebedražší šablona s usmívajícím se hercem v helmě. Pravidla pro fotky máte v kapitole 8. Design má fotky rámovat, ne s nimi soupeřit.

Poslední pravidlo, které je vlastně nad všemi ostatními: mobil na prvním místě. Většina lidí váš web uvidí na telefonu, často venku a ve spěchu. Písmo čitelné bez zvětšování, tlačítka dost velká na prst, nic, co by přesahovalo přes okraj. Technicky to rozebírám v kapitole 10.

To nejdůležitější: nikdo nečte, všichni skenují

Průzkumy chování lidí na webu se už dvacet let shodují na jednom: návštěvník přečte zhruba pětinu textu. Zbytek přelétne očima. Roluje palcem, zastaví se u nadpisu, u čísla, u tučného slova, u fotky nebo u tlačítka. Hledá záchytné body a rozhoduje se podle nich. Dlouhý odstavec na stránce služby přeskočí celý, i kdyby v něm bylo to nejdůležitější. Na prodejní stránce dlouhé texty nikdo číst nebude. To není jeho chyba, to je jeho způsob, jak šetřit čas, a web se tomu musí přizpůsobit.

Stejný obsah, jen jinak poskládaný. Přepínejte si sami:

Jak toho docílit na každé stránce, která má prodávat:

• Nadpis každých pár odstavců, a nadpis musí něco říkat. Ne „Naše služby“, ale „Co pro vás udělám a za kolik“. Ne „O nás“, ale „Kdo k vám přijede“. Test: přečtěte si na stránce jen nadpisy. Když z nich pochopíte, co nabízíte, je stránka dobře.
• Jedna myšlenka na odstavec, dvě až čtyři věty. Delší odstavec rozdělte, nebo z něj udělejte odrážky.
• Výčty do odrážek, ceny do tabulky. Věta „děláme baterie, odpady, bojlery, WC, rozvody a připojení spotřebičů“ je pro oko šum. Šest odrážek přečte každý.
• Tučně jen klíčová slova. Cena, lhůta, město, záruka. Když je tučně celý odstavec, není tučně nic.
• Čísla místo přídavných jmen. „Do 48 hodin“ místo „rychle“, „od 450 Kč“ místo „za příznivé ceny“, „přes 300 zakázek“ místo „bohaté zkušenosti“. Čísla oko zachytí, přídavná jména ne.
• Střídejte typy sekcí. Text, pak fotky, pak reference, pak text, pak ceník. Dvě textové sekce za sebou návštěvník vnímá jako jednu dlouhou a přeskočí obě.
• Ikony u služeb pomáhají, ale jen ze stejné sady a ve stejné velikosti. Sbírka různých obrázků z internetu vypadá hůř než žádné ikony.

Dlouhé texty: blog, návody, obchodní podmínky

Někde se dlouhému textu nevyhnete: článek na blogu, návod pro zákazníky, obchodní podmínky, zásady ochrany údajů. Tam lidé číst budou, ale jen když jim to usnadníte. Cíl je jediný: čtenář má v každém okamžiku vědět, kde v textu je, co už má za sebou a kolik ho ještě čeká. Přesně tak je poskládaný i tento návod, a i díky tomu v něm najdete, co potřebujete, za minutu místo za hodinu.

• Úvodní odstavec řekne, o čem text je a pro koho. Čtenář se rozhodne, jestli má číst dál, dřív, než ho odradí délka.
• Mezititulek každé tři až pět odstavců. Mezititulky jsou milníky na cestě. U návodů a podmínek je číslujte (1., 2., 2.1), u obchodních podmínek se pak na body dá odkázat („viz bod 4.2“) a zákazník je najde.
• Obsah s odkazy u textů delších než pár obrazovek. Seznam kapitol nahoře nebo po straně, jako menu vlevo v tomto návodu. Na mobilu rozbalovací.
• Rámečky pro to důležité. Vysvětlení pojmu, varování, tip. Žluté rámečky v tomto návodu jsou přesně to: oko je najde i při rychlém rolování.
• Obrázek nebo tabulka jako oddech. Po každých pár odstavcích něco, co není text: fotka, schéma, srovnávací tabulka.
• Shrnutí na konci. Tři věty „co si odnést“. Spousta lidí čte jen úvod a závěr, dejte jim v obou to podstatné.

10Co web musí umět: SEO, cookies, formulář, galerie

Pár technických věcí, které rozhodují o tom, jestli web někdo najde, jestli je legální a jestli přes něj někdo napíše. Vysvětlím je bez zkratek, a kde zkratka být musí, tak ji rozeberu.

Mobil na prvním místě

Šest až sedm návštěvníků z deseti přijde z telefonu, často přímo z místa, kde se něco pokazilo. Web musí být responzivní: přizpůsobí se šířce obrazovky, písmo je čitelné bez zoomování, tlačítka jdou trefit prstem a telefon se po klepnutí rovnou vytočí. Google navíc hodnotí weby podle jejich mobilní verze. Web, který na mobilu nefunguje, prakticky neexistuje.

Rychlost

Když se web načítá déle než tři sekundy, polovina lidí odejde. Nejčastější viník jsou obří fotky z telefonu (5 MB každá). Před nahráním je zmenšete na šířku kolem 1 600 pixelů a velikost pod 300 kB, ideálně ve formátu WebP. Tvůrce webu to udělá za vás, u Webnode si to musíte hlídat sami. Rychlost si změříte zdarma na pagespeed.web.dev.

Jak připravit fotky na web

Fotka z dnešního telefonu má kolem 4 000 × 3 000 pixelů a 4 až 6 MB. Na webu se ale nikdy nezobrazí větší než na šířku obrazovky, a v galerii jen jako náhled o šířce pár set pixelů. Zbytek dat prohlížeč stáhne zbytečně a návštěvník na mobilu čeká. Příprava fotky má dva kroky: zmenšit rozměr a pak zkomprimovat. Každý zabere pár sekund.

1. Nechte si originály. Před úpravou zkopírujte fotky do samostatné složky. Upravujete kopie, originál v plné velikosti se hodí na tisk nebo do reklamy.
2. Zmenšete rozměr. Cíl: 1 600 pixelů na šířku pro velké fotky (hero, fotka o vás), 1 200 pixelů pro fotky prací v galerii. Na Windows fotku otevřete v aplikaci Fotky, kliknete na tři tečky, „Změnit velikost“ a zadáte šířku. Na Macu v Náhledu zvolíte Nástroje, „Upravit velikost“. V telefonu to umí bezplatné aplikace jako Image Size (iPhone) nebo Photo Resizer (Android). Online bez instalace: squoosh.app, kde se rozměr nastaví v pravém panelu pod „Resize“.
3. Zkomprimujte. Nejjednodušší je tinyjpg.com (stejná služba jako tinypng.com): přetáhnete až 20 fotek najednou, za chvíli si stáhnete verze o 60 až 80 % menší, a na pohled nepoznáte rozdíl. Nastavovat nemusíte nic. Pokud chcete výsledek ve WebP, použijte squoosh.app, vpravo vyberte formát WebP a kvalitu 75 až 80.
4. Zkontrolujte velikost souboru. Velká fotka pod 300 kB, fotka do galerie pod 150 kB. Velikost vidíte v průzkumníku souborů ve sloupci Velikost. Když je fotka větší, snižte kvalitu, ne rozměr.
5. Pojmenujte soubory česky bez háčků a mezer. Místo IMG_4821.jpg dejte vymena-rozvadece-kladno.jpg. Google čte i názvy souborů a je to zdarma bod navíc pro SEO z další části.

Jak fungují formáty a jakou kompresi nastavit

Komprese se u fotek nastavuje jako kvalita na stupnici 0 až 100. Sto znamená skoro žádnou kompresi a obří soubor, padesát je viditelně rozmazané. Rozumné pásmo je 70 až 85: soubor má zlomek velikosti a na obrazovce, natož na mobilu, rozdíl od originálu nepoznáte. Pod 70 se začnou objevovat „kostičky“ kolem hran a v obloze.

SEO: aby vás vyhledávače našly

Jak vyhledávač rozhoduje, koho ukáže první? Zjednodušeně podle tří věcí: relevance (jsou na stránce slova, která člověk hledal?), důvěryhodnost (odkazují na vás jiné weby, máte recenze, existujete dlouho?) a technika (je web rychlý, funguje na mobilu, má HTTPS?). Pro řemeslníka je klíčové lokální SEO, tedy být vidět pro dotaz „řemeslo + město“.

• Klíčová slova jsou spojení, která lidé píšou do vyhledávače: „elektrikář Kladno“, „revize elektro Praha“, „podlahář Zlín“. Zjistěte, jak vaše řemeslo říkají zákazníci (ne jak se říká v oboru), a používejte to.
• Titulek stránky je text na kartě prohlížeče a modrý nadpis ve výsledcích Googlu. Musí obsahovat řemeslo a město: „Elektrikář Kladno | Jarda Novák, elektroinstalace a revize“.
• Meta popisek je dvouřádkový text pod titulkem ve výsledcích. Google ho neřadí, ale lidé podle něj klikají. Napište do něj, co děláte, kde a proč zavolat vám.
• Hlavní nadpis (H1) na stránce jen jeden a se stejným sdělením jako titulek.
• Jedna stránka na jednu službu. Pokud chcete být nalezitelní na „hromosvody Kladno“ i „revize elektro Kladno“, každá potřebuje vlastní stránku s vlastním textem. To je důvod, proč vícestránkový web stojí víc.
• Vlastní texty. Zkopírovaný popis od konkurence Google pozná a ignoruje.
• Google profil a Firmy.cz s odkazem na web. Pro lokální dotazy nejsilnější signál, viz kapitola 2.
• Zpětné odkazy: odkazy na váš web z jiných stránek (katalog, obec, dodavatel, článek). Každý slušný odkaz je pro Google hlas důvěry.
• Registrace do Google Search Console a Seznam Webmaster. Bezplatné nástroje, kterými vyhledávači řeknete „tady je nový web“ a pak vidíte, na co vás lidé hledají. Tvůrce webu to udělá při spuštění.

Realistické očekávání: nový web se v Googlu objeví do pár týdnů, na první stránku pro „řemeslo + město“ se vypracuje za tři až šest měsíců, pokud má správné texty, recenze a profil. Nikdo nedokáže garantovat první místa za určitou dobu, protože o tom rozhodují vyhledávače (SEO se dělá aby se toho docílilo, ale nevěřtě nikomu, kdo vám to garantuje). Přední pozice se dají koupit jen reklamou.

Cookies a GDPR: co musíte a co ne

• Cookie lištu potřebujete jen tehdy, když něco měříte nebo inzerujete. Statický web bez Google Analytics žádné cookies neukládá a lišta na něm je zbytečná. To je mimochodem důvod, proč řada mých Základních webů lištu nemá.
• Když měříte, platí v Česku od roku 2022 režim souhlasu předem (opt-in): dokud návštěvník neklikne „přijmout“, nesmí se nic měřit. Tlačítko „odmítnout“ musí být stejně viditelné jako „přijmout“. Lišta, kde je odmítnutí schované pod „nastavení“, je nezákonná.
• Zásady ochrany osobních údajů potřebujete, jakmile máte kontaktní formulář nebo měříte. Je to stránka, kde stojí, kdo údaje sbírá, proč, jak dlouho je uchová a jaká práva lidé mají. Vzor si můžete vzít z mých zásad.
• U formuláře stačí věta se zaškrtávacím polem: „Souhlasím se zpracováním údajů za účelem odpovědi na dotaz.“ A nesbírejte víc, než potřebujete: jméno, telefon, zprávu. Datum narození k opravě jističe nepotřebujete.
• Povinné údaje na webu: jméno nebo název firmy, IČ, sídlo a údaj o zápisu v živnostenském rejstříku. Patří do kontaktu nebo patičky.

Kontaktní formulář: méně polí, víc poptávek

Formulář je pro lidi, kteří nechtějí volat (večer, stydí se, chtějí přiložit fotku). Pravidla:

• Tři pole stačí: jméno, telefon, zpráva. Každé pole navíc odradí část lidí. E-mail nechte nepovinný.
• Ochrana proti spamu bez trápení lidí: skryté pole, které roboti vyplní a lidé nevidí (říká se mu honeypot), nebo jednoduchý příklad „kolik je 3 + 4“. Ne obrázkové hádanky s přechody pro chodce.
• Kam zpráva chodí: na váš e-mail, ideálně na ten na vlastní doméně. Vyzkoušejte to po spuštění a pak jednou za čas znovu.
• Děkovná stránka po odeslání s textem „ozvu se do dvou pracovních dnů“. A pak se opravdu ozvěte.
• Tlačítko Zavolat je důležitější než formulář. Řemeslníkům přijde devět z deseti poptávek telefonem. Formulář je doplněk.

Galerie prací: důkaz, ne album

• Účel: ukázat, že umíte to, co zákazník potřebuje. Vyberte podle toho, ne podle toho, co se vám nejvíc líbí.
• Množství: 10 až 20 fotek. Rozdělte podle typu práce (koupelny, kuchyně, fasády), ať člověk najde tu svou.
• Popisky: u každé fotky co, kde, kdy a ideálně za kolik. „Rekonstrukce elektroinstalace v bytě 3+1, Kladno, 3 dny, rok 2025, 48 000 Kč.“ Fotka s cenou je nejlepší ceník.
• Před a po je nejsilnější formát u malířů, podlahářů, zedníků i zahradníků.
• Technicky: zmenšené fotky (viz rychlost), načítání až při posunu k nim, po klepnutí zvětšení. Souhlas zákazníka s fotkou jeho domu si vezměte aspoň ústně.

Zálohy a bezpečnost

Statický web: záloha je kopie souborů, kterou má tvůrce a máte ji mít i vy. Víc netřeba. WordPress: automatická záloha aspoň týdně, aktualizace jádra, pluginů a šablony aspoň měsíčně, silné heslo do administrace a dvoufázové ověření. Pokud to nechcete dělat sami, zaplaťte správu. Nabouraný web, který rozesílá spam nebo přesměrovává na podvodné stránky, vás stojí důvěru i pozice v Googlu.

Měření: vědět, odkud lidi chodí

Nejrozšířenější je Google Analytics, zdarma, ale vyžaduje cookie lištu. Alternativa pro ty, kdo chtějí jen základní čísla bez lišty, jsou nástroje jako Plausible nebo Simple Analytics (placené, pár stovek měsíčně, neukládají cookies). Řemeslníkovi ale často stačí jedna otázka každému, kdo zavolá: „Kde jste na mě narazil?“ a čárka do sešitu.

11Máte web z roku 2010? Co to s návštěvníky dělá

Starý web není lepší než žádný. Často je horší, protože o vás něco říká. A neříká to nic dobrého.

Zákazník, který přijde na web s rozmazaným logem, textem přes celou šířku mobilu a „Aktualitami“ z roku 2016, si položí otázku: „Existuje ten člověk ještě? A když se takhle stará o web, jak se stará o práci?“ Není to fér, řemeslo s webem nesouvisí. Ale je to realita. Většina lidí odejde do tří sekund a zavolá dalšímu v pořadí, který web zjevně žijící má.

Otestujte si svůj web

Otevřete svůj web na telefonu a zaškrtněte, co platí. Nástroj nic neodesílá, výsledek uvidíte hned.

Co zastaralý web reálně způsobuje

• Odchod během tří sekund. Web, který na mobilu nefunguje, je pro polovinu návštěvníků nepoužitelný.
• Nižší pozice v Googlu. Vyhledávač hodnotí mobilní verzi, rychlost a HTTPS. Starý web prohrává ve všem.
• Ztráta důvěry. Konkurent s čistým webem a recenzemi působí dražší a lepší, i když není.
• Bezpečnostní riziko. Starý WordPress bez aktualizací bývá nabouraný a rozesílá spam, aniž o tom víte. Google ho pak označí jako nebezpečný.

Opravit, nebo postavit znovu?

Pokud web stojí na starém systému, je skoro vždy levnější postavit nový než opravovat. Co se ale musí zachovat: doména, texty, které v Googlu fungují, a staré adresy stránek. Tvůrce nastaví přesměrování (technicky „301“, trvalé přesměrování), aby stará adresa vasweb.cz/sluzby.html vedla na novou. Jinak přijdete o pozice, které jste za roky nasbírali, a o lidi, kteří mají starý odkaz uložený.

12Jak k webu přivést zákazníky

Spuštěný web je jako otevřená dílna na konci polní cesty. Skvělé místo, jen k němu musíte lidi dovést. Dobrá zpráva: u řemesla stačí málo.

Nedělejte si iluze, že po spuštění webu začne zvonit telefon. První týdny o webu ví jen Google a vaše rodina. Marketing řemeslníka má tři vrstvy a v tomhle pořadí se vyplatí je dělat.

Vrstva 1: základ zdarma, který musí mít každý

• Google profil firmy a Firmy.cz s odkazem na web (kapitola 2). Pro řemeslníka přinese víc než cokoli jiného.
• Recenze. Cíl: tři nové měsíčně. Kartička s QR kódem po každé zakázce.
• Adresa webu všude, kde už jste: polep auta, vizitky, podpis v e-mailu, faktury, pracovní oblečení, cedule na plotě u stavby („Tady pracuje Zednictví Beneš, zednictvibenes.cz“).
• Facebookový a Instagramový profil firmy s odkazem na web, i kdybyste přispívali jednou za měsíc. Lidé si vás tam ověřují.
• Zápis v místních zdrojích: obecní web nebo zpravodaj, místní skupiny na Facebooku (bez spamování, prostě reagujte, když někdo hledá řemeslníka).

Vrstva 2: krátkodobá reklama, když chcete zakázky hned

Placená reklama funguje jako kohoutek: pustíte, tečou poptávky, zavřete, přestanou. Hodí se, když máte volno v kalendáři nebo rozjíždíte novou službu.

• Reklama ve vyhledávání (Google Ads, na Seznamu Sklik). Váš web se ukáže nahoře, když někdo hledá „instalatér Brno“. Platíte za každý klik (říká se tomu PPC, pay per click), u řemesel typicky 15 až 80 Kč za klik. S rozpočtem 3 000 Kč měsíčně dostanete desítky návštěv od lidí, kteří právě teď něco potřebují. Nastavení zvládnete sami po dvou večerech s návody, nebo zaplaťte správce za 2 až 4 tisíce měsíčně.
• Reklama na Facebooku a Instagramu. Levnější za zobrazení, ale lidi zrovna nic nehledají. Funguje na fotky před a po a na místní cílení („lidé do 20 km od Písku“). Vhodné pro malíře, zahradníky, kuchyňské truhláře, tedy řemesla, kde si lidé nechají „dostat chuť“.
• Poptávkové servery a katalogy (Nejřemeslníci, ePoptávka, Firmy.cz placený zápis). Platíte za kontakt nebo měsíční poplatek a jste vidět tam, kde lidé řemeslníky hledají. Výhoda: přivádí lidi samy, marketing je v ceně. Nevýhoda: profil není váš, sedíte vedle konkurence a soutěžíte hlavně cenou. Berte to jako doplněk, ne jako náhradu webu.

Vrstva 3: dlouhodobý obsah, který pracuje roky

Když napíšete článek „Kolik stojí rekonstrukce elektroinstalace v bytě 3+1 a co ji prodražuje“, bude vám přivádět lidi z Googlu tři roky. Zadarmo. To je síla obsahu: efekt přijde za měsíce, ale nezmizí, když přestanete platit.

• Články na webu (potřebují WordPress, nebo statický web s doplňováním přes tvůrce). Pište o tom, na co se lidé ptají: ceny, jak dlouho co trvá, co si připravit, časté chyby. Jeden článek za měsíc bohatě stačí.
• Videa na YouTube nebo krátká na Instagramu: minutová ukázka práce z mobilu udělá víc než pět odstavců. Nemusíte mluvit, stačí titulek.
• Fotky na sociální sítě po každé zakázce, dvě věty k tomu. Pravidelnost je důležitější než dokonalost.

Jednoduchý plán na první půlrok

1. Měsíc 1: Google profil, Firmy.cz, vytištěné kartičky na recenze. Koupená doména.
2. Měsíc 2: Spuštěný web s texty, cenami, fotkami a recenzemi. Odkaz na web do všech profilů, na auto, do podpisu.
3. Měsíc 3 a dál: každý měsíc tři recenze, jedna fotka nebo článek, kontrola, jestli formulář chodí. Když je volno v kalendáři, pustit reklamu ve vyhledávání.
4. Pořád: každému, kdo zavolá, položit otázku „kde jste na mě narazil?“ a odpověď si poznamenat. Za půl roku víte, co funguje, a tam dáte peníze.

13Postup od A do Z: odškrtávejte si

Celý návod v jednom seznamu. Zaškrtnuté položky si prohlížeč pamatuje, takže se sem můžete vracet. Nic se nikam neposílá.

14Slovníček pojmů

Všechno, co na vás z nabídek a e-mailů může vypadnout, vysvětlené jednou větou. Abecedně.

Administrace (CMS)

Přihlašovací část webu, kde měníte texty a fotky bez znalosti kódu. Statický web ji nemá, WordPress ano.

B2B, B2C

B2C: prodáváte lidem (domácnostem). B2B: prodáváte firmám. U B2C patří na web ceny, u B2B stačí popis, jak nabídku připravíte.

Backlink (zpětný odkaz)

Odkaz na váš web z jiné stránky. Pro Google hlas důvěry, čím důvěryhodnější odkazující web, tím lepší.

Bílé místo

Prázdný prostor kolem textu, fotek a mezi sekcemi. Není to plýtvání, dělá web přehledným. Nacpaný web působí lacině.

Cookie

Malý zápisek, který si web uloží v prohlížeči návštěvníka. Používá se hlavně k měření návštěvnosti a reklamě, a proto vyžaduje souhlas.

Cookie lišta

Okno se souhlasem k cookies. Potřebná jen tehdy, když web měří nebo inzeruje. Odmítnutí musí být stejně snadné jako přijetí.

CSS

Soubor s pravidly vzhledu webu: písma, barvy, mezery, chování na mobilu. Obsah je zvlášť, vzhled zvlášť. U statického webu ho píše kodér, u WordPressu ho přináší šablona.

CTA (výzva k akci)

Tlačítko nebo věta, která říká, co má návštěvník udělat: „Zavolat“, „Poptat nezávazně“. Na webu má být vidět pořád.

Databáze

Šuplík na serveru, kde má web s administrací uložené texty, fotky a nastavení. Statický web ji nepotřebuje.

DNS

Nastavení domény, které říká, na kterém serveru web a e-maily běží. Mění se u registrátora, obvykle podle pokynů tvůrce webu.

Doména

Adresa webu, například klempirhonza.cz. Pronajímá se na rok u registrátora za zhruba 200 Kč. Vždy na vaše jméno.

Držitel domény

Osoba nebo firma, na kterou je doména zapsaná. Ten, kdo o ní rozhoduje. Musíte to být vy.

E-mail na vlastní doméně

Adresa typu info@klempirhonza.cz. U českých poskytovatelů je zdarma součástí hostingu. Placená pošta (Google Workspace, Microsoft 365) má lepší spamový filtr a víc místa, řešte ji až při konkrétním problému.

Freelancer

Samostatný tvůrce webů bez agentury. Pro řemeslníka obvykle nejlepší poměr ceny a výkonu.

GDPR

Evropské nařízení o ochraně osobních údajů. Na webu znamená hlavně: mít zásady ochrany údajů, souhlas u formuláře a nesbírat víc, než potřebujete.

Google Analytics

Bezplatný nástroj Googlu na měření návštěvnosti. Vyžaduje cookie lištu.

Google profil firmy

Bezplatná vizitka v mapách a vyhledávání Googlu s telefonem, hodinami a recenzemi. Pro řemeslníka nejdůležitější marketingový nástroj.

Hero sekce

První obrazovka webu bez posouvání. Musí říct, kde návštěvník je, jestli je to pro něj a co má udělat.

Hosting (webhosting)

Pronájem místa na serveru, kde leží soubory webu. Stovky až tisíce korun ročně podle typu webu.

HTTPS, SSL certifikát

Šifrované spojení, ten zámeček u adresy. Dnes povinnost, slušný hosting ho dává zdarma.

Klíčové slovo

Spojení, které lidé píšou do vyhledávače: „elektrikář Kladno“. Web má obsahovat ta, na která chcete být nalezen.

Komprese fotek

Zmenšení souboru fotky tak, že program zahodí detaily, které oko nevidí. Nastavuje se jako kvalita 0 až 100, pro web stačí 75 až 85. Zdarma na tinyjpg.com nebo squoosh.app.

Konverze

Okamžik, kdy se návštěvník změní v poptávku: zavolá, odešle formulář. Cíl každého firemního webu.

Landing page, jednostránkový web

Web, který má všechno na jedné dlouhé stránce. Pro většinu řemeslníků ideální začátek.

Lokální SEO

Optimalizace na dotazy „řemeslo + město“. Stojí hlavně na Google profilu, recenzích a textech s názvem města.

Meta popisek

Dvouřádkový text pod titulkem ve výsledcích vyhledávání. Podle něj lidé klikají.

Niche

Úzké zaměření na konkrétní skupinu zákazníků nebo typ práce. Méně lidí, víc důvěry, vyšší ceny.

Písmo (font)

Tvar písmen na webu. Pravidlo: nejvýš dvě písma, jedno na nadpisy a jedno na text, na text vždy jednoduché bezpatkové. Zdarma na fonts.google.com.

Plugin

Doplněk do WordPressu, něco jako aplikace v telefonu: formulář, galerie, zálohy. Každý plugin vyžaduje aktualizace, proto méně je víc.

PNG, JPG, SVG

Formáty obrázků. JPG pro fotky, PNG pro logo s průhledným pozadím, SVG vektorové logo pro tisk a polepy v libovolné velikosti.

PPC

Reklama, kde platíte za klik (Google Ads, Sklik). Funguje ihned a přestane s poslední platbou.

Přesměrování 301

Trvalé přesměrování staré adresy na novou. Nutné při změně domény nebo struktury webu, aby se neztratily pozice v Googlu.

QR kód

Čtvercový obrazec, který telefon přečte a otevře odkaz. Ideální na kartičky s prosbou o recenzi.

Rastr a vektor

Rastr (JPG, PNG) je mozaika čtverečků, při zvětšení se rozmaže. Vektor (SVG, PDF) je popis tvarů, zvětšíte ho bez ztráty.

Registrátor

Firma, u které kupujete doménu (VEDOS, Forpsi, Active24 a další).

Responzivní web

Web, který se přizpůsobí obrazovce telefonu, tabletu i počítače. Dnes samozřejmost.

Search Console, Seznam Webmaster

Bezplatné nástroje, kterými vyhledávačům nahlásíte web a vidíte, na jaká slova vás lidé hledají.

SEO

Optimalizace pro vyhledávače. Souhrn věcí, díky kterým vás Google a Seznam ukážou, když někdo hledá vaše řemeslo.

Server

Výkonný počítač připojený k internetu nonstop. Na něm bydlí weby. Kousek si pronajímáte jako hosting.

Statický web

Hotová sada stránek bez administrace a databáze. Nejrychlejší, nejbezpečnější, bez údržby. Obsah mění tvůrce.

Šablona

Předpřipravený vzhled webu (u WordPressu, Webnode), do kterého nasypete své texty a fotky. Rychlé a levné, ale bez vlastních fotek vypadá jako tisíc jiných webů. Pro WordPress například Avada nebo Astra.

Titulek stránky

Text na kartě prohlížeče a modrý nadpis ve výsledcích Googlu. Má obsahovat řemeslo a město.

Vendor lock-in (uzamčení u dodavatele)

Stav, kdy web běží jen v systému dodavatele a nejde přenést jinam. Typické pro Webnode, Wix a některé agentury.

VPS

Pronájem celého virtuálního serveru pro velké weby. Řemeslník ho nepotřebuje.

Web jako služba

Webnode, Wix a podobné: web si naklikáte a pronajímáte za měsíční poplatek. Po skončení plateb zmizí.

WebP

Moderní formát fotek pro web, o třetinu menší než JPG při stejné kvalitě. Zrychluje načítání.

Whois

Veřejný registr, kde zjistíte, jestli je doména volná a kdo ji drží. Pro .cz na nic.cz.

WordPress

Nejrozšířenější systém pro weby s administrací, zdarma. Vyžaduje pravidelné aktualizace a zálohy.

15Časté otázky k webu pro řemeslníky

Co se mě řemeslníci ptají, když už návod dočtou. Otázky k cenám a spolupráci se mnou najdete na hlavní stránce.