Kdo chce mít web na internetu, potřebuje hosting. To je místo, kde je web uložen a je úplně jedno, zda je to e-shop, klasická prezentace, diskusní fórum nebo srovnávač cen. Hosting je dům, a doména jeho adresa. Ale stejně jako se ve skutečném světě mohou domy diametrálně lišit (chata na zahrádce je zcela jiná stavba než mrakodrap na Manhattanu nebo velkosklad u dálnice), liší se od sebe i různé hostingy. A stejně jako v běžném životě potřebujete dům, který vám bude vyhovovat, je potřeba dobře vybrat i hosting.

Hosting pro prezentace a e-commerce

Už řadu let stavím a spravuji webové prezentace a e-shopy. Firemní stránky, magazíny a jiné „statické“ projekty vytvářím s pomocí technologie WordPress, u řešení pro e-commerce využívám osvědčenou platformu Shoptet. Shoptet poskytuje pro svá řešení svůj vlastní spolehlivý hosting, takže v tomto případě není co řešit. U WordPressu je situace trochu složitější.

Specifika Worpdressu

WordPress je jedním z nejpopulárnějších systémů pro tvorbu webu. Původně vznikl jako platforma pro tvorbu blogů, ale postupem času se vyvinul v naprosto plnohodnotné řešení pro malé, střední i velké weby. Nehodí se úplně na vše (např. pro již zmíněné e-commerce stránky nebo rozsáhlé dynamické systémy), ale statistiky (zde a zde) ukazují, že cca 35–38 % stránek na internetu běží na WordPressu. Prakticky je to už skoro půl miliardy webů – a to už něco znamená. WordPress má řadu výhod a některé nevýhody.

Mezi výhody počítám například tyto:

• Snadno se instaluje a používá,
• obsah dovede vytvořit i upravit opravdu každý jako když se píše ve Wordu,
• již v základu nabízí WP řadu užitečných funkcionalit od automatické optimalizace obsahu pro mobilní zařízení až po elegantní práci s multimédii,
• neuvěřitelná šíře šablon a pluginů, které přidávají funkce.

Ale zmiňme poctivě i ony stinné stránky:

• Web vytvořený na WordPressu může být – zejména při práci se složitějšími šablonami a při použití různých kombinací pluginů – pomalejší. To lze řešit optimalizací a různými triky pro zrychlení webu, ale právě i kvalitním hostingem,
• protože je WP tak populární, na weby neustále zkouší někdo zaútočit (hackeři). Kvůli tomu je mimořádně důležité web dobře zabezpečit.

Weby na WordPress se šablonou Divi

Už několik let tvořím wordpressové weby v prostředí Divi. To je šablona, nebo spíše vývojové prostředí z dílny Elegant Themes. Na Divi velice oceňuji neuvěřitelnou šířku i hloubku možností, které mi jako vývojáři nabízí. Díky ní člověk prakticky není omezen v tvorbě a může z pohledu grafiky a uživatelského rozhraní vytvořit prakticky cokoli si usmyslí. Když si někdy nevím rady, jak by se něco mohlo udělat, stačí se podívat do rozsáhlé databáze znalostí a videonávodů, které Elegant Themes dávají k dispozici, a je to.

Zkrátka a dobře – Divi mi skutečně přirostla k srdci a zatím jsem nenašel důvod, proč se dívat po čemkoli jiném. Jedinou stinnou stránkou (nebo nutnou daní) tohoto řešení jsou vyšší nároky na hosting.

Mé zkušenosti s levnými hostingy pro WordPress

Když jsem začínal tvořit weby, používal jsem téma West od A-themes. To není na hosting nijak přehnaně náročné. Z počátku jsem využíval levnější sdílené hostingy, které ročně stojí několik set korun, měsíčně kolem 60 až 80,- Kč (hostingy zdarma nezmiňuji, protože je nepovažuji pro komerční weby za řešení). Nějakou dobu to fungovalo, ale za poměrně krátkou dobu jsem si uvědomil, že jestli to s vývojem webů myslím vážně, bude potřeba zvolit něco rychlejšího. Po přechodu na Divi se tato potřeba stala ještě naléhavější.

Někdy se totiž stávalo, že na běžném hostingu po zadání adresy trvalo i několik vteřin (klidně i 5-8), než „server začal něco dělat“. Pro návštěvníka webu je z pohledu UX (uživatelské zkušenosti) nesmírně důležité, aby měl pocit, že stránka na jeho požadavky reaguje rychle, rychle se načítá atd. Při první interakcí se stránkou stačí i řád jednotek vteřin kdy se nic neděje, aby potenciální zákazník získal pocit, že s webem něco není v pořádku. Pak se dostavuje frustrace a významně se zvyšuje pravděpodobnost, že odejde jinam, kde vše funguje rychleji a lépe.

Jak už jsem zmiňoval výše: prezentace vytvořené na WordPressu je důležité pro zvýšení rychlosti optimalizovat. Tím spíše, pokud používáte komplexnější šablonu nebo některé pluginy (na tom samo o sobě není nic špatného, jen je nutné s tím počítat). Problém nastává ve chvíli, kdy už nevíte, co optimalizovat, ale web se neustále načítá pomalu (nebo alespoň ne tak rychle, jak si přejete). Pak už je zkrátka potřeba poohlédnout se po lepším hostingu.

Kde poběží WordPress rychle

Já osobně pro své klienty dlouhodobě využívám agenturní hosting v jednom datovém centru, takže problémy s rychlostí mě netrápí. Řada lidí ale může potřebovat rychlé řešení pro 1 či několik málo WP webů. Podle mých zkušeností to ale nejsou ty za několik desítek korun měsíčně (ač se tak často tváří).

