Co s tím? Změny algoritmů v roce 2012 (Panda) začaly již s touto situací bojovat a mnoho webů je najednou u Google “zabanováno”. Jaký však bude další vývoj?

Zajímavou možnost naznačil Rand Fish (Anchor text may be replaced by co-occurence…) ve svém listopadovém “Whiteboard Friday”. Ve své podstatě jde o další krok v přiblížení analýzy obsahu tomu, jak přemýšlí člověk.

Dnes je počet kvalitních zpětných odkazů jedním z hlavních faktorů, proč má web dobré umístění ve vyhledávačích. Čím dál důležitější než počet je kvalita, definovaná kvalitou webu, ze kterého jde obsah, relevancí obsahu v rámci kterého se obsah vyskytuje, přesné znění textu odkazu a relevance na obsah stránky, na kterou odkazuje.

Vychytralí SEO linkbuildeři proto budují obsahové microsites a linkové farmy a bojují kvantinou proti kvalitě. Kromě optimalizace hodnocení kvality to z výsledků hledání vypadá, že Google začíná čím dál více pracovat s parametrem “spoluzobrazení”, jako obranou proti SEO spamu. O co jde?

Představte si web vytvořený SEO chytrolínem uměle pro získání návštěvnosti a prodeji reklamy a zpětných odkazů, např. autoservis-pneuservis.cz (reálně je to vypnutý web) a vedle něj web cimrmanovadilna.cz (CD), který bude neoptimalizovaný. Ve fyzickém světě však bude cimrmanovadilna.cz velký servis s tisíci klientů oproti virtuálnímu autoservis-pneuservis.cz (AS). Dnes se stává, že první z nich může ve výsledcích hledání dosáhnout rozumného výsledku.

Spoluzobrazení hodnotí, jak často se název webu (zde např. “Cimrmanova dílna”) objevuje v textech společně s klíčovými slovy relevantními pro daný segment. Například je spousta textů typu ” … v Cimrmanově dílně mi perfektně opravili přední sklo … Cimrmanova dílna je můj oblíbený servis … Cimrmanova dílna již 10 let nabízí opravy automobilů …”.

Díky tomuto hodnocení se Google vymaňuje z “technologického SEO spamu” a hodnotí relevantní obsah, ať už tvořený uživateli, nebo marketingovými odděleními.

Co z toho plyne? Nepodléhat chytrolínům zneužívajícím aktuálních chyb algoritmů a budovat optimalizaci webu korektně a dlouhodobě. A hlavně: obsah, obsah, obsah … na vašem webu i o vašem webu jinde.

Telefon: +420 602 127 315
E-mail: info@onmeco.cz

Často se setkáváme s tím, že barvy jsou již dané. To když má firma jasnou korporátní identitu a celou barevnou strategii za nás vymyslel někdo jiný. Zde je potřeba pouze vybrat takový odstín barvy, který je na webu viditelný a výrazný. V případně k němu vybrat doplňkovou barvu pro hover efekty nebo akční tlačítka. Další variantou je, že firma nemá korporátní barvy, nějaká barva se jim „líbí“ a nebo nechávají výběr zcela na vás. Potom je dobré vědět co která barva znamená, případně vybrat takovou, která firmu odliší od konkurence. Stává se, že webdesigner vybere takovou barvu, která se líbí jemu a to je chyba. Takového člověka bych ani webdesignerem nenazývala. Důležité je vědět pro koho web navrhujeme a nenavrhovat ho pro sebe. Jsem zastáncem jednoduchého designu, který nechává vyniknout obsah. Grafické orgie v podobě spousty efektů, stínů a dalších prvků mě nebaví a myslím že nefungují. Je pro mě důležité aby se na web dalo koukat i po delším čase. To jednoduché designy splňují. Neokoukají se, nevyjdou z módy, plní svůj účel. Co se týká vybírání kombinace barev, existují určitá pravidla, způsoby, jak vybrat takové barvy, které k sobě budou sedět. Pracuje se v nich s kolem palety barev. Já používám nástroj od Adobe: Kuler. Hlavní ale je používat oči a třeba vyjít ze všech zaběhlých způsobů, pokud víte proč. Často taková volba přidá designu osobitost a výjimečnost.

