Analýza záměru

Nejdříve je třeba si ujasnit zejména pro koho a proč projekt dělám. Zjistěte si, jací jsou cíloví zákazníci. Co byste chtěli, aby uživatelé dělali na Vašich stránkách? Co chtějí uživatelé? Zkuste si opovědět na otázky v zadání internetového projektu.

Rozpočet projektu

Důležitou měrou je jistě rozpočet – od něj se odvíjí, kterým směrem nejlépe vyslat Vaše finance.

Design webu

Pokud to rozpočet dovolí, můžete zkusit designerů více nebo vyhlásit soutěž o nový design. Možná pak budete mít lepší možnosti. Před samotnou realizací designu si jej zkuste nakreslit na papír. Nesnažte se být přehnaně originální, je velmi důležitá použitelnost webu. Designer by měl myslet i na typografii a ne jen na pozlátka okolo. Důležitá je také volba barev. Myslete především na vkus uživatele. Pozor na designéry, kteří nemají s návrhy webů zkušenosti.

Testování designu

Nyní je první místo pro volitelné testování zhotovených designů. Můžete jej ukázat pár lidem ze svého okolí, zeptat se svých zákazníků, profesionálů nebo realizovat pokročilejší metody testování.

Kódování do HTML

Nyní je potřeba převést hotový design do (X)HTML. Je třeba splnit co největší shodu s původním návrhem a zajistit správné zobrazení ve všech moderních prohlížečích. Práce grafika a kodéra spolu úzce souvisí.

Implementace – vložení do systému

Většinou se systém vloží do některého z dostupných systémů. Říkáme tomu implementace. Prostě se nakódovené HTML (viz výše) převede do systému. Zde může velkou roli hrát složitost systému. Můžete si řešení naprogramovat, koupit si placený produkt, zařídit pronájem eshopu, upravit open-source, atd.

Obsah je král

Web bez obsahu neexistuje. Pokud chcete být úspěšní, tvořte obsah který uživatele zajímá. I obyčejné věci se dají zajímavě podat. Texty by měly vést uživatele k akci. Je třeba celý web provázat (prolinkovat odkazy), připravit základní stránky, obrázky, videa, atd.

Dodělávky, opravy, připomínky

Při tvorbě se často vyskytnou chyby, nikdo není dokonalý, že? Často se rojí nové nápady a bývá výhodné projekt za pochodu pozměnit a vylepšit. Web je především vývoj.

Testování použitelnosti

Spuštění webu by mělo předcházet testování použitelnosti. Testujte, jestli se lidé na stránkách orientují, jestli si dokáží poradit. Pokud předpokládáte vysokou zátěž, je potřeba na ní být připraven. Zajistěte také, aby byl web bezpečný. Tím se pravděpodobně dostanete do další fáze oprav a vylepšení .

Spuštění webu

Je třeba myslet na další související „drobnosti“. Zajistit kvalitní webhosting a doménu. Zajistit statistiky a sledování konverzí. Zprovoznit emaily a další přidružené služby.

Reklama

I sebelepší web nikdo nebude navštěvovat pokud o něm nikdo nebude vědět. Dobrému webu se vyplatí napomáhat. Je mnoho druhů internetové reklamy i reklamy v offline světě. Reklama na stránky se dá dobře měřit a je hned vidět, jak se vyplácí.

Závěrem

Je mnoho věcí, které jsem už do článku nenapsal, protože bych svým způsobem nikdy neskončil. Pokud Vám v článku přesto něco chybí, napište do komentářů, rád to doplním.

Sdílej nebo ulož článek

Jak vytvořit kalkulaci projektů?

Vždy, když chce klient vytvořit nový web nebo redesign, zajímám se o celou činnost daného zákazníka. Co si budeme povídat: ne všichni se v oblasti internetu vyznají.

Chcete pouze konkrétní služby?

Možná budete patřit mezi ty, kdo potřebují pouze dílčí práce (design, programování, reklama,…). Pak je situace docela jednoduchá:  stačí dodat požadavky, určí se cena a práce mohou začít. V opačném případě:

Zjistíme rozpočet

Dám vám příklad: mějme například rozpočet zmíněných 25 tisíc. Je nesmysl všechny prostředky věnovat do vývoje systému. Je lepší vytvořit systém jednoduše a levně, avšak věnovat pozornost dalším věcem. Prostředky se dají použit pro SEO, pro reklamu, pro zlepšování konverzí či další činnosti. Tím se dá podstatně zlepšit návratnost investice.

V případě vyššího rozpočtu se pak nabízí udělat web i jeho systém pečlivěji, s ohledem na jeho budoucí vývoj. Je možné se zaměřit na funkce, které vaši uživatelé ocení, možnosti které vás odliší od konkurence.

V našem případě platí, že ty opravdu malé rozpočty raději svěříme někomu levnějšímu a ty opravdu velké zase větším firmám. Rozhodne však platí, že mne baví vymýšlet dobrá řešení a rád poradím i když nic nevydělám.

Sdílej nebo ulož článek

• Jaké jsou cíle webu? Jaká je cílová skupina?
• Jaký bude obsah? Kdo bude web aktualizovat?
• Jaký má být design? Jaké barvy? Máte logo?
• Jaká má být funkčnost webu, jsou nějaké speciální požadavky?
• Jaké podklady je třeba dodat? Jaké podklady máme zajistit?
• Jaký je předpokládaný termín realizace?
• Jaká bude reklama?
• Jaký bude hosting a doména (y)?
• Má-li projekt vydělávat, jaká je strategie?
• Jaký je předpokládaný rozpočet?

Nejdůležitější jsou asi body první a poslední .

Sdílej nebo ulož článek

Co je důležité v kódu HTML?

Pro kodéra je především nutné chápat souvislosti. Pro určité weby se hodí to a pro jiné něco jiného. Ani to, zda je dokument validní, by se nemělo stávat modlou. Někdy je daná věc bez validity velmi obtížná, jindy je třeba nevalidní řešení lépe funkční. Pokud je to však možné, vždy se snažte mít kód svých stránek validní, pravděpodobně bude lépe přístupný. Validátor consorcia W3C.

XHTML versus HTML

Zde to k mlžení informací přímo svádí. Tajemné X však neznamená nutně lepší. V XHTML platí mnoho pravidel, které v HTML 4 a nižším vůbec nenajdeme. Dalo by se říci, že XHTML je hodně přísné, vyžaduje striktní zápisy a nesmí obsahovat zastaralé tagy. Avšak moudrý kodér zastaralé tagy nepoužívá ani v HTML.  Pro HTML se obecně naskýtá lepší budoucnost v podobě moudrého vývoje. Také nesmíme zapomínat, že web se dá tvořit i pomocí flashe či formátu XML (o tom snad jindy). Důležité je vědět, že měrou kódu by měly být prohlížeče uživatelů, tj. hlavně aby se stránky správně zobrazily.

PHP versus ASP versus Ruby versus Phyton versus…

Zde je to trochu o něčem jiném. Programovací jazyky jsou svým způsobem univerzální nástroje. Jde spíše o to, jakým způsobem se jazyk použije než který to přesně bude. Na webu obecně platí, že PHP je více používáno a má větší podporu, na druhou stranu trpí některými neduhy díky své open-source podstatě. Záleží především na tom, jak schopného programátora máte, nejen na zvoleném jazyku.

Příklad za všechny

Například vyhledávač Google.com v současné době (leden 2009) používá velmi zastaralé metody (tabulky), neuvádí doctype (zda se jedná o HTML 1, 2 či XHTML) a obsahuje mnoho „chyb“, viz validator W3C o Googlu, avšak to vše je podřízeno požadavkům: být zobrazitelný na všech myslitelných zařízeních a být schopen odolávat vysoké zátěži.

Odkazy jinam:

• XHTML na Wikipedii
• Soumrak nad moderním X na Lupě

Sdílej nebo ulož článek

Web plný odlesků

Mám rád perfekcionismus. Oceňuji vzhled, který myslí na detaily; vetšinou se jedná o odlesky, kulaté rohy, elegantní tlačítka nebo elegantně zpracované formuláře.

