Webdesign

Na světě je velká novinka, během půl roku bude "nový" Microsoft Internet Explorer 7. Poněkud masochisticky jsem se začetl i do komentářů na onom Microsoftím webu, a zcela nechápu uživatele, kteří tam jásají a považují Microsoft za hybnou sílu vývoje webu. Ach jo. Vždyť veškeré věci, které chtějí po Microsoftu má již dlouho Opera, a částečně i Firefox a Safari.

Chápu ale politiku Microsoftu, ve chvíli, kdy open-source Firefox získává reálně 10-20% trhu, během pár měsíců, komerční Opera se dostává na 5%, tak Microsoft na tuto (v médiích téměř denně zveřejňovanou) skutečnost musí zareagovat, protože to Microsoftu marketingově velice škodí.

Stačí mít jeden špatný produkt, a "hanba" z něj se přenáší i na Windows XP, Microsoft Office a další produkty, a škodí jejich prodeji. Pokud již uživatel vyzkouší alternativu k "modrému E", a zjistí, že je to podstatně lepší produkt, bude zkoumat dál. A to Microsoft nesmí připustit.

Yuhů nabízí tři varianty, jak to dopadne, osobně jsem ale přesvědčen o variantě čtvrté. Je nutno vycházet z běžných uživatelů, z jejich omezených potřeb. Běžný uživatel má zapnuté Windows Updates, automatické, IT news nesleduje, a "nový" MSIE 7 (což bude to samé co nesmírně zastaralý MSIE 6, ale bude to mít obarvené ikonky ve stylu Microsoft Office 2003; změny jádra se konat nebudou, řada aplikací by totiž potom přestala fungovat, maximálně se doplní cosi jednoduchého, jako podpora transparentních kanálů v PNG) získá tedy automaticky s dalším updatem Windows.

Média spustí kampaň na podporu Microsoftu, běžný uživatel se bude cítit "IN", a ztratí jakýkoliv impuls pro upgrade na Firefox.

Jedinými propagátory Firefoxu zdarma (Opera je o něčem zcela jiném, ta je komerční a kupují si ji profesionálové) budou tak IT nadšenci, nicméně, jejich zásoba bude po jednom roce šíření Firefoxu slušně vyčerpána, řada lidí u kterých je "IN" být proti Microsoftu není nekonečná…

Microsoftu se podařil jediným prohlášením skvělý kousek - řada firem, které používají MSIE, teď nebude zvažovat migraci na Firefox, ale bude čekat na MSIE 7. A až se MSIE 7 dočkají, zjistí, že věc už není tak horká, že Firefox již není tak "over-hyped" (a manažeři se již nebudou stydět za to, že jej také nevyzkoušeli), a dokonale se spokojí s MSIE 7, protože to pro ně bude znamenat nejnižší náklady pro nasazení.

Pozice MSIE 7 (obarvený MSIE 6) se tím zafixuje a stabilizuje na dalších pár let, a to se zcela minimálními náklady pro Microsoft. Nazval bych to skvělým tržním chováním a maximalizací zisku pro akcionáře 🙂

SpySweeper je velice kvalitní komerční antispyware, v pár ohledech lepší než AdAware, SpyBot či Microsot Antispyware. Pikantní je, že díky chybě v zabezpečení nákupního a upgrade modulu výrobce této aplikace (Webroot) můžete získat její licenci zcela zdarma, a to včetně originálního registračního klíče.

Programátor této aplikace totiž neošetřil vstup na původní email použitý pro nákup, a pokud jej nevyplníte, a uvedete jen email, na který se má update licence zaslat, líný a hloupý programátor Webrootu Vám klidně vygeneruje a schválí upgrade. Zábavné 🙂 Zjevně bylo opomenuto cosi jako ošetření … WHERE EMAIL=''.

Pokud chcete taky licenci zdarma, podívejte se na adresu //secure.webroot.com/register/softwareupdates.asp. Vyplňte tam Váš email, a během pár sekund Vám přijde oficiální odkaz na download aplikace, a Vaše nové licenční číslo.

