Taskee – testovanie stránok

Už nejakú dobu sa snažím vniesť do tvorby stránok nejaký systém. Pretože je dosť nepraktické, keď mi klient zavolá (vo chvíli, keď je to najmenej vhodné) kvôli úpravám a ja samozrejme zabudnem, čo chcel. Lepšie je to e-mailom, ale aj vtedy môže vzniknúť nedorozumenie, o ktorú maličkosť a kde presne išlo.

Nástroj Taskee, tieto problémy rieši. Registráciou na stránkach www.taskee.com a pridaním jednoduchého kódu do stránok je o celú vec postarané. V pravom rohu sa objaví tlačítko, pod ktorým sa skrýva celé rozhranie.

Nebudem sa rozpisovať o všetkých funkciách, o tom už písali na Interval.cz.

Registrujte sa, pretože do konca leta je to zadarmo a neskôr službu spoplatnia. Začnem testovať tento mini užitočný nástroj. A moje poďakovanie patrí dielni slovenských web developerov – Taskee.

Je super, že aj na slovensku vznikajú nové a dúfam, že aj prelomové projekty.

Taskee

Zobrazenie .png v IE 5.5 a 6

Každý webdesigner už riešil nedokonalosť IE 5.5 a 6 pri zobrazovaní obrázkov formátu .png. Je mnoho riešení a každé má svoje pre a proti, no mne sa najviac zapáčil spôsob cez JavaScript. Nie je treba pridávať alfa filter cez css, to všetko zvláda spomínaný JavaScript.

Niektorí namietnu, že môže byť JavaScript vypnutý, ale to je tak nepravdepodobné, že skôr bude mať užívateľ iný prehliadač a to nám náš problém rieši samo o sebe.

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "
+ " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src='" + img.src + "', sizingMethod='scale');">"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);

To všetko sa zakomentuje, aby kód vykonával iba IE a je to. Toľko ďalší príspevok do môjho debilníčka.

PPC kampaň – Etarget

V januári tohto roku som začal prevádzkovať Internetový obchod s dekoračným sklom na adrese www.dekoracne-sklo.sk.

Premýšľal som ako eShop trocha spropagovať. Na internete je veľa možností, výmena bannerov, kúpa odkazov a ospevované PPC. Zvolil som si PPC, pretože sa mi to zdalo najspravodlivejšie a najefektívnejšie. Nebudem predsa špatiť svoje stránky bannerom, ktorý si ani len nemôžem vybrať v rámci výmenného systému, alebo platiť za odkaz, na ktorý možno nikto ani neklikne, umiestnený na stránkach venovaných death metalu.

Hodil som očkom po slovenskom Etargete. Na výber je samozrejme viac možností, napríklad český Sklik, bbKontext a zahraničné Google AdWords a adFox a mnoho iných.

Pustil som sa do čerpania informácií z internetu, ako to vlastne funguje. Prečítal som množstvo článkov, stačí poprosiť uja Googla a je to.
Na slovenskom Etargete som si vytvoril účet a nahral kredit 2500Sk. Zvolil som kľúčové slová, ktoré som pokladal za najvhodnejšie a vymyslel reklamný text, ktorý vyzeral takto:

eShop Dekoračné sklo
Internetový obchod s dekoračným sklom a sviečkami. Spestrenie domova dekoračným sklom značky MORION.

Ďalej som nastavil ceny za jednotlivé kľúčové slová, kde najvyššia cena bola za slovo „darceky“, 12,30Sk a najnižšia „shop darcek“ 1,10Sk. Priemerná cena pri počte trinásť kľúčových slov sa pohybovala na hodnote 6,14Sk. Ešte uvediem zoznam kľúčových slov:

darcek, darcekove, darcekove predmety, darceky, darceky doplnky, dekoracia, shop darcek, sklo, sviecky, sviecky svietniky, svietniky, valentinske darceky

