Shopio Weblog

Co to je favicon?

Jistě jste si všimli malé ikonky, která se v prohlížeči u některých stránek zobrazuje před jejich adresou. Této ikonce se říká „favicon“. Její název vznikl spojením anglických slov favorites (oblíbené) a icon (ikona). Favicon se totiž zobrazuje také v oblíbených záložkách webových adres.

K čemu je favicon dobrá?

Favicon je jednou z mnoha maličkostí, které mohou pomoci vašim stránkám vyniknout nad konkurencí. Představuje totiž další místo, kde můžete ukazovat své logo (či jeho část) a podporovat tak svou značku. Užitečná může být i v jiném případě. V dnešní době totiž mnoho uživatelů používá moderní prohlížeče podporující prohlížení v panelech. Často si také otevřou množství panelů se stránkami dopředu a až pak je prohlíží. Při více otevřených panelech však mohou trochu ztrácet orientaci. Nápadná a zajímavá „favikonka“ je může nalákat přímo na vaši stránku.

Jaká má favicon být?

Vytvoření a zasazení favikonky do stránek není nic složitého, proto ji dnes většina stránek má. Kvalita těchto ikon je však různá. Aby favikonka dobře plnila svůj učel, měla by se řídit následujícími zásadami:

• Zobrazovat schematické a jednoduché tvary.
• Respektovat svou velikost (resp. maličkost). Do prostoru 16×16 pixelů se většinou celý název společnosti nevejde :)
• Respektovat firemní design. Může obsahovat logo, jeho část, kombinaci firemních barev apod.
• Být originální a jiná než ikonky konkurence. To nikdy není na škodu.

Jak si favicon vytvořit?

Jsou dva základní způsoby jakými si ikonku vytvořit:

Vygenerovat

Vygenerovat ji z již hotového obrázku (či pomocí vložení textu) pomocí některého z řady programů. Tento způsob je poměrně jednoduchý a rychlý. Do programu stačí vložit obrázek (optimálně ve čtvercovém formátu) a nechat si vygenerovat vlastní favikonku. Výsledky jsou závislé jak na kvalitě vkládaného obrázku, tak na kvalitě programu.

Nakreslit

Namalovat si ji pixel po pixelu. Opět použijeme některý z programů. Jedná se o pracnější a na tvůrce náročnější způsob, ovšem umožňuje nám tvorbu ikonky přesně kontrolovat. Favicony vytvořené tímto způsobem bývají ostřejší a lépe čitelnější. Většina kvalitních editorů však dovoluje nahrát již hotový obrázek a ten pak ještě upravovat.

Vygenerovaný obrázek už stačí jen nahrát na web a do hlavičky stránky vložit následující kód:

<link href=“favicon.ico“ rel=“shortcut icon“ type=“image/x-icon“ />

(Tento kód funguje pouze v případě, že favikonu nahrajete do kořenové složky webu. Pokud budete chtít změnit umístění favikony, je třeba adekvátně změnit i část kódu – href=“…“.)

Programy a editory pro favicon

Programů pro editaci ikon je celá řada. My se zaměříme na online nástroje, které jsou dostupné zdarma.

Generátory:

• websiteplanet.com/cs/webtools/favicon-generator – umí toho mnoho a dokonce i češtinu – ! TIP
• tools.dynamicdrive.com/favicon – umí vytvářet i víceformátové ikonky
• antifavicon.com – vytváří čitelné ikonky pomocí vkládaného textu
• html-kit.com/favicon – umí vytvářet i ikony s animovaným textem

Editory:

• favicon.cc – přívětivé ovládání, automatický náhled ikony – ! TIP
• degraeve.com/favicon – přívětivé ovládání
• shaheeilyas.com/favicon – možnost volit velikost štětce

Pokud znáte nějaké další zajímavé nástroje, v komentářích rádi uvítáme vaše tipy.

Od 26.6. probíhala na Shopio blogu soutěž o několik cen. Soutěžní otázka zněla:
„Kolik řádků kódu obsahuje Shopio v době vydání první verze?“. A jaká je tedy správná odpověď? 67.390 řádků kódu.

