Flashturbare si motoare de cautare: site duplicat

Am vorbit in numeroase ocazii despre flashturbare (flashturbation) si voi mai vorbi in continuare pentru ca efectele acesteia sint foarte daunatoare pentru un site.
Unul dintre efecte, de care voi vorbi in acest articol, este generat de faptul ca nu tori utilizatorii pot citi continutul Flash. Bineinteles, dintre utilizatorii care acceseaza paginile web folosind un desktop si un browser, doar un procent foarte mic nu poate accesa continutul Flash, un procent atit de mic incit de multe ori este considerat (in mod gresit zic eu) insignifiant si nu este luat in consideratie. Dar mai exista o categorie de utilizatori care nu pot citi continutul Flash, acestia sint putini dar foarte importanti: motoarele de cautare. Acestea nu citesc si nu indexeaza continutul Flash, iar un site care nu este indexat in motoarele de cautare se poate considera ca nu exista.

In urma cu citiva ani "moda" era sa se faca o pagina de intrare in site cu doua linkuri: unul catre versiunea Flash si altul catre cea HTML. Din fericire (fericire pentru utilizatori, nefericire pentru autorii acestor siteuri) motoarele de cautare penalizeaza paginile care nu pot fi indexate, deci nu e fiabil sa ai doua versiuni ale site-ului, unul Flash si altul HTML, pentru ca cel HTML va fi preferat in rezultatele cautarilor, in pofida dorintei autorului de a promova cealalta versiune.

De asemenea, nu este o idee prea fericita sa servesti doua versiuni ale aceleiasi pagini, server-side dupa User-Agent, una petnru motoare de cautare si alta pentru public, o asemenea practica poate duce la delistarea din Google.

Ce pot face in acest caz flashturbatorii? Unii aleg calea corecta si renunta, dar nulti altii incearca sa gaseasca ocolisuri, cum ar fi sa includa in pagina atit continutul Flash dar si pe cel HTML care sa serveasca keyword-uri si linkuri dar sa fie invizibil la o accesare normala.
Iata un exemplu, la inovatika.com, versiuni fara si cu Flash:

Aruncind o privire codului vom vedea si ce se intimpla in interior:

Solutia este posibila pentru ca ne aflam in fata un site foarte sarac in continut asa ca tot textul din Flash a fost duplicat in HTML si toate legaturile de navigatie au fost de asemenea duplicate cu linkuri in HTML. Bineinteles, a fost nevoie de crearea de pagini suplimentare corespondente fiecarei sectiuni din partea de Flash, dar pentru un site atit de gol de continut efortul este minim.
Ca implementare tehnica, in exemplul de fata codul HTML este ascuns si inlocuit cu animatia Flash folosind un script imens care se distribuie gratuit pe internet: SWFObject.

Inchei cu o cireasa pe tort: implementarea complet neprofesionista folosita in exemplul de mai sus face ca in orice pagina ai intra, fie ea portofoliu, echipa sau orice altceva, sa iti fie servita animatia Flash completa, incepind cu home, deci deschizi pagina portofoliu, unde vezi continutul home si trebuie sa apesi din nou portofoliu, de data asta in Flash.

Actualizare: articol sindicalizat la dioand webdesign si articole by Nicu.

Redirectionari, cu si fara www, cum NU se face - exemplu: www.meyerproducts.ro

Am atins si in alte ocazii probleme care apar din inconsistenta prezentarii unui site in nume de domeniu cu si fara www, acum la incompetenta designului se adauga si incomptenta gazduirii. Ca exemplu practic se foloseste www.meyerproducts.ro, din care am mai relevat erori si cu alte ocazii.

Paginile din site (aici pagina principala), in formatul pe care autorii l-au dorint (si clientul l-a platit) arata dupa cum urmeaza:

Dar stergind "www." din numele domeniului, rezultatul dezastruos este:


Pentru a gasi cauza este suficient sa ne uitam la locatia imaginilor folosite din abundenta in layout, pentru fundal (background), butoane, borduri, distantatoare si altele:

Conform asteptarilor, se pot vedea elementele grafice corespunzatoare:

Sau:

La siteul fara "www." in numele domeniului problema apare imediat:

In loc de elementul grafic necesar se face o redirectare (probabil la nivel de server, virtual host sau .htaccess) si in loc se afisaza pagina index a siteului:


Rezultatul incomptentei de a realiza o redirectare normala (daca se dorea redirectare ar fi trebuit ca toate paginile fara www sa fie redirectate la echivalentele lor cu www) este ca vizitatorii care se grabesc si fac economie la citeva apasari de taste se vor alege cu o impresie complet neplacuta despre produs si serviciu (compania Meyer).

Actualizare: articol sindicalizat si la dioand webdesign si articole by Nicu

Flashturbare - definitie

Deseori pe acest blog folosesc termenul flashturbare, exista chiar si o sectiune de articole, asa ca o definitie probabil se impune.
Flashturbare este traducerea din limba engleza a termenului flashturbation, o concatenare intre Flash si masturbare, care ilustreaza tendinta narcisista a unor designeri web de slaba calitate care, extaziati de excesul de efecte gratuite realizate in Flash ignora principii elementare ale designului web si produc ca reultat niste pagini care arata "frumos" dar produc o experienta oribila utilizatorilor si deservicii clientilor, indirect prin efectul asupra utlizatorilor sau direct prin efectul asupra motoarelor de cautare sau directoarelor web.

Link ostil fara pagerank - redirectare din php

Daca intr-un articol anterior am vorbit despre link-uri care nu dau PageRank folosind rel="nofollow" (utile de exemplu atunci cind vrei sa dai acces usor vizitatorilor la un site pe care nu il agreezi sau pentru a preveni spam-ul).
Astazi voi prezenta o alta metoda care foloseste status-ul furnizat de serverul web (Apache), si anume 302 Redirect.

