top of page

Moderní webdesign a nové trendy


Moderní webdesign a výroba webových stránek

Dlouhé scrollovací stránky Pokud trávíte hodně času surfováním po internetu, jistě jste si povšimli, že velká spousta webových stránek má dlouhou scrollovací úvodní stránku. Od Pinterestu, po Flickr až po Facebook se vám načte jako první ta nejdelší stránka s newsfeedem. Tento trend můžete vidět všude. S tím jak se vyvíjí technologie, mění se i pohled vývojářů stránek na samotný webdesign. Je to tak protože si web designéři uvědomili, že návštěvníci si často zobrazují webové stránky z mobilních zařízení a zařízení s menším displejem, kde vládne zejména vertikální navigace. Záplava tlačítek uživatele tabletů a mobilů nikdy příliš nenadchne. Spíše než přeskakování z jedné sekce na druhou vítají mít vše podstatné, nebo alespoň výstupy z celého webu na jedné úvodní stránce. Úvodní stránka jako elevator pitch Přesně z těchto důvodů přišel nový trend v tvorbě webových stránek, který klade důraz na vstupní úvodní stránku, kde nabízí stručný výtah z jednotlivých sekcí. Celý obsah webu je tedy možné projít ve stručnosti na jedné stránce s tím, že pokud mne jako uživatele něco zajímá, rozkliknu si dané téma pro podrobnosti a tím se dostanu na další stránku. Více jak jedna substránka nemá v dnešní době žádný význam.


Landing page


Pro tyto účely si webmastři našli další zajímavý způsob jak oslovit zákazníka základními údaji a nejpodstatnějšími informacemi. Jde o tzv. landing page. Jde o stránku, která předchází klasické úvodní stránce, je graficky úsporná s jednoduchým motivem, často bez loga, spíše doplněná zajímavou akční fotografií či lehkým dynamickým prvkem jakým jsou například měnící se galerie či dynamická změna pozadí. Uživatelé mobilních zařízení zkrátka neradi čekají než se jim opět načte další stránka pokaždé když na něco kliknou a chtějí vědět co nejvíce informaci v co nejkraším čase ve zkrácené formě.. Teprve až je zkrácený obsah zaujme, jsou ochotni kliknout a čekat. Jeden z takových případů landing page naleznete na nově vyvíjených stránkách pro veterinární nemocnici Veterinární klinika Ivet. Mobilní stránky Na technologický vývoj, který ovlivnila mobilní zařízení, odpovídají klíčové autority jako Google náročnějšími požadavky na stavbu stránek. Nedávno například společnost Google upravila systém hodnocení stránek na základě tohoto zásadního vývoje ve prospěch těch webů, které disponují responzivním designem či dokonce speciální verzí mobilních stránek. Mobilní stránky se často liší jak designově, tak i obsahem od verze pro stolní počítače. Takové stránky mají u Google přednost a pokud vaše stránka mobilní web nemá, je na čase to změnit aby vám neunikly přední pozice. Se scrollováním toho také mnoho souvisí. Správný obrázek může například vypovídat mnohem rychleji o obsahu a formě více, než velké množství textu. Když toto vše spojíte s deeplinkingem, můžete být zase o krok napřed před konkurencí. HTML5 Nový programovací jazyk HTML5 má mnoho výhod, což již pochopilo mnoho výrobců webových stránek i podnikatelů. Funkčnost HTML5 ve spojení s výhodami dlouhých scrollovacích sránek přináší výhody uživatelům přenosných zařízení, zejména mobilních telefonů. HTML5 je verze značkovacího jazyka HTML sloužícího pro tvorbu webových stránek. Donedávna šlo o experimentální jazyk a finální specifikace byla vydána až 28. října 2014. Proti předchozí verzi HTML4 z roku 1997 přináší značné změny. Mezi nejdůležitější patří přímá podpora přehrávání multimédií v prohlížeči a podpora pro aplikace, které fungují i bez připojení k Internetu, což má skvělé výhody zejména pro přenosná zařízení či bezdrátové přenosy, které mohou zaznamenat dočasný výpadek signálu a v tomto časovém úseku dokáže HTML5 tento výpadek pokrýt. HTML5 umožňujě navíc zjišťovat stav baterie zařízení, což vede k identifikaci zařízení a jeho sledování, což se velmi hodí v případě prohlížení stránek pomocí přenosných zařízení, kdy dokáže optimalizovat prohlížení ve vztahu ke stavu nabití baterie. HTML verze 5 se od verze 4 liší dále novými, zkrácenými a rychlejšími zápisy značek, což umožňuje i rychlejší a pro vyhledavače optimální vyhledávání. Autoři dávají důraz na jednoduchost a zároveň účinnost. HTML5 je též možné vytvořit aplikaci, která funguje v prohlížeči i tehdy, když uživatel nemá internetové připojení, a která ukládá data do lokálního úložiště na uživatelově počítači. Je-li internetové připojení k dispozici, může aplikace synchronizovat data se vzdáleným serverem. Výhoda zkrácených tagů je, že jsou weby mnohem úspornější, rychlejší a méně chybové. Deeplinking Deeplinking technologie je systém používání hyperlinků, které směřují na přednostně vyhledávaný či zvláště indexovaný webový obsah na nějaké substránce formou klíčových slov obsažených přímo v adrese stránky. Odkazy na webu se dělí na tři typy: povrchové, vnořené a liniové. Povrchové odkazy odkazují na hlavní stránku webu, většinou na doménu 2. nebo 3. řádu, například http://www.veterina.net/. Vnořené odkazy jdou na konkrétní stránku v útrobách webu, například http://www.a-techservice.cz/osvetleni-akci.html. A inline využívají při zobrazení stránky zdroj z jiného serveru, například načítají nějaký obrázek odjinud nebo načítají nějakou substránku včetně anchoru tj. konkrétní sekce nějaké stránky jako je tomu například u naší nabídky na výrobu webových stránek nebo http://en.wikipedia.org/wiki/Deep_linking#Example . V době blogů a zpravodajských serverů je jasné, že pouze povrchové odkazy nestačí. Smršť článků je tak rychlá, že by se člověk z hlavních stran webů uhledal. Naopak vnořené odkazydávají uživateli větší šanci článek najít pomocí vyhledavače. Dříve bylo takové odkazování bráno za nemorální a dokonce kvůli tomu proběhlo několik soudních tahanic, ale jak se říká "přírodě neporučíš".

