5 věcí, na které nesmíme zapomenout při tvorbě webových stránek

5 věcí, na které nesmíme zapomenout při tvorbě webových stránek

Při tvorbě webových stránek jde o komplexní proces, který tvoří několik činností. Od průzkumu trhu, přes grafický design, programování webu, tvorbu textů až po samotné spuštění webové stránky. Přečtěte si následujících 5 věcí, které jsou při tvorbě webové stránky pro nás velmi důležité, a proto na ně vždy přihlížíme.

Analýza klíčových slov a stanovení cílů

Lidé hledají přes vyhledávače různé výrazy, které jim pomáhají najít to, co hledají. Pomocí analýzy klíčových slov najdeme fráze, které jsou opakovaně vyhledávané a souvisí s vaším zaměřením, díky čemuž zjistíme, přes která klíčová slova se návštěvníci dostanou na vaši webovou stránku.

Před samotnou tvorbou webu je nejdůležitější ujasnit si principy a hodnoty společnosti, které pomáhají k analýze klíčových slov. Je nutné zaměřit se na to, jaké má firma vize do budoucnosti a také jaký je její příběh. Následně je třeba určit cíle, na základě kterých budeme tvořit váš web pro kvalitní sortu klientů.

Analýza klíčových slov je důležitou prioritou pro úspěch webu od které se následně odvíjí optimalizace pro vyhledávače.

Optimalizace pro vyhledávače (SEO)

Díky SEO optimalizaci dostaneme vaši webovou stránku snadněji mezi vrchní výsledky vyhledávání. Při současné míře konkurence ve vyhledávání je co nejlepší optimalizace pro vyhledávače nutností.

Pro SEO optimalizaci „vylaďujeme” nejen texty na stránkách. Jde o komplexnější proces. Co je pro optimalizaci důležité a na co se zaměřujeme?

  • Rychlost načítání; 
  • bezpečnost stránek; 
  • popisky fotek a produktů; 
  • obrázky; 
  • optimalizace textů
  • správné nadpisy, titulky; 
  • technické nastavení SEO; 
  • a mnoho dalšího…

—> O tvorbě optimalizovaného obsahu se dozvíte více v článku Správná tvorba optimalizovaného obsahu webové stránky

—> Jak psát články pro SEO, a děláme to tak i my, si můžete přečíst zde: SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

Copywriting

Správná tvorba textů na webové stránce je základem zmiňované optimalizace pro vyhledávače a také samotné tvorby webové stránky. Proto je důležité psát texty nejen zajímavé, ale i gramaticky správné spolu s využitím vhodných klíčových slov. Součástí copywritingu je příprava textů v souladu s analýzou vaší cílovky a jejich optimalizace pro vyhledávače pomocí klíčových slov, správné hierarchie nadpisů atd.

Více o tom, co všechno by měl obsahovat každý článek si přečtěte v článku Náležitosti, které by měl obsahovat každý článek.

Přístupnost webové stránky

Nezapomínejte, že na vaší webové stránce se čtenář musí co nejjednodušeji orientovat. Navíc si dnes již přes 67 % uživatelů prohlíží internet z mobilu nebo tabletu. Pokud uživatel nenajde to, co hledá, stránka je pro něj příliš komplikovaná, vyskakují na něj různá okna, nebo je přehlcena reklamou, okamžitě odchází a vám tak zvyšuje míru opuštění stránky, čímž se také zhoršuje SEO.

Proto tvoříme stránky tak, aby splňovaly potřebná kritéria. Je pro nás důležité, aby vaše webová stránka byla rezponzívní a co nejvíce přístupná pro všechny uživatele.

Co jsou to přístupné stránky a nejčastější problémy webů sepsala naše kolegyně Mishka v článku Přístupný web je výhodný pro všechny.

Jak jsme v přístupnosti pomohli? Přečtěte si naše případové studie:

—> I velká škola se spoustou aktivit může mít přehledný web

—> Přístupný web pro ZŠ a MŠ Otnice

—> Web pro MŠ Hrušovany u Brna na přístupné šabloně

Marketing

Pokud chcete opravdu výkonnou webovou stránku, která přináší výsledky, samotná optimalizace SEO nestačí. Při tvorbě webové stránky si promyslete, jakým způsobem budete vaši stránku prezentovat ostatním. Budete psát blog? Nabízet různé akce, či výhody? Jakým způsobem zakomponujete na webu recenze? Tomu následně přizpůsobíme i tvorbu a design stránky. Po jejím spuštění je také důležité investovat do samotného marketingu, jako například PPC kampaně, či prezentace na sociálních sítích, s čím vám také rádi pomůžeme.

Jak se připravit na marketing si můžete přečíst v článku Připravte se pořádně na marketing.

Pokud chcete, aby vaše webová stránka byla výkonná a přinášela vám zákazníky, neváhejte nás kontaktovat, rádi vám pomůžeme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Rychlost a spolehlivost webové stránky pro A-technology

Rychlost a spolehlivost webové stránky pro A-technology

Jedním z našich spokojených zákazníků je i A-technology. Realizovali jsme pro ně kompletně nový návrh webové stránky – od grafického návrhu, přes šablonu a plugin na míru, až po plně funkční web. Přečtěte si, jak jsme postupovali při tvorbě webové stránky, jaké funkcionality jsme vytvořili a jak jsme dosáhli rychlost a spolehlivost jejich webové stránky.

A-technology 

Společnost A-technology již od roku 2006 realizuje řešení systémů vytápění a chlazení při výstavbě a provozu komerčních a obytných budov. Nabízejí také systémy technologického ohřevu a chlazení jako například solární systémy, klimatizace, či podlahové vytápění.

Pro A-technology jsme vytvořili nový návrh webové stránky a spolu s ním jsme do webu zakomponovali různé zajímavé funkcionality dle požadavků klienta.