Orice pagina primeste o valoare PageRank care ii reflecta notorietatea si toate link-urile externe din aceasta pagina impart intre ele, dupa o formula anume, aceasta valoare si o trimit mai departe paginilor tinta.
O solutie pentru a nu risipi PageRank pe aceste link-uri externe (cu atit mai mult in cazul in care este vorba de niste site-uri ostile) este de a transforma link-urile externe in unele interne si apoi prin intermediul unui script se poate face redirectare catre site-ul tinta.
Se poate vedea aceasta metoda pusa in practica la directoare web gen trafic.ro sau la diverse publicatii comerciale on-line.

In php se poate folosi pentru redirectare functia header cu parametrul Location:.
Folosesc un script, sa ii zicem jump.php, cu urmatorul continut:

<?php
header("Location:". $_REQUEST["go"]); /* Redirectare dupa parametrul primit in URL */

/* Ne asiguram ca se iese curat din script dupa redirectare */
exit;
?>

Pentru a accesa un site, cum ar fi www.dioanad.info" voi folosi urmatorul cod HTML:

<a href="jump.php?go=http://www.dioanad.info/">www.dioanad.info</a>

Blogger.com nu imi permite gazduirea de fisiere php pentru un exemplu practic, asa ca voi folosi un script gazduit extern: clicky-clicky.

Un alt caz de folosire al redirectarii este atunci cind pagina nu mai exista la locatia initiala ci a fost mutata si se doreste ca vechile link-uri raspindite prin intreb internetul sa ramina functionale, caz in care se poate folosi status 301 Moved Permanently, dar asemenea redirectare se poate face si din .htaccess, nu este nevoie de un script special.

Link ostil fara pagerank - rel="nofollow"

In multe cazuri se intimpla sa fie nevoie de a pune intr-un material publicat pe web link-uri catre un site extern (pentru comoditatea cititorilor, care il pot urmari printr-o singura apasare de mouse) dar nu vreti sa ii faceti nici un favor proprietarului acelui site, fie ca este o entitate malefica sau numai ca vinde un serviciu de proasta calitate pe care nu vreti sa il sustineti furnizindu-i PageRank.

O solutie in acest caz este nofollow, un atribut HTML ascociat unui hyperlink care spune motoarelor de cautare ca acesta nu trebuie sa influenteze greutatea tintei in rezultatele furnizate de acestea.

Folosirea este simpla, de forma:

<a href="http://www.inovatika.com" rel="nofollow"><www.inovatika.com</a>

<a href="http://www.xdrive.ro" rel="nofollow"><www.xdrive.ro</a>

De asemenea nofollow este folosit pentru a descuraja spam-ul in site-urile unde utiliatorii (sau boti in locul lor) pot adauga liber continut, cum ar fi bloguri sau wiki-uri.
Mai toate blogurile adauga automat nofollow pentru toate link-urile publicate in comentarii, iar Wikipedia face acelasi lucru pentru toate link-urile externe.

Bineinteles, exista critici ai acestei folosiri in scopuri anti-spam, care argumenteaza ca Wikipedia s-a transformat intr-o gaura neagra a internetului, care absoarbe link-uri (si deci PageRank) fara a da acelasi lucru in schimb (motiv pentru care in articolele mele toate link-urile catre Wikipedia sint insotide de nofollow).

Corespondenta

Am primit de la un cititor o corespondenta purtata de acesta cu unul dintre subiectii articolelor, discutie bazata pe un articol preluat de noi:

in 29 martie 2007 Binevoitor.Anonim@gmail.com scrie:

Buna ziua,

Din intimplare am dat pe internet peste pagina unui individ care va insulta:
http://nicubunu.blogspot.com/2007/03/professional-webdesign.html

Ma gindesc ca poate nu stiti de asta si vreti sa ii ziceti vreo doua.

-m

in 14 iunie 2007 Marius.Ivanuta@inovatika.com scrie:

Salut
stim de existenta acelui individ. Motivul real este reprezentat de o anumita
relatie nereusita cu o colega dupa cum se vede din paginile dezvoltate.
Consideram ca nu are rost sa ne antrenam intr-o polemica nesfarsita cu acest
om. Va multumim pentru atentionare si speram ca cine are ochi sa vada vede:)
Cu consideratie,
Marius Ivanuta - Project Manager www.inovatika.com

in 29 martie 2007 Binevoitor.Anonim@gmail.com scrie:

Wow!
Primesc acum un raspuns la un email trimis in martie, nu foarte prompt.
Daca la fel va miscati si pe partea de business, poate a tipul ala o avea un pic de dreptate.....

-m

Nota: dioanad.info preia acest articol si in plus adauga un interesant sondaj pe aceasta tema.

Fonturi invizibile - exemplu: www.xdrive.ro

O boala des intilnita la designerii web este grandomania, manifestata prin incapatinarea de a produce pagini care lor li se par atragatoare dar pentru utilizatori sint greu, daca nu imposibil, de folosit. Un caz des intilnit este folosirea unor dimensiuni foarte mici pentru fonturi.
O prima solutie pentru utilizatori ar fi sa foloseasca intotdeauna rezolutii mici pentru monitoare, astfel incit sa poata intelege textul, dar rezultatul este o experienta neplacuta in lucrul de zi cu zi si bani irositi pe monitoare de calitate.
O alta solutie ar fi modificarea dimensiunii fonturilor (valoare exprimata in DPI) in intreg mediul desktop, dar si aceasta este neplacuta, intrucit mareste excesiv fonturile din aplicatiile compliante.
Asa ca cea mai la indemina solutie este pusa la indemina de Firefox: View > Text Size > Increase (sau Ctrl++) mareste dimensiunea textului si View > Text Size > Decrease (sau Ctrl+-) o micsoreaza, facind astfel textul lizibil.