Shodou okolností jsem před Vánoci dostal možnost vyzkoušet si hosting pro WordPress od firmy Ionos, optimalizovaný přímo pro weby běžící na enginu WP. Popravdě jsem o tomto poskytovateli předtím neslyšel a předvánoční doba byla tak hektická, že jsem se k vyzkoušení dostal až teď. Slíbil jsem, že popravdě napíši své zkušenosti bez příkras. Takže – do toho.

Test WordPress hostingu od Ionos

Na počátku jsem byl trochu skeptický. Mám zkušenosti s nastavováním hostingů od velkých mezinárodních hostingových společností. To někdy nebývá moc intuitivní. Ačkoli Ionos není českou firmou, má web i administrační rozhraní kompletně v češtině. Na některých místech je sice znát, že texty byly přeloženy z angličtiny (?) nebo jiného jazyka, někde je místo „OK“ na tlačítko napsáno „Tak“, ale to jsou jen drobnosti.

Práce v rozhraní

Založení účtu je jednoduché, platba rychlá a doslova během několika minut můžete hosting začít používat. To zmiňuji zejména proto, že u nejlevnějších hostingů často musíte čekat i několik hodin, než se hosting aktivuje a můžete s ním začít pracovat. U Ionosu šlo všechno rychle. Rozhraní je čisté a docela přehledné. Hledal jsem na Ionos recenze a zkušenosti ostatních lidí. Někdo zmiňuje, že pro začátečníka může být obtížnější např. nainstalovat v adminu WordPress nebo něco nastavit. Já si myslím, že i když jste v systému noví, instalace je otázkou chvilky a v každém případě je k dispozici velmi pěkná nápověda.

Zákaznickou podporu jsem otestoval formou chatu v okénku, vše bez problémů. Navíc je možné zavolat i na českou zákaznickou linku. Po zadání dotazu se mi operátor na chatu ozval zpět za 1 minutu (= rychle). Založení uživatele, databáze, mailu, registrace, koupě a napojení domény, aktivace SSL certifikátu – to vše zabere jen pár kliknutí.

Hned po instalaci WordPressu jsem nahrál Divi (pozor, tu nebo jakékoli jiné placené „téma“ musíte mít koupenou zvlášť, Ionos s nimi nemá nic společného) a naimportoval vzorový web s řadou funkcionalit (myslím, že se to rozložení jmenuje Digital Agency) a nainstaloval základní bezpečnostní a cache pluginy.

Test rychlosti hostingu

Práce v rozhraní WordPressu i Divi je svižná. Všechno reaguje tak, jak má. I na frontendu se web načítá velice rychle. Pomocí nástroje tools.pingdom.com. se prezentace načetla do 2 vteřin a i bez jakékoli další optimalizace dosáhla skóre B (85). To hodnotím jako výborný výsledek a s trochou optimalizace se bude dát dosáhnout i na „áčko“.

Cena WP hostingu Ionos

Běžná cena za rok je cca 3.900 Kč bez DPH, čili cca 393 Kč s DPH měsíčně včetně SSL certifikátu. To je více, než „desetikorunové“ hostingy, ale na druhou stranu má-li web vydělávat peníze, investice do kvalitního hostingu je nutností. V čase, kdy tento článek píšu (leden 2021) navíc běží akce s téměř 90 % slevou. Za takovou cenu doporučuji Ionos alespoň vyzkoušet. Myslím, že co se rychlosti týká, budete mile překvapeni.

V březnu 2019 byla spuštěna webová prezentace pro jihočeskou agenturu Hoffnung, s.r.o. Byznys model firmy spočívá ve zprostředkování kontaktu na seniory pečovatelům nebo pečovatelkám, které chtějí pracovat v německy mluvících zemích. Nový web Hoffnung plní zadané cíle na výbornou. Téměř okamžitě po spuštění majitelka firmy zaznamenala podstatné navýšení poptávek, a to bez jediné koruny utracené za média. Konverzní poměr odeslání přihlášky je téměř 4 %, zobrazení kontaktní stránky pak skoro 15 %. Pojďme se podívat, co k těmto číslům vedlo.

Předtím a potom

Podívejte se, jak vypadala původní a jak nová verze webu.

Původním zadáním bylo pouze přidat blog na starý web

Majitelka firmy, paní Kateřina van Griffin, se na mě obrátila s prosbou, zda by na původní web bylo možné přidat blog. Staré stránky za sebou měly již řadu let služby, nebyly přizpůsobeny provozu z mobilních zařízení, neobjevoval se na nich prakticky žádný nový obsah a také optimalizace pro co nejlepší zobrazení ve vyhledávačích (SEO) mělo opravdu velké rezervy. Proto jsem přišel s návrhem, abychom připravili nový web, který bude splňovat současné požadavky. Paní van Griffin souhlasila, a mohli jsme se pustit do práce.

Cíle nového webu: získat nové pečovatelky

Správné nastavení cílů je alfou a omegou každého marketingového projektu, a web v tomto smyslu není žádnou výjimkou. Právě plnění cílů je klíčové pro posuzování výkonu webu jako takového.

Hlavní cíl: Generování poptávek po zprostředkování práce pečovatelky. Konverze má formu odeslané nezávazné přihlášky, případně také odeslaného formuláře s dotazem.

Dílčí cíle: Zobrazení stránky s kontaktem, telefonát do agentury, šíření povědomí o značce Hoffnung, poskytnutí objektivních informací potenciálním uchazečům a uchazečkám o pečovatelskou práci.

Technologie: WordPress