Vítězové jsou:
1. cena: tričko – „Zrodilo se Shopio…“ + šek na 1.000 Kč na nákup v Medievum Marketu vyhrává soutěžící Zivnas s odhadem 70.007
2. cena: tričko – „Zrodilo se Shopio…“ + šek na 500 Kč na nákup v Medievum Marketu vyhrává soutěžící Lenka s odhadem 72.126
3. cena: tričko – „Zrodilo se Shopio…“ vyhrává soutěžící Adam Michl s odhadem 61.532

Výherce budeme kontaktovat a domluvíme se na předání cen. Všem ostatním děkujeme za účast a přejeme hodně úspěchů v jiných soutěžích.

Ku příležitosti narození Shopia, jsme se rozhodli udělat malou soutěž.
Na stránkách Shopia sice píšeme, že se Shopio prostě vyklubalo… Ale i přesto jsme museli několik řádků kódu napsat sami :).

Soutěžní otázka zní: „Kolik řádků kódu obsahuje Shopio v době vydání první verze?“

Do výsledku jsou započítány pouze řádky kódu, které jsme sami napsali. Není počítán obsah použitých frameworků či jiných knihoven.

A teď to nejdůležitější. Jaké jsou ceny?
1. cena: tričko – „Zrodilo se Shopio…“ + šek na 1.000 Kč na nákup v Medievum Marketu
2. cena: tričko – „Zrodilo se Shopio…“ + šek na 500 Kč na nákup v Medievum Marketu
3. cena: tričko – „Zrodilo se Shopio…“

Vaše tipy prosím pište do komentářů. Pokud se bojíte, aby vašeho odhadu někdo jiný nezneužil, napište nám je na info@w3w.cz.
Z každého emailu bude počítán pouze první pokus.

Vyhrávají tři nejbližší odhady. Tipovat můžete do 14.7. 2008. 15.7. zde oznámíme správnou odpověď a vítěze.

Po 24 hodinách od spuštění demo verze Shopia nás čekalo malé, ale milé překvapení. Jeden z produktů – notebook HP Pavilion dv6750ec se objevuje při vyhledávání v Google na druhém místě přímo za oficiálními stránky českého Hewlett-Packard.

Pro plnění demo e-shopu jsme vůbec nezohledňovali žádné SEO faktory. Nedělali jsme analýzu klíčových slov, neoptimalizovali jsme texty, ani žádné další optimalizační techniky. U HP Pavilion dv6750ec jsme pouze vyplnili maximální počet možných polí a využili možnosti variant zboží. Pojali jsme ho jako jakýsi „ukázkový“ produkt.

Než jsme se rozhodli s tímto úspěchem pochlubit na našem blogu, ověřili jsme si, že výsledky nesouvisí s personalizovaným vyhledáváním Google. To by totiž demo.www.shopio.cz mohlo pro naši potřebu posouvat výše.

Je několik způsobů jak se dá personalizované vyhledávání Google zrušit a získat pozice nezávislé na profilu uživatele:

• Přidáním &pws=0 na konec URL vyhledávacího dotazu.
• Použitím vyhledávacího pluginu, který tento výše uvedený řetězec dodává automaticky.
• Použitím SEO nástrojů jako je např. http://pozice-ve-vyhledavacich.cz. Zde se mohou výsledky mírně lišit, závisí vždy na kódu vyhledávacího dotazu, který nástroje používají.

Potěšilo nás, že všechny tyto způsoby potvrdily druhou pozici HP Pavilion na demoverzi Shopia (v případě anglické jazykové specifikace se nacházíme na 6. pozici).

Shopio nabízí možnost ovlivnit celou řadu SEO faktorů:

• Podporuje sémanticky správný zápis (X)HTML kódu.
• Generuje „čistá“ URL, která je možno libovolně měnit.
• Umožňuje editovat automaticky generované META informace jako je titulek, popis „METAdescription“ a klíčová slova „METAkeywords„, jejichž správné zvolení hraje z hlediska SEO důležitou roli.
• Podporuje generování mapy stránek (sitemap.xml), která zajistí indexování celého a aktuálního obsahu stránek.
• Podporuje generování XML exportů pro vyhledávače zboží.