Dupa cum se vede in exemplul de mai sus, de la www.xdrive.ro - un furnizor dubios de gazduire web, designeri complet neprofesionisti gasesc metode inventive de a distruge totul: pun text ilizibil intr-o imagine reprezentind cod de siguranta (captcha).


Ilustrare printr-un screencast:

[click pentru animatie 1.3 MB]

Nota: Articol sindicalizat la dioanad webdesign si articole by Nicu.

http-equiv="Content-Language" - exemplu: www.linkconsulting.ro

In sectiunea HEAD a unui document HTML sepot atauga un numar de etichete (taguri) optionale META care au scopul de a furniza informatii suplimentare despre pagina (metainformatii), care nu afecteaza direct modul de afisare a paginii ci mai degraba felul in care aceasta este clasificata si indexata. Exista etichete pentru copyright, descriere, cuvinte cheie si multe altele.

O asemenea eticheta este http-equiv="Content-Language" care in mod evident defineste limba in care este scris documentul.
Citeva exemple:

• limba romana: <meta http-equiv="Content-Language" content="ro"/>
• limba engleza generic: <meta http-equiv="Content-Language" content="en"/>
• limba engleza, dialect american: <meta http-equiv="Content-Language" content="en-US"/>

Totul este bine si frumos atita timp cit folosirea este consistenta, atfel incit cumulata cu celelalte aspecte sa produca un efect benefic, ceea ce nu este cazul in exemplul de mai jos, www.linkconsulting.ro, site al unei firme de consultanta in marketing (care se remarca in primul rind prin limbajulde lemn folosit in prezentare, abuszind de cuvinte gen leverage, care de obicei sint o marca a formei lipsite de continut):


O privire in surse ne arata inconsistenta:


Sau mai prietenos din punct de vedere al utilizatorilor, aceeasi informatie aratate de Firefox folosind fereastra de informatii despre pagina:


Deci care e problema?
Nu e ceva rau (desi multe persoane sustin contrariul) ca o pagina scrisa exclusiv in limba engleza foloseste un domeniu romanesc (.ro), exista argumente solide (de exemplu legate de pret) in favoarea unei asemenea optiuni, rau este modul inconsistent in care sint folosite: domeniul, limba de exprimare si etichetele de metainformatie: domeniu romanesc, pagina in engleza, limba declarata romana
Efectul direct asupra cititorilor al unei asemenea greseli este minim sau chiar nul, ea afecteaza mai degraba beneficiarul siteului prin pozitia rezultatului in motoare de cautare si alte clasamente automate si este o dovada a neprofesionalismului autorilor.

Nota: Articol sindicalizat la dioanad webdesign si articole by Nicu.

Intretinere si actualizare website comercial - exemplu: www.meyerproducts.ro

Cind o firma mica isi comanda un site de prezentare, simplu si static, are tentinta, in oarecare masura justificata, de a minimiza costurile si a nu plati pentruintretinerea acestuia. Sau de a plati o suma nu prea mare pentru actualizarile cerute.
Este o linie greu de tras, intrucit firma de webdesign care realizeaza lucrarea , bazindu-se pe lipsa de experienta in domeniu a clientului poate percepe initial un pret mic pe care sa il recupereze pe urma cerind preturi exagerate pentru actualizari (si avind clientul ostatic si nevoit sa le accepte).
Deci aveti mare atentie cind incheiati un asemenea contract la costurile vizibile dar si la cele pe termen lung, care pot fi ascunse.

Dar tema acestui articol este putin diferita: sometimes shit happens. Este posibil ca la un site sa fie nevoie de modificari si in alte cazuri decit la cerinta clientului, se poate intimpla din vina firmei de webdesign, mai ales daca aceasta da dovada de competenta indoielnica. Un bun exemplu este www.meyerproducts.ro site al unui furnizor de pluguri de zapda.

Pagina principala:

Apasind link-ul "continuare" apare o pagina defecta, defectiune care se manifesta cel putin in orice versiune de Firefox sau SeaMonkey, dar nu si in Internet Explorer si numai in aceasta pagina din intregul site:


Istoricul de la archive.org arata ca in februarue 2006 acest site a fost reprogramat foloind un layout cu CSS in loc de tabele, dar din pacate nu ofera deocamdata (peste citeva luni ar putea fi actualizat) suficiente informatii pentru a putea determina daca problema de afisare a existat de la inceput sau a fost introdusa de o modificare ulterioara, deci nu putem sti daca clientul a plrimit un site defect sau acesta a fost defectat ulterior fara stirea sa. Oricum, corectarea unei asemenea greseli ar trebui sa fie prompta si gratuita.

Vorbind de modificari ulterioare, archive.org arata una:


Oare adaugarea ulterioara a reclamei fara perdea pentru un serviciu de gazduire dubios sa fi fost ocazia cu care a fost stricat layoutul?

Sau o alta intrebare la care de asemenea fiecare poate sa isi dea propria presupunere personala: oare clientul, care a platit pentru site, stie ca acest site facut pe banii lui este folosit pentru a face reclama unei firme de web design? O fi primit o compensatie materiala?
Linga reclama este scris © Meyer 2005, deci in mod normal ar fi trebuit ca orice modificare sa fi fost facuta numai cu permisiunea acestuia.

Inainte de incheiere, se mai poate face o observatie: in pagina se mentioneaza © Meyer 2005 dar in interiorul codului © Meyer 2004. Oare unde o fi adevarul?



Concluzia e simpla: aveti grija pe cine platiti sa va faca un website, aveti grija la costurile ascunse si nu aveti incredere in el, multe se pot intimpla ulterior receptionarii lucrarii.