Jak jsme postupovali při tvorbě webové stránky?

  1. Nejdůležitější je komunikace s klientem. V první řadě jsme si společně ujasnili představu a vydefinovali si, co klient požaduje.
  2. Náš grafik Jarda vytvořil wireframy kde definoval konkrétní prvky, které bude webová stránka obsahovat. Následně dodal grafický návrh klientovi, který jsme společně prodiskutovali.
  3. Následovala samotná tvorba šablony a pluginu na míru dle požadavků klienta, o kterou se postarali developeři ja (Daniel) a Zbyněk.
  4. Po vytvoření stránky byla stará webová stránka nahrazena novou – rychlejší a spolehlivější.
  5. Postupně jsme přidávali další funkcionality a dodávali nové změny klientovi.

Jaké funkcionality jsme dělali pro A-technology?

  • Komunikace s externím servisem pro objednávku servisu

Zajistili jsme okamžité řešení požadavků klientů díky napojení formuláře přímo na dodavatele. Dodavatel dostane vyplněný formulář, přímo do jeho interního systému HELIOS přes API, díky čemuž může automaticky poskytnout žádaný servis klientovi, bez zbytečných prostojů a zároveň si může pracovník servisu naplánovat efektivně pracovní den bez zbytečně najetých kilometrů.

  • Automatické vyplňování adresy

Součástí formuláře je i automatické vyplnění adresy na základě zvoleného místa na mapě ve formulářích, což ušetří čas.

  • Výpočet času čtení článku

Každá aktualita obsahuje informaci o tom, kolik času zabere čtení článku. Díky této funkcionalitě čtenář může očekávat, jak dlouho bude na stránce a v konečném důsledku to může přispět ke snížení míry opouštění stránky čtenářem.

  • Prezentační stránky

Jde o tradičnější, ale velmi důležité funkcionality jako reference, používané technologie, informační stránky či blog.

  • Kalkulačka

Vypočítá předběžnou cenu objednávky v € a CZK na základě technologií, které by dle zákazníka služba měla obsahovat. Tato funkcionalita se pro klienta momentálně připravuje.

Rychlá a spolehlivá webová stránka

Rychlost

  • Používáme pouze nutné minimum javascriptu.
  • Stylování (css) je v šabloně rozděleno tak, aby načetlo jen to, co je potřebné pro danou stránku.
  • Lazy load médií – načítání obrázků atd. neblokuje prohlížeč a postupně se donačítavají, aby byla webová stránka co nejdříve interaktivní.
  • Tvoříme kód s důrazem na výkon stránky.
  • Využíváme co nejméně pluginů třetích stran, které běží při načítání stránky.
  • Používáme caching, který výrazně urychluje načítání stránek.
Rychlost webu A-technology 94 % na počítači

Spolehlivost

  • Při tvorbě webových stránek používáme pouze ověřené a otestované pluginy. O většinu funkcionalit se starají developeři, čímž se limituje závislost na třetích stranách. Případné problémy proto můžeme řešit přímo.
  • Všechny pluginy jsou pravidelně updatované kvůli opravám chyb a bezpečnostním dírám.
  • Před tím, než cokoli přidáme na produkční server, to otestujeme na stagingu.
  • Pravidelně monitorujeme stav serverů.

Možnost přidání funkcí na základě požadavku klienta

Na modifikovatelnost a rozšiřitelnost myslíme u všech nových funkcionalit. Vytvořili jsme custom plugin a šablonu na Sage, které mají přehlednou strukturu umožňující pokračovat dále ve vývoji. Jednoduše můžeme přidávat nové funkce, protože počítáme s tím, že klient může kdykoli požadovat jakoukoliv změnu.

Přístupnost stránky

Také pro A – Technology jsme vytvořili webovou stránku tak, aby splňovala všechna kritéria.Web jsme udělali co nejvíc přístupný, optimalizovaný pro mobily, který je rychlý, bezpečný a spolehlivý. Pokud máte i vy zájem o takovou webovou stránku, neváhejte se na nás obrátit.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Serial Killer – Proč je dobré mít webovou stránku vytvořenou na Sage?

Serial Killer – Proč je dobré mít webovou stránku vytvořenou na Sage? 

I Zeni team měl možnost podílet se na mezinárodním festivalu TV a web seriálů – Serial Killer. Vytvořili jsme pro něj webovou stránku, jejíž téma je postavena na Sage. Jak jsme při tvorbě webové stránky postupovali a také výhody stránky vytvořené na Sage šabloně se dozvíte v článku.

Co je Serial Killer?

Určitě už tušíte, že festival Serial Killer potěší všechny nadšence seriálové kultury. Tvůrci nejlepších seriálových novinek ze střední a východní Evropy se každoročně setkávají na mezinárodním soutěžním festivalu televizních a webových seriálů. Na velkém plátně si návštěvníci mohou zhlédnout premiéry, které jinde nemají možnost vidět. Navíc, v sekci Fokus se festival každým rokem zaměří na jinou zemi a představí její seriálovou tvorbu.

Tvorba webové stránky

Festival nás zaujal, a také proto jsme se rozhodli zapojit do tvorby jejich webové stránky.

HTML strukturu nejprve vytvořil grafik Martin Pecina, následně bylo nutné ji rozdělit na menší části a vytvořit za ní celý web.

Z celkového zadání a grafiky jsme si stránku rozdělili na sekce:

  • seriály;
  • panely;
  • videa;
  • přednášející;
  • členové týmu.

U každé ze zmíněných sekcí jsme identifikovali, která data bude nutné vyplňovat a přidali jsme možnost jejich editace do administrace. Data bylo také nutné napasovat do připravené grafiky a pomocí nich tak oživit obsah.

Jaké funkcionality jsme dělali pro Serial Killer?

Hromadné stažení fotek z jednotlivých dní z presskit

Klient nám zadal, aby bylo možné stáhnout všechny fotky z jednotlivých dní z presskit a to v zip souboru. Připravili jsme funkcionalitu, která všechny dané fotky zazipuje a uživatel si je může stáhnout.

Předplatitelská sekce

Klient potřeboval přidat na web možnost koupit si předplatné do interní sekce webu. Připravili jsme propojení s Woocommerce a Gravity Forms, které zajišťují nákup přístupů a také přihlášení a omezení přístupů na určité stránky.

Archivace starého ročníku