Rozdělení a smysl barev

Je potřeba mít na mysli, že v každé zemi nebo kultuře se významy barev liší.

Teplé barvy  - základní

Červená

Vášeň, láska, hněv Budí v lidech aktivitu především tu fyzickou. Zvyšuje srdeční tep a zrychluje dýchání. Vzbuzuje emoce. Také je ale spojována s válkou nebo krví. Dalším významem je slovo Pozor. Červenou označujeme úkoly, které tzv. hoří. Červená kontrolka také nikdy nevěstí nic dobrého. Pro web je důležité, že červená přitahuje pozornost. Takzvaně ze stránek křičí. V některých případech může mít až negativní význam, a to když je tak výrazná, že má návštěvník webu pocit, že na něj příliš naléháte, nutíte ho někam kam on nechce. To souvisí s nadužíváním červené na akčních letácích, akčních cenovkách, akčních akcích… Pokud se rozhodnete červenou ještě zvýraznit černým podkladem dostanete se k významu touhy či vášně, a to především z mužského pohledu. Tato kombinace totiž připomíná adrenalin, rychlá auta nebo třeba laciný sex. To souvisí s častý spojením s peklem, čerty, chlípností a tedy zakázaným ovocem.

Žlutá

Štěstí, naděje, podvod Optimistická barva dodávající energii. Vybavíme si pod ní slunce, štěstí a zlaté mince. Podněcuje k vyššímu pracovnímu výkonu. Je spojována s chutí k jídlu. Pokud si vyberete žlutou pro váš web, dobře zvolte její odstín. Žlutý text na bílé či světlé ploše se z podsvícených obrazovek špatně čte. Stejný efekt má i bílý či světlý text na žlutém podkladu. Proto se žlutá hodí především jako doplňková barva, či barva pozadí. Černý či tmavě šedý text na žluté se čte dobře. Nedoporučuje se žlutou používat na akčních tlačítkách v e-shopech, to zejména proto že na ní nejvíce reagují lidé, kteří nemají v úmyslu si něco kupovat.

- doplňkové

 Oranžová

Energie, štěstí, vitalita Obecně velice optimistická barva. Rozjasňuje, přidává energii, povzbuzuje k životu, je spojována s přátelstvím nebo pohybem, proto také úzce souvisí outdoorem a lidmi kolem něho. Dále v nás evokuje podzimní barevnost. V tomto období se totiž listy v jednu chvíli zbarví do oranžova a dozrají dýně. Často se používá u akčních tlačítek, protože dokáže návštěvníky přinutit ke kliknutí. Přitahuje pozornost, ale ne tak silně jako červená.

Studené barvy – základní

Modrá

Klid, harmonie, důvěryhodnost, řád Modrá je obecně barvou harmonie a klidu. Vnímáme jí jako barvu nebe nebo vody, a to i přesto, že voda modrá není, ale ve vodních plochách jako jsou rybníky, či moře, se modrá odráží právě z nebe. Na webu je často spojována s IT službami. Důležitáý je odstín modré, světlé odstíny uklidňují, jasné odstíny osvěžují a tmavé odstíny přidávají důvěryhodnost, pevnost a řád. Proto si jí také jako korporátní barvu vybírá tolik bank. A proto jsme jí i my vybrali jako hlavní barvu pro redesign peníze.cz. Hlavní barvou webu peníze.cz je modrá a to hlavně z důvodu důvěryhodnosti a řádu, který je s financemi spojený. Sekundární barvy

- doplňkové

Zelená