Typografie vede

Myslím, že na designu je nejpodstatnější typografie. Odstrašující jsou weby s úchvatným designem, avšak základními typografickými chybami. Když designér (kodér) nevytvoří styly pro nadpisy, odkazy nebo seznamy myslím, že buď svou práci vědomě ošidil nebo je to amatér.

Smysl designu

Ne vždy by mělo být cílem designu šokovat. Cílem designu je podpořit informace, které stránky přinášejí. Vhodným designem můžete uživatele vést k akci, upozornit na důležité části webu, atd. Při tvorbě designu je třeba myslet i na použitelnost. Menu, které se celé hýbe nebo je tvořeno nejasnými symboly je sice hezké, avšak většinu uživatelů odradí nebo jim přinejmenším komplikuje cestu k požadovaným informacím. Něco jsem o tom napsal v článku flash ano či ne.

Výjimka zase potvrzuje pravidlo

Za výjimku by se daly například považovat prezentace uměleckých skupin. Pokud je prezentace ve flashi zpracována profesionálně, bývá pak na webu úspěšná. A nemusí to být jen o vložených financích.

A jak si kvalitní design představujete vy? Co by měl splňovat?

Sdílej nebo ulož článek

E-shop na míru

Zde se většinou jedná o nejlepší, avšak nejdražší řešení. Systém se dá například postavit na některém z frameworků v PHP, někdy se programuje v jazyce ASP.net, zřídka pak v ostatních programovacích jazycích. Ceny se pohybují od 30 tis. více, většinou 50 – 70 tisíc korun, opravdu rozsáhlé projekty jdou do milionů. Investice do Vašeho systému jsou prakticky neomezené.

Výhody

• e-shop přesně dle Vašich představ
• možnost speciálních funkcí nebo nastavení

Nevýhody

• vysoká cena
• jakoukoli další funkčnost je třeba doprogramovat

Krabicové řešení

Krabicové řešení e-shopu je vlastně koupený hotový systém od dané firmy. Svým způsobem sem můžeme zařadit i open-source systémy (Zencart, OSCommerce, Quickcart, atd.), ale u těch je třeba počítat buď pouze se základní verzí nebo využít někoho zkušeného, kdo dokáže systém přizpůsobit.

Co je krabicové řešení

Většinou jde o systém, který je dlouhododobě vyvíjen, takže nabízí pokročilé možnosti nastavení a přizpůsobení. Firmy většinou nabízí jeden vlastní e-shop a zaplatíte dle náročnosti na úpravy. Cena krabicového řešení se odvíjí především od počáteční ceny a od ceny za implementace. Open-source je v zásadě zdarma, je však třeba počítat s množstvím úprav. Koupené produkty se pohybují většinou mezi 10 – 35 tisíci korunami.

Klady

• často rozsáhlé možnosti nastavení a přizpůsobení
• možnosti pluginu nebo modulů
• relativně dobrá cena
• nemusí vyžadovat umístění na serveru dodávající firmy

Zápory

• často je třeba se přizpůsobit možnostem systému
• u koupených e-shopů je někdy vyžadovaný hosting u dané firmy

Pronájem e-shopu

Poslední možností, která se na trhu vyskytuje je pronájem. Platí se od několika set až po tisíce měsíčně. Já osobně tuto možnost nikdy nedoporučuji, protože se téměř vždy jedná o nevýhodné řešení. Především je nevýhodou stálá platba za fungování e-shopu. Také je tu nemožnost úprav systému vlastními silami. Výhodou jsou pak minimální počáteční náklady, často jen první platba. Ceny se pohybují od 300,-Kč  za měsíc až po cca 2500,-Kč za měsíc.

Klady

• e-shop dostanete za minimální počáteční investice.
• e-shop je neustále vyvíjen (nové funkce, opravy chyb)

Zápory

• nutná měsíční nebo roční platba
• nemožnost upravit některou funčnost
• e-shop je neustále vyvíjen (mohou se objevit chyby nebo jiné nechtěné novinky)