Vyplnění žádosti o upgrade

Na adrese www.brinvest.cz byla dokončena finální verze webové prezentace společnosti BR-INVEST, spol. s r.o. Alternativním URL tohoto webu je www.hliníkové-opláštění.cz. Prezentace je zaměřena na velké investory a firmy, nikoliv na běžnou retail klientelu, a tomu odpovídá i její pojetí. BR-INVEST, spol. s r.o. je druhým největším dodavalem hliníkového opláštění budov a interiérů v ČR.

Web www.brinvest.cz je založen na redakčním systému F-ART:CMS, s doplňkovými pluginy pro snadnou správu Referencí a pro automatické vytváření náhledů obrázků.

BLOG:CMS je již ve standardní instalaci velice "SEO" friendly (jinak řečeno, lépe už to prostě ani dělat nejde), nicméně, pokud používáte více sekcí / weblogů, je vhodné tomu přizpůsobit i vzhledy a šablony, oproti těm standardně dodávaným. Na webu AVICENNA.cz používám celkem 7 sekcí (aka blogů), 12 různých vzhledů, 16 různých šablon, a 10 různých ExtraSkinů.

Nicméně, veškeré stránky mají jednu jedinou (stejnou) hlavičku, kam se zcela automaticky dává do TITLE název produktu, název zvolené kategorie, název sekce, či jméno společnosti, vše dle potřeby.

Takovouto hlavičku můžete zcela automaticky vytvořit díky unikátnímu rysu BLOG:CMS, a to jsou podmínky ve vzhledech:

<title>
<%if(skintype,item)%>
  <%itemtitle%> :: <%blogsetting(desc)%>
<%else%>
  <%if(skintype,error)%>
    Chyba!
  <%else%>
    <%if(category)%>
      <%category(name)%> :: <%blogsetting(desc)%>
    <%else%>
      <%blogsetting(desc)%>
    <%endif%>
  <%endif%>
<%endif%>
</title>

Takováto jednoduchá sekce podmínek v hlavičce umožní, že i pro velice komplexní web, s více než 1.500 stránkami, budete mít jen jednu jedinou hlavičku, která přitom bude vždy naprosto optimální z hlediska SEO.

Dále jsem vylepšil plugin NP_PostMan, řeší pár existujících problémů (pokud jste poslali email ve formátu HTML i TEXT, publikovaly se obě části, to je teď vyřešeno tak, že se publikuje ta první), je vyřešeno nepublikování přiložených vCards, a především přidává podporu nejen pro obrázky, ale také pro přílohy.

V paremetrech pluginu si můžete specifikovat jaké přílohy mají být systémem akceptovány (například DOC, XLS, PDF), a u takovéto přílohy je automaticky rozpoznáno její jméno, příloha je uložena na server, a je vytvořen odkaz se jménem přílohy na její download.

V příloze tohoto článku, publikovaného emailem, by tak měl být odkaz na novou verzi pluginu NP_PostMan.

Příloha ke stažení: postman.zip.

Dnes byla spuštěna nová prezentace www.avicenna.cz, založená na redakčním systému F-ART:CMS. Velice rozsáhlý web AVICENNA Company je zajímavý tím, že bez jakýchkoliv investic do reklamy se během 3 měsíců dostal stabilně do TOP-20 českého internetu v sekci Zdraví, a svoji pozici stále posiluje, s denním průměrem 600 návštěvníků. 90% z těchto návštěvníků přitom tvoří přístupy z vyhledávačů, zbytek jsou čtenáři vracející se, kteří přímo zadávají URL webu.