Jako všechny webové prezentace od Marketing Mind, i nový web Hoffnung běží na WordPressu. Na něm je použita spolehlivé jádro šablony Divi. Díky tomu se web jednoduše upravuje, možnosti designu jsou prakticky neomezené a navíc se všechno správně zobrazuje jak na počítačích, tak tabletech i mobilních telefonech. Ale to není všechno. Web se také načte za méně než vteřinu, což návštěvníci opravdu oceňují – a odpovídá tomu i konverzní poměr.

Cílová skupina: zájemci o práci pečovatelky

Primární cílovou skupinou webu jsou lidé, kteří chtějí vykonávat pečovatelskou práci v německy mluvících zemích. V 99 % případů jsou to ženy, ale abychom nikoho nediskriminovali, počítáme i s možným zájmem ze strany mužů – pečovatelů. Prvním krokem, který následoval po definici vlastních cílů webu, proto byla pečlivá analýza jeho uživatelů. Je to nezbytné, protože pokud bychom tento krok vynechali, stavěli bychom na velmi vratkých základech. Každý řetěz je tak silný jako jeho nejslabší článek. Proto jsme analyzovali:

1. Jaké úkoly před sebou mají potenciální pečovatelky
2. Čeho se zájemkyně o práci pečovatelky (otevřeně nebo skrytě) obávají
3. Jak na to můžeme reagovat = co je naše hodnotová nabídka

Analýza konkurence: cenné informace z trhu

Zhodnotil jsem strukturu původního webu, silné a slabé stránky zadavatele, požadavky potenciálních pečovatelek a vše zasadil do kontextu konkurenčních internetových stránek. Z toho vyšel seznam bodů, které nová prezentace nutně musí obsahovat, na co se zaměřit nejvíc a co nemusí být komunikováno s takovým důrazem.

Konkurenční pozice

Web musí nějak působit a srozumitelně komunikovat hodnoty, které jsou pro značku Hoffnung charakteristické. To znamená, že je nutné respektovat pilíře, na nichž značka stojí, případně je rozumně poupravit tak, aby byly ještě pevnější. K tomuto tématu se vrátíme ještě při tvorbě textů a grafického návrhu.

Analýza klíčových slov odkryla, jak pečovatelky hledají zaměstnání

Když chceme vytvořit web, který mají lidé najít, musíme se podívat, jakým způsobem ho budou hledat, respektive jak nyní hledají naši konkurenci. K tomu slouží analýza klíčových slov. Pro Hoffnung šlo o analýzu spíše menšího rozsahu. Ukázalo se, že relevantních spojení (např. pečovatelka v Rakousku, hledám práci jako pečovatelka apod.) je celkem 219 a celkový objem hledanosti je přibližně 51 tisíc hledání za měsíc.

Informační architektura určila novou strukturu webu

Je důležité, aby informace zveřejněné na webových stránkách byly prezentovány srozumitelně. Základním předpokladem, který k takovému výsledku vede, je informační architektura. Z té vychází struktura webu (jaké stránky bude obsahovat) i nastavení optimálního toku návštěvnosti (tj. jak budou návštěvníci postupovat při prohlížení webu). Cílem je, aby vše bylo maximálně intuitivní, srozumitelné, přehledné a jednoduché.

V případě nového webu Hoffnung.cz postupně vykrystalizovaly tyto hlavní sekce:

1. Pečovatelka v zahraničí (pracovní náplň, podmínky a často kladené dotazy)
2. Zapojte se (podat přihlášku a formuláře)
3. Blog (příspěvky na téma péče o seniory v zahraničí)
4. O nás (příběh a reference)
5. Kontakt

Drátěné modely stránek

Když je jasné, jaké stránky bude nový web obsahovat a jaká bude jejich role, je čas na přípravu tzv. drátěných modelů. Tento krok doporučuji nepřeskakovat. Hlavním přínosem drátěných modelů je totiž ujasnění, na jakém místě konkrétní stránky má být text, kde obrázek, kde formulář nebo interaktivní prvek apod.

Tvorba textů pro web – copywriting

Při tvorbě textů je copywriter mezi mlýnskými kameny. Je totiž důležité připravit obsah tak, aby byl zajímavý, ani dlouhý ani krátký, dostatečně úderný a zároveň optimalizovaný pro vyhledávače – to aby byl web k nalezení. Všechno souvisí s rozsahem webu jako celku. Texty navíc musejí svým laděním odpovídat konkurenční pozici značky. V případě Hoffnung.cz má být jasně patrné, že jde o seriózní firmu s docela dlouhou historií. Je potřeba, aby potenciální pečovatelky našly všechny potřebné informace – a pokud možno maximálně na jedno, dvě kliknutí daleko. Texty zároveň musejí obsahovat klíčová slova, která byla v rámci analýzy klíčových slov označena jako prioritní.

Grafický návrh

Barevné schéma

Až když jsou hotovy všechny předcházející fáze, můžeme začít připravovat grafickou podobu nové prezentace. V případě projektu Hoffnung, s.r.o. bylo k dispozici již dříve připravené logo (ne z dílny Marketing Mind). To definovalo základ barevnosti (tmavě fialová barva je důstojná, hluboká a důvěryhodná). Doplnili jsme ji variací žlutá/oranžová a světlejší fialovou. Odlehčení si vzala na starost bílá a světle šedá.

Typografie/písmo

Typograficky jsme vycházeli z toho, že písmo musí být dobře čitelné a zároveň nesmí být těžké a příliš konzervativní. Proto na webu používáme font Quicksand v několika řezech. Quicksand nabízí širokou škálu tloušťek – od velmi tenkých až po opravdu silné.

