Co oči nevidí, to srdce nebolí

Každý návštěvník na webu má svůj cíl. Je potřeba reklamu uzpůsobit stránce a chování uživatele. Pokud si jdu přečíst odborný článek, pak budu filtrovat grafickou reklamu (neshoduje se vizuálně s cílem mé návštěvy – tedy textem). V jiném případě, když si jdu oddechnout od práce a zahrát si nějaké flashové hry, text okolo mě vůbec nezaujme, ale obrázek ano (a pokud se hýbe tak ještě lépe). Jestliže chceme, aby reklama byla úspěšná, musíme překonat vstupní filtraci vjemů a nabídnout mozku to, co v dané chvíli očekává.

Co náš mozek nevidí?

• Cokoliv v rámečku – oči návštěvníka rámeček obtečou a co je uvnitř v podstat nevnímají.
• Jiné barvy než převládající na stránce – intuice nám sice říká, že něčeho výrazně jiného si oči musí všimnout, ale ve většině případů tomu tak není.
• Rozdílný obsah – jak jsme si ukázali před chvílí, grafika u textu moc nefunguje.
• Mimo hlavní obsah – pokud máte napravo od textu tři sloupce reklam, dál než k té první se oči nedostanou, vznikne dokonalá „stavební příčka“.
• Samozřejmě veškerá tato filtrace může probíhat čistě úmyslně, tedy s vědomím, že se okolo obsahu reklama nachází, ale návštěvník se záměrně rozhodne se jí nevěnovat. Takoví návštěvníci jsou například jedni z těch, kteří stále umí rozlišit placenou a neplacenou reklamu ve vyhledávání. Úmyslná filtrace může dojít až do fáze filtrace celého serveru z důvodu příliš velkého nepoměru obsahu k reklamě na stránce.

4 kroky v boji proti reklamní slepotě:

1. Přibližte reklamu pozicí, velikostí i vizualizací obsahu. To neznamená udělat ji identickou, je dobré zachovat rozlišení, přeci jen jde o reklamu. Takto lze vložit reklamu například jako blok přímo do textu. U článku jsou nejlepšími pozicemi místa, kde se na chvíli uživatel zamýšlí, co dál. Po dočtení článku máte přibližně jednu, až dvě vteřiny kdy návštěvník stojí na místě a řeší, kam dál. Ideální místo na kontextovou reklamu.
2. Omezte celkový počet reklam na stránce. Pokud návštěvník vidí reklamy méně a reklama je dobře umístěná, snáze si ji všimne. Zde je důležité vyvážit zvýšení míry interakce mezi reklamou k menšímu počtu reklamních ploch tak, aby to pro provozovatele stále bylo finančně výhodné.
3. Dejte uživateli, co očekává. Tedy kontextovou reklamu u článku, grafickou reklamu u hry.
4. Testujte. Pokud si nechcete objednávat testování profesionální, nejjednodušší formou je sednout si uživateli za záda a koukat mu přes rameno. Zadejte mu jednoduchý úkol a zjistíte, jak pracuje s vaší stránkou, kde jezdí myší a zda vůbec reklamu vnímá.

Osobností podzimu je u nás Josef Šlerka. Ten přednášel na mnoha konferencích, včetně Social Marketers Summitu, kde se věnoval Social Media Monitoringu. Navíc moderoval Czech Internet Forum. Na CIFu přednášel i Marek Bačo společně s Ondřejem Víchem, internet manažerem DIRECT Pojišťovny. Společně řešili, kolik stojí digitální marketing na příkladu našeho klienta, právě pojišťovny Direct.

Právě Josef Šlerka je nominován na Křišťálovou Lupu v kategorii Osobnost roku. Držíme mu zítra palce, a pokud nevyhraje, držíme palce našemu klientovi, kterým je další výrazná osobnost – Tomáš Čupr.

Pro jeho projekt Slevomat (All Star a Internetové obchodování) zajišťujeme kompletní PPC reklamu. Dalšími nominovanými klienty jsou Heureka.cz (Internetové obchodování), Česká Pozice (Zpravodajství a Projekt roku) nebo Ihned.cz (Zpravodajství). Pro Heureka.cz a Českou Pozici pracujeme na PPC reklamě a pro Ihned.cz jsme se starali o uživatelské testování webu.

Komu budeme ještě držet palce? Ze spřátelených médií jsou to Mediář.cz a tyinternety.cz, kam pravidelně přispíváme, nebo projekt ŽítBrno.cz, ke kterému má blízko kolega Adam Zbiejczuk, psal o něm třeba právě na Mediáři.

Našim klientům se dařilo i na WebTop100

Na prvním místě v Auto-moto se umístila Tatra. Pro Tatru jsme vypracovali kompletní projektový návrh webu, tak nás vítězství těší dvojnásob. Porazila tak Škoda Auto, která s námi také spolupracuje.  Server auto.cz k tomu napsal: „Vítězství je o to cennější, že webová prezentace společnosti Tatra, a. s. prošla v posledním roce zcela zásadním upgradem a v pořadí předstihla renomované matadory českého automobilového průmyslu.“ Porotci ocenili především „jasné rozdělení výrobků a využití sociálních sítí.“

Oblast Finance nám také udělala radost. Na prvním místě skončila DIRECT Pojišťovna (díky „přehlednosti a podrobným informacím“), pro kterou děláme SEO. Bronz si odnesla Hypoteční banka.  Hypoteční banka potom získala i bronz v kategorii Marketingový nástroj. Pro ně se staráme o Facebook a monitoring sociálních sítí pomocí Ataxo Social Insider.