Nota: Articol sindicalizat la dioanad webdesign si articole by Nicu.

Blogger.com: feed personalizat pentru etichete (labels) personalizate

Un lucru mai putin cunoscut de catre utilizatorii Blogger.com este ca pot avea acces la feed-uri Atom pentru diverse categorii de postari, in functie de etichete (labels). Aceasta functie nu este usor de desoperit, asa ca iata aici reteta:

http://numeblog.blogspot.com/feeds/posts/default/-/numeeticheta

De exemplu un feed pentru acest blog aratind o selectie a articolelor cu eticheta inovatika are adresa http://blog-de-webdesign.blogspot.com/feeds/posts/default/-/inovatika

HTML deasupra fundalului Flash - exemplu: www.adv.com.ro

O navigare sanatoasa pe web se face cu Firefox avind instalata extensia Flashblock pentru a lasa enervantele reclame Flash sa fie afisate numai la dorinta utilizatorului si de preferat sub un sistem de operare altul decit Windows pentru a evita binecunoscutele probleme cu vulnerabilitati si virusi.
Totusi nepriceperea unor realizatori de siteuri web face ca navigarea in aceste conditii sa nu fie optima, ca in exemplul urmator de la www.adv.com.ro. Pagina principala afisata de Firefox cu Flashblock in Linux arata in felul urmator:

Aceasta este o afisare aparent corecta, apropiata de ce doreste utilizatorul si nu foarte departe de intentia designerului. Problema apare la afisarea animatiei Flash, care face meniul sa dispara:


Problema este obiectiva si tine de functionarea plugin-ului Flash de la Adobe in Linux, unde acesta nu tine cont de z-order (ordinea pe axa z) si face codul HTML sa fie ascuns sub Flash.
Din pacate pentru programatorul HTML (da, am folosit termenul incorect "programator HTML") nu exista nici o solutie, vina este fie a designerului care din incompetenta a formulat o cerinta gresita, necunoscind comportamentul Flash pe alte platforme decit Windows fie a firmei de webdesign care (din aroganta sau pentru a reduce costurile cit mai mult) nu a testat solutia propusa pe platforme alternative.
Consecinta este ca datorita unei probleme de design sau de reducere a costurilor la realizator clientul final, beneficiar al siteului, ramine cu un numar de vizitatori avind o experienta de navigare neplacuta, ceea ce poate duce chiar la pierderea unor afaceri.

Nota: Articol sindicalizat la dioanad webdesign si articole by Nicu.

www.nori.de: Frames si PageRank

Daca un site nu apare corect ca rezultat al cautarilor cu Google atunci se poate considera ca acel site aproape nu exista. Articolul de fata exemplifica o utilizare total gresita a entitatii frames din HTML, care are efecte grave asupra vizibilitatii in google, folosind ca studiu de caz www.nori.de (site al unui liceu german din Bucuresti):

A folosi frames poate a parut o idee buna pentru vreo cinci minute pe vremea Razboiului Browserelor, chiar si eu am cazut in pacat cindva, dar inca de atunci vizionari ca Jakob Nielsen avertizau impotriva abuzului (sa nu uitam totusi ca erau vremuri in care practic CSS nu exista, viteza de acces la internet era foarte mica iar incompatibilitatile dintre browsere uriase).
Problemele introduse de frames sint multiple si nu se limiteaza numai la imposibilitatea de a folosi bookmarks (favorites), circumventia butoanelor "inainte" si "inapoi" din browser, probleme de printare sau de navigare (partial ilustrate in imaginea de mai jos, care evidentiaza diferenta intre adresa asa cum e aratata in bara de adres/URL bar si bara de statut/status bar), influenteaza direct si rezultatele furnizate de motoare de cautare cum ar fi Google.


Problema este mult mai mare si o obseram imediat ce aruncam o privire in sursa paginii:


Aici vedem ca pagina cu frameset-ul este gazduita pe un server (www.nori.de) iar cea cu continutul efectiv al site-ului pe un altul, cu o adresa complet diferita (www.inovatika.com/noride/). Rezultatul devastator este ca paginile indexate de Google for fi exclusiv cele aflate sub domeniul inovatika.com, domeniul nori.de fiind practic cumparat degeaba si imposibil de gasit cu un motor de cautare deoarece pagina de acolo nu are nici un fel de continut.

Desigur, fiind vorba de un site al unui liceu te poti astepta la o asemenea abordare amatoriceasca in cazul in care este vorba de un site facut de un pusti de liceu aflat la prima lui experienta in domeniu. Dar ridicolul nu are limita, exemplul de fata este o teapa trasa de o firma de web design cu pretentii de profesionism si acest site e chiar trecut in portofoliu.


Nota: Articol sindicalizat la dioanad webdesign si articole by Nicu.

Link absolut si relativ in paginile HTML - exemplu: www.adv.com.ro

Direct si la subiect: navigam la adv.com.ro (site al unui obscur distribuitor de piese auto):

Apoi mergem la o pagina oarecare din site, sa zicem pagina Despre noi:

Inapoi la Home:

Si optional inca o data la Despre noi:


Ce e de observat? Difera adresa, prima data aveam adv.com.ro si apoi www.adv.com.ro, cu un www adaugat.

Cauza? Cineva care isi aroga pomposul (si ridicolul) titlu de Programator CSS/HTML nu cunoaste ABC-ul folosirii legaturilor relative si absolute iar altcineva care se pretinde expert in gazduire web nu stie sa rezolve problema din server.


De ce ar fi asta grav, rau sau macar important?