Trvanie reklamnej kampane som zvolil od 2.februára 2007 do minutia kreditu, čo sa stalo 13.februára 2007. Čakal som, že to vydrží dlhšie, no čo už.

Súhrnná štatistika z PPC kampane na Etargete teda je:

Priemerná cena Zobraz. Kliknutí CTR Spolu bez DPH
Vo vyhľadávaní 6.14 Sk 63529 316 0.50% 1939.80 Sk
V článkoch 9.00 Sk 708 2 0.28% 18.00 Sk
Všeobecné odkazy 8.04 Sk 8477 5 ? 40.20 Sk
Spolu 6.19 Sk 72714 323 ? 1998.00 Sk

A konečný verdikt? No keďže nie som špecialista na PPC kampane, je to fajn. Z 323 návštevníkov eShopu sa registroval iba jeden a objednávka nebola ani jedna. Ale aj tak je to skúsenosť a po vianočnej sezóne sa toho veľa ani nedalo čakať. Všeličo sa dá vyladiť a investovať do dlhodobejšej kampane.

Inak badám nárast návštevníkov po tejto reklame a aj objednávky sú zaujímavejšie. Samozrejme to nemusí súvisieť iba s touto reklamou.

Nastavenie kódovania UTF-8 v PHP

Dnes som riešil správne nastavenie kódovania stránok, pretože mi nesprávne zobrazovalo diakritiku na stránkach. Problém bol ten, že mi nešlo „ň“ všetko ostatné sa zobrazovalo správne. Čudné však?

Tak som prešiel php scripty wordpressu a zistil som, že tam nikde nie je toto:

mysql_query("SET character_set_results=utf8");
mysql_query("SET character_set_connection=utf8");
mysql_query("SET character_set_client=utf8");

Tento zápis som už použil viac krát, poradil mi ho Pmasarik, no teraz nefungoval. Rozhodol som sa teda, že prešťúram nejaké tie fóra a obrátim sa na uja Googla.

Našiel som príspevok od DGXsa na podpore pre WordPress, kde vraví, že hore uvedený kód je „naprostým nesmyslem, takové direktivy ani neexistují“.

Úplne postačuje jeden zápis a ten je takýto:

mysql_query("SET NAMES 'utf8'");

Môj problém to vyriešilo, už mi funguje aj ň.

Vyhľadávače a zoznamy na slovenskom internete.

Zamysleli ste sa už nad tým, koľko je na slovenskom internete vyhľadávačov a katalógových zoznamov?

Ktoré to sú?

Väčšina bežných surferov internetu si vystačí s nanajvýš troma. Sú to samé známe mená ako Zoznam.sk, Atlas.sk, Centrum.sk, či Superzoznam.sk. Samozrejme asi každý pozná Google.sk alebo Yahoo.com, ale tie nie sú slovenské.

Slovenský internet je plný katalógov a zoznamov. Preto sme pre vás zostavili zoznam vyhľadávačov a katalógov slovenského internetu.

Fulltextové – fulltextové meta vyhľadávače

Internetové vyhľadávače umožňujú používateľom nájsť www stránky s obsahom čo možno najbližším zadanému výrazu. Vyhľadávač pochopiteľne neprechádza celý Internet pri každom hľadanom výraze. Namiesto toho vyhľadávač pravidelne aktualizuje informácie o jednotlivých stránkach vo svojej špeciálnej databáze. Pri každom vyhľadávaní sa pracuje len s touto databázou, namiesto prechádzania celého internetu.
Stránky do vyhľadávačov nie je treba registrovať, nájdu si ich samy pomocou robotov prechádzajú z odkazu na odkaz. Robot poctivo prejde naozaj všetky možnosti – aj tie človekom už dlhú dobu nepoužívané.

Výhodou je, že vyhľadané odkazy sa radia podľa relevantnosti vyhľadávaného reťazca. Samozrejme je možnosť predplatiť si pozíciu medzi prvými piatimi a rôzne sponzorované odkazy.

