Websites stránka strategy tvorba design and stránky

Web stránka

Web stránka je stále ten najdôležitejší online asset aký vaša firma má. Prečo?

• Kvalitná, moderná, pekná a funkčná web stránka zvyšuje vašu dôveru a profesionalitu.
• Dáva ľuďom informácie o vašej firme, službách a produktoch. 
• Umožňuje a automatizuje predaj produktov a služieb
• Generuje nových klientov.
• Zvyšuje povedomie o vašej značke.

Preto sme pre vás pripravili návod ako si vytvoriť web stránku na WordPresse.

Ako si vytvoriť WordPress web stránku

Web stránku si môžete vytvoriť na rôznych platformách. Pre štandardnú web stránku (nie eshop) odporúčam tvorbu webu na WordPress. Výber platformy pre eshop záleží od veľkosti eshopu. Do 100 produktov by som ostal na WordPress. Aj keď je WordPress vhodný aj pre väčšie eshopy, pri 100 a viac produktoch by som zvažoval aj iné platformy ako napríklad Shoptet alebo Shopify

Zvládnem WordPress stránku sám/a?

Dnes sa dá web stránka na WordPresse postaviť relatívne ľahko.

1. Existujú totižto veľmi pekne nadizajnované a funkčné šablóny, ktoré importujete jedným klikom. Odpadá vám teda nutnosť vymýšľať a dávať dokopy samotný dizajn
2. Následne ich môžete ľahko modifikovať v drag and drop buildroch ako Elementor. (zmeniť text, obrázky, farby atď).

• Aj napriek tomu tu existuje istá krivka učenia. 
• Väčší problém môže nastať pri nastavovaní funkcionality web stránky ako napríklad booking systém, platobné brány alebo kontaktné formuláre. 
• Aj napriek tomu si myslím, že WordPress poskytuje skvelé možnosti ako si dnes postaviť fakt super web stránky za málo peňazí

Doména a hosting

Ako prvé si kúpte doménu a hosting priestor.

Čo je doména a hosting?

Doména je www adresa (URL adresa) web stránky a hosting je miesto (servre) kde sú uložené dáta vašej web stránky (kód, text, obrázky na webe). Bez nich nie je možné mať web stránku.

My využijeme prevádzkovateľa HostCreators. Pre mňa je toto momentálne TOP prevádzkovateľ. Cenami, službami aj podporou.

1. Choďte na https://hostcreators.sk/ a vytvorte si konto. 
2. Kúpte si doménu

Ako si vybrať názov domény?

• Doména by mala predstavovať názov spoločnosti/značky.
• Z hľadiska najlepších zásad komunikácie zvoľte názov, ktorý sa
  • Ľahko vyslovuje, číta, rozumie a píše
    • Jasnosť je na prvom mieste. 
  • Vyhnite sa číslam (ľudia nebudú vedieť, či majú písať číslo alebo číslovku)
  • Vyhnite sa I alebo Y tam, kde to nie je úplne jasné
  • Nemusí byť spojená s tým čo vaša firma robí (viď NIKE, Apple, Orange, KIWI)
  • Názov domény nie je SEO faktor. Doména maliar.sk vám nepomôže pri hodnotení.
  • Všetko by malo byť v súlade so značkou a identitou.

Ako si vybrať koncovku domény? (top level domain TLD)

Máte na výber dve možnosti.

• Koncovku, ktorá reprezentuje krajinu alebo geografickú lokalitu ako napríklad .sk .cz .eu. Tieto koncovky sú známe a dôveryhodné a jasne ukazujú kde firma pôsobí. 
• Dnes sú už však bežné koncovky ako .media .video a podobne, ktoré reprezentujú biznis segment. U časť ľudí nemusia vyvolávať toľko dôvery (zatiaľ) avšak môžu vás odlíšiť od konkurencie a zároveň vytvoriť špecifické meno pre vašu firmu. Ja pre moje projekty používam biznis segment koncovky. VanCity.Media pre slovenský trh. VanCity.Marketing pre kanadský. VanCity.Video pre moju video produkčnú spoločnsť alebo napríklad Rosam.Tech pre môj AI projekt. 

Inštalácia WordPressu

1. Kúpte si hostingový balíček
2. Kliknite na vašu doménu
3. Kliknite na inštalácia aplikácií > inštalovať WordPress
4. Vyplňte email, login, heslo a subdoménu bez www
5. Vyberte si akúkoľvek šablónu, po inštalácii ju môžete zmeniť
6. Ja osobne si nevyberám pri inštalácii žiadne pluginy. Tie sa dajú časom doplniť už priamo na stránke.