• Pentru client (proprietarul site-ului): existenta celor doua adrese diferite influenteaza direct valoara PageRank deci automat pozitia in rezultatele cautarii cu Google. De asemenea influenteaza in mod negativ experienta utilizatorului, lucru nedorit de nici un furnizor de servicii;
• Pentru utilizator (vizitatorul care citeste paginile): navigatorul (browserul) vede paginile la adrese diferite, pe care le identifica drept site-uri diferite, deci la a doua deschidere a paginii (cea cu www) nu va folosi obiectele deja descarcate anterior direct din cache ci le va downloada inca o data, avind ca rezultat o afisare mai lenta a paginii;
• Pentru hoster (cel care gazduieste pagina): inseamna ca un numar de vizitatori vor descarca de doua ori continutul paginilor (nefolosind cache local), ceea ce duce la utilizare sporita a bandwidth-ului, incarcare mai mare pe server si costuri de functionare (care se vor regasi la client) suplimentare.

Poate nu in ultimul rind ar fi de mentionat ca o asemenea gresala elementara arunca o umbra de indoiala atit asupra entitatii care a realizat designul cit si asupra celeia care gazduieste.
Mare atentie!

Nota: Articol sindicalizat la dioanad webdesign si articole by Nicu.

Servicii de gazduire web romanesti. Studiu de caz: xdrive.ro

Nota: acest articol este preluat din sectiunea webdesign a dioanad.info si sindicalizat la articole by Nicu.

Alegerea unui serviciu pentru gazduirea unui site web nu este usoara, exista o multime de oferte, o varietate larga de preturi si o lista mare de functii oferite, multe parindu-i unui utilizator neavizat de-a dreptul criptice si venind de obicei de la entitati necunoscute.
Pe linga multimea de oferte exista si dilema fundamentala: a se folosi un serviciu oferit de o firma romaneasca sau de un provider international? Articolul de fata isi propune sa adreseze exact aceasta dilema, uitind-se la un exemplu ales aproape aleatoriu de furnizor roman de gazduire, si anume xdrive.ro.

In interesul transparentei, autorul divulga faptul ca el foloseste exclusiv de gazduire localizate in afara Romaniei si are experienta cu multiplii furnizori.

Sumar executiv

• Se analizeaza miturile existente in favoarea sau defavoarea unei solutii de gazduire romanesti cum ar fi reteaua metropolitana, modalitatile de plata facile, facturarea, seriozitatea si preturile, pastrind discutia pe cit posibil la un nivel general;
• Se trece la studiul de caz al xdrive.ro intrind in particularitati legate de brand, continut al pachetului oferit, aspect website, modalitati de contact, tehnici de SEO, securitate si transparenta folosind informatii oferite se acesta prin intermediul propriului website;
• Inainte de final se incearca destinderea atmosferei prin evdentierea unor aspecte ridicole;
• In concluzie se recomanda evitarea folosirii serviciului de gazduire prezentat in studiul de caz.

Mituri privind solutiile locale de gazduire web

Intelepciunea populara spune ca un site adresat publicului romanesc este preferabil sa fie gazduit in Romania, iar unul destinat publicului international ar fi bine sa fie gazduit in afara.Care sint miturile care alimenteaza aceasta teorie?

Reteaua metropolitana

Inca din vremurile predominantei accesului pe dial-up si al retelelor de cartier a aparut mitul retelei metropolitane si al RoNIX, punctul de interconectare al furnizorilor de internet, mit alimentat din plin de multele oferte asimetrice, cu preferinta pentru transferul local.
Fara a desconsidera importanta retelei metropolitane, vom nota ca bandwith ca si parametru este important, dar pentru un site web obsnuit ce nu pune problema unui download sustinut (ca la dc++) trebuie luati in calcul si alti parametrii, cum ar fi latenta sau disponiblilitatea dupa cum sint importante si competenta tehnica a furnizorului sau nivelul de experienta al personalului.
Nu in ultimul rind se observa tendinta de disparitie a abonamentelor disporportionate, care ofera viteza mai mare sau limita de transfer sporita pentru reteaua metropolitana.

Modalitati de plata

Un alt avantaj perceput pentru folosirea unor furnizori locali este usurinta platii, putindu-se plati numerar sau cu ordin de plata, sisteme in general nedisponibile sau greu de folosit pentru un furnizor extern. Se remarca si introducerea tot mai frecventa a posibilitatii de a plati cu card pentru servicii interne.
Balanta este in curs de echilibrare prin aparitia mai mult sau mai putin recenta a metodelor mai usoare si mai sigure de a plati un furnizor extern: cu citeva saptamini inainte de scrierea acestui articol Paypal a inceput sa accepte plati din Romania, Google Checkout accepta de ceva vreme plati din Romania, bancile se inghesuie pentru a oferi carduri si plati electronice, care au ajuns la indemina oricui.

Facturare

Ideea de a prefera un furnizor local deoarece ofera facturi nu este de luat in considerare: orice funrizor ofera facturi, chiar daca acestea sint un fisier PDF care poate fi descarcat din pagina de administrare a contului, iar in conformitate cu noua legislatie, asemenea facturi sint acceptabile.

Seriozitate

Exista in intelepciunea populara si conceptia ca furnizorii romani (de orice fel de servicii, nu numai de servicii internet) sint tepari lipsiti de seriozitate. In foarte multe cazuri aceasta temere este reala, dar nu e universal valabila, exista si furnizori romani seriosi dupa cum exista multi tepari in toata lumea.
Cel mai periculos tip de furnizori, de care este sanatos sa fuci cit poti de tare, sint firmele "de apartament", care nu au nici un fel de proprietate, iau un cont de releller sau pur si simplu unul cu mai multe domenii de la un alt furnizor si revind mai departe. De obicei sint usor de detectat, asa ca nu ma voi referi la ei aici.

Preturi

