Úspěšný e-shop aneb na velikosti stránek záleží I. díl

Je vaším cílem provozovat úspěšný e-shop? Jestliže ano, věřte, že pouze prodávat nestačí. Prostředí internetu má svá pravidla a na nich úspěch online obchodu také stojí. Připravili jsme proto seriál, v němž vám poradíme, co je zapotřebí udělat pro hladké spuštění a provozování internetového obchodu po stránce formální, technické i z hlediska internetového marketingu. V prvním díle seriálu vám ukážeme, jak si poradit se správnou velikostí www stránek, která je důležitá z hlediska rychlého načítání stránek a zobrazování e-shopu na předních pozicích ve vyhledávačích.

Proč na velikosti stránky záleží a jaká velikost je ta správná?

Celkové velikosti webové stránky byste měli věnovat dostatek pozornosti, jelikož nejde „pouze“ o estetický vzhled při zobrazování e-shopu na internetu. Rozsah stránek výrazně ovlivňuje rychlost načítání stránky a ta úzce souvisí se zobrazováním na předních pozicích ve vyhledávačích typu Seznam, Google, Atlas apod. Čím je velikost stránky menší, tím rychleji se načítá a vyhledávače ji řadí na přední pozice. Upozorňujeme, že na mysli máme datovou velikost stránky, která by neměla přesáhnout 650 kb. Mírný přesah je tolerován, nicméně neměl by rozhodně přesáhnout hodnotu 1000 kb.

Ukázka správné velikosti jednotlivých souborů na webových stránkách
Ukázka správné velikosti jednotlivých souborů na webových stránkách

Čeho je dobré se vyvarovat

Jedním z nejproblematičtějších prvků bývají v tomto případě obrázky. Velice často se stává, že grafik webových stránek, nebo sám provozovatel internetového obchodu, zapomene na komprimaci obrázku neboli datové zmenšení. Obrázek o velikosti několika set kilobajtů či jednotek megabajtů bývá vložen na webové stránky a k úpravě dochází pouze nastavením rozměrů (šířka a výška), aby byl zobrazován jako malý. V takovém případě však dochází k tomu, že obrázek je zobrazován ve své plné datové velikosti. Průměrná velikost obrázku vzhledem k barevnosti by u ikonek měla být cca 5 kb a u koláží zhruba 150 kb. Stává se však, že jejich skutečná velikost je 10 krát i 100 krát větší! Proto raději upozorněte svého grafika, aby při ukládání obrázků do kategorií a v jiných částech textu myslel na omezení jejich datové velikosti.

V jakých případech je zapotřebí obrázky komprimovat

U obrázků vložených do administrace e-shopu prostřednictvím WYSIWYG editoru nedochází k automatické komprimaci (například koláž, logo a banner v hlavičce eshopu nebo obrázky či fotografie vložené do těla článku apod.), je tedy nutné je před vložením do administrace datově zmenšit.

Ukázka správné datové velikosti obrázkových souborů na webové stránce
Ukázka správné datové velikosti obrázkových souborů na webové stránce

Jak zjistit velikost webové stránky

Existují nástroje určené pro každý prohlížeč, pomocí nichž je možné zjistit velikost stránek, většinou nainstalováním plug-inů. Takovýmto nástrojem pro prohlížeč Firefox je například Web Developer Toolbar, který si můžete stáhnout na následující adrese: https://addons.mozilla.org/cs/firefox/addon/60. V záložce Informace se pak nachází možnost zobrazení velikosti dokumentu.

Ukázka možnosti zobrazení velikosti stránky
Web Developer Toolbar vám umožní jednoduše zobrazit velikost stránky

V příštím díle se dozvíte

Zaujal vás startovací díl našeho seriálu? Nenechte si ujít druhý díl, ve kterém se již za čtrnáct dní zaměříme na tvorbu titulků stránek, popisků pro vyhledávače či klíčová slova.