Bronz si v oblasti Telekomunikace odnesl Vodafone, se kterým spolupracujeme v oblasti zlepšování použitelnosti webu a SEO. Vodafone bodoval dokonce dvakrát v kategorii Marketingový nástroj a Firemní Facebooková stránka („nadprůměrné, správně pochopeny možnosti Facebooku“). Protože jsme v poolu firem, které s Vodafonem budou sociální sítě dále rozvíjet, máme radost, že máme na čem stavět. Kategorii Telekomunikace vyhrála Telefónica O2 za „snahu o zpětnou vazbu.“ Společnosti O2 poskytujeme nejen monitoring sociálních sítí, na jehož základě právě s klienty mohou těsněji komunikovat, ale i PPC kampaně. Souhlasíme s radou Jiřího Suchého, hlavního architekta pro online společnosti O2: „Svěřte svůj projekt motivovaným lidem a věřte jim, že to zvládnou. To je nejlepší způsob, jak sestavit kreativní týmy. Důvěřujte svým partnerům a očekávejte od nich to nejlepší.“

Náš dlouhodobý klient ONIO, se kterým spolupracujeme už tři roky, a jeho e-shop Pneumatiky.cz vyhráli kategorii E-shop za „funkční online chat a důvěryhodnost“. A v tvrdé konkurenci získala Lékarna.cz výborné 5.místo.

All in One SEO Pack

• SEO plugin, který se soustřeďuje na optimalizaci titulků, meta description, keywords, URL, apod. K už tak dobře zvládnutému nastavení WordPressu přidává ještě něco navíc.
• Alternativou k All in One SEO Packu může být HeadSpace2, SEO Ultimate či WordPress SEO.

XML sitemap Google

• Generuje XML soubor sitemap.xml, který vyhledávačům předává informace o nových stránkách a jejich frekvenci aktualizace.

Akismet

• Boj se spamem je věčný. Na WordPressu nám proti němu může pomoct právě Akismet. Vygenerujete si svůj API key a můžete jej používat na všech instalacích WP. Oficiální stránka www.akismet.com.

Internal link building

• Internal link building z vašeho webu dokáže udělat malou Wikipedii. Vámi definovaná klíčová slova automaticky přetváří na odkazy a ty vede na cílové stránky. Prováže tak váš web napříč odkazy, což mívá pozitivní SEO efekt.
• Alternativou může být Hikari internal links.

Sociable

• Ke každému příspěvku, stránce či jinému obsahu přidá tento plugin sociální a záložkovací ikonky, které slouží pro sdílení obsahu. Návštěvník tak jednoduše přidá váš obsah na Facebook, Google Plus, Linkuj.cz, apod.
• Velmi doporučujeme k pluginu Sociable použít také jeho český doplněk České a slovenské linkovací služby

Contact Form 7

• Pomocí pluginu vytoříte jednoduše kontaktní formuláře a následně je můžete spravovat. Plugin existuje také v české verzi. Oficiální stránka pluginu – ContactForm7.

Breadcrumb NavXT

• Přidává k jednotlivým Post nebo Pages jejich drobečkovou navigaci (cestu tvořenou odkazy až k cílové stránce).

Lightbox

• Slouží pro náhledy fotek a prohlížení fotogalerií. Určitě tento efekt znáte – po kliknutí na fotografii vám zšedne obrazovka a vyskočí náhled fotografie v rámečku a ovládací prvky, kterými můžete fotografie prohlížet.

• WordPress Popular Posts
• WP-PostRatings
• WordPress Related Posts
• Maintenance mode
• WP Polls
• Auto Thickbox
• Broken link checker
• Eshop

Máte zkušenosti s jinými pluginy a postrádáte je zde? Podělte se o ně v komentářích.

PARTSIP – moderní knihovny a marketing

Představujete si knihovny jako úctyhodné, ale notně zaprášené instituce, kde brýlaté paní napomínají každého, kdo jen trochu pozvedne hlas? A přitom pro mnoho z nás byla knihovna prvním místem, kde se dalo připojit na internet (já třeba chodil do knihovny VUT v Brně v roce 1997). Ústav informačních studií a knihovnictví na FF UK zastřešuje program @StuNoMe (Studia nových médií) a právě jeho brněnský „protějšek“, Kabinet informačních studií a knihovnictví FF MU organizoval 17. února konferenci PARTSIP. Může být důkazem, že „knihovníci“ (opravdu v úvozovkách, protože často je termín informační profesionál asi víc na místě) opravdu neustrnuli.

Já jsem vystupoval v bloku o marketingu – a snažil se na co nejkonkrétnějších případech ukázat, co dělají knihovny na Facebooku dobře a co nikoliv. Ale fakt je ten, že se velice snaží, svou FB stránku jich má více než sto! Nejde ovšem jen o napodobování módních trendů. Na konferenci byly prezentované studentské projekty, které mají různými způsoby pomáhat knihovnám a jejich zaměstnancům, a skutečně bylo na co se dívat. Od webinářů zaměřených na projektový management, přes využití virtuálních světů (KISK je aktivní v Second Lifu) až po strhující prezentaci věnovanou digitalizaci (a vizualizaci) starých map. Více informací najdete na stránkách konference, prezentace pak stylově na PARTSIP účtu na Slideshare.

Vsetínský BarCamp

Příjemně překvapen jsem téměř plynule (podobně jako já se obou akcí účastnila Olga Biernátová a Martin Hassman, kteří byli v témže bloku na Partsipu jako já) pokračoval na BarCamp do Vsetína. Co je BarCamp? Kupodivu nikoliv kemp pro barmany. Ocituji z webu: Barcamp je mezinárodní síť otevřených konferencí a workshopů, obyčejně se zaměřuje na nové trendy v internetových aplikacích, webdesignu, nových technologiích, médiích, reklamě, podnikání a dalších souvisejících oborech.