Obrazy

Protože celým webem prostupuje téma péče o seniory, zcela jednoznačně bylo zapotřebí to převézt do řeči obrazů. Proto titulní stránce dominuje obličej spokojené a sympatické starší dámy, na další klíčové stránce Pracovní náplň pak vévodí propletené ruce pečovatelky a seniora. Za každou cenu bylo nutné vyhnout se kýčovitým a uměle hraným obrazům, které se ve fotobankách objeví na téma „senior care“ hned na prvních stránkách. Jde totiž o zachování autenticity.

Praktické výsledky

Téměř ihned po spuštění nového webu jsme zaznamenali výrazný nárůst v počtu přihlášek, mailů i telefonátů. Lidé, kteří přijdou z vyhledávačů (zejména Google a Seznam), tráví na webu více než 4 minuty a míra okamžitého opuštění stránek je na úrovni 40 % z obou těchto zdrojů. Seznam organic navíc dosahuje míry konverze odeslání přihlášky dokonce více než 14 %, což je opravdu výborný výsledek. Při srovnání s minulostí je také patrný podstatný absolutní nárůst publika z přirozeného vyhledávání.

Potřebujete také nový web?

Rád vám pomohu s poctivou přípravou i realizací webové prezentace vaší firmy nebo projektu. Mým cílem není nabídnout nejlevnější řešení ze všech, ale výsledek, který bude dobře fungovat a velmi brzy se sám zaplatí. Stačí mě jen kontaktovat a domluvíme se.

 

WordPress je nejpopulárnější redakční systém pro tvorbu a správu webových stránek na světě. 32 % stránek na internetu běží na WordPressu. Celkový počet jeho instalací  se blíží číslu 20 milionů. 

---

Původně byl WordPress určen pro tvorbu blogů, postupem času se však platforma vyvinula ve zcela plnohodnotný nástroj pro weby živnostníků, malých a středních firem, neziskových organizací i větších projektů. Ostatně podívejte se sami na příklady mnou vytvořených webů, které běží na WordPressu. Tento systém má řadu výhod i nějaké nevýhody (řešení, které by mělo jen samé výhody, na světě neexistuje).

Princip práce s WordPressem

WordPress je systém s neuvěřitelně širokými možnostmi. Napadá mě, že je to podobné jako se psy:

Jak čivava, tak německý ovčák jsou psi. Liší se však od sebe tak, že byste je na společného předka skoro netipovali. S WordPressem je to podobné. Můžete z něj vytvořit jednoduchou mikrostránku i rozsáhlý publikační web. A v obou případech bude fungovat skvěle.

Začněme instalací.

Instalace WordPress

Vše funguje tak, že na hosting (na jehož kvalitě opravdu záleží a nevyplatí se šetřit!) se nahraje jádro systému. To se stahuje jako ZIP, nahrává se rozbalené (odkaz na stažení je dole), propojí se s vytvořenou databází a na několik kliknutí se systém nainstaluje. Tento krok není nijak složitý, stačí v podstatě jen znát správné přístupové údaje a vytvořit si login.

Výběr šablony

Po instalaci máte čistou verzi WordPressu, která obsahuje standardní šablonu (teď v lednu 2019 je aktuální Twenty-nineteen). Web se dá postavit i na ní, ale je to sice kvalitní, přesto generická šablona. Proto doporučuji dvě cesty:

• vybrat si šablonu (zdarma nebo placenou); já osobně stavím prakticky všechny weby na úžasné Divi
• nakódovat si vlastní šablonu (na to ale musíte umět programovat)

U řady šablon máte předpřipravené sekce, stránky, vzhled blogových příspěvků apod. Práci výrazně usnadní, pokud využívají i WYSIWYG editor. Ten výrazně usnadňuje práci. A například Divi má svůj vlastní, pravidelně aktualizovaný Divi Builder. Téma West používá PageBuilder (plugin, který lze zdarma stáhnout). Ale ten není ani zdaleka tak dobrý jako Divi Builder.

Přizpůsobení šablony

Web je potřeba odlišit od konkurence. Toto téma velmi úzce souvisí s pozicí značky, informační architekturou i obsahem, webovými texty a v neposlední řadě i designem. Zde bych pouze rád připomněl, že začínat grafickým designem je chyba. Musí mu předcházet řada kroků, včetně analýzy cílů, zákazníků, konkurence, analýza klíčových slov atd.

Funkce webu a pluginy

Pokud je potřeba, aby web uměl nějakou činnost (odeslání formuláře, registrace do newsletteru atd.), kterou WordPress sám od sebe neumí, existují tisíce a tisíce pluginů, které lze do systému přidat. Doporučuji používat pouze odzkoušené, široce používané, vývojáři dobře podporované a vzájemně kompatibilní pluginy. Kvalitní šablony, jako třeba Divi, mají řadu funkcionalit zabudované v sobě, nebo přímo seznam doporučených pluginů.

Důležitá poznámka: Některé věci není třeba řešit pluginy. Typicky jde například o nasazení kódů pro sledování Google Analytics či jiných systémů. To lze vyřešit přidáním pár řádků do kódu. Čím více pluginů se totiž používá, tím více je potřeba výkonu pro generování podoby webu jak ho vidí uživatel. A proto je zbytečné systém zatěžovat.

Návody a tutoriály

Protože je WordPress tak rozšířený a pracuje s ním tolik lidí, existuje také řada návodů, jak zprovoznit či upravit tu či onu funkcionalitu. Já jsem napsal například Jak posílat zprávy pomocí SMTP, Jak přesunout web na nový hosting apod.

---