V rámci plnění demoverze jsme však těchto nástrojů využili minimálně. Výslednou pozici ve vyhledávání tedy považujeme za velmi překvapivou, ale i velmi příjemnou…

Víme, že měřit úspěšnost SEO podle pozice jednoho výrobku ve vyhledavači je nesmysl. Ovšem i tak nás toto zjištění utvrzuje v tom, že čas strávený na podpoře SEO faktorů se vyplatil.

Do konce týdne doplníme do demo databáze některé další výrobky a budeme zjišťovat, zda i ty se prosadí v konkurenci jiných e-shopů. Pokud ano, asi začneme na demo e-shopu i prodávat :)

Neskutečné se stalo skutečností – Shopio je tady! V sobotu 21. 6. 2008 v 13:33 se zrodila první verze e-shopu Shopio.

Jak tedy vypadá? Podívejte se na demo obchod nebo do administrace.

Jako ukázku e-shopu jsme zvolili obchod s počítači a elektronikou. Tento sortiment jsme volili hlavně z důvodu velké rozličnosti výrobků, na kterém je možné dobře předvést funkčnosti Shopia.

Při tvorbě grafického designu pro první e-shop na Shopiu, jsme design vymýšleli na základě znalostí, co Shopio umí.
Pro demo e-shop jsme zkusili jít opačnou cestou. Koupili jsme již hotový design, který neměl žádnou spojitost se Shopiem a na něj jsme Shopio implementovali. Díky tomu jsme si ověřili možnost nasazení unikátního designu.

Dále jsme také spustili nové Shopio stránky, kde můžete nalézt více informací.

Co plánujeme do budoucna?

Vývoj Shopia tímto zdaleka nekončí. Plánujeme postupně přidávat celou řadu dalších funkcí. Budou to jednak funkce známé již z jiných e-shopů, plánujeme i několik nových funkcí, které budou doufáme příjemným překvapením. Na vývoj těchto nových funkcí se obzvlášť těšíme a jsme zvědaví na jejich úspěch.

Připravujeme také instruktážní video, jak pracovat se Shopiem, které usnadní uživatelům začátky práce se Shopiem.

V případě jakýchkoli dotazů, návrhů na vylepšení, nápadů na nové funkce, zájmu o Shopio nebo spolupráci nás prosím neváhejte kontaktovat.

V několika dalších článcích se budeme zabývat možnostmi pro zvyšování návštěvnosti e-shopu. Popíši také, jaké kroky jsme udělali pro zvyšování návštěvnosti na Medievum Marketu a jaké další kroky plánujeme do budoucna.
Prvním krokem pro zvyšování návštěvnosti je začít návštěvnost vůbec sledovat. Nástrojů na sledování návštěvnosti existuje celá řada. Dají se rozdělit na dvě základní skupiny.

Nástroje analyzující log soubory

• Awstat – jednodušší nástroj, jehož hlavní výhodou je cena – je zdarma. Je podporován na velkém množství hostingů.
• Lyris HQ – jeden z nejpropracovanějších nástrojů pro analýzu log souborů. Nevýhodou je jeho poměrně vysoká pořizovací cena.
• Smarter stats

Online měřící nástroje

• Google Analytics – Jednoznačně nejznámější nástroj. V současné době již téměř standardem. Pro naprostou většinu webů je zcela dostačující a je zdarma.
• Navrcholu – Výhoda je provázání s katalogem stránek, který slouží jako zpětný odkaz.
• Toplist – Velmi jednoduché počítadlo. Výhodou je také napojení na katalog stránek.
• CrazyEgg – Ve „w3w“ ho používáme pro měření „klikavosti“, které má lépe zpracované než Google Analytics.