Toto je jedna z nových features, které stránka obsahuje. Klient požadoval, aby bylo možné nastavit jednotlivé seriály, seriálové sekce, panely a přednášející jako archivované. Ty se pak nebudou zobrazovat na standartních místech a on si je bude moct přidat na vlastní stránky.

Proč je dobré mít šablonu stránky vytvořenou na Sage?

  • Nejlepší nástroj na tvorbu WordPress šablon

Dává programátorovi skvělé možnosti, jak udržet svůj kód přehledný a čitelný. Ať už se jedná o psaní CSS s SASS, Blade templaty, JavaScript routing nebo Controlery, ve kterých je možné specifikovat funkcionalitu pro přesně danou šablonu. S takovým nástrojem je práce mnohem zábavnější.

  • Obsahuje Laravel blade templating

Velice ulehčuje práci s vytvářením jednoduchých a přehledných šablon. My jsme si k němu ještě doinstalovali ACF Sage directives, což nám značně ulehčilo a zpřehlednilo práci s ACF fieldy. 

  • Protože JavaScript routing 

Sage už v základu obsahuje funkcionalitu, která umožňuje rozdělit JavaScript do souborů a pak ho načítat na stránkách podle vašeho určení. JavaScript je díky tomu přehlednější a nemusíte se obávat, že se na některé stránce spustí něco nechtěného.

Výkonnost webové stránky

Jestli na vaší stránce čtenář zůstane záleží hlavně na tom, zda ho dokážete co nejdříve zaujmout. Jak ho ale zaujmete, pokud se vaše stránka bude načítat nekonečné hodiny? Proto je pro vaši webovou stránku velmi důležitá její výkonnost, spolehlivost a rychlost.

Splnění těchto požadavků vám samotný Sage nezaručí. Avšak dobrý programátor ve spojení s tak dobrým nástrojem jako je Sage může udělat zázraky. Výkonnost a rychlost totiž vždy záleží na samotném programátorovi.

Stejně jako u dalších našich projektů jsme se snažili načítat vždy jen vše potřebné a připravili jsme stránku na co nejrychlejší načítání. Například jsme odstranili nepotřebné CSS a JS soubory, nastavili lazyload obrázků a mnoho jiného.

Pokud byste i vy chtěli vytvořit vaši webovou stránku na tolik kvalitním nástroji jako je Sage a přinést vaší stránce výkonnost a rychlost, neváhejte se na nás obrátit. Napište nám a my se vám ozveme v co nejkratším čase.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Nový plugin pro WordPress – Zeni mapa

Nový plugin pro WordPress – Zeni mapa

Jednou z poptávaných možností pro naše spokojené klienty je vytvoření mapy, kde si společnost či její partneři přejí zaznamenávat jejich prodejny, vzorkovny, výdejny či parkovací místa a zóny. My vám tuto možnost dáme formou nového pluginu!

Jaký byl námět k vytvoření pluginu

Jednoho dne přišel David s tím, že ho klient požádal o připsání jeho partnerů do mapy. V tu chvíli začal zapojovat celý tým a organizovat samotnou tvorbu. Je přesvědčen, stejně jako my všichni ze Zeni, že tato nová perspektiva umožní podnikatelům vyšší spokojenost ať už od zákazníků nebo partnerů.

Nejprve jsme se shodli, že nechceme žádné hardcodování do témy aby tuto možnost mohl využít i další klient. Rozhodli jsme se tedy pro vytvoření nového pluginu pro WordPress, protože dobře kódovaný plugin je daleko lepší než po každé změně témata přepisovat kódy v šabloně.

Nejzásadnější je pro nás vlastnost, že samotný plugin můžeme rozvíjet do nekonečných podob a objevit nekonečno vychytávek a možností.

Současný klient, pro kterého je plugin již hotov

Vytvořili jsme plugin dle klientova zadání a ještě jsme k němu přidali některé námi navržené vychytávky. Mapa se klientovi líbí a využívá jí na více stranách v jediném webu a to v různých provedeních. A přesně toho je daný plugin schopný viz. níže.

Další možnosti

V době Covidové jsme obdrželi další podnět, kterým je možnost dodat do mapy zóny. Možnost zónu zadat dle adres a nejlépe k ní vypsat podrobný popis, například: 

Rozvozová zóna 1 = cena 10,-

Tuto funkci máme dnes již v pluginu zakomponovanou a již přemýšlíme nad dalšími.

O tyto možnosti mají zájem především restaurace, které mají více rozvozových zón a k nim jiné ceny. Ale tento plugin má mnoho možností využití.

Rozvozové zóny - plugin zeni mapa

Tuto možnost mohou využít například:

  • Restaurace;
  • výrobní závody;
  • velkoobchodní dodavatelé;
  • kurýrní, či taxi služby.

Co o pluginu řekl klient?

reming.cz:

„Pro ukázku, s kterými e-shopy a partnery spolupracujeme při prodeji našich výrobků, jsme chtěli vytvořit mapu, do které bychom mohli zaznamenat název e-shopu/partnera, jeho adresu, logo a prolink na URL našeho produktu, a to pro každý produkt zvlášť. Toto jsme zadali našemu správci stránek společnosti Zeni team, a ten nám vytvořil plugin, který toto dokáže viz. produktové stránky na našem webu.

Ondřej Lhotský – majitel

Pokud vás plugin zeni mapa zaujal a máte o něj zájem, ozvěte se přes kontaktní formulář a my se s vámi spojíme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Náležitosti, které by měl obsahovat každý článek

Náležitosti, které by měl obsahovat každý článek

Každý článek musí dodržovat určité náležitosti, aby byl vhodný k publikaci. 

Nevíte, co znamenají pojmy, uplatňované při psaní článku?

  • Nadpis (H1);
  • perex;
  • úvod;
  • podnadpisy (H2, H3 a další);
  • hlavní obsah;
  • závěr;
  • meta description,

pak v tomto článku naleznete odpovědi, včetně umístění kategorií a správného plnění obsahu.