Aby se tato pozice dále posílila, celý web se redesignoval aby byl ještě více SEO friendly (podstatný text, tedy prostřední sloupec, na začátku v XHTML, drasticky méně grafiky, lepší provázání sekcí webu, a další změny), a rovněž se doplnila sekce časopis, která má přitáhnout a hlavně udržet stálé čtenáře. Sekce časopis je založena na osvědčené technologii a layoutu, který používám na tomto webu, a který je v TOP-5 českého internetu v sekci Webzines s 3.500 návštěvníky denně (opět bez jakékoliv reklamy). Nová sekce časopis nabízí i RSS a Atom exporty článků a komentářů.

Na webu je mimořádně zajímavé i prolinkování jeho částí, pokud se díváte na produkt, můžete si jednoduše zobrazit i produkty příbuzné (v pravém menu), dole si můžete zobrazit složky tohoto produktu, z herbáře, v herbáři je zase zpětný odkaz na produkty, a dále je možné vytvářet odkazy na články o tomto produktu. Tedy špičkový servis pro čtenáře / kupujícího, který chce více informací, i pro SEO. Každý produkt je možné rovněž tisknout, poslat emailem, či exportovat do PDF, včetně obrázků produktu a loga společnosti.

Součástí webu je i rozsáhlá sekce registrace lékáren a dalších prodejních míst, do budoucna je plánováno obohatit tuto sekci ještě o velkoobchod. Celý web je mimořádně rozsáhlý, jedná se o jeden z největších webů v ČR, s více než cca 1.500 stránkami čistého textu.

Technická poznámka, pokud vidíte starou verzi prezentace, nastavte si prosím do C:\Windows\System32\Drivers\Etc\hosts toto (osobně mám již nové DNS zpropagované):

81.0.235.28 avicenna.cz www.avicenna.cz 

NP_PostMan umí publikovat články zaslané pomocí emailu nebo přímo z telefonu, pomocí MMS. Nová verze pluginu by měla podporovat lepší resampling obrázků, v případě přítomnosti GD2, popřípadě resize, pokud je instalována starší verze GD.

A teď nějaké ty obrázky na zkoušku, focené telefonem (Siemens SX1):

Zvětšit tento obrázek!

Zvětšit tento obrázek!

Plugin NP_PostMan si můžete stáhnout zde. Pokud již máte starší verzi pluginu, musíte ji nejdříve deinstalovat.

Google se pouští do boje proti komentářovámu spamu, a to velice jednoduše, popis je v tomto článku (via Patrick Zandl), a řešení je podle Google použít tento XHTML kód:

text odkazu

Na první pohled to vypadá jako zajímavé řešení, nicméně, spammeři si z něj stejně nebudou nic dělat, čtenáři si na takovýto link bez problému kliknou, a navíc, Google není na světě sám, nebere to ohled na jiné Search Engines (seznam.cz, centrum.cz v ČR), a je to řešení polovičaté. Google by měl být sám schopen postihnout weby, na které vedou desítky tisíc spamových odkazů, a ne přenášet tuto tíhu na redakční systémy, navíc, takového hromadné řešení postihne veškeré odkazy v komentářích, tedy i ty legitimní, a těch je vždy drtivá většina.

Osobně to řeším ve své redakčním systému jinak, koncepčně, přes NP_Captcha (turing test) plugin, pomocí autorizace komentářů a pomocí pluginu NP_SEO (volitelný redirect odkazů jen pro čtenáře, nikoliv pro google, seznam, a spol.).

Doplnění Google “řešení” do redakčního systému je otázka 1 řádku kódu a 5 sekund práce, ale, je to zcela nadbytečná věc, a nesmyslná, která při koncepčním řešení spíše škodí…

Jsem si ale jist, že se toto “řešení” Google ujme. Cokoliv, co je primitivní na implementaci, i když to je polo-funkční, se stane snadno populární 🙂

Na Windows se mi při startu spouští minimální množství služeb, pokud si člověk chce zahrát Half Life 2 či Doom 3, je to nutnost. I proto nespouštím Apache2 a MySQL 4.1 automaticky, při startu, ale tímto jednoduchým BAT souborem (s odkazem na ploše):

net start apache2
net start mysql