První se konal právě ve Vsetíně loni v lednu, následovaly BarCampy v Brně, Praze a Ostravě. Ale všichni tak nějak čekali na druhý ročník vsetínského setkání, které díky entuziasmu Michala Berga z eSports a jeho týmu nasadilo opravdu vysokou laťku.

Osobně si myslím, že Vsetín je ideálním místem zejména proto, že samotná účast vyžaduje pro většinu účastníků nutnost dlouhé cesty – a přijedou tak tedy jen ti, kteří mají opravdu o akci zájem (dobrý předběžný filtr). Vsetín je také relativně malý, takže se účastníci večer nerozprchnou po padesáti různých místech, ale spořádaně zamíří všichni na společnou afterparty, která díky tomu stojí opravdu za to! Ale než se dostanu v pochvalách až k večeru, nejprve něco o přednáškách. Nestihl jsem všechny, takže jsem poprosil o doplnění Hanku Kmecovou a čerpal jsem i z dojmů ostatních.

Které prezentace zaujaly a které méně

Ostrý start předvedla v hlavním sále po přivítání Olga Biernátová, které by asi připadl titul „skokan roku“ – prezentaci o marketingu pro knihovny jsem viděl na zmiňované konferenci Partsipu, ale zatímco tam byli účastníci překvapení z marketingových možností, geekové na BarCampu byli překvapení pokrokovostí knihoven. Olga má také cit na vybírání super obrázků, takže prezentace jsou jedna radost.

Těším se i na videozáznam Mario Mjankova, který vykládal o využití Facebooku pro F&B sektor – vidím tam velký potenciál (třeba pro SMB zákazníky Ataxa). Na Maria se byla podívat kolegyně Hanka. Přednáška byla poměrně obecná, zopakovala obecně známě doporučení pro komunikaci na sociální síti.

Vašek Stoupa, ideový otec WebExpa, není zrovna charismatický přednášející a asi doplatil i na namlsanost publika, kterému se nechtělo dávat pozor na anglická videa, ale vy tu chybu nezopakujte a podívejte se na prezentaci Zahoďte business plán, objevte business model.

Martin Kopta si dělal legraci ze svých kamarádů, jejichž fotky použil do své prezentace, ovšem David Grudl mu to vylepšil tím, že se zjevil během přednášky jako deus ex machina :) Martin se dlouhodobě zabývá uživatelským prožitkem a dokáže velmi srozumitelně i nepoučenému publiku vysvětlit, proč je to důležitá věc. Odnesli jsme si z přednášky hlavně to, že nic nelze dělat tak, abychom se zavděčili všem.

Jirka Koutný, mimochodem bývalý zaměstnanec Hájedničky, přinesl dort a také své zkušenosti s rozjížděním startupu. Pokud bych měl celou prezentaci shrnout do jedné věty, pak to bude asi toto: Náklady na technologie jsou malé, dražší (a hůř k sehnání) jsou kvalitní lidé a bez nich to nejde. Pokud i vy přemýšlíte nad vlastním startupem, Jirkovu přednášku vám musíme doporučit – dozvíte se několik tipů, jak ušetřit v těžkých začátcích co nejvíce peněz.

Po prodloužené pauze na oběd (asi jediná výtka k organizaci: příště prosím varujte majitele nejbližších / nejdoporučovanějších stravovacích zařízení, že se na ně chystá 200 lidí) začal odpolední program v hlavním sále Honza Boček s přednáškou nazvanou suše Databázová žurnalistika. Publikum ale záhy pochopilo, že by se mohla jmenovat třeba „Infografikou k pranýřování korupce a klientelismu“. Šlo v zásadě o to, že novináři utápí informace v měkkém textu, ke kterému není API – a proto se špatně „remixuje“. Vytváření mash-upů s využitím získaných dat přitom může být mnohem názornější.

Ve vedlejším sále se o své zkušenosti s vývojem aplikací pro Facebook v českém prostředí podělil David Šmehlík ze společnosti Fleveo. Ukázal, že překračovat hranice se na Facebooku vyplatí. Svůj názor podtrhl i svou zelenou barvou na hlavě. Máme totiž jen jednu šanci zaujmout uživatele. Zaujala mě také myšlenka, že bez dostatečně vysokého rozpočtu se do FB aplikace nemáme pouštět (bez reklamy to nejde!).

Ataxo Social Insider a naše minianalýza

Robert Němec z agentury Robert Němec tečka com mluvil zejména o Robertovi Němcovi. Prý říkal i něco o tom, jak Ataxo koupilo H1.cz, ale to jsme bohužel neslyšeli, protože po jeho šovinistických poznámkách Hanka odešla a já jsem zrovna tou dobou vykládal o patro níž o monitoringu sociálních médií. Shodou okolností jsem posluchačům slíbil dodat mini-analýzu na tři zadaná klíčová slova, z nichž jedno bylo právě spojení „Robert Němec“ – najdete ji právě v tomto článku.

Takže zatímco Robert rozjížděl svou obchodnickou show, snažil jsem se věci znalé publikum pobavit reálnými příklady z prostředí monitoringu sociálních sítí. Také jsem představil náš nástroj Ataxo Social Insider, prozradil něco o tom, jak jsme ho vyvíjeli a kdo už jej využívá (v nejbližší době se chystáme na nový web a aktualizované prezentace). Slíbil jsem připravit mini-analýzu na tři klíčová slova – najdete ji v přiloženém PDF – Robert Němec, Kaluža a start-upy – monitoring sociálních médií.

Analýzu si můžete také stáhnout jako PDF.

Po své přednášce jsem se šel podívat na slovenské kolegy, Juraj Sasko vykládal o reputation managementu, což s monitoringem úzce souvisí. Předvedené příklady mi bohužel přišly dost „profláklé“ (BP a ropná skvrna, Nestlé a boj s Greenpeace). Ale pro ty v publiku, kdo se v této oblasti nepohybují, to mohlo být jednoznačně přínosné. Klukům doporučujeme zapracovat na tvorbě prezentací, slidy byly příliš nahuštěné textem a působily nepřehledně. Nicméně téma bylo zajímavé.