Pokud si nevíte rady, jaký nástroj použít, použijte Google Analytics. Google Analytics je pro naprostou většinu webových prezentací a e-shopů naprosto dostačující. Pokročilejší nástroje jako např. Lyris HQ mají své výhody, které ale ocení pouze odborníci. Těm však tento článek není určen.

Sledování návštěvnosti Medievum Marketu

Pro sledování návštěvnosti Medievum Marketu používáme Google Analytics a CrazyEgg. CrazyEgg máme nainstalovaný jako doplněk, kterým sledujeme, jak lidé klikají na úvodní stránce. O CrazyEgg jsme se v této souvislosti zmiňovali již v předchozím článku.

Ukázka z Google Analytics pro Medievum Market.

Pomohou Vám se sledováním návštěvnosti:

• Seriál Dobrého webu o Google analytics, případně celý seriál v pdf.
• Článek na serveru ITbiz.cz o sledování návštěvnosti.

Aktualizace k 7. 5. 2015: E-shop Medievum Market jsme se rozhodli uzavřít a věnovat se novému „referenčnímu“ e-shopu Pivní dárky, kterému se komerčně daří výrazně lépe.

Na serveru Lupa dnes vyšel zajímavý článek SuperCash: rozhýbe platby na českých e-shopech?
popisující novou platební metodu pro české internetové obchody a pro poskytovatelé online obsahu.

Jak platba funguje?

1. Zákazník si při placení vybere platbu SuperCash.
2. Obdrží 24 místný číselný kód (možno i v kombinaci s čárovým kódem).
3. Tento číselný kód předloží na online terminálu Sazky a zaplatí příslušnou cenu.
4. Obdrží potvrzení o uskutečněné platbě.
5. Obchodník by měl být do 10 minut informován o transakci a může zpracovat zakázku.

Podrobněji popsáno na stránkách SuperCash.

Kolik to stojí?

• Zákazník za uskutečněnou platbu zaplatí 10 Kč.
• Limit pro jednotlivé platby je 99.999 Kč

Kde se dá touto metodou zaplatit?

V současné době je existují pouze 3 obchody, které tuto platbu podporují.

• Blahasoft – společnost prodávající účetní a ekonomické systémy
• shop.instaluj.com – elektronický obchod se softwarem
• Drinks24 – obchod nejen s nápoji

Jejich počet se ale zcela jistě bude postupně rozšiřovat.

Bude Shopio podporovat SuperCash?

Podporu této platební metody pro e-shopy postavené na Shopiu plánujeme implementovat během tohoto léta.

Další informace k tomuto tématu:

• Stránky platební metody
• Popis systému na stránkách Sazky
• U Sazky je možné platit za zboží koupené na internetu

V současné době existuje velké množství různých řešení pro tvorbu e-shopu. Vybrat si z tohoto dlouhého seznamu opravdu není jednoduché. V tomto článku se pokusím stručně popsat, jaké v této oblasti máme možnosti a dále odkázat na několik článků, které by Vám v rozhodování mohly pomoci.

Máme na výběr z těchto možností:

• Použití opensource řešení.
• Pronájem / zakoupení komerčního řešení.
• Vytvoření vlastního řešení.

Opensource řešení

Opensource řešení je jistě ideální volbou pro menší, začínající e-shopy. Za poměrně nízkou cenu si provozovatel může jednoduše vyzkoušet, zda jeho e-shop může mít úspěch nebo ne.
Výhodou je jistě také rychlost, z jakou můžeme začít prodávat. Instalace e-shopu je obvykle velice jednoduchá. Pokud si vystačíme s výchozím designem, můžete po technické stránce začít prodávat za několik hodin. Možností je také využít služeb některých webhostingových společností, které nabízejí balíčky přímo s některým opensource e-shopem.
Z nejznámějších a nejkvalitnějších bych jmenoval např.:

• Magento
• OsCommerce
• ZenCart
• Joomla
• VirtueMart
• Drupal

Diskusí o vhodnosti výběru opensource e-shopu existuje mnoho, např. na webtrhu.

Pronájem / zakoupení licence komerčního řešení