A podobně pro zastavení:

net stop apache2
net stop mysql 

Pro simulaci avicenna.cz na localhost:

echo 127.0.0.1 localhost > c:\windows\system32\drivers\etc\hosts
echo 127.0.0.1 avicenna.cz www.avicenna.cz >> c:\windows\system32\drivers\etc\hosts 

Následně mohu do URL browseru zadat http://www.avicenna.cz a pracuji na svém lokálním počítači, soubor c:\windows\system32\drivers\etc\hosts bude obsahovat toto:

127.0.0.1 localhost
127.0.0.1 avicenna.cz www.avicenna.cz

Rovněž je vhodné změnit DocumentRoot, pro Apache2 server, tedy soubor httpd.conf, Windows shell bohužel neobsahuje věci jako je grep, aby to šlo dělat inteligentněji, nicméně, na změnu DocumentRoot z C:\Dev\www na C:\Dev\www\avicenna postačí i toto:

copy /Y c:\Dev\prog\Apache2\conf\httpd.conf c:\Dev\prog\Apache2\conf\httpd.conf.original
echo DocumentRoot "C:\Dev\www\avicenna" >> c:\Dev\prog\Apache2\conf\httpd.conf
C:\Dev\prog\Apache2\bin\Apache.exe -w -n "Apache2" -k restart
copy /Y c:\Dev\prog\Apache2\conf\httpd.conf.original c:\Dev\prog\Apache2\conf\httpd.conf

Tento web, nebo třeba web avicenna.cz je na desítky zvolených klíčových slov v první desítce ze stovek tisíc výsledků.

Jak se toho dosahuje? Technologie je triviální, takový Petr Weida je o tom na Interval.cz schopen napsat 10 článků, ale to zjevně jen proto, aby dostal za ty triviality více bankovek, nicméně, je to ve skutečnosti jen 6 jednoduchých bodů, které je nutno dodržovat.

1. Mějte sématický, validní a dobře strukturovaný web

Používejte web, kde nadpisy mají přiřazený tag nadpisů, tedy hx a dávejte název článku do title.

Příklad?

<html>
<title>Radek Hulán</title>
<body>
	<h1>Osobní web Radka Hulána</h1>
	<h2>První článek Radka Hulána</h2>
	<p>Toto je článek...</p>
</body></html>

2. Používejte MIME typ application/xhml+xml

Pokud posíláte Váš web s DOCTYPE typu XHTML 1.0 STRICT jako text/html, tak se zpracuje jako "polévka znaků", tedy obyčejné HTML, a zobrazí se i pokud není validní. S MIME typem application/xhml+xml se ovšem u prohlížečů, které to podporují, použije XML parser. Zaručíte si tím, že Váš web bude vždy well-formed, a tudíž skvěle čitelný pro vyhledávače i prohlížeče, které nebudou muset hádat, kde jste asi co opomněli, kde končí tagy, a kde začíná už text.

MSIE musíte posílat ovšem HTML, jak na to se dozvíte v tomto článku.

3. Nepoužívejte JavaScript, Flash a obrázky pro obsah

Osobně používám hodně JavaScriptu, ale vždy jen pro aplikační stránku věci, nikdy pro generování obsahu. Stejné je to s Flashem. Vyhledávače weby kde je jen JavaScriptové menu či Flashové intro bez možnosti dostat se dál prostě nezaindexují a Vy přijdete o řadu čtenářů či klientů.

Pokud používáte JavaScript pro generování obsahu, zajistěte, aby byly veškeré informace dostupné i při jeho vypnnutí, a aby Flashové animace nebylo to jediné, co na Vašem webu je.

To samé je pochopitelně nutné chápat při práci s grafikou, sebenádhernější grafika lidi z vyhledávačů nepřitáhne, grafika se neindexuje, nikdo ji nenajde, text ovšem ano. Navíc, rozsáhlá grafika odradí od Vašich stránek lidi s pomalých připojením.