Inštalácia bola úspešná

1. Choďte na https://vašadoména/wp-admin/
2. Vložte vami zvolené (vyššie) prihlasovacie údaje a kliknite Enter

Import šablóny

1. Choďte na https://themeforest.net/ a vytvorte si konto. Themeforest je platforma, ke si môžete kúpiť šablóny na web stránky a iné digitálne assety.
2. Kúpte si šablónu. Vyberte si kategóriu podľa vášho biznis segmentu.
3. Vyberte si šablónu ktorá má veľa predajov a veľa a dobrých recenzií.
4. Vyberte si šablónu ktorá má
   1. Elementor (WP Bakery ako druhá možnosť)
   2. One Click Demo Import
   3. Optimalizovaná pre SEO, mobily a rýchlosť (dnes už väčšina)
   4. Redux Framework (ak je možnosť)
5. Nevyberajte si šablónu podľa ceny. Je lákavé si kúpiť lacnejšiu šablónu ale za tých extra 30 euro vám dobrá šablóna naozaj stoji.
6. Moje tipy pre dobré šablóny sú
   1. https://themeforest.net/item/essentials-multipurpose-wordpress-theme/27889640 pre služby
   2. https://themeforest.net/item/sway-multipurpose-wordpress-theme-with-page-builder/30082633 pre služby
   3. https://themeforest.net/item/minimog-the-high-converting-ecommerce-wordpress-theme/36947163 pre eshop
   4. https://themeforest.net/item/pembe-interior-architecture-wordpress-theme/36670176 pre služby (má málo recenzií ale moja skúsenosť je skvelá)
   5. https://themeforest.net/item/cleenday-cleaning-company-wordpress-theme/31348900 pre služby (má málo recenzií ale moja skúsenosť je skvelá)
   6. Všetky vyššie spomenuté šablóny sú za jednorazové platby
   7. Astra (rýchla ale pro verzia sa platí ročne)
7. Vyberte, kúpte a stiahnite si šablónu (ja si stahujem vždy všetky súbory)
8. Na stránke šablóny v tabe support si zaznamenajte purchase code (dole). Ním aktivujete šablónu.
9. Rozbalte si stiahnutý súbor. V ňom nájdete viaceré súbory. Vy potrebujete šablónu (tému) a child tému (child tému potrebujete na to, aby sa vám nezmazali zmeny na stránke keď sa aktualizuje)
10. Choďte na backend vašej stránky https://vašadoména/wp-admin/
11. Naľavo máte čierny stĺpec, teda menu WordPressu.
12. Kliknite na vzhľad > témy 
13. Hore kliknite na pridať novú tému
14. Hore kliknite na nahrať novú tému
15. V Strede hore kliknite na vybrať súbor a nahrajte súbor vašej témy (zazipovaný)
16. Aktivujte tému
17. Väčšina moderných tém vás sama vyzve aby ste nainštalovali potrebné pluginy, pre dobrú funkcionalitu témy. Kliknite na inštalovať a potom ich aj aktivujte.
18. Nahrajte child tému. Tak isto ako ste nahrali hlavnú tému, nahrajte aj child tému. 
19. Importujte DEMO šablóny

Štruktúra web stránky

Čo je štruktúra web stránky

Štruktúra web stránky je je organizácia a usporiadanie obsahu, sekcií a podstránok na webe, ktorá umožňuje návštevníkom ľahko nájsť informácie a orientovať sa. Zahŕňa hierarchiu, navigáciu a prepojenia medzi stránkami. Najviditeľnejšou časťou štruktúry webu je menu navigácia

Prečo je dobrá štruktúra dôležitá?

• Zlepšuje používateľskú skúsenosť.
• Podporuje lepšie SEO výsledky.
• Pomáha udržať návštevníkov na stránke dlhšie.

Aká by mala byť štruktúra webu?

• Jednoduchá
• Plytká 
• Rozdelená na jasné kategórie
• Každá stránka by mala byť dostupná na tri kliky
• Logická tak aby bolo ľuďom aj vyhľadávačom jasné kde sú a ako sa dostať tam kam chcú. 
• Intuitívna
• Využívajte mega menu, ktoré vám dá možnosť ukázať podstránky bez toho aby musel užívateľ niekam kliknúť.