Nadpis

  • Nadpis by měl být dlouhý minimálně o 50 znacích ale optimální délkou je 70 znaků.
  • V nadpisu se pokuste umístit klíčové slovo na první pozici
  • Nadpis by měl obsahovat sloveso pro větší důraznost článku. To, by mělo být obsaženo v jednom z prvních 5 slov.

Perex

  • Perex je úvodním odstavcem pro celý článek. Zde se ptáme na otázky, kdo, kdy, kde a proč.
  • Perex je ztučněný text na začátku článku. Optimální délkou pro perex je 1-4 řádky
  • V perexu by mělo být uvedené o čem článek je, ale neměl by se opakovat nadpis článku.

Úvodní odstavec

Na perex, navazujeme plynule úvodním odstavcem. Optimální délkou pro úvodní odstavec je 1-4 řádky ale bohatě postačuje i jeden řádek.

H2, H3 a další

Podnadpisy nám pomáhají k přehlednosti článku, využívejte a komponujte klíčová slova i v tomto případě. Dbejte na řádné řazení jednotlivých podnadpisů. Pokud podnadpisy nemají řád, článek je rázem pro čtenáře nepoužitelný, zavře web a odchází.

U H2 a dalších, již nemusíte psát, tak dlouhé nadpisy, jako je tomu u hlavního nadpisu, postačuje pár znaků.

Obsah

Jak napsat čitelný a optimalizovaný článek, který je vhodný pro čtenáře a ideální pro vyhledávače, jsme pro vás napsali minule, můžete si ho přečíst.

Ve zkratce, ideální délkou pro odstavce je 1,5-5 řádků, ale je dobré nepsat každý odstavec stejně dlouhý, aby čtenáři nepřipadal text jednolitý.

Závěr

K závěru se váže CTA neboli CALL TO ACTION, je to fráze, která vyzývá čtenáře k akci. 

Jako CTA můžete využít věty typu:

  • Pokud se vám článek líbil, zanechte nám komentář, jak se vám náš nový produkt líbí.
  • Pakliže máte více dotazů, neváhejte nás kontaktovat přes kontaktní formulář.
  • Líbí se vám náš nový produkt? Kdykoliv nás můžete kontaktovat s dalšími otázkami.

Závěr by nikdy neměl opakovat informace, které již byly zmíněné v článku!

Meta description

Je obdoba perexu, ale je to odstavec, který se objeví pod vaším linkem ve výsledku vyhledávače. První se zobrazí meta title a pod ním se zobrazuje odstavec, ve kterém máte uvést informace o článku s dostačujícím apelem.

Pozor si dávejte především na obsahový text descriptionů, aby se vám neopakovala stejná slovesa a stejné apely. 

Meta description by měl být o délce 140-160 znaků.

Uvádějte zdroje

Pokud se inspirujete na jiných webových stránkách nebo v knize, vždy označte zdroj, ze kterého jste čerpali. Pakliže tak neučiníte, hrozí vám pokuta za porušení autorských práv.

Zmiňte své, i externí linky

V textu je ideální uvést takzvané prolinkování, kdy alespoň jeden link vede navaše stránky. Může se jednat o výzvu k nákupu nebo o přesměrování na jiný článek. Stejným způsobem zakomponujte do textu i externí odkaz ale nikdy to netlačte silou! Pokud to nejde, je lepší nechat text jak je, než ho komolit.

Obrázky

U článků by neměly chybět ani obrázky, díky kterým váš text oživíte a dodáte mu duši. Obrázek si dnes můžete zdarma stáhnout ve free photo bance nebo pořídit vlastní fotografie. Vždy je lepší umisťovat vlastní fotografie!

K obrázkům se pojí vlastnost ALT atributů, které slouží jako popis fotky v situaci, kdy se čtenáři fotka nezobrazí. Je proto důležité kvalitně fotky popsat. Například: „Bílý notes s poznámkami, na kterém je položené modré pero. Na stole je modrá kaňka od inkoustu.” Tato věta, je jako popis dostačující, pakliže vaším klíčovým slovem je slovo inkoust. 

Nezapomínejte, že i do ALT atributů je vhodné klíčové slovo umístit, pokud se pojí s danou fotografií.

Tip na závěr

Nepoužívejte podtržená slova – pokud chcete v článku použít podtržené slovo, či větu, působí to jako odkaz, na který může chtít čtenář kliknout ale nic se mu nezobrazí. Na stejném principu funguje i modrá barva písma!

Jestli stále váháte a nejste si jistí, vyhledejte osobu, která se tomuto věnuje a pomůže vám s tvorbou. 

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Jak si vytvořit staging prostředí?

Jak si vytvořit staging prostředí?

V minulém článku jsme diskutovali o tom, proč je dobré si vytvořit staging prostředí. Nyní přišel čas na to, abychom si trochu zašpinili ruce a vytvořili skutečný staging. Před tím než začneme si pojďme shrnout, jaké jsou pro staging prostředí požadavky.

1. Prostředí shodné s produkcí

Ujistěte se, že vaše staging prostředí používá stejné verze softwaru. To znamená stejnou verzi operačního systému, databáze, PHP, serverové aplikace atd. Každá aplikace se chová různě v jiných verzích a dokonce i pod jiným OS. Váš WordPress, pluginy a verze témata by měly být stejné jako na stagingu, tak na produkci. Díky tomu budete moci přesně otestovat a diagnostikovat produkční chyby a debugovat je.

Také je důležité abyste měli, ve všech úrovních a v obou prostředích, stejná pravidla a nastavení cache. To může odhalit například problémy s cache, wp nonces pro formuláře, nebo jiné problémy spojené s ukládáním do cache.

2. Neveřejné prostředí

Vaše staging prostředí je určeno pro soukromé účely jako debugování, testování a ukazování změn klientovi. Měli byste se vyhnout tomu, abyste publikovali vaše staging prostředí pro mnoho důvodů. Jedním z nich je duplicitní obsah pro Google, který bude mít negativní vliv na vaše SEO. Nejlepším způsobem je použití Basic Auth (přihlašovacího jména a hesla), které můžete snadno sdílet ve svém týmu nebo s vaším klientem, no pro boty a vnější svět tak vytvoříte neproniknutelnou bariéru.