Din nou intelepciunea populara spune ca in tot ceea ce tine de tehnologie preturile in Romania sint impotriva firii mai mari decit cele din lumea civilizata, unde firmele au cheltuieli mai mari cu personalul si infrastructura.
Sa examinam preturile practicate de exemplul din studiul nostru de caz in iunie 2007:

Si in detaliu:

Ne concentram observatia pe varianta business, cea lite fiind introdusa in special pentru a distrage clientii aratind un pret cit mai mic si a recupera apoi prin optiuni suplimentare care se vor dovedi necesare in timp.
Comparind cu oferte medii internationale in conditii tehnice net inferioare (spatiu de stocare, conturi de mail, ftp, servicii suplimentare incluse, limbaje de scripting, baze de date etc.) pretul este sensibil mai mare, in jur de 1.5-2 ori. Considerind ca firmele serioase ofer si discount-uri pentru abonamentele de lunga durata, cupoane si sistem de referinte, diferenta de pret creste si mai mult, asfel incit un cumparator grijuliu poate gasi fara greutati deosebite pachete cu oferta tehnica superioare celui business la preturi comparabile cu cel lite de la xdrive.ro.

Actualizare: Initial am evitat sa dau exemple concrete de preturi concurente, dar simt ca afirmatia mea despre preturi poate fi considerata FUD, asa ca intervin cu citeva precizari suplimentare: in timp ce pretul lunar practicat de xdrive.ro in iunie 2007 este de 10 EUR/luna, oferte usor superioare din punct de vedere tehnic gazduite in USA se incadreaza in jurul valorilor de 6.95-7.95 USD/luna, eventual cu planuri de gazduire "Starter" chiar mai ieftine (a se nota diferenta dintre EUR si USD). Hosterul meu preferat pentru moment are tariful de 9.95USD/luna, la care se aplica un discount pina la 7.95USD/luna iar dupa aplicarea unui cupon de reducere pretul rezultat pentru primii doi ani a ramas de 3.90USD/luna, suma din care se poate recupera ulterior folosind un sistem de referinte.

Identificarea solutiei oferite si a calitatii ofertantului

Am stabilit pina acum ca exista multe oferte venind atit de la tepari cit si de la furnizori seriosi, in continuare vom folosi xdrive.ro ca si studiu de caz pentru a incerca sa distingem daca un furnizor e serios sau tepar.
In lipsa unor referinte externe, vom face ca oricine altcineva si vom examina oferta asa cum este prezentata de firma prin intermediul paginii sale web.

Numele (brandul) ofertei

Poate ca e surprinzator sau poate evident, dar analiza poate incepe chiar de la numele (brandul) sub care este oferit serviciul, in cazul de fata XDRIVE punct RO.

Si observam deja o prima problema! Deja exista un brand asemanator, xdrive.com, care poate genera o oarecare confuzie (si poate si ceva agitatie avocatilor care se ocupa de proprietatea intelectuala).
Imi e greu sa afirm daca reutilizarea numelui este o confuzie intentionata sau nu (greu de crezut totusi ca nu au verificat domeniul .com), dar in mod cert nu mi se pare o idee foarte inteligenta asocierea cu AOL, binecunoscuti petnru calitatea proasta a serviciilor, preturile mari si agresivitatea avocatilor.

Pachet de servicii

La fel ca peste 90% dintre furnizorii de gazduire, oferta contine acelasi cPanel obosit, cu acelasi Fantastico limitat si RVSiteBuilder pe care nu il foloseste nici un client in practica, fiind pus pentru a infrumuseta oferta.
La xdrive.ro cPanel arata foarte asemanator cu instalarea standard:

Vorbind de limitarile Fantastico un exemplu elocvent este ingradirea la TikiWiki si phpWiki, lipsind cea mai populara solutie wiki, MediaWiki, si exemplele pot continua.

In conditiile in care infrastructura software este aceeasi ca si la concurenta, important este prin ce se diferentiaza oferta si aici fiecare furnizor isi poate pune amprenta personala. Stim deja ca xdrive.ro se diferentiaza negativ prin preturi... Incercarea lor de diferentiere pozitiva sint doua oferte: gazduire gratuita si gazduire pentru comunitate.



Pachetul gratuit, cu 10MB spatiu de stocare, subdomeniu si date tehnice nedivulgate seamana cu o multime de alte oferte gratuite, iar despre pachetul pentru "comunitate" nu notez deocamdata decit ca nu se precizeaza conditiile care trebuie indeplinite pentru a beneficia de acesta. Nu-ti ramine decit sa completezi formularul si sa speri ca vei primi un raspuns.

Aspect general site

Site-ul xdrive arata ca un site facut ce cineva cu pretentia de profesionalism (lucru evident, intrucit este oferit de o firma a carei activitate principala este design web), foloseste predominant culoarea portocalie, despre care am invatat cu totii din politica ultimilor ani ca inspira incredere publicului, are un numar mare de pagini (statice, un CMS pare ceva prea evoluat pentru ei), dar in acelasi timp da dovada de design excesiv, si boli inerente ale acestuia, cum ar fi lizibilitate scazuta si fonturi de dimensiuni imposibile, incercati numai sa cititi codul de siguranta din aceasta captura de ecran:

Modalitati de contact (suport)

In prima pagina sintem intimpinati de o caseta cu date de contact:

Nu voi remarca metodele cartieristice de contact, voi remarca totusi pozitiv ca nu folosesc nume de genul sexxyyyladyy69 sau counterstikekiller14 dar in mod fundamental negativ ca la momentul realizarii capturii de ecran, in timpul saptaminii (intr-o zi de luni), in jurul prinzului, cind orice afacere poate avea cea mai mare nevoie de ei, erau offline atit pe contul de Yahoo Messenger cit si pe cel de Skype, deci canalele sint inutile.

Practici SEO folosite in site-ul propriu