Začátek, hojnost, přírodaZelená barva nám dává spoustu krásných odstínu, které vypadají na webu dobře a dávají mu osobitost. Obecně se o zelené barvě mluví jako o barvě, která dokáže udržet pozornost. Nejspíš proto, že naše oči jsou na odstíny zelené zvyklé z přírody, je pro nás proto přirozenou barvou. Zelená často symbolizuje nové začátky, a růst. To vysvětluje, že tato barva patří jaru, kdy začíná růst nová tráva a po bílé zimě se těšíme z odstínů čerstvé zelené víc kdy jindy. Některé odstíny hlavně ty světlé nám připomínají nemocniční prostředí, sterilitu, mají za úkol nás uklidnit.

Fialová

Kreativita, majestát (královská), bohatství, duchovnost Tato barva bývala kdysi vzácná a nosili ji na sobě pouze duchovní či příslušníci královského rodu. Proto je dodnes spojována s bohatstvím, majestátem a duchovními záležitostmi. Dnešní vnímání ale duchovnost fialové posunulo spíše k ezoterice. Dalším jejím významem je kreativita. Je spojením, důsledkem ženské a mužské síly (tedy modré a červené barvy). Také z tohoto důvod jsme si ji vybrali jako doplňkovou barvu pro redesign babywebu.cz.

Neutrální barvy

Černá

Tajemno, elegance, zlo Tato barva je spojená s elegancí a tajemnem. V západním světě bývá spojována se zlem a smrtí. Má tu sílu, že odráží význam jiných barev a sama se posouvá do pozadí. Je tzv. neutrální ale perfektně doplňuje. Černá barva je často využívána pro text, kvůli dobré čitelnosti, ale čím dál častěji se s ní setkáváme u hlavní navigace či patičky. Vypadá pěkně na velkých plochách a je výborná pro zvýraznění určité části webu. Černá jako barva pozadí dává vyniknout křiklavějším barvám a takovéto kombinace působí kreativně a moderně. Využití takového schématu bych viděla na stránkách určených mladým lidem, trendových, moderních či kreativního zaměření.

Bílá

Čistota, ryzost, ctnost Používá se především jako podkladová barva. Bílou nejvíce vnímáme v zimě, kdy napadne sníh a spoustu věcí zůstane pod ním schovaných. Vnímáme jí jako barvu čistoty, ctnosti a nevinnosti. To zejména proto, že jakákoli špína (neřest) je na bílé barvě hned vidět. Obecně je známo, že černý či tmavý text na bílém pozadí se lidem nejlépe čte. Také ostatní grafické prvky na bílém podkladu pěkně vyniknou. Navíc bílá barva jako podklad slouží návštěvníkům webu jako odpočinková zóna a lépe se jim zpracovávají informace, které právě četly. Dá se pracovat i s opačným rozložením barev, tedy tmavé pozadí a bílé texty či jiné grafické prvky. To vypadá pěkně pokud jsou bílé plochy velké. Dále se bílá barva požívá pro minimalistické weby, které přikládají důraz funkčnosti. Výjimkou není časté použití bílé barvy jako podkladu u webových portfolií designerů. Bílá barva dává vyniknout ostatním barvám. Je tedy dobré ji použít jako doplňkovou barvu.

Šedá

Špatná nálada, konzervativnost, formalita Šedá symbolizuje špatnou náladu, často také město (beton) nebo formální stránku, kdy je důležité nevyčnívat. V českém jazyce používáme přirovnání „šedá myš“. Šedou je dobré použít jako doplňkovou barvu či barvu pozadí. Pomocí ní zvýraznit jinou barvu. Tmavě šedá, může působit moderně a významem má blíž k černé. Elektronovinky.cz jsou laděné do šedé barvy a to do jejího tmavého i světlého odstínu. Mají za úkol zvýraznit a podpořit obsah. Odstín červené, oživuje pro někoho nudný svět součástek.

Hnědá

Příroda, zdravotní nezávadnost, spolehlivost Hnědá je spojená se zemí, hlínou a dřevem. Působí proto jako přirozená barva. Symbolizuje důvěryhodnost. Je zde ale rozdíl mezi důvěryhodnou modrou a hnědou. Hnědá totiž přiláká lidi orientované na klid domova, takové návštěvníky kteří nemají rádi změny, jsou staromódní a nevyjíždějí z vyjetých kolejí. Na webu se hnědá moc často nepoužívá, uvidíme ji spíše u pozadí. Hnědé designy, které jsem ale měla možnost vidět, vypadaly dobře.