Jednu z přednášek, které přímo s internetovým marketingem nebo tvorbou webu nesouvisely, měla Jarka Klimková. Ta patří k lidem, které zásadně ovlivnil Tomáš Hajzler na loňském WebExpu. Její prezentace byla sice docela krátká, ale ukazovala velmi dobře, nad čím byste se měli zamyslet, pokud vám přijde, že vaše stávající pracovní zařazení za moc nestojí. Po WebExpu opustila své tehdejší zaměstnání a pustila se do hledání „práce svých snů“. Ve spolupráci s psychologem našla své silné a slabé stránky a společně sestavili typologii činností, které je naplňují a které naopak nikoliv. Teď se snaží nalezené kompetence aplikovat při realizaci nového projektu WebHub. Hlavní myšlenka navazuje na Tomášův názor – dělejte, co vás baví, a peníze přijdou.

Tomáš Čupr tou dobou prezentoval zkušenosti získané díky Slevomatu (který ideově vznikl právě na loňském BarCampu) – přednášku jsem minul, protože podobné téma měl Tomáš i na Start-up Meet-upu asi před měsícem. Soudě podle Twitter reakcí, jeho povídání mělo nejrozkolísanější ohlasy, od „super, skvělé, inspirativní“ až po „zbytečné self-promo“. Zato večerní otevřený účet na baru na Slevomat afterparty neměl kritické reakce téměř žádné :) Je zřejmé, že Tomáš má se svým startupem (pokud je možné Slevomat ještě takhle označit) slušně našlápnuto a za rok ušel velký kus cesty. Nejvíc se mi líbila myšlenka, že se nemáme bát nabírat drahé odborníky, protože investice do lidí se nám několikanásobně vrátí.

V posledním bloku jsem si nenechal ujít Filipa Hráčka z Googlu a jeho vychytanou prezentaci 8 způsobů, jak vám HTML5 pomůže přežít zombie apokalypsu. Jakkoliv nereálné se toto spojení zdá, Filip to uměl výborně podat a zároveň reálně představit výhody nových technologií.

Mezitím v hlavním sále mluvil Martin Hassman o využití FourSquare a ukázal také zajímavé statistiky (největšími fanoušky českých značek jsou uživatelé z Indonésie, v podstatě bez výjimky). Uživatelů v Čechách sice stále přibývá, ale pořád se pohybujeme v řádek několika tisíců (přes 4 000), přičemž jednoznačně gendrově převládají muži a regionálně Pražané. Na několika českých autorizovaných venues ukázal, jak vypadá zvládnutá a nezvládnutá práce s Foursquare jako s marketingovým kanálem. Na závěr přiblížil novinku, kterou nedávno Foursqure spustil – Foursquare brands, které lze srovnat s Facebookovými stránkami.

Zajímavé odkazy

Dohromady si tedy každý mohl přijít na své (já osobně jsem třeba nebyl na většině programátorských témat, ale podle ohlasů řada z nich také stála za to) a ti, kdo chyběli, mohou svou neúčast napravit. Podívejte se na prezentace na Slideshare, reakce blogerů, tweety na Klábosení a organizátoři jistě brzy dodají i videa! Díky organizátorům i účastníkům za povedenou akci a těšíme se na viděnou na některém z budoucích BarCampů.

Facebook k tomu doslova říká: „We will stop allowing new FBML applications, but will continue to support existing FBML tabs and applications. Instead, we recommend using IFrames.“

Zdá se tedy, že Facebook zruší možnost vytváření aplikací pomocí FBML, ale ty stávající aplikace napsány ve FBML budou nadále fungovat. Co to tedy znamená do budoucna? Budou všichni psát aplikace jako zběsilí, aby je pak nemuseli dělat složitě pomocí iFramu? Ničeho takového jsme si nevšimli…

Je ale pravdou, že tímto krokem nejspíš odpadnou amatérští tvůrci FB záložek a aplikací. Důležité je také poznamenat, že pokud by Facebook zrušil podporu FBML úplně, tak by to znamenalo konec jeho vlastní aplikace Static FBML, která umožňovala velmi snadno vkládat záložky do svých fan stránek.

Co to vlastně je Facebook aplikace a co jen záložka

Je třeba podotknout, že Facebook si zde trošku poupravil význam pojmu aplikace a říká tak i jednoduché stránce, která může pomocí API komunikovat s Facebookem a provádět určité operace. Příkladem velmi jednoduché aplikace může být naše aplikace školení, která nedělá nic jiného, než že vypisuje naše aktuální termíny školení a jejich obsazenost. Výhodou takové aplikace je, že se dá jednoduše vložit jako záložka do fanouškovské stránky. Mezi ty složitější a známější aplikace můžeme zařadit například Farmville nebo Mafia Wars. Při prvním spuštění aplikace je vyžadováno povolení („Allow“) pro jejich používání. Každá aplikace má také svou canvas stránku, která má unikátní URL.

Záložka na fanouškovské stránce (Custom tab) je umístěna v klasickém modrém menu stránky za povinnými záložkami Wall a Info. Její maximální povolená šířka je 520 pixelů. Stránka samotné aplikace má pak maximální povolenou šířku 760 pixelů (vložená do FB stránky opět pouze 520 pixelů).

FBML vs iFrame

Jedná se o dvě metody, které Facebook podporuje pro tvorbu aplikací. V minulosti se snažil doporučovat svůj zavedený standard FBML (Facebook Markup Language), ale koncem září obrátil a naopak se snaží FBML upozadit, doporučuje tvorbu pomocí iFrame a JavaScript SDK.