Standardní sdílený hosting

Pokud máte nižší rozpočet a používáte „standardní” řešení hostingu, vytvoření staging prostředí je trochu složitější ale ne nemožné. Mnoho poskytovatelů hostingu vám umožňuje vytvořit druhý web na subdoméně např. staging.example.com nebo jako podsložku example.com/staging. Pokud na vašem dashboardu není možnost „vytvořit novou stránku”, měli byste postupovat podle těchto obecných kroků:

  1. Zjistěte si, který typ instalace je povolen (subdoména vs. podsložka).
  2. Vytvořte nového (S) FTP uživatele pro přístup do kořenového adresáře vaší staging webové stránky. Obvykle to je něco jako (ROOT/subdom/staging, ROOT/staging).
  3. Pokud je to možné, nastavte nového uživatele databáze a novou databázi. V případě, že produkce i staging sdílejí DB, musíte se ujistit, že stránka stagingu používá rozdílný $table_prefix.
  4. Pokud používáte instalaci subdomény, nasměrujte subdoménu na IP hostujícího serveru. Nezapomeňte pro tuto subdoménu vytvořit uvnitř hosting panelu SSL certifikát.
  5. Exportujte databázi z vaší produkční stránky. Při tomto kroku je důležité spustit search-replace (hledat-nahradit) ve všech vašich databázových tabulkách, abyste změnili produkční adresy URL na stagingové. Pokud je to aplikovatelné, změňte i prefixy tabulek.
  6. Importujte databázi se změněnými adresami URL a prefixy.
  7. Zkopírujte soubory z kořenového adresáře vaší produkční webové stránky.
  8. Upravte wp-config.php tak, aby odpovídal všem nastavením (nová URL, přihlašovací údaje do databáze, wp salts, prefixy tabulek atd.).
  9. Zkopírujte všechny soubory do kořenového adresáře staging stránky.
  10. Upravte .htaccess a .htpasswd abyste aktivovali ochranu přes basic auth.
  11. Můžete navštívit vaši novou staging stránku.

Protože je vaše nová staging stránka na stejném serveru jako vaše produkce, nebudete potřebovat žádné další hacky týkající se nastavení. Jen se ujistěte, že jste nastavili stejné časové limity a limity pro paměť v PHP. Někteří poskytovatelé hostingu také umožňují používat na vašem stagingu jinou verzi nástroje PHP/DB, což je skvělé pro testování před aktualizací vašeho produkčního serveru.

Profesionální hosting nebo server, který je spravován

Mnoho profesionálních poskytovatelů hostingu nebo poskytovatelů správy serveru umožňují si jednoduše vytvořit staging prostředí v dashboardu. Stačí si ve vašem dashboardu vyhledat v angličtině „environments” nebo „staging/testing”, nebo se poradit s podporou. Prostředí stagingu je obvykle součástí vašeho předplatného, takže by se neměly účtovat žádné další poplatky.

Server spravován samostatně

Spravujete si svůj server sami? Skvělé! Jako první vylepšení, byste měli začít používat nástroj pro správu konfigurace, jako je například Ansible nebo Puppet. Udělejte to, i když nyní spravujete pouze jeden server. Uvidíte, jak vám to usnadní život.

Tady v Zeni, používáme Trellis, což je sbírka Ansible playbooků pro WordPress projekty. Přichází s přednastavenými prostředími pro vývoj, staging, produkci spolu s automatizovaným nasazením a nastavením. Vaše prostředí můžete mít automatizované již za pár hodin.


Potřebujete pomoc se staging prostředím nebo řešením hostingu? Poskytujeme profesionální hostingové řešení s plnou automatizací nasazení a verzování, založeného na Ansible a Gitlab CI, jakož i konzultace o tom, jak dosáhnout toho aby byly vaše projekty jednoduše manažovatelné. Napište nám prostřednictvím kontaktního formuláře a my s vámi prodiskutujeme nejlepší řešení pro váš projekt.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Proč mít v týmu webdesignera

Proč mít v týmu webdesignera

Vlastní podnikání znáte nejlépe. Podělte se o něj s webovým designérem, který vám navrhne design a za svou prací si stojí. Vždy ví co dělá. 

Kvalitní designer se vám vyplatí

Jsme si vědomi, že svůj business znáte nejlépe vy sami. Ale jak ho nejlépe prezentovat ve webovém prostředí, to ví lépe přeci jen designer. Web je specifický prostor a dobrý designer tento prostor zná, ví jak se v něm lidé pohybují, jak čtou informace, jak se rozhodují, na co jsou zvyklí. A na tomto základě navrhne váš design.

Kvalitní design
Designer se vyplatí

Na internetu je dnes nekonečné množství informací a uživatelé je velmi rychle třídí. Informace, které neprojdou třídicím procesem upadají v zapomnění. Pojďme se podívat na to, s čím vám může designer pomoci. 

Hierarchie a struktura

Obsah je pro úspěch webu naprosto zásadní a je základním kamenem úspěchu vašeho webu. Pokud ho máte, udělejte si fajfku, ale jedeme dál. Dobrý obsah je zapotřebí správně prezentovat. Něco jiného funguje v tiskovém letáku, či na osobní schůzce a něco jiného funguje na webu. 

Mezi největší problémy patří především:

  • Snaha prezentovat všechny informace najednou a hned.
  • Chybějící hierarchie obsahu.
  • Chybějící propojení informací v rámci webu. 

Když mi klient na schůzce tvrdí, že všechno je stejně důležité a všechno nejvíc, zeptám se ho, jaká služba tvoří většinu jeho obratu (viz. Paretovo pravidlo). Po chvíli ticha jsme konečně na stejné lodi (a ne každý ve svém malém člunu). Ne vždy je to takto jednoduché, ale nyní toto přirovnání splňuje svůj ilustrativní účel. 

Logická struktura webu
Logická struktura webu

Jak již bylo řečeno, designer ví, jak se uživatelé na webu chovají. Na tomto základě vám pomůže vymyslet logickou strukturu webu, a jeho jednotlivých stran tak, aby se uživatelům web dobře používal. 