Meno

poznámka

URL

Morfeo.sk

slovenský vyhľadávač, podporuje skloňovanie slov a vyhľadávanie v obrázkoch

http://www.morfeo.sk

Jyxo.sk

prakticky český produkt, no aj napriek tomu majú veľmi dobre zmapovaný slovenský internet

http://www.jyxo.sk
http://www.jyxo.cz

Zoohoo.sk

ďalší slovenský vyhľadávač

http://www.zoohoo.sk

Všeobecné a odborné katalógy

Väčšina katalógov je realizovaná formou portálu a poskytuje množstvo informácií a ďalších služieb ako napríklad e-mail zadarmo. Okrem výnimiek sa dá do všetkých zadarmo zaregistrovať stránka, ktorá sa následne zobrazuje v kategórií vybranej podľa tematiky stránok.

Nevýhodou je, že odkazy sú zobrazené podľa abecedy. Samozrejme aj tu sa dá predplatiť umiestnenie u daného katalógu a možnosť platených odkazov.

Výhodou katalógov je, poskytnutie cenných spätných odkazov na vašu stránku, čo je dôležité pri vyhľadávaní vo vyhľadávačoch.

Meno

poznámka

URL

Aktualny

všeobecný

http://www.aktualny.sk

Atlas

všeobecný

http://www.atlas.sk

Atriniti.sk

všeobecný

http://atriniti.sk

Best.sk

všeobecný

http://www.best.sk

Centrum.sk

všeobecný

http://www.centrum.sk

E.W.E

všeobecný

http://mse.eastwesteast.sk

Exo.sk

všeobecný

http://www.exo.sk

Find

všeobecný

http://www.counternet.sk/find

Hladat.sk

všeobecný

http://www.hladat.sk

Inet-Zone

všeobecný

http://www.inet-zone.sk

Katalog.sk

všeobecný

http://www.katalog.sk

Katalóg.sk-fun.sk

Katalóg internetových stránok

http://katalog.sk-fun.sk

KdeJe.sk

všeobecný

http://www.kdeje.sk

Link.sk

všeobecný

http://www.link.sk

Najdes.sk

všeobecný

http://www.najdes.sk

Obnova.sk web-links

Pamiatky, zbierky a starožitnosti

http://www.obnova.sk/links.php

OrangePortal

všeobecný

http://www.orangeportal.sk

Pavuk.sk

všeobecný

http://www.pavuk.sk/

Portál Slovakia

Slovenská republika

http://www.slovenska-republika.com/

Pozri.sk

všeobecný

http://pozri.sk/

Stranky.sk

všeobecný

http://www.stranky.sk

Správa domov

nehnuteľnosti

http://www.spravadomov.sk

Superzoznam

všeobecný

http://szm.sk

Surf.sk

všeobecný

http://www.surf.sk

Všetko o stavebných materiáloch

stavebný

http://www.stavebniny.sk

Vševedko.sk

všeobecný

http://www.vsevedko.sk

Weblinks.sk

všeobecný

http://www.weblinks.sk

WebStranka.sk

všeobecný

http://www.webstranka.sk

Xsite.sk

všeobecný

http://www.xsite.sk

Zoznam.sk

všeobecný

http://www.zoznam.sk

Ako si správne vybrať webhosting

Ak ste sa rozhodli mať vlastnú stránku, jednou z vecí, na ktoré musíte myslieť je aj webhosting. Firmy zaoberajúce sa webhostingom možno deliť na poskytovateľov free webhostingu a profesionálneho webhostingu.

Aké mám možnosti výberu?

V prvom prípade máte služby bezplatne (free). Free webhosting je určený skôr pre zábavu alebo osobné či domáce stránky. Služby týchto spoločností nie sú nijako garantované. Zväčša nepodporujú dynamicky generované stránky (PHP, ASP), databázy a neposkytujú štatistiky ohľadne stránok. A s určitosťou musíte počítať s umiestnením reklamného banneru prevádzkovateľa webhostingu na vašich stránkach.