Béžová (okrová)

Konzervativnost, zbožnost, mdlost, lidskost Béžová barva se chová podle toho s kterou barvou ji spojíte. Pokud k ní přidáte teplé barvy změní se na teplou a obráceně. Někdy je vnímána jako nudná barva. Také je spojená s člověkem a s lidskostí. To nejspíš kvůli barvě kůže, která je často béžovou znázorňována. Konzervativnost jako jeden z významů béžové přisuzuju její nerozhodnosti. Není jasné k čemu ji přiřadit, ohýbá se podle toho čím jí doplníte. Béžová je hlavní barvou našeho designu pro babyweb.cz. Teplotu jí zde přidává výrazná červená. Má zde úlohu lidskosti a přirozenosti.

Šampáňová (krémová)

Klid, Elegance, Ryzost Tato barva je velice jemná, spojována je s elegancí. Obecně ale tato barva zjemňuje. Není tak ostrá jako bílá a proto je něžnější ve vztahu k ostatním barvám. I pro ní platí , že v závislosti na jiných barvách mění svojí teplotu. Dala by se také hezky využít pro odpočinkovou zónu, klidnější designy nebo designy s nádechem historie. Při výběru barev na web je dobré znát jejich význam a vědět jak který odstín na lidi působí.

Naďa Ryšánková

1. Důvody k redesignu

První na co jsme se ptali bylo: Jakou máte motivaci ke změně? Bylo nám řečeno, že design je již zastaralý. Zjistili jsme si, že i konkurenční weby v poslední době prošly redesignem, jejich návštěvnost se ale poté snížila. Přikládali jsme to špatně zvolenému designu, který weby spíše znepřehlednil. Bylo pro nás tedy klíčové navrhnout design, který web vyčistí a zlepší čitelnost. Důležité bylo nejlepší formou odprezentovat kvalitní články čtenářům.

2. Stanovení principů

Dále bylo zapotřebí vymyslet koncept. Nezačínat od detailů, ale od celku, který detaily podpoří. Principy byly od počátku jasné. Nejdůležitější pro nás byl obsah. Jak ale navrhnout grafiku, která bude obsah podporovat, ale neodpoutá od něj pozornost? Nechtěli jsme dělat prvoplánovou grafiku, která by byla líbivá, ale nesplňovala by funkci webu a to předání informací.  Chtěli jsme web zpřehlednit, vyčistit, zlepšit čitelnost článků…

Princip 1 – obsah

Podstata webu je v informacích. Ty jsou předávány určitou formou. Někteří čtenáři jsou schopni, kvůli kvalitním informacím jejich formu přehlížet. Více je ale těch, kteří cítí, že se jim díky grafické úpravě textu, článek čte hůře či lépe. Neví většinou proč, ale špatně upravené články nedočtou. Je jedno jak kvalitní informace v nich jsou. Úkolem je tedy obsah podpořit. To souvisí s minimem grafických efektů a elementů. Cílem tedy bylo vyzdvihnout obsah.

Princip 2 – čitelnost

Bod dvě úzce souvisí s bodem jedna. Typografie byla na penězích.cz dlouho řešeným tématem. Chtěli jsme vytvořit nejlépe čitelné články. Které budou konkurovat velkým zpravodajským serverům. A když už se čtenář jednou začte nic mu jeho čtení nepřeruší. To souvisí i s celkovým tokem informací (flow), které jsme se snažily graficky jasně vyjádřit.

Princip 3 – čistá grafika