Na co si dát pozor

Především doporučuji, abyste měli oči otevřené. Nenechte se zlákat na líbezné řeči některých obchodníků. E-shop by měl běžet na Vaší internetové adrese. Pozor na měsíční poplatky – co za ně dostanete. Perspektivně je jistě lepší neplatit měsíční paušál, že?

Design E-shopů

Rád bych zdůraznil, že design je možné vytvořit takřka ve všech zmíněných možnostech. Většina systémů je postavena na šablonách, které umožňují úpravy a přizpůsobení vzhledu.

Odkazy jinam:

• diskuze o open-source na webtrhu
• seriál zakládáme e-shop na Lupě
• recenze internetových obchodů (anglicky)
• sekce internetový obchod na našem webu

Sdílej nebo ulož článek

Peníze jsou dluh

(snaha o co nejjednodušší vysvětlení jak fungují banky)

Zeitgeist – šokující duch doby?

(Tři díly filmu: první rozebírá nábožeství, druhý především 11.září 2001 a třetí se věnuje bankovnímu systému)

Co vy na to? Myslíte si, že nějaká podstatná fakta, chybí? Uveďte je.

Druhý díl Zeitgeist:

Odkazy jinam:

• Ivo Lukačovic – FAQ k současné kreditní krizi

Sdílej nebo ulož článek

Web vyžaduje pečlivost

Aby byl web úspěšný, měl by být dostatečně kvalitní po všech stránkách. Kvalitní flashové weby bývají podstatně dražší než jejich HTML protějšky. Pokud má klient k dispozici 5.000,-Kč a chce flashový web, pak to je šetření na nesprávném místě, které vede k neúspěšnosti projektu. Samozřejmě, že existují výjimky.

Může mi flash k něčemu být?

Ano. I když nemáte stránky ve flashi, můžete využít jeho potenciálu. Využívá se především v reklamě a k přehrávání videa. Také se hodně používá například na portfólia umělců či kapel. Jistě jste již spousty flashových stránek viděli (možná o tom jen nevíte).

Inspirativní ukázka

Reklama WarioLand – Shake it! na serveru Youtube.

Sdílej nebo ulož článek

Web 2.0

Téma komunitního webu

Můžete se pokusit stmelit komunitu na nějakém opravdu vyhledávaném tématu. Můžete najít téma naprosto originální. Důležité je pomyslet na všechny aspekty, které vedou k úspěšnému službě nebo webu. Je nutný dobrý nápad, design, ale i zpracování a reklama. Pokud některou složku zanedbáte, pravděpodobně moc dobrého výsledku nedosáhnete.

Aktivní komunita

Základním kamenem komunitní služby jsou uživatelé. Nemáte však možnost někoho nutit, aby byl v komunitě aktivní. Můžete ho však motivovat a usnadnit mu to. Někdy se vyplatí uživatele trošku postrčit. Můžete například napsat první komentář, který vybízí k reakci. Pomalý start nemusí nutně znamenat špatný výsledek. Jde o to vytrvat a možná se komunita probudí.

Zajímavé komunitní weby

Uvádím příklady webů, které jsou úspěšné:

• Facebook.com – asi nejslavnější komunitní web
• Youtube.com – videa nahrávaná uživateli
• Myspace.com – profily nejen kapel a umělců
• Flickr.com – sdílení fotografií
• Delicious.com – sdílení zajímavých odkazů z internetu

Z českého internetu, patří mezi nejúspěšnější například:

• Lidé.cz – fórum, chat, seznamka, atd. od portálu Seznam.cz
• Nyx.cz – diskuzní fóra, galerie, zaheslovaný přístup (příklad jiného přístupu)
• Bandzone.cz – komunita kapel a fanoušků hudby

Jaký to má přínos pro podnikatele?

Mezi přínosy se dá počítat převším vysoká návštěvnost a obsah, který vytvářejí uživatelé. Můžete tak propagovat svoji značku, vydělat na reklamě, atd. Možností jak využít potenciálu web 2.0 je jistě mnoho.

Sdílej nebo ulož článek