Tvořím weby pro malé a střední firmy

Jsem marketingový konzultant a pomáhám firmám i jednotlivcům růst. Tvořím webové prezentace na zakázku na WordPressu. Pokrývám celý proces tvorby značky a loga přes analytickou část až po návrh a realizaci komunikačních kampaní. Rád pomohu i vám. Stačí se jen ozvat.

---

Další zdroje informací:

• Statistiky ↑ o WordPressu (Codeinwp)
• Stažení zdrojových souborů ↑ WordPress
• Placené šablony pro WordPress – ThemeForest ↑
• Konference WordCamp 2018, 2019
• WPbeginner.com ↑ – pokladnice informací o WordPressu

 

23. února (sobota) proběhne v Praze již tradiční konference pro všechny příznivce platformy WordPress. Čeká na nás 10 přednášek, 2 workshopy, networking a afterparty. Pražského WordCampu jsem se osobně poprvé účastnil vloni a rozhodně jsem nelitoval. Na co se můžeme těšit letos?

---

Program konference

Program bude rozdělen do dvou linií – pro vývojáře (kódování, technické aspekty) a pro uživatele (běžná tvorba a správa webů na WordPressu).

Vstupenky jsou k dispozici zde ↑, jedna stojí 499,- Kč. Akce se koná v areálu pražské Vysoké školy ekonomické (VŠE) na Churchillově náměstí.

Důvody, proč na konferenci přijet osobně

Pravdou je, že všechny přednášky z WordCampu jsou k dispozici online na YouTube (rok 2018 pro uživatele zde ↑a pro vývojáře zde ↑). Za sebe však musím říci, že osobní účast je něco jiného, mnohem lepšího. Jednak máte možnost osobně vidět špičky v oboru a pokládat jim dotazy, zadruhé můžete potkat řadu nových lidí z oboru a možná i potenciální klienty či dodavatele (a nebo stávající klienty, jako se to vloni povedlo právě mně).

Být přímo na akci je příjemné zpestření. Vzdělávat se a nedívat se přitom do monitoru či knížky je moc fajn. V neposlední řadě pak sezení v posluchárně vyvolává hezké vzpomínky na studentská léta (dnes už se ve vysokoškolském prostředí pohybuji jako přednášející a zkoušející externista).

A nesmím zapomenout na to, že právě díky WordCampu 2018 jsem začal pro tvorbu webových prezentací používat skvělou a neuvěřitelně flexibilní šablonu Divi, na kterou nedám dopustit. No a aby toho nebylo málo, shodou okolností si mě vloni všiml i konferenční fotograf a skončil jsem v albu WordCamp ↑ Praha 2018. Tak na shledanou v sobotu 23. února v Praze!

---

Jsem marketingový konzultant. Pomáhám tvořit a budovat značky včetně loga. Navrhuji a stavím webové prezentace pro malé a střední firmy, texty pro web i jiné použití (copywriting) a plánuji i realizuji také komunikační kampaně. Zkrátka realizuji kompletní online marketing. Rád pomohu i vám. Stačí mě jen kontaktovat.

---

Další informace:

• oficiální stránky konference ↑

Divi je vynikající placená šablona (nebo možná přesněji řečeno prostředí) pro tvorbu webových stránek, které běží na systému WordPress. Jejím tvůrcem je firma Elegant Themes a pravděpodobně jde o jednu z nejpoužívanějších profesionálních šablon na světě.

Výhody Divi

Téma (šablona) Divi má řadu výhod a mezi ty nejdůležitější jako marketingový konzultant řadím tyto:

1. fantastické možnosti pro kreativní zpracování webu (téměř bez limitů)
2. skvělá a dlouhodobá zákaznická podpora
3. univerzálnost použití
4. technologická vyspělost a neustálý vývoj
5. obrovské množství dostupných zkušeností, tipů a triků (jak Elegant Themes, tak i řada samostatných vývojářů nebo vývojářských firem zveřejňují různé „how to“ návody a tutoriály)
6. jednoduchost použití: Divi obsahuje WYSIWYG editor, takže tvorba i úprava stránek je pohodlná
7. možnost stáhnout si připravené layouty a naučit se díky nim co jak dělat

Na WordPressu jsem postavil již celou řadu webů. Některé byly pro firmy, jiné pro jednotlivce, další pro neziskové organizace a ještě další pro mé přátele nebo pro své vlastní projekty. Vyzkoušel jsem spoustu šablon. Namátkou West od A-Themes, Dyad, Kontrast a další (to jsou jen ty, na které si rychle vzpomenu). Kromě WordPress šablony West se žádná Divi ani vzdáleně nepřiblížila – jak z pohledu funkcionalit, tak možností pro tvorbu designu. Nicméně vývoj West byl již zřejmě zastaven a její poslední update je z roku 2016.

Mé začátky s Divi

Jak jsem se vlastně k Divi dostal? Nejdříve asi přes nějaké fórum nebo reklamu na Facebooku. Na WordCamp Praha v roce 2018 pak někdo zmínil, že Tomáš Cirkl už nestaví weby na ničem jiném než na Divi. Tak jsem si koupil licenci (89 USD na rok), téma nainstaloval a vyzkoušel, co umí. Po necelém týdnu jsem si aktivoval doživotní členství a aktualizace – dalších 160 USD. Vynaložených peněz jsem ale nikdy ani na chvilku nezalitoval. Mám zajištěny veškeré průběžné aktualizace, Divi byla výborně připravena na přechod na WordPress 5.0 a pořád v ní přibývají nové a nové funkce.

Na co dát pozor?