I když by se mohlo zdát, že trendem je vyzývavá grafika se spousty efektů, je to spíše přežitek. Navíc to web dělá laciným. Podle našeho názoru by nemělo být prvoplánové zaujmout grafikou, ale sdělením. Grafika by měla podporovat obsah. Proto jsme zvolili kontrastní barvy. Bílé pozadí, jasně barevně oddělili (použitelnost). Boxy ohraničili tak, aby bylo jasně vidět o jaký box jde.  Fotografie a titulky nechali vyniknout…
Všechny tři principy spolu úzce souvisí. Koncept by nemohl vzniknout bez jediného z nich. Když jsme si jasně stanovili cestu, forma se nabízela sama. Dále jsme se bavili o velikosti a robustnosti hlavní navigace, velikosti hledání, tlačítkách, řešení diskuze…
Je pro nás důležité postupovat od celků k detailu. Vymyslet principy, na jejich základě navrhnout několik konceptů, ty potom konzultovat se zadavatelem. Čím více schůzek ohledně konceptu mezi námi a zadavatelem proběhne, tím méně času je potřeba na dodělávky.

Tak tomu také bylo u peněz.cz. Z pěti námi navržených grafickým konceptů se vybral jediný. Ten byl dále upravován tak, aby každá maličkost byla funkční. Po schválení tohoto konceptu se rozpracovaly další stránky. Začínáme vždy návrhem detailu a jdeme postupně k homepagi. Mohlo by se zdát, že toto řešení je nelogické, ale opak je pravdou. Homepage je jenom jedna, detailních stran je podstatně více( mají také více obsahu), proto se na ně dostane více lidí. Navíc homepage se většinou ladí ze všech stran nejdéle. Hlavně díky layotu a snahou o zobrazení co nejvíce informací.
Na tomto projektu jsme se setkali s otázkou dvou či tří sloupcového layoutu. Nakonec jsme zůstali u třísloupcového, mimo článku a to zejména díky mnoha elementům, které bylo zapotřebí na stránku umístit.

3. Obecné trendy obsahových webů

Čím dál častěji se můžeme setkat s responsivním webem. Jde o design který počítá se zobrazením na více přístrojích. Je tedy navrhován jak na rozlišení obrazovek tak na tablety či mobilní přístroje. Responsivní webdesign je náročným procesem, který potřebuje svůj čas. Na penězích.cz jsme chtěli najít kompromis mezi univerzálností a celistvostí. Přišli jsme tedy s designem, který je dobře čitelný na různě velkých displejích. Ušetřili jsme tím hlavně čas, ale neztratili na funkčnosti.

4. Typografie

Dlouho řešeným tématem byla typografie. Záměrně jsme použili webový font Ariel, na který jsou již čtenáři zvyklí a nemají problémy s jeho čitelností. Velikost nadpisů, řádkové proklady, odstavcové mezery, odrážky… každou z těchto jednotlivostí jsme ladili tak, aby se článek četl co nejlépe.

5. Úskalí na která jsme narazili

Ohledně typografie jsme narazili na problém, který nás zaskočil. V hlavní navigaci se nám slívalo písmo, dělo se tak ale pouze na  počítačích s operačním systémem Mac. U počítačů se systémem Windows vypadal font pěkně. Oslovili jsme pro to některé webdesignery s dotazem co s tímto problémem dělat. Výsledek byl takový, že většina těchto designerů by tento problém neřešila. Přemýšleli jsme tedy dál, co dělat s jiným vyhlazováním písma na různých přístrojích. Jediná možnost, která se nabízela, byla zkusit najít takové písmo, které bude užší a nemělo by se tedy slívat. Takové písmo se našlo, proběhlo jeho vyzkoušení a ukázalo se, že písmo pěkně sedí a neslívá se.
Při práci občas narazíme na nějaký problém, je ale pro nás výzvou ho vyřešit. Posouvá nás to v dalších projektech. Vše chceme mít stoprocentní a perfektní.

6. Závěr

Redesign webu peníze.cz se díky kvalitně odvedené práci a také spolupráci povedl. Návštěvnost se zvýšila, lidem se v něm dobře orientuje a čte. I přes první negativní reakce, se design usadil. Těší nás když nám lidé říkají, že se jim design i po tolika měsících stále líbí a neokoukal se jim.

Naďa Ryšánková