Príklad dobrej navigácie ako súčasť štruktúry

• Home
• Services
  • Služba 1
  • Služba 2
  • Služba …
• Produkty
  • Produktová kategória 1
    • Produkt 1
    • Produkt 2
  • Produktová kategória 2
• Portfólio
• Referencie/Prípadové štúdie
• O nás
• Blog
  • Blog kategória
    • Blog 1, 2, 3…
• Contact

Tipy

• Cieľ
  • Každá samostatná stránka na webe (hlavne stránky produktov, služieb a blogy) by mali mať jeden jasný cieľ. Všetko na stránke by malo byť uspôsobené na dosiahnutie tohto cieľu.
• Slider
  • Nepoužívajte v hero sekcii (sekcia úplne hore a prvá vec čo človek uvidí) slider s obrázkami. Slider obsahuje viac obrázkov a obrázky sa (aj keď sú optimalizované) pomalšie načítavajú čo spomaluje načítavanie celej stránky. Ľudia takisto nebudú čakať na druhý a tretí slider lebo ich to jednoducho nezaujíma.
• Trust
  • Ľudia od vás nakúpia iba ak vám dôverujú. Zvyšujte preto dôveru vo vašu firmu pridaním sekcie o vás, autentickými fotkami vás, vášho tímu a vašej firmy. 
  • Udržujte konzistenciu vo farbách, textoch, elementoch, komunikácii a podobne.
    • Držte sa svojej značky a identity
  • Pridajte recenzie a úspešné prípadové štúdie
  • Pridajte odkazy na sociálne siete (kde budete mať tiež informácie o vás a vašej firme)
    • Čím viac zmienok, tým viac budete pre klientov dôveryhodnejší ako niekto kto sa skrýva.
  • Pridajte jasné kontaktné informácie
  • Pridajte obchodné a zmluvné podmienky
  • Pridajte mapu (ideálne s vašim Google Biznis Profilom)
• Komunikácia
  • Držte sa všetkých zásad dobrej copy pri tvorbe textov na váš web
• Blog
  • Vytvorte články, ktoré pomôžu vašej cieľovej skupine s problémami (súvisiacimi s vašim biznis segmentom)
• Content
  • Využívajte obrázky, video, infografiku.
  • Rozdeľte text na malé sekcie, paragrafy.
  • Využite elementy web stránky karty, sekcie, ktoré rozdelia text na menšie, ľahko stráviteľné časti.
• Užívateľská skúsenosť
  • Spravte vašu web stránku tak aby na nej ľudia trávili čas
  • Rýchlu, plnú užitočných informácii, ktoré sú dobre naservírované 
  • Spravte ju prístupnú pre ľudí so zdravotným postihnutím.
  • Prepojte súvisiace stránky a informácie linkami. Dajte ich do obsahových celkom na spôsob pyramídy kde sú najšpecifickejšie témy vzájomne prepojené ale zároveň sú prepojené aj so všeobecnejšou témou, ktorá ich spája.
• Minimum klikov
  • Znížte počet klikov, ktoré musí užívateľ spraviť na minimun (napríklad pri nákupe a platbe)
  • Čím menej klikov, tým menší odpor a väčšia šanca, že užívateľ spraví to čo chcete.
• Vizuálna hierarchia
  • To najdôležitejšie, teda nadpis dajte väčší a farebne ho odlíšte
• Neprepĺňajte stránky
  • Nechajte každý element dýchať, Vytvorte okolo neho tzv biely priestor. Vaša stránka tak bude čistejšia a prehladnejšia.
• Bezpečnosť
  • Uistite sa, že má vaša stránka bezpečný SSL alebo TLS protokol. A v URL adrese je https a nie http
• Čitateľnosť
  • Používajte dostatočne veľký font (18px) pre text stránky. 
• Ponuka
  • Komunikujte svoju ponuku hneď na začiatku
• CTA
  • Majte viacero CTAs na stránke, ktoré však smerujú na ten istý cieľ. Jedna stránka = jeden cieľ.

Content

Teraz už len nahraďte demo texty a fotky svojim obsahom.

Záver

Sme radi, že ste sa dostali až sem. Ak chcete pokračovať, kliknite na Čo je SEO. Ak sa chcete dostať na špecifickú časť online marketingovej stratégie, kliknite na príslušný odkaz v danej sekcii.

Ak potrebujete našu pomoc s prípravou a exekúciou online marketingovej stratégie, kontaktuje nás ešte dnes.