Daca tot am vorbit despre organizarea site-ului, ne putem uita la practicile lor de SEO (search engine optimization), care pot oferi putina lumina asupra corectitudinii in general.
As evidentia aici felul in care este construita baza de date cu intrebari si raspunsuri (F.A.Q.) folosind subdomenii pentru a exploata Google:


Dupa nume de subdomenii ca am_acces_la_shell_pe_contul_meu.xdrive.ro si au_fost_vreodata_serverele_dvs_sparte_de_hackeri.xdrive.ro nu mai lipsesc decit everything_and_the_kitchen_sink.xdrive.ro sau nu_cumparati_niciodata_in_viata_voastra_de_la.xdrive.ro.

Nota: de obicei firmele serioase folosesc un CMS pentru sectiunea de intrebari si raspunsuri (exista si oferte comerciale) iar cele cu adevarat progresiste au chiar un wiki.

Securitate

Am lasat securitatea spre sfirsit desi este unul dintre cele mai importante (daca nu chiar cel mai important) aspect. Voi observa aici (conform raportarii din cPanel, informatie care e confirmata si pe site) ca serverul de gazduire web ruleaza Linux (un lucru bun) cu kernel Fedora Core 4 (asta este semnificatia FC4smp) in iunie 2007, care a iesit din suport in decembrie anul trecut, deci de mai bine de 6 luni nu mai are asigurate actualizari de securitate, ne ramine sa avem incredere ca administratorii serverului fac aceste actualizari manual (practica nerecomandata de nimeni cu experienta in domeniu).


Nota: autorul acestui articol este un utilizator inrait de Fedora, chiar articolul de fata fiind realizat exclusiv cu Fedora 7, dar nu are inconstienta de a pune o versiune atit de veche si nesuportata pe un server de productie legat direct la internet, exista versiuni ale aceluiasi sisem de operare/distributie mult mai potrivite pentru aceasta sarcina.

Transparenta

Ar mai fi multe de spus, de semnalat multe aspecte neprofesionale legate de formularele cu termeni de utilizare, sitemul de stiri, despre raspunsurile din F.A.Q. care seamana izbitor cu texte din alte site-uri, despre calitatea uneltelor de retea incluse in site, dar deja am scris un articol lung si ma voi rezuma sa mai amintesc transparenta.
Oferind servicii unui public larg si, in cazul gazduirii web, unui public deseori avizat, transparenta este foarte importanta, iar xdrive.ro si firma mama inovatika nu exceleaza deloc la acest capitol, nu intelege conceptul de comunitate. Ar fi si greu, intrucit focalizarea principala a afacerii este intr-un alt domeniu (design web) iar o firma mica nu prea poate avea doua tipuri de cultura interna diferite, chiar si o megacorporatie are probleme serioase de a mentine modele diferite de afaceri.

Nu voi arata cu degetul exact unde sint problemele de transparenta si nu voi descrie solutiile posibile, intrucit nu vreau sa le ofer tema gata facuta.

Lipsa transparentei este importanta intrucit poate ascunde existenta un numar mic de clienti, eventuala insatisfacite a acestora precum si frecventa aparitiei unor probleme tehnice (inerente) sau durata de rezolvare a acestora.

Umor cu Stan si Bran

Daca articolul a fost lung, greoi si plictisitor o sa incerc sa inveselesc putin atmosfera cu citeva noi exemple de incompetenta de data asta din contul demonstrativ de cPanel.

Este oferita posibilitatea de a evalua functionalitatea cPanel folosind un cont demonstrativ cu numele de utilizator cpdemo si parola cpdemo. Oricine poate intra acolo, citi adresa de email a administratorului, intelege schema de parole a firmei in vederea trimiterii de SPAM sau chiar a o schimba:

Sau de ce nu, schimba parola, astfel incit contul demonstrativ sa ajunga inutilizabil pentru alti vizitatori si crea probleme afacerii:


Profesionalism la cel mai inalt nivel!

Concluzie

Concluzia mea dupa acest studiu de caz ar fi ca as evita pe cit posibil un asemenea furnizor, as face afaceri cu el numai daca mi-ar fi bagat pe git impreuna, sa zicem, cu un pachet de web design, dar oricum as evita o firma de web design care imi baga pe git un pachet de gazduire anume si as evita o firma de web design despre a carei competenta am o parere proasta.

Recomandari pozitive nu o sa fac, scopul acestui articol nu este promovarea unor bunuri, servicii sau firme, parerea mea personala o puteti afla totusi studiind solutia de hosting folosita pentru a gazdui site-ul unde a fost publicat initial acest articol (dioanad.info).

Nota: Articolul a fost scris la inceputul lunii iunie 2007 si reflecta realitati existente la aceasta data, daca la citirea sa situatia subiectului din studiul de caz este diferita este posibil ca unele probleme sa fi fost corectate intre timp, poate chiar si ca urmare a publicarii acestui articol.

Actualizare: HA, HA, HA! la nici o saptamina de la publicarea articolului, un mare anunt pe site: "Am trecut la GIGA Hosting" - ROTFLMAO...

Dezactivare meniu click dreapta

Nota: acest articol este preluat din sectiunea webdesign a dioanad.info si sindicalizat la articole by Nicu.

Demistificarea unei iluzii de securitate pe web: dezactivarea meniului contextual (click dreapta in pagina)

Introducere

Creatorii de pagini web vind o multime de iluzii (sau gogosi, pentru cine prefera o asemenea exprimare) clientilor, incercind sa le ofere o falsa senzatie de securitate. Un bun exemplu ar fi protectia fisierelor imagine impotriva copierii, caz in care adevarul este ca o asemenea protectie este imposibila, asa cum voi demonstra in continuare.
In plus, am convingerea ca este si inutila, incercind sa restricioneze drepturi permise de Legea Drepturilor de Autor, in articole cum ar fi 33 litera a) si 35 litera b).

