Archive for the ‘Design’ Category

Design pro MFA

Když budete dělat větší množství minisites tak zjistíte, že některé věci opravdu zdržují. Jednou z nich je registrace do katalogu a druhou právě design. Já osobně nejsem žádný grafik a tak “splácat” nějaký jednoduchý design mi zabere i hodinu a ne vždy se mi to povede. Jelikož se snažím držet co možná nejvíce low-cost tak se prostě musím poohlédnout pro šablonách zdarma. Existuje velké množství šablon. Šablony zdarma vznikají, protože nový autoři potřebují reference, anebo protože je sponzorují firmy, které takto mohou získat zpětný odkaz z velkého množství webů. V každém případě se připravte na to, že šablona bude mít na sobě několik zpětných odkazů.V žádném případě neodstraňujte odkaz na autora nebo firmu, která šablonu sponzoruje. Jednak je to neetické a jednak s tím mohou být i nečekané problémy, které u MFA, které mají být co možná nejvíce na seo očích, ale přitom ukryté před ostatními developery,  opravdu nepotřebujete. Prostě nechte odkazy tak jak jsou. Google stejně patičkám nevěnuje velkou váhu a seznamu jsou ukradené odkazy na zahraniční weby. Některé šablony obsahuji odkazy na různé W3C organizace a test validity. To většinou dávám pryč, pokud to není v podmínkách výslovně zakázáno (většina podmínek obsahuje zmínku, že nesmíte odstranit odkaz na autorův web a sponzorovaný odkaz). Dávejte si ještě pozor na některé sponzorované odkazy. Občas vedou na hazard, medikamenty nebo alkohol (google tohle nemá rád). Pokud nějaký sponzorovaný odkaz vede na podobně zaměřenou stránku místo toho volte jinou šablonu. Stejně se doporučuju zachovat i pokud má šablona více jak 2 externí odkazy. Přeci jen potřebujete minimalizovat počet odkazů na minimum i když jsou v patičce.

Osobně preferuji CSS layouty nebo tabulky. Rozhodně na minisites nedoporučuji WordPress nebo něco podobného. Ideální je kombinace jednoduchého PHP s friendly url. Ale o technologii se rozepíšu jindy. Teď jsme u designu.

Následuje seznam stránek kde seženete zdarma šablony pro MFA.

  • themebot.com – kromě klasických html šablon, zde naleznete i šablony na nejoblíbenější redakční systémy
  • oswd.org – celkem přes 2000 CSS šablon
  • freewebtemplates.com – jedna z nejstarších stránek se šablonami, kromě spousty nepoužitelných šablon zde můžete najít i velké množství nenakodovaného designu v .psd
  • styleshout.com – zaměřeno an CSS layouty
  • templates.arcsin.se – zde najdete velké množství opravdu jednoduchých templatů, které snadno přeměníte v přehledné minisites
  • free-css.com – další stránka zaměřena na CSS design
  • opendesigns.org – zaměřeno na jednoduchost
  • oswt.co.uk – velké množství jednoduchých šablon

Pokud používáte pro tvorbu MFA WordPress doporučuju kouknout na následující stránky.

  • wordpresstemplates.com – některé jsou opravdu krásné, ale nezapomínejte čím víc grafiky tím více nákladů na provoz
  • dailyblogtips.com/wordpress-themes – zde jsem vybral design pro tento blog

Standartní rozměry reklamy

Pokud chcete prodávat na stránkách reklamu, musíte vědět co vlastně prodáváte. Existuje pár zavedených standardů, které lidé běžně při nákupu hledají. Přeci jen kupec má připravených pár kousků, které by rád nasadil a klidně vám mohu zaručit, že radši než by investoval peníze do nového formátu tak si najdete jinou nabídku. Přeci jen nabídky je stále více než poptávky tak proč to potenciálním zákazníkům neulehčit.

Horizontální reklama

  • Leaderboard (728 x 90) – velký reklamní banner většinou umístění v hlavičce webu. Často úplně nahoře. U těchto bannerů si dávejte pozor, často mohou být poměrně velké a zpomalovat celkové načítání webu.
  • Full Banner (468 x 60) – klasický banner. Nejrozšířenější verze. Potenciální kupec jich bude mít určitě nejvíce. Často se jich na stránce nachází i několik. Při tvorbě MFA doporučuji dvát na tento reklamní formát zřetel.
  • Half Banner (234 x 60) – poloviční banner. Využívaný zejména v postranních lištách.
  • Micro Bar (88×31) – také známý jako ikonka. Dříve se používal tento formát hojně v ČR na výměnu odkazů. Dnes se už preferují klasické textové odkazy. Stále je ale hojně používán u hráčské komunity.

Obdélníky a Čtverce

  • Square Button (125×125) – klasický čtverec. V posledních letech díky přechodu z 800×600 standartu dělaní stránek na 1024×768  se stále více používá v postranních lištách. Většinou jsou dva vedle sebe. Moderní WordPress šablony upravené pro reklamu mívají často v postaní liště prostor na 6 (2×3)těchto reklamních ploch.
  • Rectangle (180×150) – klasický obdélník. Většinou se dává do postranní lišty na oddělené menu od odkazů.
  • Medium Rectangle (300 x 250) – střední obdélník. Na tento druh reklamy potřebujete mít speciální místo. Do postranní lišty se většinou nevejde a tak ho často nacházíme přímo v textu, nebo obsahu stránky.
  • Large Rectangle (336 x 280) – velký obdélník. Podobně jako Medium Rectangle se nachází buď v textu článku, anebo na speciálních místech (přihlašovací formuláře, potvrzení o úspěšném provedení úkonu, po odlogování, stránky s chybami jako 404, 403 atd.). Nepodceňujte tento reklamní formát mnoho afiliate firem má nejagresivnější reklamu právě v tomto formátu a po odlogování návštěvníka z aplikace může mít celkem slušný clik rate

Vertikální reklama

  • Skyscraper (120 x 600) – mrakodrap. Velmi oblíbená forma reklamy. Spousta designu, která stále používá standart 800 x 600 jej můře nasadit na bok.
  • Wide Skyscraper (160 x 600) – širší verze mrakodrapu. Rozhodě tento druh reklamy nepodceňujte. Své místo si najde například na titulní stránce blogu, kde je pod sebou standartně 10 příspěvků.

Aktivní reklama není vždy dobrá

Často se setkávám na stránkách s blikajícími bannery. Sice mají často vyšší CTR než statiské ale za cenu rušivého elementu na stránce. Podle průzkumu většina lidí, kteří hodlají na stránce trávit více času se snaží pomocí scrollovaní je zakrýt tak aby je nerušily.  Týká se to hlavně blogů s delšími šlánky a servry, kde se nachází videa. Dát na servr, kde jsou videa z youtube aktivní reklamní banner, co každých 5 vteřin něco udělá je to nejhorší co můžete udělat.  Dřív nebo později většina uživatelů odejde anebo si nainstaluje nějaký blokovač reklam. Agresivní reklamy jsou určené pro stránky kam nechcete, aby se uživateké vraceli anebo na stránky zoufalců, kteří chtějí mít alespoň nějaký klik. Proto pokud máte u affiliate volit mezi aktivním a pasivním bannerem volte pasivní a snažte se na reklamu upozornit jinak.