Jestli jsem zaznamenal nějaké potíže? Ano, dílčí, ale nejde o žádné tragédie. O co konkrétně šlo: WordPress může mít problémy s rychlostí. Hodně důležitá je kvalita hostingu, klíčovou roli však hraje i vlastní nastavení, použité pluginy, velikost obrázků, minifikace kódů apod. Kvalitní hosting se mimo jiné pozná i v tom, jak dlouhé jsou prodlevy „Waiting for Server“ ve vodopádovém diagramu (např. Pingdom Tools).

Divi mohu jen doporučit

Celkově mohu Divi jen doporučit. Když píšu tyto řádky, mám před sebou 4 webové projekty, které na této technologii poběží. Rozšíří tak portfolio prezentací jako Čápátka.cz ↑, AkademieBudějovice.cz ↑, Rudovský.cz ↑ nebo Zámecká kamnářská manufaktura ↑.

---

Další užitečné informace:

• Web Elegant Themes ↑
• Pingdom Tools pro měření rychlosti webu ↑

 

24. února proběhne v Praze již tradiční konference o fantastickém systému pro vývoj webů WordPress. WordCamp bude opět rozdělen na sekce pro uživatele a developery. Na takové akci nemůže Marketing Mind chybět.

---

WordCampy jsou po celém světě

Z globální perspektivy proběhlo již téměř 800 konferencí WordCamp. Podívejte se na loňskou úvodní pražskou přednášku sekce Uživatel.

YouTube kanál se záznamem všech přednášek najdete tady.

Co od konference čekat?

Především setkání s českou wordpressovou špičkou. Důležité informace a sdílení zkušeností, které ocení každý, kdo chce odvádět kvalitní práci a stavět poctivé weby. Zajímavé přednášky, workshopy a případové studie. A především – networking.

---

Další informace k tématu:

• Globální web konference ↑
• Český web konference ↑

 

Rychlost webu je důležitá jak pro uživatelskou přívětivost (UX), tak pro vyhledávače (SEO). Existují statistiky, které říkají, jak se projevuje každé vteřinové zpoždění v reakci na různých metrikách (např. zde ↑ nebo  zde ↑). Existuje celá řada návodů jak web zrychlit, nicméně mnohé stojí a padá s kvalitou hostingu.

Jak se migruje na nový hosting

V minulosti se nám u několika klientů stalo, že původně dobrý hosting se zpomalil, stránky se načítaly neúměrně dlouho a celkově se tak snižoval potenciál pro provedení konverzí. Snaha o jejich navýšení (CRO) sice přinášela dílčí výsledky, ale celkově bylo vše horší. Takže řešení zbylo jediné – přejít na nový, lepší hosting. Migrace webu není úplně triviální, zároveň ji však lze provést i bez znalostí programování.

Přehledné návody na přesun webu, který jede na WordPress

Naposledy jsem procesem přesunu webu na nový hosting procházel tento týden. Zde bych rád shrnul několik základních možností, na všechny z nich podrobně vysvětlené najdete odkazy na konci článku – včetně tipů, co se může pokazit a na co dát obzvlášť pozor.

Základní postup

V zásadě je možné shrnout postup do těchto kroků:

1. Záloha webu
2. Záloha databáze
3. Změna údajů v souboru wp-config.php v záloze webu
4. Nahrání webu na nový hosting
5. Nahrání databáze
6. Ověření funkčnosti
7. Změna v DNS u registrátora domény (aby doména směřovala na nový hosting)
8. (Tvorba nových e-mailových schránek, zrušení starých, nastavení poštovního klienta)

Budete potřebovat přístupové údaje k webu (FTP) a k databázi (MySQL) jak u starého, tak u nového hostingu a dále i nastavení DNS serverů.

Provedení ručně nebo pomocí různých pluginů

Celou zálohu i přesun webu a databáze můžete udělat ručně, nebo využít speciální plugin. Hezky to popisuje Tomáš Cirkl na WPLama.cz (plugin Duplicate).

Jednoduchý návod krok za krokem

S pokorou jsem si nechal poradit, jak web přenést. Hodně mi pomohly návody, na které v tomto článku odkazuji. Pokusil jsem se doplnit i své zkušenosti podle toho, co mi v jednotlivých článcích chybělo. Vše by měl zvládnout při troše štěstí i začátečník (všem rozhodně doporučuji právě i zmíněný web WP Lama).

1. Záloha webu

Přihlaste se na hosting pomocí nějakého FTP klienta (dobrá je např. FileZilla ↑) a stáhněte si celý obsah webu do adresáře na svém PC.

2. Záloha databáze

Přihlašte se do administrace své databáze pomocí phpMyAdmin. Vstupte do databáze a dejte Exportovat. Uloží se soubor s příponou .xml.

3. Změna údajů v souboru wp-config.php

V souboru wp-config.php (je v kořenovém adresáři webu) upravte (např. pomocí programu Poznámkový blok) údaje u:

• define(‚DB_NAME‘, ‚původní název‘); na define(‚DB_NAME‘, ‚nový název‘);
• define(‚DB_USER‘, ‚původní uživatel‘); na define(‚DB_USER‘, ‚nový uživatel‘);
• define(‚DB_PASSWORD‘, ‚původní heslo‘); na define(‚DB_PASSWORD‘, ‚nové heslo‘);
• define(‚DB_HOST‘, ‚nový host‘);

Doporučuji udělat si z původního souboru záložní kopii pro všechny případy.

4. Nahrání webu na nový hosting

Nyní se pomocí FTP klienta přihlašte na nový hosting a nahrajte tam původní web s upraveným souborem wp-config.

5. Import databáze