Proces tvorby je následující:

  1. Brief neboli zadání – Designer se seznámí s vaší firmou, jejími službami, produkty a hodnotami.
  2. Informační architektura – V této fázi vzniká struktura stránek a informací, které chcete prezentovat na webu.
  3. Wireframe, neboli drátěný model – Už víme, jaké stránky web bude mít. Drátěný model poté definuje všechny konkrétní prvky, které se na webu budou vyskytovat. 

Na první pohled se to tak nemusí zdát, ale tento proces vám ušetří peníze. Při tvorbě webu není nic časově a finančně náročnějšího, než změna a korekce struktury, které se řeší až během tvorby grafického designu nebo kódování. 

Grafický design

Design na míru, přináší dvě hlavní výhody. 

Pokud je váš web vizuálně jedinečný a nezaměnitelný, uživatelé si ho lépe zapamatují

Jedinečný web
Jedinečný web

Návštěvníci si web spojí s vaší firmou a službou, poté si ve správnou chvíli na něj vzpomenou. Pokud postavíte web, například na šabloně, je potřeba počítat s tím, že je ,,tam venku” pravděpodobně plno dalších webů, které jsou tomu vašemu velmi podobné!

Webová stránka, jejíž design a vizuální obsah není generický, vzbuzuje u uživatelů větší důvěru

Pro úspěch vašeho webu je důvěryhodnost naprosto zásadní. Ta je jedním z hlavních rozhodovacích parametrů. Obecně jsou data na internetu často anonymní. Uživatelé si chtějí ověřit, že vám mohou věřit a také že nic neskrýváte. I taková jednoduchá věc, jako fotka kontaktní osoby, okamžitě zvyšuje důvěru. 

Je dobré se vyhnout fotografiím, které na první pohled nejsou autentické, například koupené ve fotobance. A když už to jinak nejde, designer vám pomůže vybrat ty vhodné. Poradí vám jaké prvky zlepší důvěryhodnost vašeho webu.

Přístupnost webu

Existuje řada principů a norem, které pomáhají zlepšit uživatelům jejich cestu k informacím na webu. 

Normy přístupnosti webu, zajišťují jeho použitelnost pro uživatele s nejrůznějšími omezeními. Mezi taková omezení mohou patřit například vady zraku ale dále také konkrétní situace, jako například čtení informací na mobilním zařízení, za silného slunečního svitu. 

Mezi základní parametry přístupnosti patří:

  • Dostatečná velikost fontů;
  • dostatečný kontrast mezi obsahem a pozadím;
  • obrázky na webu disponují alternativní texty;
  • a tak dále a tak dále… .

Oči mám v pořádku, ale když svítí slunce, valnou většinu textu na mobilu nepřečtu. Designer zajistí, aby váš web byl přístupný. Více o přístupném webu si můžete přečíst v článku Přístupný web je výhodný pro všechny. 

Přístupný web je výhodný
Přístupný web je výhodný

Závěrem

Toto je stručný výpis toho, s čím vám pomůže designer. Kdo to myslí v online prostoru vážně, měl by využít služeb webového designéra. Díky osvědčeným principům a dobrému grafickému designu se váš web stane silným obchodním nástrojem. Napište nám a rádi vám pomůžeme.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

Jak zvýšit online prodeje? Část 4.

SEO optimalizace je široký pojem, který je v konečné fázi velmi jednoduchý. Jedná se o využití nastrojů, díky kterým se ze článku stane vrchol pyramidy pro vyhledávače.

V tomto článku se dozvíte, jak psát články, aby lidé z webu neodcházeli, ba naopak na webu zůstali, případně u vás nakoupili a zanechali zpětnou vazbu

Pokud využíváte možnosti vyhledávání informací od Google, Seznam nebo Yahoo a dalších, pak vyhledáváte informace podle klíčových slov. Optimalizace pro vyhledávače (SEO) jsou praktiky, které zahrnují techniky, taktiky a nástroje, díky kterým se zvýší dohledatelnost webu a organická návštěvnost.

Hledáte například společnost, která vám vytvoří webové stránky za adekvátní cenu, ve vaší lokalitě. Nejspíš zadáte do vyhledávače „tvorba webových stránek Praha”, od vyhledávače očekáváte maximální výkon, a informace, které hledáte

Zajisté jste se již setkali se situací, kdy jste otevřeli ve vyhledávači jeden z prvních odkazů, ale bohužel jste v zápětí web zavřeli, jelikož webová stránka nepřinesla odpovědi.

POZOR! Pokud lidé opětovně z webu odchází, vaše webová stránka je pro vyhledávače „odpad” a posouvají ji v žebříčku dolů.

Výběr témat a klíčových slov

Před psaním článku, si udělejte takzvanou „rešerši”. Zde si ujasníte, co od článku očekáváte, a kde budete informace vyhledávat. 

Pomocí nástrojů, které naleznete přes vyhledávač, si můžete vytvořit analýzu klíčových slov. V analýze se vám zobrazí několik klíčových frází, které se shodují s vaším zadáním. V jednotlivých polích si můžete dále všimnout, jaká je hledanost jednotlivých frází

Do textu neuvádějte klíčové slovo stokrát, ale mělo by být obsaženo v návaznosti na délce textu. Například, pokud máte text o délce 2 normostrany (dále NS) adekvátním počtem je:

  • 1* v nadpisu;
  • 1* v perexu;
  • 1-2* umístění v H2, případně v H3;
  • 1* umístění v meta description;
  • 1* umístění v ALT atributu obrázku.

Délka článku

Čtenáře zajímá samotná kvalita informací, které mu předáváte. Proto se zaměřte jen na kompletní informace ale v žádném případě nepoužívejte omáčkový text. Pokud ve článku zdlouhavě kličkujete, je téměř stoprocentní jistota, že váš čtenář odejde! Vyhledávač vaši webovou stránku vzápětí vyhodnotí jako nekvalitní, a bude ji posouvat po příčkách dolů. To samozřejmě nechcete, proto uvádějte jen informace bez zbytečných slov okolo!