Zdroj: http://blog.madarco.net/…d-framework/

FBML

Značkovací jazyk vyvinutý Facebookem, který v podstatě jen rozšiřuje HTML a zajišťuje tak konzistenci aplikací a jejich bezpečnost.

• Snadná propojitelnost s Facebookem (komentáře, záložky, zeď a jiné komponenty).
• Jedná se o standardní HTML s pár speciálními tagy jako: <fb:comments .. />, <fb:wall .. />
• Je rychlejší, pokud potřebujete data z FB databáze (skupiny, přátele, apod).
• URL v prohlížeči se chová standardním způsobem (následuje navigaci).

• Pomalejší načítání stránky,
• neumožňuje použít standardní JavaScript (namísto něj FBJS).

iFrame

Umožňuje vložit do stránky plovoucí blok, který načítá obsah z jiného umístění. V minulosti byl velmi oblíbený pro snadné provázání stránek, ale pro své zásadní nedostatky se již pro tvorbu webových stránek nevyužívají.

• Možnost standardního použití JavaScriptu (ajaxu), HTML a CSS,
• snazší a rychlejší úprava i nasazení stránky,
• rychlejší načítání oproti FBML.

• Pomalejší v přístupu k datům z FB databáze (skupiny, přátelé, apod),
• složitější propojení s komponentami Facebooku než s FBML,
• URL v prohlížeči se nechová standardním způsobem (stále stejná URL).

Co bude dál?

Prozatím se stále spekuluje, jestli Facebook opravdu zruší podporu k vytváření aplikací a záložek pomocí FBML. Polemiku s několika zajímavými názory si můžete přečíst na FB stránce Hyper Arts. Co si o tomto rozhodnutí myslíte vy? Je to krok správným směrem? Věděli jste o něm a jak na něj budete reagovat?

Chtěli jste si někdy vytvořit blog, jednoduchý web s aktualitami nebo třeba fotogalerii a nevěděli jste jak? Nejjednodušší cestou je právě redakční systém, jindy také nazývaný jako publikační (anglická zkratka CMS – content management system).

Pomocí CMS můžete jednoduše psát, editovat, publikovat a jinak spravovat články, spravovat komentáře, soubory, obrázky či galerie, vkládat kalendáře a jiné doplňky webu. Možností je opravdu hodně.

Vybíráme CMS aneb proč WordPress? *

Na Internetu existuje spousta lepších či horších publikačních systémů, které jsou nabízeny zcela zdarma. Lišit se můžou ve funkcionalitě, použitelnosti, rozšíření, dokumentaci, velikostí komunity, atd. My si zde uvedeme jen pár nejznámějších a v bodech sepíšeme jejich klady a zápory.

WordPress

• Početná komunita (dostupné šablony, pluginy, podpora)
• Snadná použitelnost (ovládání, instalace, publikování)
• Jednoduše upravitelný vzhled šablon
• Omezená rozšiřitelnost

Joomla!

• Rozšiřitelnost funkcionalit
• oproti WP složitější ovládání
• náročnější na provoz (zátěž hostingu)

Drupal

• Otevřenost systému (pro programátorsky zdatné jedince),
• Široká paleta využití (blog, zpravodajský server, obchod, katalog, fórum),
• Velmi špatná úroveň použitelnosti,
• komplikovanější tvorba nových vzhledů (málo kvalitních témat v komunitě),
• vyšší časová a znalostní náročnost oproti WP a Joomle!,
• ne vždy jej podporují hostingy.

Vtipně popisuje výběr vhodného CMS následující graf. Samozřejmě je třeba jej brát s nadhledem.

Zdroj: www.compassdesigns.net

* Je důležité uvést, že výběr CMS záleží na každém a každý systém se hodí na něco jiného. My jsme si vybrali WordPress pro jeho snadnou použitelnost, práci se šablonami, množstvím rozšíření a jednoduchou obslužností. Pokud vás zajímá úplné porovnání těchto CMS systémů, můžete si přečíst například tyto: Joomla and WordPress a matter of mental models, WordPress vs Joomla vs Drupal.

WordPress pod lupou

Abyste mohli WP používat, budete potřebovat hosting na němž běží PHP a MySQL. Samotná instalace WordPressu je pak velmi snadná:

1. Stačí si stáhnout aktuální verzi WP (v době psaní článku verze 3.0.1) a nakopírovat soubory na váš server.
2. Před instalací si ještě zjistěte údaje o své databázi (název, přihlašovací jméno a heslo, jméno serveru).
3. Nyní vložte URL adresu do adresního řádku prohlížeče a následně vás WP provede několika kroky své instalace.

Pokud by i přes to byla instalace oříškem – přečtěte si návod z oficiálního webu.

Po instalaci už se můžete s chutí vrhnout na psaní článků, vkládání fotek a úpravy vzhledu vašeho nového blogu. Jelikož je ovládání WP velmi intuitivní, neměli byste mít s jeho používáním žádný problém.

Příklady našich blogů

• www.neconoveho.cz
• www.vetrovka.cz
• a samozřejmě blog.h1.cz, který právě čtete ..

WordPress 3.0

Jedná se o nejnovější verzi toho publikačního systému, která nese název Thelonious. Přináší s sebou několik změn:

• Nové výchozí schéma TwentyTen.
• Sloučení verzí WordPress a WordPress MU.
• Možnost přidání vlastního druhu obsahu (nemusíme tak vybírat pouze z Post a Page).
• Lepší správu menu a snazší úpravu výchozí šablony (hlavička a pozadí).
• Změn se také dočkala administrace, která by měla být ještě více uživatelsky přístupná.

Nejnovější verzi WP stahujte z oficiálních stránek: anglická verze, česká verze.

Užitečné odkazy:

• česká WP komunita
• web autorů oficiální češtiny do WP
• galerie šablon na oficiálním webu wordpress.org
• a mnoho dalších šablon najdete na googlu.

V příštím článku si řekneme, které pluginy pro Wordpress byste měli určitě znát. Je něco, co byste se chtěli o WordPressu dozvědět? Nebo se chcete o nějakou znalost naopak podělit? Vyjádřete se v komentářích.

V tomto článku vám představím sedm tipů, jak s klienty spolupracovat k oboustranné spokojenosti a předcházet možným nedorozuměním. Nejedná se o poučky vyčtené v učebnicích managementu, ale o autentické zkušenosti, které denně získáváme při vlastní praxi práce v poradenství. I my ještě v mnoha situacích děláme chyby a ne vždy se očekávání našich klientů naplní na 100 %. Snažíme se na sobě ale pracovat, a proto budu rád, když v komentářích i vy přispějete svými zkušenostmi a názory.

1. Cíl je obvykle kompromis

1. Jeho požadavek je často velmi obecný a vzdálený od předmětu spolupráce. Od nás například očekává technické zhodnocení webu, ale jako cíl uvede maximalizaci obratu.
2. Většinou se zcela liší v jednotkách (či metrikách), jakými svůj cíl vyjadřuje. Klasickým příkladem je optimalizace pro vyhledávače, u které klient typicky poptává první místo na Seznamu a vhodnou metrikou spolupráce přitom obvykle (ne však vždy!) bývá relevantní návštěvnost z přirozených výsledků vyhledávání na Seznamu.

Je tedy třeba očekávání sladit a nastavit cíle tak, aby pro klienta byly dostatečně představitelné a zároveň dobře odrážely náplň spolupráce.

2. Výsledky se musí odhadnout

Klienti chtějí vědět, co jim spolupráce přinese. A to ideálně na korunu přesně. Pro vás je to obvykle obtížné odhadnout nebo to přinejmenším nemůžete garantovat. Přesto je důležité, abyste na stanovení očekávaných výsledků nerezignovali. Klíčem k úspěchu je kvalifikovaný odhad, u kterého je klient srozuměn s faktem, že se jedná o odhad, a tudíž nemůžete jeho naplnění zaručit. Je to jednoduše vaše očekávání, kterému se v rámci svých možností a schopností pokusíte maximálně přiblížit.

3. Cena by měla být především transparentní

Cena je často tím prvním, na co se klienti ptají. I ona ale obvykle závisí na mnoha proměnných. Patří mezi ně skutečný čas potřebný na práci, množství víceprací, počet iterací v procesu spolupráce a další faktory, které se jen obtížně odhadují.

Když nastavíte model příliš volně, riskujete, že na klienta bude na konci čekat nepříjemné překvapení. Rigidně stanovená cena naopak může způsobit problémy na vaší straně, kdy hrozí, že se nevejdete do původně stanoveného rozpočtu.

Snažte se proto zvolit model, který bude dostatečně flexibilní, ale dbejte na to, aby byl především transparentní. Když klient dopředu zná přesnou metodu výpočtu ceny, nastavíte „systém včasného varování“ a potřebné změny v rozpočtu vždy dostatečně vysvětlíte, neměli byste se dostat do problémů. Myslete také na to, že nejdůležitější není obvykle absolutní hodnota ceny, ale návratnost investice, kterou se klient do vaší práce chystá vložit.

4. Bez ROI to nejde

Jak už jsem zmínil u předchozího bodu, návratnost investice je klíčovým slovem každé spolupráce. Rozhoduje o tom, zda se projekt vůbec vyplatí a případně, jak dlouho bude trvat, než se investované prostředky začnou vracet.

Snažte se na ROI myslet i v případě, kdy se na něj klient sám neptá. Často se totiž stává, že si na návratnost vzpomene až v polovině projektu a začne ji od vás očekávat, i když vy jste do té doby žili v představě, že si ji celou dobu sám hlídá. Příklad? Pracujeme na PPC kampaních a hlídáme stanovená nákladová kritéria, do kterých však nezapočítáváme svoji práci v domnění, že klient si patřičný přepočet provádí sám. Po několika měsících přijde rozhořčená zpráva, že se naše práce nevyplácí, protože po započtení všech nákladů nezůstává prostor pro dostatečnou marži. A problém je na světě.

Než řešit podobné situace u již probíhající spolupráce, raději klienta už na začátku upozorněte na pochybnosti, které o návratnosti máte. Můžete se tak krátkodobě připravit o peníze, když si klient investici do vaší práce rozmyslí, rozhodně je to ale z dlouhodobého pohledu výhodnější a posiluje to vzájemnou důvěru.

5. Vždy ukažte další krok

Máloco klienti ocení víc, než když je vždy důkladně informujete o tom, co bude následovat. Každý váš výstup, každá fáze projektu a každý milník by měl být doplněn o informaci, co je další plánovaný krok. Nejen, že tak zamezíte nedorozuměním a prodlevám, ale především tak klientovi dokážete, že máte práci pod kontrolou a nepostupujete příliš organicky nebo dokonce náhodně.

6. Obsah bez formy ztrácí hodnotu

Klasik praví: Obsah je král. Já ale dodávám, že obsah prezentovaný v nevhodně zvolené formě může ztratit většinu ze své hodnoty. Zjistěte si, jakou formu výstupu od vás klient očekává, a přizpůsobte se. V našem případě je typickým příkladem výstupu analýza konkrétního webu. Tu ale můžeme psát s rozličným účelem – pro koncového klienta, který potřebuje kromě konkrétních doporučení také související teorii, pro developera, kterému se více hodí stručný a věcný manuál, nebo pro marketingového manažera v korporaci, jemuž nejvíce pomůže powerpointová prezentace připravená pro prezentaci nadřízeným.