In aceeasi nota legala, cele prezentate in acest articol nu pot fi considerate o circumventie a metodelor de control ale accesului la opere protejate prin drepturile de autor intrucit 1. metodele de control nu sint efective (cerinta a DMCA), 2. se refera la citirea unor fisiere neprotejate aflate in calculatorul utilizatorului si 3. din fericire Romania nu este inca o tara fascista in care sa functioneze DMCA.
Nu in ultimul rind, solutiile prezentate in acest articol se refera exclusiv la utilizarea Firefox, intrucit autorul nu este interesat in functionalitatile unor alte platforme, probabil ca Internet Explorer ofera metode similare.

Dezactivarea meniului contextual

Cei care incearca dezactivarea meniului contextual isi doresc de fapt interzicerea accesului la functia Save Image As prezenta in acest meniu, functie care permite utilizatorului copierea instantanee a fisierului imagine.
Dezactivarea meniului contextual se realizeaza practic prin includerea in codul paginii HTML a unei functii JavaScript care fie nu produce nici un efect vizibil in afara dezactivarii meniului fie afisaza o fereastra de dialog in care comunica indisponibilitatea functiei.

Re-activarea meniului contextual

Vom evalua in continuare citeva metode simple de a reactiva acest meniu, care poate fi util in diverse cazuri.

Functii incluse in Firefox

Firefox este un browser indragit de utilizatorii sai pentru ca le reda acestora controlul asupra modului in care interactioneaza cu internetul, de exemplu restricitionind modurile in care codul JavaScript le poate afecta navigarea
Folosind Tools->Options->Content->Advanced in versiunea pentru Windows sau Edit->Preferences->Content->Advanced in versiunea pentru Linux se poate dezactiva optiunea Disable or replace context menus, care in cele mai multe cazuri va fi suficienta pentru a rezolva problema.


Aceasta metoda nu este infailibila, este facuta pentru a preveni cele mai dele abuzari dar pentru a lasa functionale unele cazuri legitime.
Exista un numar de extensii pentru Firefox care permit fie extinderea controlului asupra optiunilor fie contracararea unor metode mai avansate de a bloca meniul contextual.
In exemplu de fata, folosit de site-ul OpenArt.ro o simpla dezactivare a optiunii mentionate nu este suficienta, dar fara a instala nici o extensie utilizatorul poate bloca temporar JavaScript, total si brutal (Tools->Options->Content, respectiv Edit->Preferences->Content) pe durata salvarii imaginii.


Exista chiar extensii care asigura o caseta de bifare plasata convenabil in bara de unelte pentru accesare facila.

Informatii despre pagina (Page Info)

O alta unealta pusa la dispozitie de Firefox se gaseste in meniul Options->Page Info->Media si este o fereastra de dialog care ofera o lista a tuturor obiectelor multimedia incluse in pagina.


Aici se poate selecta imaginea dorita si folosi butonul Save As.

Copie temporara (Cache)

Pentru o incarcare mai rapida orice browser salveaza temporar fisierele in cache, astfel ca la o urmatoare incarcare sa fie luate de acolo si nu descarcate inca o data de pe internet.
In mod evident, imaginea poate fi extrasa direct de acolo


Locatia directorului de cache este de obicei /home/username/.mozilla/firefox/textaleatoriu/Cache pentru Linux si C:\Documents and Settings\username\Application Data\Mozilla\Firefox\Profiles\textaleatoriu\Cache pentru Windows.
Un dezavantaj minor in cazul Windows ar putea fi ca acesta nu identifica corect pentru previzualizare fisierele fara extensie.

Salvare Pagina

Functia de salvare a paginii, File->Save As nu poate fi dezactivata prin nici o metoda, iar o salvare in Firefox salveaza toate obiectele din pagina, inclusiv imaginile.

Alte metode

Bineinteles ca orice e afisat pe ecran poate fi copiat, fie ca vorbim despre folosirea tastei Print Screen, fie ca vorbit despre tiparirea la imprimanta a paginii sau, de ce nu, fotografierea monitorului cu o camera digitala. Chiar si metode de protectie considerate mai avansate, cum ar fi afisarea imaginilor prin intermediul unor obiecte Flash sau Java nu au nici o sanda impotriva tastei Print Screen.
Se mai poate inspecta codul html si urmari link-urile catre imagini, descarca pagina folosind wget sau analiza continutul cu extensii avansate ale Firefox cum ar fi Firebug sau DOM Inspector.

Erori de implementare

Pe linga adevarul ca metodele de protectie sint departe de a fi infailibile, o serie de erori de implementare viciaza si mai mult falsa protectie. In exemplul de fata, la site-ul OpenArt.ro, e suficient ca utilizatorul sa traga cu mouse-ul (drag and drop) o imagine in alt tab al Firefox si are acces direct la aceasta, inclusiv Save As.

Stupiditate

Pe linga stupiditatea de a vinde clientilor solutii iluzorii (snake oil), se intimpla ca cei care propun asemenea solutii sa dea dovada de pura stupiditate. In exeplul folosit, OpenArt.ro, se protejaza cu JavaScript imaginile din HTML dar nu si lista de directoare a serverului Apache, asa ca oricine poate accesa orice.
Competenta la cel mai inalt nivel!

Concluzie

Dupa parerea mea, oferirea unor solutii false implementate in mod gresit se consituie ca o puternica recomandare impotriva ofertantilor, asa ca aveti grija de la cine cumparati servicii de design web.

Nota: Acest eseu a fost scris in mai 2007, deci daca la data citirii sale site-ul folosit ca exemplu nu mai functioneaza ca in descriere este posibil ca autorii lui sa il fi actualizat, de ce nu, poate si influentati de acest material.