Kvalitní článek, který nese plnohodnotné informace, a je čtivý pro čtenáře, se pohybuje okolo 1-2NS. Pokud chcete publikovat článek o 5 NS, zkuste článek rozdělit do 2-3 částí. Čtenář bude mít důvod se vrátit a články budou lépe přehledné. Jsou témata, u kterých dané téma může obsáhnout i 2-4NS, týká se to především odborných nebo informačních textů, které je vhodné udržet v jediném článku pro kompletní obsah.

Čitelný článek

  1. Dodržujte hierarchii nadpisů – pro čtenáře může být zavádějící, pokud máte meta title (H1) na stejné úrovni jako nadpisy H2, popřípadě H3.
  2. Délka odstavcůnikdy by neměl být odstavec delší než pět řádků, pro čtenáře pak text působí nepřehledně.
  3. Nastavte si jasná pravidla
    • Tykání nebo vykání
    • zkratky nebo nikoliv (je nevzhledné, pokud jednou napíšete tzv. a podruhé takzvané); 
    • dodržet i číselné značení, numericky nebo textově ale nikdy kombinace.
  4. Oživte text odrážkami, číslováním nebo grafickou tabulkou – článek je daleko přehlednější a pro čtenáře zábavnější.
  5. Ztučňujte důležitá slova – je dokázané, že většina populace nečte celý text. Čtenář si nejprve udělá přehled, přejetím očima po ztučnělých větách, aby věděl, zda se dočte informace, které hledá

V tomto článku jsme vám představili pravidla, podle kterých funguje SEO optimalizace, a jak má vypadat článek přehledně a čitelně. V příštím článku vám představíme, jaké náležitosti by měl obsahovat článek před samotnou publikací.

Pokud vás cokoliv zajímá, neváhejte napsat, my vám veškeré dotazy zodpovíme, v co nejkratší době.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Správná tvorba optimalizovaného obsahu webové stránky

Správná tvorba optimalizovaného obsahu webové stránky

Jak zvýšit online prodeje? Část 3.

Online prodeje můžete zvýšit, mimo jiné, správným sestavením obsahu, který publikujete. Tvorba webových stránek stojí na optimalizovaném obsahu, nezapomeňte na to myslet u samotného zrodu. Obsah vaší stránky, má za úkol oslnit klienta, a zároveň by měl být přizpůsoben pro vyhledávače.

Vytváříme optimalizovaný obsah, a plnohodnotné webové stránky, které vám přináší zákazníky a zvýší online prodeje. Jak to funguje si můžete přečíst v článku Stavíme weby, které vydělávají a zvýší vám poptávky – Warex.

Jak mít web pro maximální použitelnost zákazníka

Použitelný web je takový, který uživatelům umožňuje s ním jednoduše pracovat.“ Viktor Janouch [1]

  • Uživatel ihned pochopí, jaké informace web sděluje;
  • uživatel se na webu dokáže jednoduše orientovat;
  • navigace webové stránky musí být přehledná a jasná;
  • na webové stránce se nachází možnost vyhledávat informace;
  • webová stránka je responsivní pro všechny druhy zařízení a vyhledávače.

Při tvorbě webové stránky byste měli dbát na to, aby byla přístupná pro všechny uživatele.

Přečtěte si Přístupný web je výhodný pro všechny.

Uživatelé nečtou váš obsah

Jedním z kritérií při tvorbě webové stránky, je sestavit ji podle toho, jakým způsobem lidé čtou na webu. Jacob Nielsen, jeden z největších odborníků na použitelnost webu, a výzkumník chování člověka v interakci s počítačem, zjistil, že:

  • Čtenář nejprve v rychlosti projde celý napsaný obsah;
  • čtenář vyhledává informace, které odpovídají tomu, co hledá;
  • nejvíce zaujmou například zvýrazněné klíčová slova nebo seznamy. [2]

Zákazníka můžete zaujmout například i použitím emocí, nebo celkovým image, o tom si můžete přečíst v článku Prezentujte se a zvyšte online prodeje.

Vyhledávače a obsah vaší stránky

Texty na vašem webu musí být napsány pro lidi ale zároveň i pro vyhledávače, přesně tak to děláme i my. Pro dohledatelnost webové stránky, je velmi důležité správné využití SEO a také znát vhodná klíčová slova. Pomůže i rychlost načítání webové stránky, či popisy fotek a produktů (ALT atributy).

SEO
SEO

SEO je hlavní dominantou pro vyhledávače. Udává klíčová slova, se kterými následně vyhledávače pracují. Zde je 6 faktorů, které mají velký vliv na optimalizaci vyhledávání:

  • Titulek stránky – title;
  • hlavní nadpis stránky – H1;
  • klíčová slova na stránce;
  • klíčová slova (text) v odkazech;
  • zpětné odkazy;
  • indexace stránky. [3]

Klíčová slova by měla být na stránce dostatečně zastoupeny, my na to přikládáme velký důraz. Při tvorbě webové stránky, provádíme rozsáhlou analýzu klíčových slov. Zjistíme si potřeby zákazníka, a pečlivě prostudujeme příběh dané společnosti, podle kterého vybereme ta správná klíčová slova.

Důležité je, aby zákazník na webu našel to, co hledá. Musíte ho zaujmout natolik, aby pro něj byl web maximálně srozumitelný, a aby se na vaše stránky rád vracel. Pokud zákazníka webem nezaujmete, každá reklama je zbytečná, jelikož zákazník z web stránky rychle odejde. My vám vytvoříme optimalizovanou stránku, která zaujme lidi i vyhledávače a zvýší vaše poptávky.

O správně optimalizovaném SEO si podrobněji napíšeme v příštím článku.

Neváhejte nás kdykoli kontaktovat, a my vám pomůžeme najít řešení.

Zdroje:

[1] Janouch, V.: 333 triků pro internetový marketing. Sbírka nejužitečnejších informací, postupů a technik. Brno: Computer Press, a. s., 2011. 278 s. ISBN 978-80-251-3402-3.

[2] https://www.parentcenterhub.org/web-reading/

[3] Janouch, V.: 333 triků pro internetový marketing. Sbírka nejužitečnejších informací, postupů a technik. Brno: Computer Press, a. s., 2011. 278 s. ISBN 978-80-251-3402-3.