Před začátkem práce s klientem domluvte, jaká forma výstupu pro něj bude nejvhodnější, a vězte, že to ocení. Navíc nezapomeňte, že forma se netýká jen výstupů, ale například také preferovaného způsobu komunikace (e-maily, telefonáty, schůzky) a samozřejmě termínů a podmínek spolupráce.

7. Je to o lidech

A zákazníci to dobře vědí. Využijte to ve svůj prospěch a informujte klienta o tom, kdo bude na jeho zakázce pracovat, jaké má zkušenosti a předchozí reference. Zkušenost ukazuje, že důležitější než formální vzdělání či certifikáty jsou praktické zkušenosti a dosažené úspěchy. Projektový tým příliš často neměňte a každou změnu v personálním obsazení zakázky dobře vysvětlete.

Tři klíčová slova na závěr

1. Otevřenost.
2. Lidé.
3. Výsledky.

A jaké jsou vaše zkušenosti s projektovým managementem a klientskou prací? Podělte se s námi o nejčastější příčiny nedorozumění a tipy, jak spolupráci nastavit jako win-win.

Určite si, kto z týmu bude za finálny grafický návrh zodpovedný

V prvom rade pri návrhu novej grafiky je veľmi dôležité stanoviť hlavnú osobu, ktorá bude niesť za celý projekt zodpovednosť. Ku grafickému návrhu sa často vyjadruje celá firma, čo nebýva vždy prínosné. Práve táto osoba by mala všetky pripomienky korigovať a brať do úvahy len tie, ktoré sú v prospech celého konceptu. V opačnom prípade sa úplne vytratí pôvodná idea grafika a vznikne návrh, ktorý síce vyhovuje celej firme, ale neberie do úvahy to najdôležitejšie – požiadavky cieľovej skupiny. Aké znalosti by mala mať táto osoba?

• Veľmi dobre pozná vašu firmu, cieľovú skupinu, celkovú stratégiu spoločnosti i konkurenčné stránky.
• Orientuje sa v oblasti internetového marketingu alebo reklame.
• Má prehľad v súčasných trendoch designu webových stránok.
• Pozná základné pravidlá použiteľnosti a tvorby webových stránok.

Ujasnite si s grafikom základnú víziu

Pred samotným grafickým návrhom odporúčam ujasniť si s grafikom vašu predstavu o jeho práci. Vysvetlite mu základné informácie o vašej spoločnosti, obore a cieľovej skupine. Rozhodne nie je na škodu vopred mu vytipovať stránky, ktorým by ste sa chceli priblížiť a pripraviť mu prehľad konkurenčných stránok, od ktorých by sa mal odlíšiť. Na základe týchto údajov ľahšie pochopí celý koncept a dokáže k nemu vytvoriť odpovedajúci grafický design.

V prípade, že grafik vychádza z pripravených wireframes je dôležité mu stanoviť hranice ako môže s nimi pracovať. Wireframes definujú základný koncept rozmiestnenia dôležitých prvkov na stránke, ako je hlavná a vedľajšia navigácia a samotný obsah stránky. Grafik by však mal mať voľnosť pri práci s nimi a využiť naplno svoj potenciál. Preto i v tejto fázy môže dôjsť k zmenám v návrhu rozloženia prvkov v prípade, že to bude k prospechu pre projekt.

Ako hodnotiť prvotný výstup od grafika

Prvú vec, ktorú musí každý pri hodnotení grafického návrhu pochopiť je, že „vy“ nie ste typickým predstaviteľom cieľovej skupiny. A to čo sa páči Vám, to sa nemusí pozdávať tým, ktorí vaše produkty a služby skutočne nakupujú. I v tejto fázy Vám môžu pomôcť persóny (tj. fiktívne osoby, ktoré majú hlavné charakteristiky vašej cieľovej skupiny).

Pokiaľ nechcete skončiť na zozname ClientsFromHe­ll.net, netyranizujte designéra prázdnymi komentármi v duchu „Mne sa to nepáči“. Hlavnou úlohou grafika totiž nie je trafiť sa do vkusu marketingového manažéra, ale zákazníka, ktorému má pomôcť orientovať sa na stránkach. Vyvarujte se preto komentárom ako:

“The website should have the passion of Eleanor Roosevelt, but the charm and charisma of Bill Clinton.”

Hodnoťte objektívne nasledujúce parametre

Ako grafik splnil vaše zadanie

Celkový design stránok by mal odrážať zameranie vašej spoločnosti i to ako chcete pôsobiť na ľudí. Zatiaľ čo u e-shopu s detským tovarom si môžete dovoliť použiť sýte farby a nápadité ilustrácie, na finančnom serveri alebo u poisťovne užívatelia očakávajú skôr striedmu grafiku evokujúcu seriózny a dôveryhodný prístup. Preto sa na začiatku pokúste zamyslieť nad tým, či grafický design vystihuje atmosféru vašej spoločnosti a vychádza z vašej firemnej identity.

Skôr ako sa pustíte do kritiky, skúste sa s ním porozprávať a nechať si vysvetliť jeho zámer. Ak Vás jeho dôvody nepresvedčia, požiadajte ho o ďalšie návrhy, aby ste mali možnosť porovnávať. V prípade, že máte záujem dozvedieť sa o použití farieb na web trochu viac, odporúčam prečítať si článok A Look into Color Theory in Web Design.

Následne porovnajte nový návrh s grafickými webmi vašej konkurencie. Dajte si pozor či ho dokážu užívatelia ľahko rozpoznať, prípadne či medzi nimi nezapadne. V tejto fázy rozhodne nie je na škodu ukázať nový grafický návrh nezainteresovaným osobám, u ktorých si môžete overiť aký prvý dojem v nich vyvoláva.