Optimalizace pro uživatele

Základem je nutné říci, že nejde ani tak o to, abychom byli ve vyhledávačích, ale aby na náš web chodili lidé, kteří vytvoří konverze. Vyhledávače mají za cíl dát lidem to, co hledají. A navíc vyhledávače jsou jen jednou z cest, které na Váš web mohou vést. Viz můj minulý článek Optimalizace konverzí.

Pozice ve vyhledávačích

Mnoho klientů má tendenci zjišťovat, na kterých pozicích se jejich web zobrazuje. Nemyslí však na další údaje, které mají většinou mnohem větší váhu. Jde především o tzv. long tail neboli dlouhý ocas. Zjednodušeně jde o to, že hlavní klíčová slova mají často velkou návštěvnost, avšak často malý konverzní poměr. Naproti tomu existuje téměř nekonečné množtví dotazů, které hledá velmi málo lidí nebo jsou dokonce zcela unikátní. Ty v součtu nejenom převyšují hlavní slova, ale také se vykazují lepším konverzním poměrem.

Dám příklad: Někdo, kdo hledá například termín lednička, možná vůbec nehodlá ledničku koupit. Možná si chce zjistit co to lednička je, možná si chce přečíst recenzi. Pokud však uživatel hledá výraz „lednička AEG SANTO K 81840-6i“, pak se již pravděpodobně jedná o potencionálního zákazníka.

Samozřejmě, že existují i výjimky, kde se vyplatí optimalizovat na hlavní klíčová slova.

Jak správně optimalizovat?

To je správná otázka, na kterou je však složitá odpověď. Je mnoho faktorů, na které bychom se měli při optimalizaci zaměřit.

• Základem je kvalitní a originální obsah.
• Stránky by měly být v pořádku po technické stránce.
• Je důležitá správná struktura obsahu
• Důležitá je provázanost webu
• Je vhodné využít protokolu sitemap.xml
• Myslete na všechny zdroje návštěvnosti: vyhledávače, reklama, zpětné odkazy, offline reklama, emailing
• Co je dobré pro uživatele, je dobré i pro vyhledávače!

K článku mne inspirovalo především video Jana Tichého, čímž mu děkuji za inspiraci.

Sdílej nebo ulož článek

Barva a její obor

Při výběru je dobré pomyslet, aby barvy korespondovaly se zaměřením webu. Například zelená je symbolem peněz či přírody, modrá je důvěryhodná, červená je spojena s láskou, krví nebo nebezpečím atd.

Doporučení

• Dodržujte dostatečný kontrast mezi písmem a pozadím.
• Nepoužívejte obrázky pod textem.
• Tmavý text na světlém pozadí se čte obecně lépe
• Zdůrazněte důležité prvky jasnými barvami
• Čím méně barev využijete, tím lépe (5-6 barev je většinou maximum)
• Pokud Vám to design umožní, využijte standartní barvy pro odkazy (modrá pro nenavštívené, vínová pro navštívené)

Nechte se inspirovat

Vyzkoušejte pixyho generátor barev, nabízí různé kombinace barev a myslí i na minoritní skupiny barvoslepých. Zajímavý je rovněž flashový generátor barev. Inspiraci přináší web designmeltdown.com, který třídí designy webů do praktických kategorií. Zajímavé jsou i barvy dle slavných obrazů.

Sdílej nebo ulož článek

PPC Reklama

PPC je zkratkou pro pay per click, tedy platba za kliknutí. V Čechách se nejvíce využívá Sklik (reklama na Seznamu) a Adwords (reklama na Google). Systémy jsou si velice podobné: vytvoříte si inzerát, přidáte klíčová slova na které se chcete zobrazovat a nastavíte maximální cenu za proklik a maximální částku, kterou jste ochotni denně utratit.

Jak funguje PPC reklama