Komerčních řešení e-shopu různé kvality u nás existuje několik desítek. Výběr je zde podstatně složitější, než u opensource e-shopů. Projít nabídky všech firem poskytující řešení e-shopů je úkol na dlouhou dobu. Navíc na části webových stránek popisující řešení e-shopu se nedozvíte, co všechno nabízené řešení umí a kolik Vás e-shop bude stát. Velká část prezentací e-shopů také neobsahuje veřejné demo, kde byste si mohli řešení vyzkoušet.
Velkým pomocníkem při výběru vhodného kandidáta Vám jistě bude článek se seznamem hotových řešení e-shopů a jeho aktualizová verze. V tomto článku také autor zniňuje, že ve svém bádání pokračuje a bude se snažit e-shopy rozdělit podle kvality do třech částí: vyšší liga – 15%, první liga – 30%, druhá liga – 55%. Vzhledem k tomu, že srovnání v takovémto rozsahu neexistuje, bude jistě velice zajímavé. Společnostem, které hledají vhodné řešení e-shopu jistě mnoho napoví, kterým směrem se v hledání mají vydat. Tvůrcům e-shopů naopak ukáže, jak na tom jsou oproti konkurenci. V jednom z dalších článků také autor popisuje, podle jakých kritérií můžeme e-shop vybírat. Při výběru dodavatele Vám jistě také může být užitečný jeden z dílů seriálu firemní web – jak vybírat dodavatele.

Vytvoření vlastního řešení

Toto varianta má obvykle smysl pouze pro opravdu velké obchody, které potřebují svůj systém na míru napojený na všechny firemní procesy a systémy. Avšak i zde bude obvykle levnější nechat si již některý hotový e-shop dle potřeb upravit či rozšířit. Vývoj vlastního, kvalitního e-shopu je vždy v řádu od stovek tisíc korun výše. Najdou se i nabídky na vytvoření e-shopů na míru za cca 10.000 kč, ale ty bych určitě doporučoval nebrat:).

Další články na toto téma:

• Zakládame e-shop
• Ooutsourcing nebo vlastní řešení
• Jak budovat a rozvíjet e-shop

Na serveru Měšec.cz vyšel článek Jak na internetu rozpoznat kvalitní e-shop. Autor se v něm zabývá několika ukazateli, které mohou s předstihem naznačit, zda je daný e-shop spolehlivý či nikoliv a doplňuje je komentáři dvou zástupců provozovatelů předních českých internetových obchodů. Některé z těchto ukazatelů, jako je přehledná a kvalitní grafika, otevřenost, jasné definování obchodních a reklamačních podmínek jsou poměrně známé a našem blogu jsme je již zmiňovali.

Jiné jsou specifické. Poměrně obsáhlý je oddíl věnovaný certifikátům asociace APEK, v němž se podrobněji zabývá fungováním této organizace.

Za velmi zajímavé pak považuji tvrzení, že dostupnost typů plateb není pro hodnocení e-shop podstatná. Důležité je prý, aby podporoval dobírku, což je v České republice absolutně nejvyužívanější způsob platby. S převahou doručování „na dobírku“ nelze než souhlasit, ovšem dle mého názoru se počet alternativních plateb (platba kartou, PayPal, PaySec či další) bude do budoucna zvyšovat právě na úkor dobírky.

Přečtěte si celý článek: Jak na internetu rozpoznat kvalitní e-shop.

Rád bych Vás seznámil s novinkami ve vývoji Shopia. Dnešním dnem jsme plánovali představit veřejnou demoverzi Shopia. Na demoverzi však ještě probíhá intenzivní testování a dolaďování některých drobných nedostatků. Proto jsme se rozhodli představení veřejného dema odložit, za což se všem zájemcům omlouváme. Veřejné demo představíme těsně před uvedením Shopia do prodeje.
Toto demo bude ukázka obchodu s počítači. Pro sortiment počítačů jsme se rozhodli hlavně z důvodů velkého množství parametrů těchto výrobků, na nichž bude možné dobře demonstrovat parametrické vyhledávání.