V prípade, že grafik vychádzal z pripravených wireframov skontrolujte taktiež, či sa v grafikom návrhu nachádzajú všetky požadované prvky. Už sa nám niekoľkokrát stalo, že z hlavnej stránky napríklad vypadol dôležitý reklamný banner, ktorý sa proste do grafiky nehodil.

Prioritizácia informácií

Úlohou grafika rozhodne nie je iba „dať farbu“ wireframom, ale mal by do nich vložiť svoju pridanú hodnotu. Zatiaľ čo vo wireframes sa dôležité prvky na stránke znázorňujú použitou veľkosťou písma, ohraničením alebo komentárom, v grafickom návrhu se pre tento účel používajú piktogramy, veľkosť a farby písma a iné varianty zvýraznenia. Typicky by mali mať najvýraznejšiu vizuálnu prioritu prvky, ktoré vyzývajú návštevníka z nejakej akcii, tzv. call-to-action prvky (tlačítko objednať pri detaily produktu, registrovať sa a pod.).

Práve grafik by mal pomocou vhodných techník zvýrazniť dôležité prvky a tie menej významné upozadiť (tzv. prioritizácia informácií). Zároveň je jeho úlohou udržať na všetkých stránkach webu konzistentný vzhľad prvkov s rovnakou funkciou (tlačidla, formuláre, odkazy) a zaistiť vizuálne jednotný štýl všetkých stránok.

Dodržanie pravidiel použiteľnosti

Grafický návrh samozrejme musí spĺňať i základné požiadavky z hľadiska použiteľnosti. Medzi tie základné patria:

• dostatočný kontrast farieb pozadia a popredia,
• dostatočne veľké písmo,
• odlíšené odkazy od normálneho textu,
• dodržanie základných konvencií tvorby webu.

Pokiaľ i v tomto ohľadu dodaný návrh vyhovie vášmu očakávaniu, môžete sa pustiť do ďalšieho kroku, ktorým je zvyčajne kódovanie šablón a ich implementácia.

Zhrnutie

S grafikom si vždy dopredu nastavte vzájomné očakávanie, jasný spôsob komunikácie, termíny i presný proces tvorby grafických návrhov. Po dodaní prvej verzie návrhu sa vyvarujte všeobecným pripomienkam, ale kritizujte konkrétne problémy, pričom svoje tvrdenie ideálne doplňte príkladmi webu, na ktorých ľahko ukážete svoje predstavy. Pokiaľ bude obom stranám od začiatku jasný cieľ i proces práce, vyhnete sa 90 % nedorozumeniam, čo je to najlepšie, čo môžete pre svoj web urobiť.

A s akými úskaliami sa pri spolupráci s grafikom stretávate vy? Podeľte sa s nami o vaše skúsenosti v komentároch.

1. Protože stránky budou uživatelé prohlížet na mobilních zařízeních, která často stále ještě nebývají napojena na vysokorychlostní internet, je nutné myslet na to, že by celá webová prezentace měla mít malou velikost, být rychlá bez zbytečných prvků zpomalujících načítání a celkové graficky lehká. Udává se, že by velikost zdrojového kódu jednotlivých stránek neměla přesáhnout 20 kB.
2. Základem celé mobilní verze webu musí být správný Doctype. Právě ten řekně prohlížeči a vyhledávačům, že se jedná o verzi pro mobilní zařízení, nikoliv o klasickou webovou prezentaci. Třeba Google k tomu může přihlédnout a v mobilním vyhledávání takový web upřednostnit. Správnou podobu Doctype naleznete například na Wikipedii.
3. Kódování webu doporučujeme v UTF-8, abychom nemuseli čelit problémům se zobrazením národních znaků na různých typech mobilních zařízení.
4. Použijte obrázky ve formátu JPEG nebo GIF. Některé starší mobilní prohlížeče nemusejí PNG formát podporovat. Problém může být také s průhledností.
5. Web by měl být jasně označen jako mobilní verze. Tím není myšleno pouze Doctypem, ale také na viditelném místě pro návštěvníky. Třeba někde v oblasti loga.
6. Důraz by měl být kladen na krátké a úderné titulky stránek a minimalizaci zbytečného textového obsahu. Pokud jde o on-page optimalizaci, dodržujeme stejná pravidla, jako v případě klasické verze webu.
7. K měření a analýze návštěvnosti lze využít Google Analytics, a to i v případě, kdy prohlížeč mobilního telefonu nepodporuje JavaScript. Analytics nabízí pro tyto účely speciální měřící kód, který lze nalézt pod záložkou Pokročilé v pokynech pro přidání měřícího kódu.

V prvé řadě je nutné myslet na důkladnou přípravu podkladů, která by měla webdeveloperům poskytnout stručný, ale obsáhlý popis vašeho projektu a společnosti. V prezentaci najdete seznam informací, které by rozhodně neměly chybět.

Dozvíte se také, jak vytvořit seznam potenciálních webdeveloperských společností, které chcete oslovit, a jak specifikovat zadání.

Hodnocení podkladů od dodávatelských společností býva často problematické. Veronika doporučuje stanovit si základní kritéria hodnocení, která vám celkové rozhodnutí usnadní.

Celý proces výběrového řízení končí podpisem smlouvy, kterou byste si měli podrobně pročíst a nesouhlasit slepě se všemi podmínkami.

Příští Open Monday

Další přednášku vám přinese 1. března Jakub Velička, bude na téma 8 nejčastějších SEO chyb začátečníků. Těšíme se na vaši účast.

Registrace na Open Monday

Počet míst pro veřejnost je omezen na 10, proto je nutné si včas místo zarezervovat. Pokud se akce účastníte pravidelně, oceníme, pokud místo přenecháte novým návštěvníkům. Prosím, použijte následující formulář. Vaši registraci vám e-mailem potvrdíme. Pozor! Je možné se zaregistrovat vždy jen na nejbližší termín.