Celá problematika je trochu složitější, protože je mnoho faktorů, které výsledky ovlivňují. Čím více konkurence je na daná klíčová slova, tím budou odkazy dražší (kdo platí víc zobrazuje se výše). Systémy také hodnotí relevanci inzerátu a relevanci stránek, které inzerujete. Vyplatí se svěřit správu PPC reklamy do rukou odborníka nebo se vzdělat na některém ze školení, které jsou v českých končinách k dispozici. Pokud se rozhodnete pro odborníky, trvejte na tom, aby Vám byl vždy umožněn přístup do systému.

PPC reklama na Seznam.cz

Bannerová reklama

Většina z nás zná jistě klasickou bannerovou reklamu. Platí se za počet zobrazení, většinou je však proklik okolo jednoho až tří promile. Zde je hlavním oříškem uživatele zaujmout.

Pěknou reklamu jsem viděl na server Jobs.cz, na stránkách s reklamou byl pouze formulář „zadejte svůj tajný sen“ a po kliknutí jsem byl informován, že mi sen sice nemohou splnit, ale pomohou mi získat lepší práci a získat tak prostředky pro své sny. Krásné, že?

Reklama na Jobs.cz

Jednu bannerovou reklamu jsem si kdysi schoval:

Bannerová reklama

Video reklama

Google a další nabízejí i zajímavější formáty reklamy. Někdy je video reklama vhodnější a lépe tak splní svůj účel. Náklady na takovou reklamu jsou však poněkud vyšší. V poslední době se dá využít i reklamě v jiném videu (nabízí například youtube.com nebo idnes.cz). Reklama se většinou zobrazí před videem nebo je to text zobrazený při přehrávání videa.

Kontextová reklama

Kontextová reklama se zobrazuje na jiných stránkách. Většinou můžete zvolit na jakých stránkách se reklama zobrazí a jaká slova se na nich musí vyskytovat. Systém je také založený na PPC, takže platíte rovněž za kliknutí.

Etarget na idnes.cz

Textové odkazy

Mezi reklamu by se při troše dobré vůle dali zařadit i „obyčejné“ textové odkazy. Jejich síla je nejen v tom, že mohou přinést návštěvníky, ale také zvyšují hodnotu stránek ve vyhledávačích. Odkaz může vypadat třeba takto:

TIP: World Music a Etnická hudba

Měření účinnosti reklamy

Je důležité umět reklamu vyhodnotit a zlepšovat tak návratnost investic. S tím souvisí počty návštěv a především konverzní poměr.

Sdílej nebo ulož článek

Myslete na své uživatele

Setkal jsem se s lidmi, kteří měli sice jasné představy o tom, jak má jejich web vypadat nebo co má obsahovat, avšak někdy se také stávalo, že se tyto myšlenky neslučovaly s tím, co si přejí uživatelé.

Design nebo použitelnost?

Častým bodem sporu pak bývá design. Co člověk, to jiná představa o hezkém designu. Ne každý ale myslí na použitelnost designu. Může jít i o takové banality, jako je velikost tlačítka či zvýraznění toho podstatného. Design a použitelnost spolu prostě úzce souvisí.

Zkuste si položit pár otázek:

• Jak vypadá typický uživatel mého webu?
• Co uživatel hledá na mých stránkách?
• Dostává se mému uživateli to co si přeje?

Podívejte jak se na Vašem webu orientuje třeba Váš známý. Vymyslete nějaký jednoduchý úkol a dívejte se, jak web používá (neradit!). Jednoduchá seance může přinést nečekaná překvapení.

Zajímavé odkazy:

• kniha nenuťte uživatele přemýšlet je dobrým začátkem.
• Testování použitelnosti firmy H1 (konkurence )

Sdílej nebo ulož článek

Optimalizovat pro vyhledávače?

Ano, avšak moudře. Mnoho firem se sice předhání na jakém se zobrazují místě nebo na počty návštěv, měli by se však zaměřit na konverzi. Je důležité využít finanční zdroje co nejúčelněji a konverze je většinou hlavním cílem celého snažení.

Vžijte se do svého uživatele