Podobným způsobem odpovídá deeplinking i na obrázky a jejich zobrazení v kódu. Obrázek s popiskem tvoří odkazovou adresu obsahující klíčová slova a když dokáže odkazovat na substránku s podobným obsahem klíčových slov pak řekne více i vyhledavači, který si dokáže vyhledávat i podle obrázků samotných. Zkrátka HTML5 pomáhá vyhledavačům typu Google nacházet lepší spojení mezi obrázky, sekcemi, substránkami a textem pomocí hyperlinků s deeplinky. Google navíc deeplinky indexuje, dokonce i hodně hluboko zastrčené stránky, zkrátka Google má deeplinky rád a uživatel také i když třeba ani neví co deeplink vůbec je. Majitelé webových stránek však nakonec zjistili, že jim stačí když si zákazník přečte alespoň článek aniž by prohledával celý web. Někteří webmasteři však vědí, že deep linking se dá zatrhnout kontrolou refererů, ale proč by to dělali? Vždyť stačí aby zákazník narazil při čtení příspěvku na další zajímavý odkaz, například na jiný článek, nebo byl zachycen sběračem maileru pro Newslettery a ejhle, máme vracejícího se zákazníka! ///////////////////////////////////////////////////////////////////////// Tým Gladio marketing programuje v HTML5 a na deeplinky samozřejmě nezapomínáme. Mobiní verze stránek nabízí společnost Gladio marketing nyní ke každému webu zdarma! Kontaktujte nás a my vám rádi vytvoříme funkční web, který pomůže nastartovat váš business.



Doporučený článek
Poslední příspěvky
bottom of page