Ak chcete robiť seriózny obchod alebo chcete mať profesionálnu stránku, využite platený webhosting. Prevádzkovateľ webhostingu garantuje určitú dostupnosť a kvalitu služieb. Spravidla je s touto službou spojená aj možnosť prevádzkovania vlastnej domény.

Vybrať si 10MB alebo 30GB?

Ďalšou dôležitou vecou je neplatiť tisíce korún za nepotrebný priestor. Pre malú stránku s neveľkou návštevnosťou budete potrebovať 10 až 100 MB na disku. Pre prípad, že sa rozhodnete zdieľať na svojich stránkach video a zvuk, rátajte aj zo zvýšeným prenosom dát. Zistite si aké sú povolené mesačné prenosy dát. Tieto údaje sa pohybujú zväčša od 1 až 30GB. Ak sa vaša stránka skladá prevažne z textu a obrázkov, nemusíte sa týmito technickými údajmi zaoberať – text nezaberá takmer žiaden priestor a nie je náročný na prenos.

Ak predpokladáte vysokú návštevnosť, vysoký počet zobrazovania stránok, prezerania a sťahovanie obrázkov, videí alebo zvukových záznamov odporúča sa minimálne 50 MB na disku. Prenos dát v skutočnosti závisí od toho, koľko návštevníkov očakávate a od toho, ako spropagujete svoju web stránku. Pre väčšinu stránok by malo postačovať 5 až 30 GB.

Aké sú kritériá vhodného webhostingu?

Základným kritériom kvalitného webhostingu je jeho dostupnosť. Kvalitné webhostingové spoločnosti so 100%-nou dostupnosťou sú tou najvhodnejšou voľbou. Ak sa rozhodnete pre 99%-nú dostupnosť počas celého roka, nebude vaša stránka fungovať tri a pol dňa.

Samozrejmosťou by mala byť aj kvalitná technická podpora. Administrátor bežne na vašu žiadosť odpovie do 20 minút. Zmeny v nastavení sa prejavia do 10 minút, len výnimočne je to neskôr, kvôli technickej náročnosti úkonu.

Každá webhostingová firma disponuje viacerými balíčkami služieb. Pozorne si ich porovnajte a vyberte tú, ktorá bude vyhovovať vašej stránke a nie podľa ceny. Všímajte si koľko priestoru ponúkajú, na akom operačnom systéme fungujú, koľko aliasov si môžete vytvoriť, podporu scriptovacích jazykov (PHP, ASP), podpora databáz.

Porovnajte si, v akom pomere je ponúkaný priestor rozdelený medzi web stránky a e-mail, koľko e-mailových schránok si môžete vytvoriť a koľko aliasov.

Kvalita webhostingu stúpa, ak sú podporované nevyhnutné špecifikácie, ktoré robia webovú stránku kvalitnou. Jedná sa tu o podporu vlastnej chybovej hlášky 404, podpora presmerovania prostredníctvom .htaccess a mod_rewrite a samozrejme prístup ku logom servera, kvôli detailným štatistikám vašej stránky.

Rada na záver:

Neunáhlite svoje rozhodnutia, porovnajte všetky vám dostupné ponuky. Nerozhodujete sa na základe ceny. Neberte do úvahy vášho suseda, ktorý vie všetko najlepšie. Ak sa neviete sami rozhodnúť, požiadajte o pomoc vášho web dizajnéra. Web dizajnérske štúdiá majú zmapované ponuky webhostingových spoločností. Vedia presne určiť koľko potrebuje vaša stránky miesta na serveri a či je potrebná podpora dynamicky generovaných stránok a databáz. Ak už raz uzavriete zmluvu, môžete mať potom ťažkosti s prechodom na iný webhosting – nehovoriac o tom, aké škody môže utrpieť váš obchod, ak si vyberiete nesprávne.