Základy SEO webové stránky

Význam zkratky SEO – Search Engine Optimalization – Optimalizace pro vyhledávací roboty (doslovně motory/algoritmy).

Tedy optimalizace stránek pro vyhledávače. Nazývá se tak proto, že lidé chtějí být na prvních místech vyhledávačů a jdou přez mrtvoly. Protože první místo znamená velkou popularitu a velký byznys. A proto zapomínají na zdravý rozum v úvaze co je dobré a co ne. Kvalitní webovou stránku ovšem uděláte, když budete myslet na to pro koho doopravdy stránku děláte. A to je samozřejmě pro lidi!

Vyhledávací roboti mají svou vlastní inteligenci – brouzdají internetem a hledají stránky. Jak stránku najdou, projdou její obsah. Podle HTML tagů poznají co je nadpis, co odstavec a co odkaz a obrázek. Proto se říká, že by stránka měla být validní. Není tomu úplně pravda. Jsou záležitosti, které zrovna validní nemusí být a přitom budou správně. To že se říká, že by stránky které jsou dobře optimalizované měly být validní, se tak děje pouze proto aby amatéři a začátečníci, kteří editují HTML nezapoměli parametry TITLE u odkazů ALT u obrázků, používat postupně H1, H2, H3 … tagy pro nadpisy a podobně.

Stránky děláme pro lidi, aby si našli informace aby jsme jim informace vnutili. Tudíž ať má vyhledávací robot jakoukoliv inteligenci, měla by být vytvořena jejich autory co nejpodobněji k lidskému myšlení.

Ovšem ať už se pokouší navodit robotovi jakoukoliv inteligenci, vždycky bude počítat více z kvantitou než s kvalitou. Co to pro Vás znamená? To že v podstatě v některých věcech se prostě robotu přizpůsobit musíte. Ale není to až tak daleko od logiky lidského myšlení. Jde například o přímost významu obsahu stránky. Soustředit obsah webové stránky přímo na dané téma je lepší, než psát o kde čem. Síla webové stránky – tedy kvantita daného klíčového slova dle pravidel vyhledávacího robota.

Zásady pro dobré SEO webové stránky

  • kvalitní obsah který láká a udrží návštěvníka (i převážně gramaticky zprávný)
  • dobře rozvržená struktura HTML
  • podpora prohlížení vyhledávači (sitemap, robots, meta tagy)
  • podpora pro lepší pohyb uživatelem (přehledná grafická struktura, menu, nadpisy, podpora čtečky pro nevidomé)
  • pokud chceme uspíšit popularitu stránky, je dobré stránku registrovat do vyhledávačů a jejich katalogů a databází (seznamy katalogů kde se dá registrovat naleznete na internetu spousty)
  • nezprasit stránku různorodým obsahem, cílený obsah je úspěšnější

Jak na tom je Vaše webová stránka s SEO ?

Aby se vědělo kdo má víc a kdo je lepší, je zaveden známkovací systém. Každý katalog a vyhledávač má svůj. Google má PageRank Seznam má S-Rank, Jyxo, Alexa a podobně. Jak na tom jsme si můžeme ověřit v různých nástrojích na internetu, které nám zjistí jaký INDEX (známkování) má naše stránka v těchto různých jednotkách.

Nejhorší je komunikační šum

Když existuje špatná komunikace, nikdo se o Vás nedoví. Proto existuje pravidlo v vyhledávacích robotech, že čím více na vás někdo směruje odkazem a právě i vy na něj, jste populárnější. Tím se zajišťuje logické šíření obsahu Vaší stránky. Taktéž pomáhá zapojit se v různých sociálních sítích jako možnost propagace a komunikace s potencionálními zákazníky. Facebook, AddThis a nebo i ten starý dobrý e-mail. A nejen v sociálních sítích ale i v diskuzních fórech atd.

Když už víme, jaké indexy má naše stránka, měli by jsme se soustředit směrovat a propojovat pomocí zpětných odkazů s silnějším spojencem.

Základní chyby nejen v HTML ale i v CSS

Chybovat a ovlivnit si indexy a celé SEO můžete nejen pomocí špatného HTML ale i CSS. Když použijete na tag H1 (hlavní nadpis webové stránky) vlastnost display:none; je to jako by tam ten nadpis vůbec nebyl. To samé když použijete text-indent: -9999em; (taktéž stejná barva písma jako pozadí, příliš malé/velké písmo a podobné vychytávky – jsou špatně). Když musíte mít logo firmy v nadpise H1, nejlepší je vložit tam obrázek přímo do HTML a do ALT parametru napsat text, který jste chtěli původně zapsat do H1 tagu. Vyhledávače považují ALT za text.