Nyní vstupte do nové databáze – opět např. v phpMyAdmin a pomocí kliknutí na Import nahrajete databázové tabulky webu.

6. Ověření funkčnosti

Teď by vše mělo fungovat. Pokud ne, na konci jsou tipy na to, co zkontrolovat. Jak zjistíme, zda web jede? Je třeba změnit údaje v souboru hosts na vašem (ano, vašem) PC (a ano, jmenuje se jen hosts). Díky těmto změnám se bude v prohlížeči (Chrome, Edge, …) místo původního hostingu, kam je pořád směřován oficiální provoz, zobrazovat hosting nový – a jen vám.

Jak otevřít soubor hosts a co v něm upravit

1. Nejdřív si otevřete Poznámkový blok jako správce (najděte ho v nabídce Start, klikněte pravým tlačítkem – spustit jako správce).
2. Otevřete soubor hosts. Dostanete se k němu takto: Váš disk → Windows → System32 → drivers → etc → soubor hosts.
3. Do tohoto souboru přidejte řádek: IP adresa hostitele (tj. číslo.číslo.číslo.číslo) www.vasedomena.cz např.:
   1.1.1.1 www.vasedomena.cz
4. Uložte.

Teď vymažte cache prohlížeče nebo si pusťte nové anonymní okno a zadejte vaši doménu. Vše by mělo fungovat. Pokud to funguje, zase vymažte ten přidaný řádek ze souboru hosts.

7. Změna DNS serverů

Tuto změnu provedete tam, kde máte registrovanou svou doménu. Důvodem je, aby při zadání jména domény do adresy v prohlížeči (např. www.marketingmind.cz) bylo odkazováno na nový hosting. To se provádí tak, že u registrátora vyplníte políčko ve formuláři a on změnu provede. Změny se provedou do cca 24 hodin.

8. Vytvoření e-mailových schránek na novém hostingu

Aby vám chodila pošta (pokud máte na doméně nějaké maily), je třeba na novém hostingu vytvořit příslušné schránky (se stejným názvem, jako měly ty staré). Nezapomeňte také nastavit aktuální údaje ve svém poštovním klientovi. Po 24 hodinách smažte původní schránky na starém hostingu.

Co se může pokazit a na co dát pozor?

Pokud jste měli jen trochu štěstí, přesun proběhl v pořádku. Pokud ne, zkuste jít krok po kroku a mít jistotu, že každý proběhl řádně, jak měl. Z vlastní zkušenosti doporučuji přesouvat web s naprostým minimem pluginů. Např. fantastický WordFence ↑ v mém přenosu udělal neplechu tím, že měl v sobě nastavenou špatnou cestu (platnou u původního hostingu) – soubor user. Zkuste se proto podívat na základní soubory, zda v nich není něco podobného. Podívejte se i na seznam odkazů zde dole.

---

[wp-review id=“1086″]

---

Další informace k tématu přesunu webu na nový hosting:

• Přesun pomocí pluginu Duplicate ↑ (WP Lama)
• Migrace webu na nový hosting/doménu ručně ↑(WP Lama)
• Přesun webu na nový hosting/doménu ↑ (WordPress Sensei)
• Téma přesunu na CWordPress ↑
• How to Move WordPress From Local Server to Live Site ↑ (WP Beginner)
• 25 Common WordPress Errors and How to Fix Them ↑ (WP Beginner)
• How to fix error 500 ↑ (WP Beginner)
• Common WordPress Errors ↑ (WordPress.org)

 

WordPress je populární redakční a publikační platforma, která pohání miliony webů na celém světě. Běží na ní třeba The New Yorker nebo Baťa. Dává-li něco lidem svobodu slova, je to podle mého názoru právě WordPress.

WordPress využívá technologii programovacího jazyka PHP a MySQL databázi. Původně šlo o blogovací platformu a například v administračním rozhraní je to vidět dodnes. Nicméně systém jako takový je tak variabilní, že u mnohých webových prezentací vůbec nepoznáte, že by mohly mít něco společného s blogem. S WordPressem jsem se pracovně poprvé setkal v roce 2013 a od té doby mi opravdu přirostl k srdci.

Výhody WordPressu

Osobně se domnívám, že výhody dalece převažují nad nevýhodami. Posuďte sami.

Variabilita

Tento redakční systém je neuvěřitelně přizpůsobitelný. Lze na něm postavit téměř vše – od osobního blogu o politice ↑ až po e-shop ↑.

Snadnost instalace a ovládání

V základu se WordPress instaluje velmi jednoduše. Stejně tak i základní nastavení není vůbec složité. Stačí znát přístupové údaje, mít k dispozici databázi a už to jede. WordPress se v podstatě nainstaluje sám a můžete začít publikovat. Pro přizpůsobení si můžete nainstalovat šablonu, která vám nejvíc vyhovuje.

Neuvěřitelné možnosti personalizace

V základu nabízí tento systém několik blogových šablon. Celá řada je jich k mání zadarmo v oficiálním repositáři. Dále existují placené šablony. Za poplatek nejčastěji do 50 USD si můžete koupit v podstatě jakoukoli – od template pro magazín až po rozsáhlou internetovou encyklopedii.

Funkcionality dodané pomocí pluginů

WordPress můžete v podstatě libovolně rozšiřovat. Na jeho jádro můžete nabalovat tzv. pluginy. V podstatě jde o programy, které mají určitou funkci. Některé plní roli zabezpečení, jiné do systému přidají funkcionalitu e-mailingu, další umožní editovat tlačítka, jiné vytvoří obrázkovou galerii. Jednoduše – vybere si úplně každý. Celá řada pluginů je zdarma, jejich vyšší verze však bývají placené.