Sdílej na:

Další články:

Jak zvýšit online prodeje? Část 2.

Jak zvýšit online prodeje? Část 2.

Prezentujte se a zvyšte online prodeje

Zvýšit online prodeje můžete samozřejmě jedině tak, že o vás budou vaši zákazníci vědět. Jak však co nejlépe dosáhnout, aby vás klienti poznali a abyste se odlišili od konkurence? Základem je příprava na marketing.

Odlišení se od konkurence a zvýšení online prodejů dosáhnete různými způsoby. My za nejdůležitější při zvyšování online prodejů pokládáme tato tři odvětví, kterým se postupně věnujeme v sérii článků:

  1. Využijte marketing správným způsobem
  2. Nechte svou internetovou stránku mluvit za vás
  3. Podpořte prodej pomocí správného používání nástrojů elektronického obchodu

Samozřejmě pokud chcete aby váš online prodej prosperoval, je velmi důležité spojit pro zvýšení online prodeje každou z těchto částí. V této části se dozvíte informace související se správným prezentováním se pro zvýšení vašich online prodejů.

Důležitost sociálních sítí

V tom, abyste se vašim zákazníkům dostali do povědomí a vybudovali si jejich důvěru, hraje podstatnou roli vaše prezentování se a image, kterou vaší značce vytváříte. Díky správné prezentaci vytvoříte u vašich zákazníků pocit důvěry k vaší značce. Sociální sítě jsou v dnešní době výborným prostředkem, jak zvýšit svůj prodej online.

Sociální sítě
Sociální sítě

Zvýšení online prodeje přes sociální sítě můžete podpořit několika způsoby, jako například

  • pravidelnost – přidávejte příspěvky pravidelně, aby o vás zákazníci získali informace 
  • soutěže – zorganizujte zajímavé soutěže, které zvýší povědomí o vás
  • výzva k akci – aktivizujte sledující, aby vám napsali svůj názor, udělali nějakou aktivitu nebo sdíleli příspěvek
  • komunikace – snažte se reagovat na vaše sledující, ukážete jim, že jste k dispozici a mohou se na vás spolehnout

Interakce s vašimi klienty přes sociální sítě, na kterých jim budete sdílet zajímavé informace a dostatečně s nimi komunikovat, vám s vašimi klienty vytváří vztahy, které budou udržitelné a dlouhodobé. Dokonce, když je dostatečně zaujme váš obsah, budou sdílet dále mezi další potenciální zákazníky.

Význam emocí v online marketingu

Využití emocí ve vašem marketingu zajistí, že

  • Zákazník si jednoduše a rychle zapamatuje to, co mu chcete reklamou sdělit,
  • produkt, který v něm vyvolá silnou emoci, si produkt zapamatuje déle,
  • pozor, s množstvím emocí můžete ztratit důvěru zákazníka.

K tomu abyste uspěli, je třeba si formulovat, jaká emoce se k vaší značce hodí, přes jaké emoce budete prezentovat své produkty a služby, a ty následně propagovat, aby si je klienti s vámi spojili.

kočička na posteli
kočička

V marketingu se často využívají například tyto emoce

  • láska
  • strach
  • soucit
  • ekologické cítění
  • spravedlnost

Emoce jako součást marketingu pro zvýšení online prodejů jsou důležitým prvkem pro vybudování si své vlastní image na konkurenčním trhu. Množství informací, s nimiž se vaši potenciální zákazníci každodenně setkávají, vede k jejich informačnímu zatížení. Právě zaměření na emocionální sféru vašeho marketingu může vést k vašemu odlišení se a přinese vám konkurenční výhodu.

Důležitost internetové stránky pro online marketing

Ve většině případů se váš klient v online prostředí jako první setkává právě s vaší internetovou stránkou. Ta o vás dokáže říci nejvíce. Vyjadřuje vaši celkovou image, také to, jak myslíte na zákazníka v souvislosti s přehledností stránky, obsahuje také různé reference a informace o vašich produktech a službách. Dá se říci, že internetová stránka prodává za vás, a proto je třeba jí věnovat podstatnou pozornost.

Statista uvádí, že

  • V současné době přes 50 % uživatelů, navštěvuje web z mobilních zařízení,
  • v roce 2015 jich bylo jen 31,16 %,
  • předpokládá se, že do roku 2024 se tento počet až pětinásobně zvýší.

Téměř 6 z 10 nakupujících uvádí, že důležitým faktorem pro rozhodnutí nakoupit je pro ně právě to, zda je web přizpůsoben mobilu. [1]

Proto je velmi důležité přihlížet k tomu, aby vaše inetrnetová stránka byla responzivní, čili přizpůsobovala se různým typům zařízení. Optimalizujte rozložení jednotlivých prvků na vaší stránce tak, aby byla bezproblémově ovladatelná. Nejvhodnějším řešením internetové stránky je takzvaná “přístupná stránka”. Taková stránka je přizpůsobena pro všechny uživatele bez ohledu na jejich věk nebo znevýhodnění.

Důležité je, aby vaše stránka splňovala tyto vlastnosti

  • responzivnost
  • přehlednost
  • jednoduchost
  • přístupnost
  • rychlost

Kromě toho však musí stránka zaručit, aby byla dohledatelná a získávala návštěvnost. K tomu vám pomůže například dobře propracované SEO. Jak si správně sestavit obsah vaší internetové stránky tak, aby zaujala a prodávala, se dozvíte podrobněji v příštím článku série “Jak zvýšit své online prodeje.”

Shrnutí:

  • Komunikujte s vašimi zákazníky a aktivizujte je přes sociální sítě,
  • využívejte v marketingu emoce,
  • přizpůsobte vaši internetovou stránku všem uživatelům,
  • dbejte na přehlednost, rychlost a přístupnost stránky.

Pokud potřebujete poradit se zlepšením vaší internetové stránky nebo máte zájem o vytvoření nové stránky, která prodává, neváhejte nám napsat.

[1] https://www.oberlo.com/blog/mobile-usage-statistics

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.