Publikováno: Rubriky: Webdesign a internet Štítky: , , , , Napsat komentář

Animace na webové stránce, díl #1: CSS3 Transition

Animace na webových stránkách byly vždy bez Adobe Flash nebo jQuery (MooTools, a dalších javascriptových knihoven) nemožné. Po příchodu CSS3 přišly nové vlastnosti, které jsou velmi příjemné v využití k animování jednotilvých prvků na webu. Kdo ví co je to CSS3, ví taky, že nefunguje v všech prohlížečích – to je informace na dlouhé vysvětlování. Jednoznačně Vám prozatím nepojede nic v tomto příspěvku pokud používáte Internet Explorer.

Pokud máte Internet Explorer, stáhněte si Google Chrome nebo Mozilla Firefox ! ASAP !

Přesná kompatibilita této CSS Transition vlastnosti

Internet Explorer žádná verze až na poslední vývojovou IE10
Firefox 4.0 +
Opera 10.5 +
Safari 3.2 +
Chrome (WebKit) všechny

CSS Transition

První možností jak aplikovat animaci do webové stránky (používám snad na každém projektu) je vlastnost transition.  Do prvku, který chcete animovat stačí tuto vlastnost přidat, asi takto:

nazev-prvku {
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

Když například náš prvek bude mít různé pozicující vlastnosti a po najetí kurzorem (:hover) se tyto vlastnosti změní, bude se prvek plynule pohybovat dle daných hodnot. Přesně tato funkce byla použita pro menu na této stránce.

Samotné transition se používá názvem, transition. Prefixy před transition v mé ukázce jsou kvůli nasazení do určitých prohlížečů (-webkit- chrome apod.).

Parametr all poukazuje, co všechno se bude počítat do animace. Můžete například použít pouze opacity pro skrývání a zobrazování prvků. Samozřejmě na filter: alpha(opacity=x) pro Internet explorer nefunguje.

Dalším parametrem je čas, po který se animace bude provádět. Desetiná místa se zadávají desetinou tečkou a jde vždy o sekundy.

Ease-in-out je vlastní efekt přechodu.

  • ease – postupný efekt
  • ease-in – zrychlení
  • ease-out – zpomalení
  • ease-in-out – postupně zrychlí a pak zpomalí – pěkně plynule

Tento efekt si můžete vytvořit i vy sami s vlastními vlastnostmi (cubic-bezier – podle beziérovy křivky). Pro pohodlnou tvorbu efektů můžete použít například tento nástroj Ceaser a nebo další na stránce cssglue.com/cubic. A konečně poslední parametrem transition je časová pomlka před začátkem animace.

Příklad, který je využitý pro menu na této stránce:

 menu li a {
    display: block;
    width: 68px;
    height: 69px;

    background: url('img/menu.png') 0 0 no-repeat;

    position: absolute;
    left: 8px;
    top: 71px;

    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

menu li a:hover {
    top: 30px;
}

Vlastnosti které lze animovat

Seznam těchto vlastností můžete najít na CSS Transition stránce mozilla.org.

Publikováno: Rubriky: Webdesign a internet Štítky: , , , , , , Napsat komentář

Důvody proč český webdesign upadá

Důvodů proč český webdesign upadá je velké množství. A budu se je tady snažit shromáždit. Převážně mi půjde o vytvoření seznamu nekvalitních webdesignérů a odporných webů. To je totiž ten hlavní úraz. Díky takovýmto one-man-show, kteří se rozhodli dělat webdesign protože se někde na kurzu  naučili html, css a základy photoshopu a snaží se tvářit jako velká spolehlivá firma, klesá cena za kvalitu a možnost realizace zakázek, které by si zasloužily kvalitní prezentaci na internetu, nikoliv nějaký www paskvil.

Zákazníci si úmyslně neuvědomují kvalitu a z typické české povahy raději sáhnou po levnější službě – kéž by věděli za jaké zvratky platí.

Tady je ochutnávka:

  • www.flashdesigner.cz
  • www.hezkyweb.cz

PS: Rozhodně se nebráním pokusům o vysvětlení existence na internetu od designérů a autorů stránek zde zmiňovaných.

Publikováno: Rubriky: Co se děje na internetu, Úvahy 8 komentáře

Reklama pro tabákové výrobky Davidoff

Opět jsem vymyslel reklamu. Hlava mi stále jede na plné obrátky, a často se mi stává že jen tak vymyslím nějakou frázi, vhodnou pro propagaci. Tentokrát celou reklamu pro tabákové výrobky. Napadlo mě to pro firmu Davidoff.

Ovšem firmy vyrábějící tabákové výrobky asi reklamy nemají že? Nikdy jsem žádnou neviděl – kromě doutníků – ale cigarety?

Publikováno: Rubriky: Úvahy Napsat komentář

User friendly interface of CZECH COMPUTER e-shop …

Vše už vyvrcholilo. Naštěstí přináší Beta verzi a chystají nový design …

Publikováno: Rubriky: Aktuální dění, Co se děje na internetu, Zajímavosti Napsat komentář

Tučné písmo v prohlížeči Firefox

V Windows/fonts najděte font Arial.tff
Zkopírujte na plochu.
Otevřete.
Klikněte na INSTALOVAT.
Restartujte Firefox, DONE.

Publikováno: Rubriky: Co se děje na internetu, Zajímavosti Napsat komentář

Výborný náhled na stávající situaci v zdravotnictví !

Publikováno: Rubriky: Aktuální dění, Co se děje na internetu, Úvahy, Zajímavosti Napsat komentář

Kde žít ?

Město?

Měl jsem možnost být o víkendu mimo civilizaci. Na chatě v jedné malé vsi. Až tam jsem pochopil, že ticho města je vlastně hluk. Chata se nachází v Hané kousek od Prostějova. Okolí jsou samé lesy a louky. V vsi není odpad (kanalizace) ani žádná civilizace, obchod, wifi a ani toaleta tak jak ji znáte v městě.

Většina městských lidí používá chatu na venkově jako oddech od práce a vyčištění hlavy. Já si říkám, že bych tam klidně i žil.

Mám rád technologie, ale když jsem vyšel kousek za náves, ocitl jsem se v rozsáhlé planině lesů a rozkvetlých luk. Zastavil jsem se uprostřed kopce a rozhlédl jsem se. Ty barvy co se všude rozprostíraly – fialová, bílá, žlutá, zelená, modrá. Voda, tráva, stromy, zvířata – lehl jsem si do trávy a uvědomil jsem si, že odtud pocházíme. Všichni ti lidé co se honí po betonových ulicích města odtud pochází. Tady jsme všichni věděli jak se obživit, jak uživit rodinu, jak vydělat peníze tak abychom udrželi obydlí v dobrém stavu. Nepotřebovali jsme vypěstovat hodně živin proto aby jsme koupili velkou televizi, ale proto abychom mohli opravit nebo udělat novou střechu. Postavit chýši na dřevo a seno pro zvěř.

Když jsem seděl před chatou, zaposlouchal jsem se a slyšel jsem ticho. Dokonalé ticho. Uvědomil jsem si jak je hrozné, že jsem zvyklý na ticho z města, které není doopravdy ticho. Zamyslete se – co slyšíte ? Sousedy, tramvaj, vlak, továrnu – stále to slyšíte, ikdyž jste přez půl města vzdálení od těchto věcí. Co jsem slyšel já? Šumění vody a stromů. Jediný hluk který jsem za těch pár dní zaslechl byl souseduv traktor když vezl dřevo z lesa.

Když mi před chatou byla zima, šel jsem dovnitř a zatopil v kamnech. Víte VY z města vůbec co se musí pro teplo dělat? Tolik krásných věcí u kterých si člověk uvědomí že je stále schopen se sám o sebe postarat. Stále obstarávat dřevo (sekat, řezat, nosit) a udržovat oheň. Když jsem si chtěl uvařit čaj měl jsem možnost si utrhnout z trsu usušené máty z zahrády z minulé sezony. Naplnit konvici vodou z studny – bez chloru a i tak čistou. A vše uvařit na kamnech které žhnuly teplem díky ohni který jsem udržoval.

S chutí jsem každé ráno vstával s tím že budu síct trávu, že se budu starat o zeleninu a ovoce, které potom budu požívat. Věděl jsem, že budu muset vzít do rukou sekeru a naštípat dříví. Že to dříví se samo nedoveze z lesa a že s těch velkých uschlých stromů se samy neudělají špalíčky do kamen. Najednou nešlo o to, že musím vydělat hodně peněz abych zaplatil penzijko, životní pojištění, splátku úvěru, paušál za telefon nebo účet za vodu a poplatky za vedení účtu v bance. Jediné co jsem musel bylo spolehnout se na své tělo a svou mysl a vědět, že se dokážu obživit v přírodě.

Uvědomil jsem si také, že sen za kterým jsem šel a držel se ho zuby nehty a měl jsem za to že je to jediný sen který mě v tomto světě udělá šťastným a uživí mě a mou rodinu není až tak jediný. Není jediná cesta – jít dál a dál tlačit víc a víc na pilu s ostatními lidmi kteří se ženou za slávou, penězi, velkými vilami, luxusními auty a velkým majetkem. Nemusíme být všichni ti co vystupují v čele velkých firem a myslí si že jsou šťastni – mají nervy na sračky. Nebo ti co se ženou za slávou a myslí si že je dělá šťastnými když k nim všichni vzhlíží v módních trendech a vystupování.

Je tady jiná možnost. Možná někteří z vás tuto možnost nazvou jako cestu zpět. Cestu dolů. Možná to tak je. Je to cesta k kořenům civilizace a k kořenům toho čeho jsme a z čeho jsme vzešli.

Je nutné se podřizovat velkým firmám? Myslíte si že je nutné koupit si nový mobil od firmy O2 s novým tarifem, koupit si nový počítač od firmy Apple a koupit to všecho za peníze které oni požadují ?

Víte že je tady i jiná možnost? Víte že si mnoho věcí můžete vyrobit sami? Obstarat a vypěstovat sami? Sami se obživit a obstarat střechu nad hlavou?

Publikováno: Rubriky: Úvahy Napsat komentář

Má finální zkušenost s Studio Tomato.cz

Jeden domácí úkol mám za sebou a vše naznačuje tomu, že byl oznámkován za 3. Třetí pohovor na mě udělal zvláštní dojem. Z mých poznatků začínají být lidé z studia čím dál víc sebevědomí až to směřuje k aroganci. Je však pravda, že jde tato vlastnost usměrnit vlastními argumenty.

Komunikace prozatím probíhala s majiteli firmy. V případě TOMATO.cz je to muž (Pavel Kříž) a žena (Vendulka Volfová). Muž, který má na starost obchodní záležitosti se hlásá tím, že je hlavním kreativním členem týmu a celé firmy. Žena vede vlastní personalistickou agenturu a má vystudovanou lidskou psychologii. Asi si dokážete představit, jak podrobné a jak vysoko postavené výslechy v této firmě jsou.

Žena personalistka s velkou oblibou využívá své argumenty z personalistické praxe pro dobro své firmy a hlásá je za statistické fakta. I když je každému jasné, že jde opravdu pouze za boj za firmu, nedá na sobě nic znát.

Dnes na třetí schůzce bylo stanoveno datum na další dva úkoly. Celkem TOMATO.cz zadalo tři domácí úkoly na ověření znalostí zájemce.

Bylo mi také řečeno, že situace v Olomouckém kraji je velice chabá – ať už jde o pracovní místa, finanční morálku nebo představy lidí o designu:

Tady na Hané si lidé nechají pro korunu vrtat koleno.

Má zkušenost je podobná, opravdu lidé v Olomouckém kraji a možná i na celé Moravě nedbají na poměr kvalita / cena. Pouze hledí na cenu práce.

Ovšem když mi bylo řečeno, že platové ohodnocení v částce 25 000 hrubého je za pozici webdesignéra, kodéra, grafika, programátora a GUI specialistu hodně, byl jsem překvapen.

Kdyby jste řekl třeba takových 18 000, tak je to už mnohem reálnější.

Takže kde tedy jsme? Jsme tedy opravdu na Hané v firmě TOMATO.cz – naznačuje tomu vše. I když se prezentují kreativním a unikátním designem a to samé požadují od zaměstnanců, tak korunky z kapsy nevydají.

Vypadá to na jakýsi pokus o spojení rádoby precizní a kreativní práce a finanční morálky v okolí.

Firma na mě začíná působit velmi nezkušeně. I když mají personalistku v týmu tak pohovory jsou roztažené do tří pracovních úkolů a tří osobních schůzek, kdy se pokaždé představujete jinému člověku. Tedy dnes už potřetí.

Ano abych nezapomněl. Opravdu náplní třetího pohovoru byla sebe prezentace třetí osobě z firmy. V neposlední vlně to byl vývojář, který měl posoudit mou kvalitu. Bylo mi řečeno, že i tento vývojář je v firmě zaměstnán pouze chvíli.

Co se ještě v těch pohovorech skrývá? Znám celý tým firmy, jejich projekty, jejich strategii a jejich vize do budoucna. Jejich možnosti a představy. ALE ZAJÍMAVÉ JE TO, ŽE KDYŽ ŘEKNOU NE, BUDOU TYTO VEŠKERÉ INFORMACE ZBYTEČNÉ.

Pro příště bych doporučil, provádět pohovory jiným způsobem.

UPDATE 1: Po všech uváženích jsem se rozhodl s Studio TOMATO cz nespolupracovat. I přesto jsem studiu Tomato cz zaslal email s jakýmsi záložním úmyslem:

Dobrý den,

třetí úkol považuji za nesplněný. Realita je taková, že jsem neodhadl rozsah a složitost vámi používaného CMS. V porozumění zdrojových kódů jsem neměl problém. Více času a přiložený manuál by vedlo k vyřešení problému. Kódování designu, myslím si, že rozdělení CMS je dobré a úpravy funkcí a
template pro nakodovaní daného specifického designu by nebyl problém.

Zprávu pro klienta: určitě bych nedoporučoval oznmámit, že programátor (webdesignér, koder, který programování má jako okrajovou potřebnou součást) který tento CMS nezná a neprogramoval ho, neumí chybu opravit (což je logické) – tím pádem i firma není schopna úpravu zapracovat.

Pokud jde o komentáře k administraci, tak si myslím, že jistě nebyly moc výřečné a víc by řekl samotný návrh úprav. Navíc své know-how asi nikdo jen tak neprozradí.

Další fakt který mě dosti překvapil bylo testování vedlejších zaměření nikoli v kódování designů. Pravděpodobně už víte, že kodovaní z mé strany je perfektní.

Musím také konstatovat, že z poslední schůzky nemám dobrý pocit. A už vůbec né motivační. Od začátku jsem měl představu, že Studio Tomato (mladé a kreativní studio), které se má rozrůstat je to pravé do čeho bych se chtěl pustit a obětovat svůj čas a mé snahy. Nyní mám pocit, že jednání není upřímné a
místy problematické a nejisté. Určitě nemám potřebný pocit, že jsem vítán do tohoto nového týmu za, který budu bojovat. Byl bych ale rád kdyby tomu bylo naopak!

Pokud jde o finance, o mé představě o platu jsem hovořil s paní Volfovou. Oznamil jsem jí na její popud, že má představe je 25 000 hrubého (33 500 super hrubá mzda). Což
znamená, že s dotacemi na mě od UE díky akci Šance pro středoškoláky budou měsíční náklady na mou osobu
jsou 17500 super hrubé mzdy. Pouze ale po dobu jednoho roku. Pokud ovšem spolupráce i po tom jednom roce bude aktuální tak není důvod řešit zrušení této pracovní pozice a napadlo mě řešení s tím, že by pracovní poměr s mnou byl pozměněn a já bych pokračoval jako OSVČ za už jiných podmínek.

Pokud vaše rozhodnutí povede k tomu, že nebudu přijat do pracovního poměru nadále se nebráním v další spolupráci externě pro řádně fakturované práce s důkladnou smlouvou a
zadávací dokumentací. Už z toho důvodu, že by byla škoda ztratit čas věnovaný tomuto pohovoru.

Dle domluvy dnes tedy čekám Vaše rozhodnutí.
Děkuji za Váš čas, potřebný k čtení tohoto rozsáhlého emailu.

Rozhodnutí přišlo o pět dní později. Studio TOMATO se po tomto emailu rozhodlo se mnou nespolupracovat. A jsem velmi moc rád.

UPDATE 2: Studio TOMATO cz dle všech informací bude expandovat a to pod novými názvy. TOMATO cz pravděpodobně zůstane a k němu se přidá WEB divize pod jiným názvem.

Výsledky mého průzkumu při vyhledávání TOMATO.cz

Vidím, že nejsem sám kdo má špatné zkušenosti s těmito lidmi z Studio TOMATO cz.

Odvedená práce mi nebyla do dnešního zaplacena…
http://www.janakudrnova.com/tomato.html

Jak mi dodnes nezaplatilo Studio Tomato z Olomouce
http://www.josefrichter.com/studio-tomato-olomouc.html

Publikováno: Rubriky: Hon za prací 7 komentáře

Autobusy a vlaky nejedou, nezapomínejte proč!

Média se od rána zabývají stávkou v tom stylu že nic nejede, ale nezmiňují proč! Tady se projevuje síla médií.

Co byste vzkázal lidem, kterým stávka zkomplikuje život?
Stávkujeme i za vás. Jsme proti důchodové loupeži, proti odchodu do důchodu v 70 letech a tak.
Zdroj: usti.idnes.cz

A já se nyní snažím najít, co znamená to a tak.

Podrobné informace od odborů zde.

Prohlášení odborů, proč stávkují.

Publikováno: Rubriky: Aktuální dění Napsat komentář