Cena

WordPress jako takový je zadarmo. Jak bylo uvedeno výše, je jej však možné rozšiřovat o různé placené (prémiové) funkcionality.

Nevýhody WordPressu

I WordPress má své nevýhody. Zde popisuji ty, které osobně považuji za hlavní.

Díry v bezpečnosti, pokud jí nevěnujete dostatečnou pozornost

Protože systém WordPress je velmi populární, spousta zlých lidí se snaží využít mezer v pozornosti a dostat se do stránek, jejichž autoři nechali pootevřená dvířka. Ihned po instalaci WordPessu proto velmi doporučuji zabezpečit systém pomocí pluginů jako je WordFence ↑ a iThemes Security ↑. Je také nutné udržovat systém v aktuální verzi, protože vývojáři neustále pracují na zabezpečení systému. To platí i pro šablony a pluginy.

Rychlost

WordPress může být… pomalejší. A často také je. Naštěstí existuje celá řada pluginů a postupů, které na tuto výzvu dokáží reagovat. Co doporučuji?

1. kvalitní hosting
2. pluginy WP SuperCache ↑, Autoptimize ↑, Check and Enable GZIP Compression ↑
3. optimalizovat obrázky (aby měly co nejmenší velikost)

Bez základní znalosti HTML/CSS se mimo základ neobejdete

Nejzákladnější práce s WordPressem nevyžaduje znalost kódování. Jakmile ale chcete něco změnit, upravit či vylepšit, už se bez práce v kódu neobejdete. Šablony se od sebe navzájem mohou docela dost lišit a co platí v jedné, může být v jiné úplně jinak.

Zkoušejte, experimentujte a učte se

Na WordPressu jsem postavil už v podstatě celou řadu webů. U toho úplně prvního, který už neexistuje, jsem nechal desítky, možná stovky hodin práce. Pracoval jsem stylem pokus/omyl, spousta věcí se tenkrát nepovedla a nakonec jsem ten web smazal. Byla to ale neocenitelná zkušenost. Druhý web šel lépe, pak přišel třetí, čtvrtý… A dnes nedám na WordPress dopustit. Má – tak jako každý systém – své mouchy. Ty jsou ale víc než vyváženy jeho přednostmi.

 

Mnoho webových stránek má jako konverzi nastaveno odeslání poptávky či zprávy pomocí jednoduchého formuláře. Někdy se z různých důvodů stane, že odesílání přestane z ničeho nic fungovat, zejména jsou-li odesílány pomocí funkce mail(). Příčin může být celá řada (chyba na straně hostingu, konflikt pluginů, limit rozeslaných zpráv apod.). Proto může být vhodné změnit způsob rozesílky. Zde je krátký návod na nastavení WordPress pro odesílání přes SMTP.

Příklad chyby: Could not instantiate mail function

Zde vidíme chybovou hlášku, kterou vrátil odesílací mechanismus při pokusu o registraci do e-mailového newsletteru. Pokud si takové chyby rychle nevšimnete, můžete začít přicházet o spoustu klientů. Zejména v případě, že váš web je hodně konverzní. Každopádně – když na webu něco nefunguje, nedělá to dobrý dojem. Přesně tato hláška se objevila na jednom z webů, které spravuji.

Způsob nápravy

Jako první můžete vyzkoušet, zda není chyba na vašem přijímači, respektive zda za tím vším nestojí nějaká nedávno provedená změna (nainstalovaný plugin apod.). Pokud si nejste vědomi, že jste něco měnili, pátrejte dál. Dalším důvodem může být vypnutí PHP funkce mail() na hostingu – třeba kvůli napadení webu a rozesílání spamu. Pokud ani to není důvodem, zvažte přechod na SMTP rozesílání. Hned se podíváme na to, jak.

Plugin pro WordPress WP Mail SMTP

Tento plugin slouží k přenastavení funkce wp_mail(), aby používala SMTP místo mail().

Instalace a aktivace pluginu

Plugin se nachází v repositáři WordPressu a má přes šest set tisíc instalací (stav v únoru 2017). Instaluje se přes Pluginy – Instalace pluginů – vyhledání podle názvu – Install a poté Activate.

Nastavení pro správnou funkčnost odesílání

Nejdříve se nastavují základní parametry: e-mail odesílatele, který se bude (pokud to není jinde, např. v pluginu Contact Form 7) nastaveno jinak, to samé platí pro jméno odesílatele.

Dále se vyplňuje SMTP pro hostitele. Tedy smtp.něco.něco. Modelově u nás smtp.hostitel.cz – liší se to podle poskytovatele vašeho mailu. Dále nastavte šifrování a autentifikaci. Obě nastavení si uložte.

Abyste měli jistotu, že zadaná konfigurace bude fungovat, proveďte testovací odeslání. Skoční buď úspěchem (výpis true a přijde mail), nebo neúspěchem (výpis false a nepřijde nic).

Kde mohou být chyby

Ujistěte se, že

• jste zadali správné parametry,
• jste nikde neudělali překlep.

Nyní by měl být váš WordPress nastaven tak, aby rozesílal e-maily pomocí SMTP.

Další zdroje, které se zabývají tímto tématem

Když jsem sám hledal řešení výše uvedeného problému, našel jsem například ještě tyto stránky:

• Odesílání všech WordPress emailů pomocí vlastního SMTP
• Jak a proč na externí SMTP v Drupalu a WordPressu
• Jak posílat e-maily z WordPress přes Seznam
• How to Use SMTP Server to Send WordPress Emails

A ještě přikládám video, které popisuje využití alternativního pluginu