V zásadě vlastně jde o to, vcítit se do uživatele a jeho pocitů. Je třeba přemýšlet, jak by asi uživatel v dané chvíli jednal. Jistě uživateli pomůže, když budou prvky stránek na místech, kde je obvykle očekává. Design stránek by měl dotvářet dojem – není nutné být za každou cenu šokující a originální. Dnes (psáno 2008) jsou oblíbené čisté designy jako má například Apple. Tipy na vylepšení nabízí testování, při kterém zjistíte jaké problémy, dojmy a postřehy uživatelé Vašeho webu mají.

Vyhodnocování konverzí

K optimalizaci je nutná analýza. Je třeba zjistit, jaký je konverzní poměr, kde se uživatelé webu ztrácejí, který zdroj návštěvnosti má lepší účinnost, atd. Výborně se k tomu hodí nástroj Google Analytics. Nastavíte si tzv. góly a můžete tak sledovat např. z kterých zdrojů chodí nejlepší zákazníci.

Sdílej nebo ulož článek

1. Nekalé praktiky webmasterů
2. Nekalé techniky obchodníků

Nekalé praktiky obchodníků

Oblíbeným trikem obchodníků je slibovat první místo ve vyhledávačích na vybraná slova. Je sice pravda, že je možné dostat jakýkoliv web na první místo (i třeba reklamou), avšak se to ne vždy překrývá s úspěšností webu.

Nekalé praktiky webmasterů

Dalo by se to shrnout tak, že co není vytvořeno pro lidi, ale jen pro vyhledávače, je špatné a riskantní. Jsou zakázané takové techniky, jako je bílý text na bílém pozadí, miniaturní nečitelné písmo, je zakázáno vytvářet podvodné odkazy nebo vytvářet linkfarmy.

Riziko nekalých praktik

U nekalých praktik jde především o Vaše peníze, protože Vám buď mnoho užitku nepřinesou (někdy žádný) nebo web dokonce může být vyřazen z výsledků vyhledávání, či jinak penalizován. Opatrnost je rozhodně na místě.

Přečtěte si, co o tom píše Seznam nebo Google.

Optimalizace rozebírám podrobněji v článcích Cíle SEO, Optimalizace konverzí, Přehledu reklamy na internetu.

Sdílej nebo ulož článek

Jak vznikl tabulkový design

Na začátku šlo jen o vystavení informací, avšak lidé chtěli své stránky udělat zajímavější. Jelikož však neměli žádný nástroj k tomu určený, využily tedy tabulky jazyka HTML.

Tehdy jsme dělali tabulkové weby

Tabulky nám umožnily rozřezat web na obdélníky a do nich pak vložit obrázky nebo obsah stránek. Často se využívalo možnosti vkládat do tabulek další tabulky a HTML kód pak obsahoval mnoho „balastu“ navíc.

Teď už jedině CSS layouty

Dnešní web by měl k formátování využívat káskádových stylů (CSS), tj. soubor pravidel vzhledu oddělený od obsahu. Tím je pak externí soubor, který říká jak budou vypadat nadpisy, menu nebo odkazy či celkové rozvržení a design. Pouhou změnou tohoto souboru můžete kompletně vyměnit design celého webu.

CSS  je přístupný pro různá zobrazovací zařízení (počítač, mobil, projektor,…). Je možné vytvořit styl pro tisk nebo třeba pro čtečky slepých.

Výjimka tvoří pravidlo

Přesto se i dnes hodí ovládat tabulkový layout. Například k tvorbě HTML emailů je téměř nutností, protože podpora CSS v emailových klientech je zatím bohužel mizerná. Pokud je potřeba docílit stejného vzhledu i pro staré prohlížeče, pak jsou tabulky také východiskem. V tabulkách byl (tuším do roku 2009) i slavný web Google.com.

Odkazy jinam:

• Design pomocí tabulek – proč ho nepoužívat (jakpsatweb.cz)
• CSS versus tabulkový layout (pixy.cz)

Sdílej nebo ulož článek

Budu se věnovat technologiím, použitelností, různými řešeními i psychologii. Podívám se na zoubek penězům, reklamě i vztahům.

Pokud byste si přáli, abych se zabýval nějakým tématem, dejte mi vědět třeba v komentářích.

Sdílej nebo ulož článek