Ghid complet pentru realizare site

Pe parcursul ultimilor ani, am publicat 17 review-uri complexe de site-uri (pe Olivian.ro și pe Olivian.ro) și 85 de review-uri simple (pe Olivian.ro și pe Olivian.ro); am făcut, desigur, și review-uri private, pentru clienții mei; am parcurs recent, fugitiv, toate review-urile complexe pe care le-am realizat și am încercat să văd care ar fi o listă de sfaturi pe care le pot da în urma experienței; ce-a ieșit, vedeți mai jos: o listă de sfaturi, grupate pe categorii, despre cum să realizezi un site; dacă eu personal ar fi să recomand cuiva să își facă un site de la zero, i-aș recomanda mai întâi să se uite pe lista de mai jos; e experiența mea în online pusă în cuvinte;

Cuprins

A. Analiză generală site (elemente care se pot aplica mai multor pagini)
A1. Copywriting
A2. Design
A3. Structurarea informației
A4. Uzabilitate
B. Analiză elemente principale din homepage (secționare homepage în bucăți)
B1. Logo
B2. Header
B3. Bara laterală
B4. Conținutul principal al unui site care își propune să vândă un serviciu / produs;
B5. Footerul
B6. Casetă derulantă pe homepage
B7. Casetă/pagină newsletter
C. Analiză pagini din site (cele mai importante pagini ale site-ului, analizate separat)
C1. Despre noi
C2. Pagina de contact
C3. Harta site
C4. Pagina de eroare 404
C5. Testimoniale
D. Elemente specifice magazinelor online
D1. Pagina principală a unui magazin online
D2. Categorii de produse
D3. Pagina de produs
D4. Wishlist produse
D5. Creare cont
D6. Procesul de comandă
E. Alte elemente din site (lucruri care nu au fost integrate anterior)
E1. Comunitate în afara site-ului – integrarea cu rețelele sociale
E2. Comunitate în site – feed-back site, promovare site, comentarii
E3. Funcția de căutare
E4. Statistici din site
E5. Formulare
E6. Robots.txt și sitemap.xml
E7. Variantă de mobil
E8. Emailuri
E9. Sondaje
E10. Cum să adăugați texte în site prin sisteme de tip CMS (content management systems)?
E11. Timp de încărcare
E12. Elemente legale
E13. Blog
E14. Ce altceva poți pune în site?
E15. Testarea A/B a unei pagini

Scurtă introducere

În primul rând, de ce sugestiile de mai jos nu sunt universale?

• Există lucruri specifice, pe industrii, regiune, profil cumpărători;
• Lucrurile se schimbă; am scris inițial articolul în 17 ianuarie 2011; Internetul e, însă, în permanentă schimbare;

Sugestia mea – testați; implementați schimbările și monitorizați rezultatele; sunt rezultate negative? Reveniți la starea inițială; rezultate pozitive? Păstrați;

(top)

A. Analiză generală site (elemente care se pot aplica mai multor pagini)

(top)

A1. Copywriting

1. Sugestia mea pentru un site în limba română este să folosiți diacritice;
Ca parte pozitivă, veți fi mai bine adaptați pieței locale; ca parte negativă, pot exista probleme cu afișarea, în funcție de browser și setările din sistemul de operare;
Greșit: Imi pare bine ca folosesc diacriticele in site.
Corect: Îmi pare bine că folosesc diacriticele în site.

2. Dacă nu folosiți diacritice, fiți consistenți – evitați să aveți diacritice în unele porțiuni / în unele bucăți din site, și în altele nu; așadar, evitați să aveți titluri cu diacritice și texte fără diacritice;
Greșit: E rău să începi o propoziție cu diacritice, si sa o continui fara diacriticele corespunzatoare.
Corect: E rău să începi o propoziție cu diacritice, și să o continui fără diacriticele corespunzătoare.

3. Punctuația după emoticoane; să zicem că aveți de scris: Ce vreme frumoasă e afară :) Nu-i așa?
Cum scrieți?
Sugestia mea este să puneți un semn de punctuație după o propoziție, și să nu considerați emoticonul ca semn de punctuație;
Greșit: Ce vreme frumoasă e afară :) Nu-i așa?
Corect: Ce vreme frumoasă e afară. :) Nu-i așa?

4. Cum arată punctele de suspensie corecte?
În primul rând, există semnul “…”, care poate fi folosit pentru suspensie; așadar, evitați să puneți punct după punct: “…”, ci folosiți semnul “…”; în al doilea rând, sunt doar trei semne de suspensie, nu două, nu cinci, nu șase;
Greșit: …..
Greșit: …
Greșit: ..
Corect: …

5. Gramatical, nu e nicio problemă în folosirea punctelor de suspensie; ca sentiment pe care îl trezesc însă (nehotărârea, lucruri neterminate, pauză în gândire), nu consider că se potrivesc cu un site care își propună să vândă ceva:
Greșit: Am demarat activitatea în 2002… Începuturile au fost dificile, dar ulterior am avut rezultate foarte bune…
Corect: Am demarat activitatea în 2002. Începuturile au fost dificile, dar ulterior am avut rezultate foarte bune.

6. Dacă vreți să aveți un stil personal, direct, evitați modul gerunziu; citat:

“Gerunziul este o formă a verbului care are o circulaţie mare mai ales în limba literară îngrijită. Limba curentă preferă utilizarea, în aceste situaţii, a unor moduri personale.”

Greșit: Privind mai atent, un detaliu mi-a atras atenţia.
Corect: Am privit mai atent și am observat un detaliu.

7. Aș evita exprimările la diateza pasivă; în loc să spuneți:
“Afacerea a fost dezvoltată de managementul actual al firmei”,
este indicat:
“Managementul actual al firmei a dezvoltat afacerea”;
Exprimarea pasivă este mai greu de înțeles; pe Internet este preferabil să comunicați direct;

8. Cuvinte folosite greșit în limba română:
a. “A customiza” (cuvânt inexistent):
Greșit: Am folosit pe site o soluție customizată la nevoile noastre.
Corect: Am folosit pe site o soluție particularizată la nevoile noastre.

b. “A vizualiza“:

“VIZUALIZÁ, vizualizez, vb. I. Tranz. (Tehn.; despre aparate) A face posibilă observarea vizuală a fenomenului cercetat. [Pr.: -zu-a-] – Din fr. visualiser.”

Greșit: Putem vizualiza în tabel rezultatele financiare.
Corect: Putem observa/vedea/urmări în tabel rezultatele financiare.

c. “RON” (cuvânt inexistent):
Moneda României este “leul”.
Conform codului ISO 4217, moneda României este RON-ul, însă în limba română se spune “leu“.
Greșit: Un produs costă 1.400 de RON.
Corect: Un produs costă 1.400 de lei.

d. “Nicio” se scrie, conform noului Dicționar ortografic, ortoepic și morfologic al limbii române, legat; varianta veche nu este greșită, dar este recomandat să scrieți legat:
Greșit: Nici o pagină din site nu este infectată;
Corect: Nicio pagină din site nu este infectată;

9. Pe Internet, textele scrise cu majuscule sunt considerate țipăt; sugestie: evitați-le complet;
Greșit: CLICK AICI PENTRU DETALII!
Corect: Click aici pentru detalii!

10. În limba engleză, folosirea Title Case (prima inițială mare) a fost folosită inițial pentru a marca titlurile din documentele lungi, într-o perioadă în care nu exista posibilitatea de a scrie cu fonturi de dimensiuni diferite (la mașina de scris, de exemplu); în limba română nu există, însă, această practică; prin urmare, nu recomand folosirea Title Case în limba română;
Greșit: Citește Despre Noi;
Corect: Citește despre noi;

11. Termenul corect pentru pagina principală a unui site este “Acasă” sau “Pagina principală”; da, ca excepție puteți folosi “Home” sau “Homepage”, dar nu recomand acest lucru;
Greșit: Home / Homepage;
Corect: Acasă / Pagina principală;

12. Prepozițiile:
a. Se recomandă folosirea sintagmei: “în funcție de”, mai degrabă decât a: “funcție de”, în situații precum cele de mai jos:
Greșit: Funcție de rezultate, vei primi un bonus.
Corect: În funcție de rezultate, vei primi un bonus.

b. Recomand folosirea “caută în site”, mai degrabă decât a “caută pe site”; e însă doar o recomandare:
Greșit: Caută pe site;
Corect: Caută în site;

c. Într-un ghid despre numerale se explică:
“De la 1 la 19 se scrie fără prepoziţia de, iar de la 20 la 100, cu de. Regula este valabilă şi pentru numerele mai mari de 100. Decisive sunt ultimele două cifre”
Greșit: 20 lei;
Corect: 20 de lei;

13. Aș evita să folosesc prescurtările, pe cât posibil;
Greșit: Pt. a adăuga un produs în coș, e f. bine să fiți logat în contul dvs.
Corect: Pentru a adăuga un produs în coș, e foarte bine să fiți logat în contul dumneavoastră.

14. Dacă folosiți acronime sau abrevieri într-o pagină, și ele nu sunt foarte cunoscute, puneți explicația acronimelor sau a abrevierilor respective în paranteză; dacă un acronim sau o abreviere apare de mai multe ori în aceeași pagină web, puteți pune explicația doar la prima apariție în pagină;
Greșit: În SUA se practică frecvent BPO. BPO poate aduce mari avantaje în industria IT.
Corect: În SUA se practică frecvent BPO (Business Process Outsourcing). BPO poate aduce mari avantaje în industria IT (tehnologia informației).

15. Nu recomand folosirea diminutivelor;
Greșit: Cumpărați un coșuleț cu jucărioare pentru puiuți.
Corect: Cumpărați un coș cu jucării pentru copii.

16. Ordinea în care se scrie copyright-ul este, cel mai comun, aceasta:
“Copyright/© [anul] [compania]
Greșit: Midexor SA – © 2011;
Corect: © 2009: Midexor SA;
Corect: Copyright 2009: Midexor SA;

17. Moneda Uniunii Europene este euro, cu denumirea ISO EUR; în acest sens, este greșită scrierea “EURO” cu majuscule, iar între scrierea “10 EUR” și “10 euro”, este de preferat “10 euro”:
Greșit: 10 EURO;
Greșit: 10 EUR;
Corect: 10 euro;

18. Apelurile la acțiune (ce vă motivează să rămâneți pe un site?) ar trebui să conțină verbe active: cumpără, sună, fă click, abonează-te; se pot adăuga și limitări (stoc limitat, durată limitată) sau impulsuri de a acționa imediat;
Greșit: Pentru abonarea la revistă, se poate face click în această pagină sau suna la telefon 0800-800-313;
Corect: Abonează-te acum la revistă: click aici sau sună 0800-800-313; grăbește-te! Stoc limitat;

19. Este bine ca mesajul din site să fie coerent; dacă intru pe pagina principală, ajung apoi la “Despre noi”, citesc trei resurse din site, parcurg patru articole de pe blog, ar trebui să am impresia că toate textele au, în principal, un mesaj comun; este indicat ca toate textele din site să fie verificate sau, dacă e posibil, scrise de o singură persoană;

20. Dacă folosiți termeni foarte tehnici, explicați-i sau găsiți alternative de exprimare; puteți oferi explicații atunci când cursorul mouse-ului este deasupra textului:
Greșit: Abonează-te la feed-ul RSS;
Corect: Abonează-te la fluxul RSS – poți citi știrile mult mai confortabil;
Corect: Abonează-te la feed-ul/fluxul RSS (?);
Corect: Abonează-te la feed-ul RSS;

21. Dacă folosiți mulți termeni tehnici într-un site, puteți face o pagină dedicată pentru acești termeni (ghid de termeni);

22. Evitați folosirea cuvintelor dificile, greu de înțeles:
Greșit: Uzul unor termenii incomprehensibili contribuie în mod inerent la creșterea repulsiei pentru text.
Corect: Dacă folosiți termeni greu de înțeles, textele vor fi considerate neatractive.

23. Folosiți fraze cât mai scurte, formate din cel mult două propoziții;
Greșit: Primul text de pe pagina Guvernului României:

“Guvernul a adoptat Programul Naţional de Dezvoltare a Infrastructurii, care va asigura modernizarea satului românesc şi va apropia condiţiile din România de cele existente în ţările UE, din perspectiva modernizării spaţiului rural; totodată, va crea locuri de muncă şi va susţine activitatea economică.”

Corect: Ar putea arăta:

“Guvernul a adoptat Programul Naţional de Dezvoltare a Infrastructurii. Programul va asigura modernizarea satului românesc. În plus, va apropia condiţiile din România de cele existente în ţările UE, din perspectiva modernizării spaţiului rural. De asemenea, va crea locuri de muncă şi va susţine activitatea economică.”

24. Evitați să folosiți termeni atât în limba română, cât și în limba engleză;
Greșit: În report-ul de la meeting-ul de astăzi s-au omis to do lists. What now?
Corect: În raportul ședinței de după întâlnirea de azi, nu s-au inclus listele cu acțiunile următoare. Ce facem în acest caz?

25. Un text nu ar trebui să folosească atât “dumneavoastră”, cât și “tu”; alegeți între cele două:
Greșit: Contul dumneavoastră a fost creat. Loghează-te mai jos.
Corect: Contul tău a fost creat. Loghează-te mai jos.
Corect: Contul dumneavoastră a fost creat. Logați-vă mai jos.

26. Adjectivele și adverbele sunt părți de vorbire care se referă la un substantiv sau un verb;
Exemplu de adjectiv: O afacere reușită (reușită = adjectiv);
Exemplu de adverb: Am progresat excepțional în ultimul an (excepțional = adverb);
Sugestia mea este să folosiți însă cât mai puțin adjective sau adverbe, și să adoptați, în schimb, lucruri cuantificabile; evitați, astfel, să ziceți, că ați avut o afacere reușită, ci spuneți în schimb care sunt cifrele care determină această afirmație (“Am crescut vânzările cu 10%, avem cu 8% mai mulți clienți, doar 4 clienți ne-au părăsit anul trecut în favoarea concurenței, site-ul a avut cu 30% mai mulți vizitatori, în condițiile în care piața online a crescut doar cu 4%”); la fel, când vorbiți de progres, este indicat să explicați de ce spuneți că e “excepțional” (“Într-o piață în scădere, în medie, cu 10%, noi am crescut cifra de afaceri cu 20%, cota de piață a crescut cu 30%, am realizat o achiziție majoră”);
Se pot folosi adjective și adverbe, dacă li se poate aduce o autoritate: “Ziarul Financiar consideră că afacerea noastră este excepțională”, “Într-un sondaj pe site-ul firmei, 90% dintre clienți au considerat că site-ul este mai bun sau mult mai bun decât în varianta sa anterioară”;
Adjectivele și adverbele se întâlnesc și la nume de companii – “Web design de succes punct com”; problema cu ele e că pot fi ușor combătute (“Cine ziceți că sunteți de succes? Comparativ cu cine aveți succes? Cine certifică afirmația voastră?”) și, de asemenea, sunt foarte vagi (“Ce înseamnă succes? Cum definiți reușita voastră?”);

27. O greșeală comună este virgula înainte de folosirea “etc.”; însă pentru că “etc.” înseamnă “et caetera”/”şi celelalte”, și înainte de și nu se pune virgulă, înainte de “etc.” nu se pune virgulă;
Greșit: Vă oferim vacanțe de Crăciun, Anul Nou, Paște, etc.;
Corect: Vă oferim vacanțe de Crăciun, Anul Nou, Paște etc.;

28. Textul dintr-o pagină cu mult text poate fi citit mai ușor dacă se folosesc caractere aldine și enumerări:

• Greșit: Text foarte lung fără caractere aldine.
• Corect: Text foarte lung cu caractere aldine.

Puteți îngroșa propoziții întregi, sau doar cuvintele esențiale.

29. Ar fi util ca orice pagină a unui site să fie verificată de un bun cunoscător al limbii române (absolvenți ai Facultății de Litere, scriitori);

30. Într-un meniu al unei aplicații tipice din calculatorul vostru, scrie așa:
“Save” și
“Save as…”;
Ce e cu cele trei puncte de la sfârșit? Semnifică faptul că la Save se va efectua o operație fără a se mai deschide altă fereastră care să îmi ceară detalii suplimentare, câtă vreme la “Save as…” se va deschide o fereastră care îmi va cere detalii suplimentare;
Similar, “Open…” are puncte de suspensie (urmează să fiu întrebat ce fișier doresc), câtă vreme “Close” nu are (mi se va cere cel mult să salvez fișierul, dar nu întotdeauna);
Așadar, dacă folosiți puncte de suspensie, gândiți-vă la cum sunt percepute de vizitator (o operațiune suplimentară);
Greșit: “Caută…” (mă mai întrebați ceva?);
Corect: “Caută” sau “Caută!”;

Resurse suplimentare:

• Wikipedia:Reguli de punctuație;
• Ghid de exprimare DEX online;
• Cum folosim cifrele în articole – câteva ponturi;

(top)

A2. Design

1. Ca principiu general, de design, este bine ca site-ul să fie atât de simplu cât i se permite;
Cu alte cuvinte, dacă scopul site-ului este să vândă produse, accentul e indicat să fie pus pe vânzarea efectivă – liste cu produsele cele mai vândute, pagini de promoții, informații despre procesul de cumpărare; dacă însă avem un site la care scopul este informarea, atunci se va pune accent pe acest aspect – funcție de abonare la newsletter, feed RSS, funcții de comentarii în site; dacă scopul unui site este de a prezenta oferta firmei și a primi prospecți, există soluții dedicate – accent pe telefoane de contact, vizibile clar în header, lista cu serviciile principale accesibilă din orice pagină a site-ului;
Probleme apar atunci când sunt mai multe scopuri ale site-ului – vrem și abonați newsletter, și contact rapid, și cumpărare de produse, și oameni care să comenteze în site ș.a.m.d.
Soluția generală e evitarea aglomerării prin prioritizare; un site foarte încărcat, care încearcă foarte mult să impună multe scopuri distincte, e posibil să eșueze tocmai din dorința de a urmări atât de multe scopuri; cu alte cuvinte, dacă pe un site totul e important, atunci nimic nu mai e important; când doriți ca vizitatorii să considere importante 10 acțiuni distincte, atunci niciuna din ele nu este, cu adevărat, importantă; așadar, reduceți aglomerarea, pe cât posibil, prin prioritizare; aveți 10 scopuri cu site-ul? OK, dar care sunt cele mai importante 3 scopuri? Și din acestea, care este cel mai important? Asta ar trebui să reiasă din design;

2. Elementele de tip apel la acțiune (call to action) ar trebui să iasă în evidență; puneți numerele de telefon, caseta de abonare la newsletter, funcția de creare cont vizibile în site; ar fi bine să alegeți însă prioritățile foarte bine, și să marcați foarte proeminent doar unul sau cel mult 3 elemente din pagină, iar restul doar ceva mai proeminent față de restul elementelor din pagină;

3. Folosiți spații albe;
Dacă stați și analizați un site cu atenție, de multe ori remarcați tendința generală de a “umple” orice spațiu; îmi imaginez designer-ul sau persoana de decizie în privința designului (clientul, de multe ori), care spune: “Hei, e un mic spațiu liber în header; să îl umplem cu telefoane; și e un mic spațiu liber în sidebar; să mărim textul ca să dispară”;
Marele avantaj al spațiilor albe e că permit privirii să navigheze mai ușor site-ul;
Ca notă, dacă aveți un header cu multe spații albe și un sidebar aglomerat, nu e tocmai o soluție inspirată; e de preferat ca nota generală a site-ului să fie “multe spații albe”, nu doar o anumită secțiune;

4. Există tendințe mai noi de design, cum sunt cele cunoscute sub denumirea generală de “Web 2.0”; printre aceste efecte se includ:

• Tendință de a simplifica lucrurile;
• Coloane puține;
• Partea de sus a site-ului, cu header-ul și meniul de sus, clar separate de restul site-ului;
• Navigare simplificată – e foarte ușor să navighezi într-un astfel de site, cu navigare simplificată;
• Logo-uri de dimensiuni mari;
• Texte cu fonturi mari;
• Culori puternice, intense;
• Efecte de gradient – fundaluri cu trecere de la o anumită culoare la alta;
• Reflexii – imaginea dă impresia de lucire/reflexie;
• Desigur, lista nu e nici completă și nici foarte clar stabilită (ce unii consideră Web 2.0 alții pot vedea ca web tradițional);
• Efecte de umbră – elementele din pagină par tridimensionale, prin efecte subtile de umbre;

Când îți realizezi un site, poți să iei în considerare asemenea efecte, dacă corespund cu stilul general al site-ului;

5. Să zicem că aveți reclame în site; cum să le puneți? O soluție ar fi să puneți toate reclamele într-o singură porțiune a site-ului (în sidebar, în header, în footer), iar o altă opțiune ar fi ca reclamele să fie intercalate între elemente din site (fie sunt în mai multe secțiuni din site, fie “întrerup” textul din conținutul principal, sunt între primele două paragrafe, de exemplu);

6. Pentru un site ai de ales între:

• Mai multe fonturi;
• Mai multe dimensiuni de fonturi;
• Mai multe culori de font și fundal de text;
• Mai multe formatări aplicate fonturilor (caractere aldine, italice, subliniate);

Sugestiile mele:

• Folosiți cât mai puține fonturi; nu ar trebui să depășiți 3 fonturi pentru un site;
• Folosiți cât mai puține dimensiuni fonturi; folosiți dimensiuni de font diferit pentru titluri, sub-titluri, meniuri, elemente din footer;
• Folosiți cât mai puține culori de font și fundal de text; folosiți fundaluri de text mai ales pentru a marca ceva cu totul deosebit;
• Folosiți cât mai puține formatări aplicate fonturilor (caractere aldine, italice, subliniate);
• Evitați folosirea sublinierilor, pentru altceva decât pentru linkuri (textele subliniate sunt, în general, linkurile, un text obișnuit subliniat va arăta ca un link);
• Evitați textele scrise cu albastru, pentru altceva decât pentru linkuri (textele albastre sunt, în general, linkurile, un text obișnuit subliniat va arăta ca un link);

7. Dacă scrieți texte de culoare foarte similară cu a fundalului (texte gri foarte deschis pe alb, sau texte gri foarte închis pe negru), riscați să fiți considerați spammer-i de către motoarele de căutare;

8. Textele de contrast foarte scăzut (text deschis pe fundal deschis, text închis pe fundal închis), sunt dificil de citit; recomand texte de contrast ridicat;

9. Dacă în audiența voastră sunt și persoane de vârstă înaintată, puteți lua în considerare să aveți texte de dimensiuni mari sau o opțiune de a mări textul din pagină; textele de dimensiuni foarte mici sunt complet nerecomandate, indiferent de audiență;

10. Dacă aveți pe site imagini foarte comprimate, riscați să aveți grafică pixelată; când comprimați imaginile din site, verificați ca imaginea să aibă claritate, să nu fie foarte pixelată;

11. Imagini prea mici; vizitați un site, mergeți la pagina de servicii; imaginile care prezintă acele servicii e bine să fie suficient de mari pentru a putea fi înțelese corect; eventual, atunci când vizitatorul duce cursorul mouse-ului deasupra unei imagini, să poată vedea imaginea mărită;

12. Un site poate folosi multe resurse ale sistemului; puteți diminua impactul asupra unui sistem dacă:

• Folosiți Adobe Flash puțin sau deloc; Flash-ul solicită multe resurse ale sistemului și prin urmare poate fi afișat necorespunzător (sau deloc) pe unele device-uri, cum sunt telefoanele mobile sau calculatoarele mai vechi;
• Folosiți mai puține script-uri JavaScript sau applet-uri Java;
• Aveți imagini de dimensiuni mai mici;

13. Evitați să folosiți imagini standard
Aveți posibilitatea să folosiți imagini de pe Internet, chiar gratuit; problema e că o mare parte din aceste imagini sunt puțin credibile; e de preferat să aveți poze cu produsele voastre făcute în România, cu angajații voștri realizate la voi la firmă etc.;

14. Ar fi bine ca elementele cele mai importante ale unei pagini să poată fi văzute fără a fi necesar un scroll; astfel, când se încarcă o pagină web, fără a naviga vertical sau orizontal în pagină, ar fi bine să pot vedea cele mai importante elemente ale site-ului; puteți testa cu Google dimensiunile unui site;

15. Dacă folosiți un simbol pentru telefon, alegeți un telefon mobil, în favoarea unuia clasic;

16. Ar fi bine ca, pentru elemente diferite din site, să aveți același header, sidebar și footer (niciunul din aceste elemente să nu se schimbe pe măsură ce navighez în site);

Resurse suplimentare:

• The Power of Colors: How Colors Are Used in (e-)Commerce to Influence You;
• How do colors affect purchases?
• Web 2.0 Design Guide, Web Design;

(top)

A3. Structurarea informației

1. Puteți converti mai bine vizitatorii în clienți sau cititori ai site-ului dacă folosiți clipuri video; posibile idei: clipuri video cu angajații, cu sediul companiei, cu managementul, cu cum se obține un produs sau cum arată o ședință tipică; puteți avea și un blog video, cu clipuri în care prezentați idei;

2. Recomand cu căldură folosirea de breadcrumbs în toate paginile unui site cu mai mult de două niveluri (ca să ajung la o anumită pagină, am la dispoziție atât pagina principală, cât și categorii de pagini; în acest caz este util breadcrumbs);

3. Unele pagini pot fi unite într-una singură, pentru simplitate; astfel, pagini ca “Cum cumpăr?”, “Cum plătesc?”, “Livrare” pot fi unite în una singură; similar, pagini precum “Ajutor comandă”, “Ajutor site” și “FAQ” pot fi într-o singură pagină; la fel, “Politica de confidențialitate” și Termenii și condițiile”;
Pagina care rezultă poate prezenta într-un text foarte lung informațiile, sau poate fi doar o pagină de intrare în alte pagini (așadar, ca să ajung la “Ajutor comandă” sau în “Ajutor site” sau în “FAQ” va trebui întâi să fac click pe “Ajutor”, iar în pagina respectivă să fac click pe una din acestea trei);
Uneori însă, dimpotrivă, poate fi util să faceți dintr-o pagină foarte complexă câteva pagini mai simple;

4. Dacă aveți un site cu peste 10 pagini, ar merita pus undeva în structura site-ului o pagină în care să se afișeze paginile cele mai: vizitate, comentate, recomandate altora prin rețelele sociale, recent adăugate în site; poate fi de forma unei casete în bara laterală, dar poate fi și o pagină dedicată;

5. În orice meniu care prezintă paginile site-ului ar fi bine să existe și un link către pagina principală;

6. Este foarte comun ca pagina “Despre noi” (sau variantele similare) să fie imediat după “Acasă”;

7. Într-un meniu, de cele mai multe ori pagina “Contact” ar trebui să fie ultima;

(top)

A4. Uzabilitate

1. Un link e bine să aibă culoarea albastru, să fie subliniat, iar dacă linkul deschide o fereastră nouă ar trebui să marcheze acest lucru, așa cum fac cei de la Wikipedia:
Wikipedia

2. Dacă aveți o funcție de mărire sau de micșorare a fonturilor în site, e bine să țineți minte setările de la o pagină la alta; cu alte cuvinte, dacă intru în pagina “Despre noi” și măresc dimensiunea fonturilor, rețineți setarea și pentru pagina “Servicii”;

3. Testați funcționalitatea site-ului pe diferite rezoluții (există și monitoare mai mari de 24″) și browser-e (Internet Explorer încă are cote de piață semnificative);

4. Într-un site tipic, logo-ul e indicat să fie click-abil și dacă fac click pe el să ajung în pagina principală;

5. Mă aștept să găsesc caseta de căutare în colțul din dreapta-sus, și tot acolo funcțiile de logare și înregistrare în site; și nu sunt singurul;

6. Ați întâlnit această situație pe unele site-uri: ai un formular de completat, scrie un text ca mai jos:

și faci click să completezi formularul și textul din casetă dispare:

În exemplul de mai sus, caseta de căutare arată totuși o lupă și este un singur câmp, așa că pot să îmi dau seama, totuși că e vorba de căutare, chiar dacă am făcut click în casetă și textul a dispărut;
În cazul unui formular cu multe astfel de câmpuri, dacă apăs tasta TAB și textul pentru un câmp al unui formular dispare, am o problemă;
Așadar, când realizați formulare pentru site-uri, evitați texte din formulare care, în mod magic, dispar;

(top)

B. Analiză elemente principale din homepage (secționare homepage în bucăți)

(top)

B1. Logo

1. Dacă folosiți logo-ul pentru un site și în varianta de tipărit, e bine să:

• Folosiți puține culori;
• Aveți și o variantă vectorială pentru logo, care să poată fi imprimată pe materiale de dimensiuni foarte mari la o calitate bună;

2. Este indicat ca logo-ul să utilizeze aceeași temă de culori ca a site-ului;

3. Pe un site, alături de logo puteți avea și un moto;

4. Logo-ul este indicat să aibă o semnificație – da, arată bine, dar care este mesajul lui?

(top)

B2. Header

1. Pentru că este zona cu care vizitatorii intră prima oară în contact, puneți aici elementele cele mai importante din site;

2. Header-ul este o zonă excelentă pentru meniul principal al site-ului, caseta de căutare, funcțiile de logare și creare cont, date de contact;

3. Logo-ul se află de obicei în header, în colțul din stânga sus;

4. Ar fi poate utilă o funcție de tipul “Sunați-mă voi”; vizitatorii să poată să introducă un număr de telefon și voi să îi sunați, sau să lase o adresă de email și să îi contactați voi pe ei;

(top)

B3. Bara laterală

1. Aș pune aici caseta de abonare la newsletter, rețelele sociale, lista cu articolele/paginile de top din site;

2. Este bine să păstrați bara laterală cât mai simplă; dacă aveți puține elemente în sidebar, puneți o singură coloană, dacă aveți mai multe elemente, puneți două coloane;

3. Dacă doriți să puneți reclame în site, puteți lua în considerare să aveți o coloană dedicată reclamelor;

4. Este indicat ca dimensiunea verticală a sidebar-ului să nu depășească niciodată dimensiunea verticală a unei pagini; cu alte cuvinte, nu faceți sidebar-ul mai mare decât conținutul principal;

5. Ar fi bine ca, pentru elemente diferite din site, să aveți același sidebar (sidebar-ul să nu se schimbe pe măsură ce navighez în site);

(top)

B4. Conținutul principal al unui site care își propune să vândă un serviciu / produs;

1. Pagina principală are rolul unui punct de început; puneți în ea:

• Fie legături către alte pagini importante din site;
• Fie un conținut foarte relevant pentru site;

2. Evitați să aveți pagina principală în două variante – atât cu www. cât și fără www; cu alte cuvinte, dacă scriu www.site.ro sau scriu site.ro (fără www.) într-un browser web, ar trebui să fiu redirecționat la una din acele variante; situația aceasta ar trebui, de fapt, să fie comună pentru orice pagină a site-ului; în caz contrar, puteți avea probleme cu conținutul duplicat;

Verificați de asemenea ca toate aceste pagini fie să redirecționeze la pagina principală, fie să dea eroare (dacă se încarcă corect pot fi probleme);
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14;

(top)

B5. Footerul

1. Cel mai des întâlnit scenariu pentru vizitarea unui site e următorul: vizitatorul parcurge headerul, scanează conținutul principal și ajunge în footer; aici:

• Fie caută elemente de ajutor (contact, de exemplu – vedeți punctul de mai jos);
• Fie se uită după alte pagini de navigat în site (voi detalia);
• Fie se întoarce în partea de sus a site-ului, scanând în continuare după informații relevante;
• Fie va părăsi site-ul;

Desigur, scenariul cel mai puțin dezirabil este ca vizitatorul să părăsească site-ul; pentru ca acest lucru să nu se întâmple, e bine ca în footer să existe elemente de ajutor (vezi mai jos), sau să fie în footer lucruri de vizitat; ce ar putea exista în footer:

• Meniul principal, prezent și în header, și “dublat” în footer;
• Un meniu secundar – pagini mai puțin importante din site;
• O listă cu cele mai vizitate/comandate/recomandate de către cititori altor cititori pagini din site (sau cu paginile pe care le recomandați voi);

2. În footer este foarte indicat ca, pentru a fi bine identificați în Google Local, să aveți adresa fizică a companiei; pentru uzabilitatea vizitatorilor, e indicat să aveți în footer și elemente de contact; rețelele sociale pot și ele să aibă loc în footer;

3. Footer-ul este locul ideal pentru a pune elemente mai puțin importante; puteți pune aici legături către pagina cu elemente legale – Termeni și condiții, Politica de confidențialitate;

4. Există situații în care, din motive ce țin de SEO (optimizare pentru motoarele de căutare), linkul de forma “Acasă” apare în footer modificat, plin de cuvinte cheie: “Metal, inox, minereu de fier – Produsedefier.ro” (acest text să fie în footer, pentru linkul care duce către pagina principală;
Această soluție este însă ineficientă, din câteva motive:

• Într-o pagină în care sunt mai multe linkuri către o altă pagină – X – doar primul link către pagina X contează;
• De obicei, primul astfel de link nu e în footer, ci în header, în logo sau în meniul principal;
• Optimizarea textului de ancoră pentru pagina principală are rezultate minime (adică dacă scrieți în loc de “Acasă” o listă de cuvinte cheie, asta nu vă ajută la nimic);
• În fine, pentru utilizatorii obișnuiți e foarte confuz să “ghicească” numele linkului către pagina principală;

5. Sugestia mea este să scrieți textele mai puțin vizitate și relevante cu fonturi mai mici și cu un contrast mai scăzut față de restul textelor (de exemplu, nota de copyright, paginile cu informații legale);

6. Evitați să faceți schimb de linkuri cu alte site-uri și să puneți multe linkuri în footer, puteți avea penalități; ca alternative, puteți pune linkuri în sidebar, dar și mai bine este ca dacă aveți un blog să scrieți un articol despre site-ul căruia vreți să îi dați link sau să creați în site o pagină în care să nu puneți doar linkurile, ci și o scurtă descriere a site-urilor respective; linkurile din footer pot fi marcate ca spam, linkurile reciproce nu sunt o soluție foarte bună de a crește în poziționări, și fără un text descriptiv, să aveți 20 de linkuri în footer către site-uri diverse nu ajută foarte mult site-urile respective;

7. Să zicem că aveți în footer o notă de copyright:
“Copyright 2009: Midexor SA;”;
Sugestia mea este ca anul să fie completat automat, prin programare, și să preia automat anul curent; astfel, în fiecare an, de 1 ianuarie, veți avea nota actualizată, fără bătăi de cap în fiecare an cu actualizarea anului; detalii pentru PHP;

(top)

B6. Casetă derulantă pe homepage

1. Dacă folosiți o casetă în pagina principală în care promovați serviciile sau produsele de top (exemplu), căutați ca acea casetă să folosească JavaScript, mai degrabă decât să fie o casetă care folosește Adobe Flash;

2. Aș aprecia un contor, care să îmi afișeze câte imagini se vor roti; de asemenea, dacă fac click pe unul din numerele din contor, să pot ajunge la produsul/serviciul pe care am făcut click; dacă nu, măcar o funcție de tipul înainte și înapoi ar fi apreciată;

3. Ar fi foarte interesant ca atunci când duc cursorul mouse-ului peste o imagine, să se oprească trecerea automată la următoarea imagine (să am, astfel, posibilitatea să opresc mișcarea automată);

(top)

B7. Casetă/pagină newsletter

1. În primul rând, gândiți-vă dacă doriți doar o casetă pentru newsletter (o mică porțiune din site în care mă pot abona la newsletter), sau doriți să faceți o pagină dedicată; eu vă voi recomanda mai jos mai multe elemente pentru o casetă de tip newsletter, și e greu să puneți toate aceste lucruri într-o casetă din site; personal, agreez varianta unei pagini de abonare la newsletter; pe de altă parte, enorma majoritate a site-urilor au implementat casete de newsletter, nu pagini;

2. Ce să includeți într-o casetă de newsletter?

• Posibilități de abonare prin email multiple – poate vreau să mă abonez prin email doar la blog; sau doar la știrile adăugate în site; ori doar la evenimentele pe care le organizați; sau la produsele nou adăugate; ori doar la produsele dintr-o anumită categorie; ori la promoțiile site-ului; sau la comentarii; dacă pot să selectez prin bife la ce să mă abonez, aș fi în al nouălea cer;
• O listă cu newsletter-ele anterioare; da, vreau să văd cum arată un newsletter de la voi și îmi voi face o idee clară dacă merită să mă abonez sau nu;
• Informații despre periodicitatea newsletter-ului; cât de frecvent trimiteți un email, la ce oră, în ce zile ale săptămânii;
• Mă interesează foarte mult garanțiile – ce veți face cu adresa mea de email? Cum mă voi putea dezabona? Veți trimite doar emailuri referitoare la subiectele agreate, sau veți schimba frecvent subiectul emailurilor?
• Ar fi interesant de știut numărul abonaților la newsletter – e relevant pentru mine să știu dacă aveți 3 abonați (serviciu foarte nou, sau poate calitate slabă a newsletter-ului) sau 3.000 de abonați (îmi dați încredere);

3. În caseta de newsletter are sens să includeți abonare nu doar prin email, ci și prin alte opțiuni:

• Abonare prin RSS – puteți include toate opțiunile de abonare prin email menționate anterior; puteți lua în considerare să gestionați feed-urile RSS prin Feedburner, care vă dă statistici despre abonați și face ușoară abonarea prin email;
• Alerte prin SMS – dacă prețul unui produs din site scade sub o anumită sumă, să primesc o alertă tip SMS;
• Abonare prin rețele sociale – aș pune în pagina de abonare la newsletter linkuri către toate rețelele sociale pe care sunteți prezenți;
• M-ar interesa și o opțiune de abonare la căutări; de exemplu, să caut în site “telefoane mobile”, să obțin 40 de rezultate, să filtrez telefoanele doar la 3 branduri și la o gamă de prețuri și să mă abonez (prin RSS sau email) la noile produse care satisfac criteriile acelei căutări; o funcție foarte apreciată;

4. Când faceți abonarea la email este bine să aplicați principiul “double opt-in”, adică întâi să cereți adresa de email pe site-ul vostru, apoi să trimiteți un email pe adresa specificată; în acel email există un link, vizitatorul confirmă că a primit emailul printr-un click pe link; în acest fel, vizitatorul a confirmat că adresa de email este, într-adevăr, a lui;

5. Este bine să vă gândiți la motivația vizitatorilor de a se abona; pot să fie motive generale, specifice multor liste de email:

• Veți primi ultimele noutăți pe email;
• Veți fi la curent cu activitatea noastră;
• Veți afla despre cele mai noi produse;

Puteți însă avea și motive specifice:

• Abonații la newsletter primesc un voucher de 5%;
• Exclusiv pentru abonații la newsletter organizăm un concurs cu premiu lunar un telefon mobil;
• Primii 1.000 abonați la newsletter vor primi o carte cadou;
• Avem oferte speciale exclusiv pentru abonații la newsletter;

(top)

C. Analiză pagini din site (cele mai importante pagini ale site-ului, analizate separat)

(top)

C1. Despre noi

1. Ar prinde foarte bine un clip video în care cineva din companie (un angajat, mai mulți, managementul) să vorbească despre companie, despre valori, scop, misiune, obiective;

2. În pagină e bine să includeți informații ca:

• Valori;
• Misiune;
• Scop;
• Obiective (să fie SMART);

Vedeți sau citiți părerea lui Guy KAWASAKI despre asta;

3. În prima zi de la lansare a unei companii are sens ca pe site să găsesc exclusiv “ce ne propunem” (adică misiune, obiective etc.); după un an de la lansare, e bine să vedem și ce s-a realizat; ar fi interesant ca, la început trimestrial, ulterior anual, să existe în pagina “Despre noi” rapoarte de evaluare; dacă se poate, să fie realizate extern – adică cineva din afara companiei să analizeze situația și să prezinte un raport;

4. Mă interesează foarte mult date financiare; unele dintre ele sunt publice, pot fi găsite pe site-ul Ministerului de Finanțe; dacă îmi dați și altele, în plus, vă voi fi recunoscător;

5. Este relevant de știut istoricul companiei, de la idee, până la realizare, rezultate;

6. Sunt foarte interesante și previziunile – unde vă vedeți peste 10 ani? Ce planuri aveți cu compania? La ce să se aștepte clienții?

7. Ar fi interesant de știut și câteva cifre despre trafic (există servicii, inclusiv în România, care fac publice, de exemplu, datele din Google Analytics);

8. Două elemente ar trebui să fie în pagina “Despre noi”:

• VSP (Value Selling Proposition) se referă la avantajele existenței afacerii pentru clienți; cu alte cuvinte, ce sens are ca o fabrică de produs mașini să existe pe piață? Dar ce avantaj are un client final că există pe piață dealeri auto? Ce beneficii are consumatorul final din urma prezenței unei firme de asigurări auto în România?
• USP (Unique Selling Proposition) se referă la unicitatea unei afaceri și valorile acelei afaceri în fața competiției; în exemplele de mai sus, de ce un client ar cumpăra de la fabrica voastră de mașini și nu de la competitori? De ce ar apela un client la serviciile voastre de dealeri auto și nu s-ar duce la alți dealeri auto? Cu ce se diferențiază, pentru clientul final, firma voastră de asigurări auto, comparativ cu alte filme de pe piață?

Aș pune foarte clar atât VSP, cât și USP în pagina “Despre noi”;

9. Consider interesante detalii despre structura companiei; CV-urile ajută și ele;

10. M-ar interesa clipuri video sau fotografii cu compania din exterior și din interior, cu procesul de fabricare a unui produs; interesante ar fi și niște interviuri cu angajații sau cu clienții;

(top)

C2. Pagina de contact

1. Ce mă aștept să găsesc în pagina de contact

• Minim un telefon de contact (chiar dacă este în header, ar trebui să fie și aici);
• Minim o adresă de email de contact (office@numesite.ro sau contact@numesite.ro);
• Mult mai bine ar fi să aveți persoane de contact, cu emailuri corespunzătoare și telefon mobil;
• Un formular de contact simplu (poate nu am cont de email);
• Harta cu adresa voastră; e de preferat să fie hartă interactivă, să pot să vă reperez într-o anumită zonă;
• O fotografie (sau mai multe) cu sediul firmei, din exterior și interior;
• Și mai bine ar fi un video cu sediul firmei, din exterior și interior;
• Deși legea nu este foarte clară, poate fi chiar obligatoriu să aveți datele fiscale complete (tipul societății, numărul din Registrul Comerțului, contul și banca) în pagina de contact; detalii;
• Asigurarea că datele mele vor fi prelucrate conform legii (detalii cu procedura);

2. Ce altceva?

• Dacă aveți mai multe sedii, faceți poze/clipuri video cu fiecare;
• Aici ar avea sens să puneți rețelele sociale – Yahoo! Messenger, Facebook, Twitter;
• Să zicem că aveți un magazin online și mai mulți procesatori de plăți; ați putea pune informații de contact ale procesatorilor de plăți, dacă cineva are o problemă cu plata cu cardul;
• Afișați timpii medii de așteptare până când un client primește răspuns; ar fi util și un timp garantat (“În 4 ore lucrătoare răspundem la email”);

3. Faceți adresa de email click-abilă;

4. Aș pune telefoane din cât mai multe rețele de telefonie mobilă; Orange și Vodafone au cel mai mare număr de clienți, dar puneți și Cosmote sau Romtelecom; eventual și RDS; specificați în ce rețea este un anumit număr;

5. Aș evita să pun protecție CAPTCHA în formularul de contact, ar trebui să aveți alte soluții anti-spam;

(top)

C3. Harta site

1. Vă recomand să creați o pagină de tip harta site pentru vizitatori; o hartă site conține cele mai importante pagini din site (sau chiar toate), și ajută la navigarea facilă; exemplu;

2. Ar fi bine să puneți o casetă de căutare în harta site-ului;

(top)

C4. Pagina de eroare 404

1. O pagină de eroare ar trebui, întâi de toate să mă informeze că pagina nu există; mesajul ar trebui să fie ușor de înțeles: “Ne pare rău, pagina solicitată nu există în site, vă invităm să folosiți căutarea pentru a găsi informația dorită sau să vizitați pagina principală.”; un mesaj greu de înțeles e considerat neprietenos: “Eroare 404, serverul nu a putut încărca pagina, URL-ul solicitat nu există”;

2. Lucruri opționale, dar care ar fi bine să existe în pagina de eroare:

• O căsuță de căutare; chiar dacă aveți o căsuță de căutare în header sau sidebar, e de preferat să aveți totuși o casetă de căutare inclusiv în corpul paginii de eroare 404;
• Un sumar al site-ului; dacă aveți un site complex, afișați doar cele mai vizitate pagini ale site-ului, sau paginile cel mai recent adăugate;
• Link către pagina “Harta site” creată pentru utilizatori;
• Link către pagina principală a site-ului;

3. O funcție complicată, dar util de implementat este următoarea – să zicem că utilizatorul a intrat în site pe un link care arată așa:
www.site.ro/tehnologii-avansate-de-cautare-pe-baza-wolfram-alpha;
Ei bine, voi ați putea să faceți automat o căutare în site după
[tehnologii avansate de cautare pe baza wolfram alpha]
și să afișați rezultatele obținute;

4. Puteți ști în mod automat dacă un utilizator a tastat un link sau a ajuns la voi în site printr-un link din altă parte; dacă vedeți că utilizatorul a tastat linkul, puteți să îl îndemnați să verifice dacă a scris linkul corect;

5. Site-ul ar trebui să anunțe webmaster-ul site-ului de fiecare dată când se accesează o pagină care nu există; în acest fel, se poate vedea care sunt paginile cel mai des accesate care nu există și fie se pot crea paginile respective, fie se poate redirecționa un URL inexistent către o pagină pe un subiect asemănător, care există deja în site;

6. Pagina de eroare 404 e bine totuși să fie cât mai scurtă și ușor de parcurs;

7. Când realizați o pagină 404, e foarte important ca, în programarea paginii, să se țină cont de acest aspect – codul returnat de server să fie 404; puteți verifica codul returnat de o pagină online;

Resurse suplimentare:

• Creating User Friendly 404 Pages;

(top)

C5. Testimoniale

1. Ce să includeți la testimoniale?

• Numele complet al persoanei;
• Localitatea și țara de proveniență;
• Locul de muncă și funcția;
• Cum a folosit serviciul vostru;
• Când a apelat la voi;

2. Ce altceva să includeți?

• O fotografie e foarte utilă;
• Un clip video e încă și mai recomandat;
• Posibilitatea de contact prin telefon sporește încrederea;
• Site-ul web al persoanei care lasă testimonialul;
• Fotografii de tipul înainte și după;

3. Puteți face și studii de caz, care sunt testimoniale mult mai detaliate; puteți include într-un studiu de caz:

• Fotografii înainte și după;
• Clipuri video cu persoana respectivă;
• Fotografii cu persoana respectivă;
• Descrierea pașilor – care a fost problema, cum a căutat soluții inițial, cum v-a găsit pe voi, de ce v-a ales, cum a decurs procesul de cumpărare, ce s-a întâmplat după cumpărare, cum se simte după câteva luni de utilizare a produsului / serviciului, ce ar recomanda altora;

4. Cu cât mai multe testimoniale, cu atât mai bine; însă să aibă informații clare de identificare a persoanei – dacă Vasile G. lasă un testimonial, e mai puțin credibil decât Vasile-Ion GORDOBEA, din Craiova, care lucrează la SC Soluții Inteligente SRL și care a folosit produsul vostru acum 3 luni;

(top)

D. Elemente specifice magazinelor online

(top)

D1. Pagina principală a unui magazin online

1. Aș pune link către ANPC (Autoritatea Națională pentru Protecția Consumatorilor);
Citat:

“[…] obligati sa includa pe prima pagina a site-ului (home page) o legatura (link) catre adresa site-ului Autoritatii Nationale pentru Protectia Consumatorilor – www.anpc.gov.ro – cu textul PROTECTIA CONSUMATORILOR – ANPC.”

2. Un magazin online tipic trebuie să inspire încredere; cum puteți crește încrederea în site-ul vostru?

• Folosiți logo-uri pentru sisteme de plăți electronice internaționale pe care le folosiți în site – VISA, MasterCard, PayPal etc.;
• Folosiți logo-uri pentru sisteme de plăți electronice românești pe care le folosiți în site – GECAD ePayment;
• În România sigla GPEC (Gala Premiilor eCommerce 2010) poate inspira încredere;
• Arătați că site-ul a fost scanat împotriva virușilor și a programelor de tip malware (mai mulți furnizori de soluții de securitate oferă aceste soluții, printre care McAfee);
• Folosiți, pentru paginile de logare, creare cont, administrare cont, comandă, confirmare comandă, pagini securizate; un furnizor foarte cunoscut este VeriSign, dar puteți apela și la alte companii;
• Înscrieți-vă în comparatoare de prețuri românești (Price.ro, ShopMania); deși este relativ ușor să obții o validare de la o astfel de rețea, este totuși o mică dovadă de servicii de calitate;
• Folosiți rețele sociale și publicați-le pe site; încrederea, în acest caz, apare când vizitatorul intră în contul de Facebook și vede că 400 de oameni au apăsat butonul Like, aveți o activitate susținută, iar pe pagina magazinului sunt constant referințe pozitive; similar, poate să facă o căutare pe Twitter și să citească referințe ale altora despre voi;
• Publicați informații despre trafic; soluția aceasta poate doar să dea o importanță gradului de popularitate al vostru; soluția nu exclude ca popularitatea să fie doar temporară, sau să vină în urma unei publicități negative; însă se poate presupune că un site cu trafic zilnic de 2.000 de vizitatori unici e mai de încredere decât unul cu 50;
• Pentru unele site-uri specifice, pot exista alte sigle de nișă; de exemplu, pe un site în domeniul jucăriilor, un logo al unei autorități care certifică siguranța jucăriilor; un site de filme poate beneficia de logo-ul unei autorități care acordă rating-uri filmelor;

3. Este foarte indicat ca atunci când puneți un logo care certifică siguranța, logo-ul să fie click-abil; dacă aveți pe site logo-ul VISA, eu să pot face click și fie să ajung într-o pagină de la voi din site în care îmi spuneți totul despre securitatea VISA de la voi din site, fie să ajung pe site-ul VISA, iar acesta să îmi zică, chiar și în limba engleză, că site-ul de la care am plecat este un site certificat de VISA; nu este complicat să luați o imagine de pe Internet și să o puneți pe site-ul vostru; însă să puteți susține acea imagine cu dovezi – da, asta e mai important;

4. Când fac mouseover pe poza produsului pe homepage, mi-ar plăcea foarte mult dacă ar apărea imaginea mărită;

5. Pentru industriile unde este posibil (de exemplu, mobila la comandă e complicat de comandat într-un singur pas, sau hainele în diverse sortimente și culori), aș prefera să pot comanda direct de pe homepage; astfel, dacă afișați pe pagina principală mai multe produse, aș aprecia un buton de tipul “Adaugă în coș” / “Cumpără acum”; să fiu întrebat apoi câte produse doresc în coș, sau să fie adăugat automat un singur produs în coșul de cumpărături; după aceasta să primesc un mesaj că coșul a fost actualizat, și să am două opțiuni – să continui cumpărăturile sau să merg la casă; o funcționalitate necesară;

6. E problemă des întâlnită ca lucrurile pe un magazin să fie prea mici:

• Imaginile produselor să fie foarte mici, să fie un element esențial în procesul de cumpărare, și la mouseover imaginea să nu se mărească;
• Titlul produsului să fie prea mic, și să mă chinui să văd ce scrie;
• Dacă titlul e prea lung, atunci o altă problemă e titlul scurtat brusc, și care face ca numele produsului să nu mai fie inteligibil;
• O altă problemă sunt prețurile scrise cu font mic; ca soluție, aș pune în caractere aldine atât titlul produsului, cât și prețul, sau le-aș scrie la dimensiuni mai mari; informațiile despre stoc, descrierea produsului, acestea pot fi scrise cu caractere obișnuită;

7. Pagina principală a unui magazin ar trebui să conțină:

• Promoții – ce pot cumpăra din magazin la preț redus;
• Produsele cele mai vândute – ce au cumpărat alții;
• Produsele cele mai afișate – produsele care au stârnit interesul;
• Produsele cele mai căutate – produsele care au stârnit interesul, mai degrabă pentru documentare;
• Produsele cele mai comentate – produse controversate;
• Produsele cel mai des recomandate altora;
• Cele mai ieftine și cele mai scumpe produse;
• Produsele nou introduse în site;

8. Interesante, dar mai degrabă de nișă, pot fi și:

• Produsele cel mai puțin vândute – sunt produse exclusiviste, voi considera că am un produs unic;
• Produsele cel mai rar recomandate altora – același argument;
• Produsele cele mai vechi din site – le voi aprecia dacă sunt de modă veche;

9. Aș aprecia funcții de filtrare încă din homepage, pe criterii diferite; criterii generale ar putea fi prețul, dimensiunea, data introducerii în site, număr de comentarii, rating mediu, număr afișări, producător; în funcție de tipicul magazinului, pot fi și alte filtre (culori, greutate, funcții specifice pentru electronice);

(top)

D2. Categorii de produse

1. Mă aștept ca în pagina unei categorii de produse să am opțiuni de sortare a datelor, crescător și descrescător, după:

• Numele produsului;
• Data adăugării în site;
• Preț;
• Vânzări produse;
• Număr afișări ale paginilor;
• Număr comentarii produse;
• Număr căutări în site a unui produs;
• Rating mediu al unui produs;
• Producător;

2. De asemenea, aș vrea să am și opțiuni de filtrare a datelor, după:

• Caracteristici ale categoriei respective de produse (pot fi culori, dimensiuni, masă, caracteristici tehnice – de exemplu, în cazul microprocesoarelor frecvența, tipul microprocesorului);
• Data adăugării în site;
• Preț;
• Vânzări produse;
• Număr afișări ale paginilor;
• Număr comentarii produse;
• Număr căutări în site a unui produs;
• Rating mediu al unui produs;
• Producător;

3. Îmi este o utilă o funcție de abonare prin RSS și email la categoriile de produse; vreau să aflu când apar noi produse în categoria respectivă;

4. Să zicem că avem site-ul site.ro, în care categoria arată așa:
site.ro/categorie.html,
iar pagina de produs:
site.ro/categorie/produs.html
Eu ar trebui să pot tăia partea finală (“produs.html”) și să las doar:
site.ro/categorie/
Din păcate, dacă pagina de categorie are extensia “.html”, nu pot face asta; soluție? Cel puțin pentru categorii și subcategorii, dacă nu și pentru pagina de produse, renunțați la .html (nu ajută la nimic, în general nu face rău, dar în situația de mai sus face rău la uzabilitate);
Așadar, site-ul ar trebui să fie așa:
site.ro/categorie/
site.ro/categorie/produs/

(top)

D3. Pagina de produs

1. Mi-ar fi utilă o alertă de preț – când prețul unei anume plăci de bază scade sub o anumită sumă, să primesc automat un email de alertă;

2. Butoanele de apel la acțiune ar trebui să fie colorate distinct față de restul site-ului;

3. Când comand de pe site, ar trebui să am opțiunea de a comand mai mult de un singur produs;

4. Este important să menționați TVA în site; scrieți TVA cu litere mari, este un acronim pentru “Taxa pe valoarea adăugată”;

5. Prețurile produselor care depășesc 1.000 de unități monetare ar trebui să aibă un separator; astfel, prețul de 1.200 de lei ar trebui scris:
Greșit: “1200 de lei”;
Corect: “1.200 de lei”;

6. Dacă nu aveți prețuri cu zecimale, evitați folosirea lor în site; astfel, dacă toate prețurile sunt rotunjite la cea mai apropiată unitate, scrieți:
Greșit: “200,00 lei”;
Corect: “200 lei”;

7. Apreciez ca atunci când merg cu cursorul mouse-ului deasupra unei fotografii de produs, aceasta să îmi afișeze o funcție de tip zoom (mărire);

8. Alegeți întotdeauna ca pozele pentru produse să fie mari; da, o funcție de tip zoom poate rezolva parțial această problemă, dar pozele mari sunt de preferat;

9. Puneți măcar 3 poze din unghiuri diferite ale aceluiași produs;

10. Cum puteți crește valoarea unei pagini de produs? (detalii)

• Folosiți comentarii din partea vizitatorilor – permiteți vizitatorilor să comenteze despre produsele din site; puteți adăuga și motivații financiare – “Cel mai bun comentariu al zilei primește un cadou”, “Primiți reducere 5% dacă comentați la 3 produse diferite”, “O dată pe săptămână se trage la sorți un comentariu din săptămâna respectivă”;
• Puneți titluri optimizate pentru motoarele de căutare – folosiți numele produsului, categoria din care face parte (de exemplu – “haine femei” sau “hard-disk-uri”), și numele magazinului; este indicat însă ca titlul unei pagini să nu depășească 65 de caractere;
• Faceți propriile fotografii ale produselor – când cineva caută folosind căutarea de imagini a Google numele unui produs, va fi atras de fotografii noi ale unui produs; în acest sens, realizați propriile fotografii ale produselor;
• Puneți date statistice despre produse (număr vânzări, număr accesări ale paginii) – veniți cu date noi despre produse;
• Faceți o secțiune de știri pentru produse – adăugați valoare paginii prin informații despre producător, ultimele lansări, evenimente în jurul unor produse;
• Dați date istorice cu evoluția prețului unui produs (prezentați grafic evoluția prețului unui produs);
• Faceți clipuri video cu analize ale produselor – sunt foarte atrăgătoare;
• Scrieți descrieri proprii ale produselor; dacă furnizorul vă oferă o descriere standard, în limba engleză, traduceți acea descriere și adăugați propriul conținut;
• Faceți o listă cu produse recomandate (dacă cumpăr o anumită placă de bază, recomandați-mi și un procesor corespunzător ei);

11. Să zicem că un produs nu este în stoc și nu va veni mai rapid de 5 zile; puteți lua în considerare, în acest caz, să nu mai afișați deloc acel produs;

12. Situație – aveți produs care nu mai e în stoc; sau aveți un produs care nu mai este în ofertă, dar va reveni ulterior; sau, în fine, aveți un produs care nu se mai produce deloc și nu va reveni vreodată în oferta voastră; ce faceți cu acel produs? Aveți mai multe soluții:

• Redirecționați traficul către o pagină nouă de produs (ați avut iPhone 3 în site? Redirecționați acea pagină la noul iPhone 4);
• Actualizați pagina constant (puneți constant știri despre iPhone 3, analize nou apărute);
• Ștergeți complet pagina din site (nu recomand această variantă pentru SEO, însă pentru utilizatori poate fi o alternativă bună);

Un alt lucru – dacă produsul nu este în stoc, nu îl mai afișați în pagina de categorie, sau în căutări; lăsați pagina în site, dar nu lăsați linkuri către ea, să nu pot ajunge către acea pagină prin navigarea obișnuită;

13. Cum stabiliți prețurile pentru un produs? Eu văd două situații:

• Cine cumpără cu cel mai mic preț, se uită la un preț de genul 499 de lei (“Da, am făcut o reducere; e un preț mai mic de 500 de lei”); în această situație, puteți pune chiar prețuri cu zecimale: “427,32 de lei”);
• Cine cumpără însă produse medii/lux, nu se uită dacă plătește 450 sau 500 lei; dimpotrivă, dacă aș avea restaurant de lux, nu aș pune nici măcar prețuri de genul 675; nu – 650 sau 700; dusă la extrem, prețurile pot fi chiar din 100 în 100 de lei; în niciun caz însă nu puneți prețuri cu zecimale;

Așadar, alegeți-vă cu atenție publicul țintă și puneți prețuri corespunzătoare; pentru prețuri pentru produse de lux, rotunjiți (“500 de lei”); pentru prețuri produse foarte ieftine, mergeți pe prețuri psihologice (“399 de lei”) sau foarte exacte (“403,29 de lei”);

14. Dacă oferiți o reducere, scrieți și procentul acelei reduceri în site;

15. Când faceți o descriere de produs e foarte indicat să scrieți descrieri care sunt: unice acelei pagini, sunt persuasive, pot fi înțelese ușor de către cititor, descriu clar avantajele pentru cumpărător; vă recomand cu căldură articolul:
How to Write Product Descriptions that Sell, Boost SEO Efforts;

(top)

D4. Wishlist produse

1. Wishlist-urile sunt foarte utile pentru produsele electronice – de exemplu, pot să îmi fac un wishlist cu componentele unui PC pe care mi l-aș dori; un wishlist este util și pentru a face cadouri – de exemplu, pot să fac un wishlist cu darurile pe care mi le-aș dori de ziua mea / cu ocazia nunții;

2. Ar trebui ca un wishlist să poată fi făcut public (și găsit în căutări sau afișat într-un director de wishlist-uri din site) sau menținut privat;

3. Este util să aveți un director de wishlist-uri în site; ar trebui să pot sorta după numărul de vizualizări, comentarii adăugate, și de câte ori a fost achiziționat un anumit wishlist;

4. Pe pagina unui wishlist puneți și funcții de genul “Recomandă mai departe”;

(top)

D5. Creare cont

1. Puteți lua în considerare să folosiți faptul că mulți vizitatori din România au conturi pe Facebook sau pe Google și să permiteți înregistrarea în site folosind contul de Facebook sau Google;

2. În orice pagină unde aveți casetă de logare sau link către pagina de logare, puneți link și către pagina de creare cont;

3. Prefer denumirea de “logare”, mai degrabă decât “login”; este minor, însă;
Greșit: “Login”;
Corect: “Logare”;

4. Sugestia mea este să nu obligați vizitatorii să facă cont pentru acțiuni comune; ar trebui să pot comenta un articol, comanda un produs sau să mă abonez la newsletter fără să am cont;

5. Ar fi indicat ca, atunci când folosiți formulare, să folosiți doar formulare cu completare verticală (de sus în jos), nu cu completare orizontală (de la stânga la dreapta);
Vizitatorii sunt obișnuiți să scaneze textul de sus în jos;

(top)

D6. Procesul de comandă

1. Nu ar trebui ca vizitatorii să fie obligați să își facă cont pentru a comanda;

2. Dacă în procesul de comandă folosiți funcții de genul “Cupon de reduceri”, puteți îndemna, în acest fel vizitatorii să iasă din site ca să caute pe motoarele de căutare reduceri; dacă nu găsesc nicio reducere, o să fie frustrant; soluții – fie puneți în dreptul cuponului de reduceri o metodă prin care se poate obține un astfel de cupon (de exemplu, prin abonarea la newsletter), fie precizați că cupoanele se pot obține doar în anumite medii (de exemplu, se pot obține doar din o anumită revistă, disponibilă pe piață), fie faceți câmpul respectiv invizibil și în voucher-ul cu reducerea precizați un anumit link pentru a putea introduce voucher-ul, în mod normal acel câmp nefiind vizibil;

3. Îmi este util să pot să văd statusul comenzii în orice moment; să știu dacă să aștept livrarea sau nici măcar nu v-ați uitat peste comanda mea;

4. Puneți cât mai multe sisteme de plăți online; nu exagerați, totuși; dacă un anumit furnizor de plăți online (de exemplu, pentru achiziția în rate) vă pune condiții dificile, puteți renunța la acel furnizor; da, e bine să am multe opțiuni, dar ar trebui să vă puteți recupera investiția din vânzări; costurile trebuie să fie justificate;

5. Să zicem că cereți într-un câmp date delicate (cod numeric personal, serie și număr buletin); mi-ar plăcea să văd o asemenea soluție:
Greșit: CNP – Cod Numeric Personal;
Corect: CNP – Cod Numeric Personal (de ce?):;
Corect: CNP – Cod Numeric Personal (?):;
Corect: CNP – Cod Numeric Personal):;

6. Ar trebui să aveți o soluție informatică și să nu folosiți deloc CAPTCHA în site;
Dacă însă este necesar, alegeți un CAPTCHA cât mai simplu și foarte răspândit;

7. Numărul pe care îl pot introduce în câmpul cantitate ar trebui să fie limitat; nu ar trebui să pot adăuga, de exemplu, 10.000 de produse;

8. Dacă un vizitator comandă multe produse (depinde de site și de produs, dar în general, 20 de produse este o cantitate însemnată), sugestia mea ar fi să contactați acea persoană și să îi oferiți un discount sau un produs gratuit;

8. Butoanele cu apel la acțiune ar trebui realizate în culori distincte față de restul site-ului;

9. Dacă o comandă are mai mulți pași, reprezentați grafic acei pași;

10. Dacă adaug un produs în coș, ar trebui să mențineți acel produs în coș aproximativ 30 de zile; în niciun caz nu goliți coșul dacă nu comand timp de 20 de minute;

11. Din ce știu eu, o notă ca aceasta:
“Trebuie să comandați de minimum 10 lei”
este ilegală; nu aveți voie să puneți valoare minimă a unei comenzi; în principiu eu, vizitatorul vostru, ar trebui să pot comanda cam orice și oricât;
Ca soluții: puneți un cost suplimentar (taxă) pentru valorile de sub 10 RON, măriți prețul transportului pentru asemenea valori, puneți o taxă de procesare a comenzii, dar nu spuneți valoare minimă a coșului de cumpărături;

(top)

E. Alte elemente din site (lucruri care nu au fost integrate anterior)

(top)

E1. Comunitate în afara site-ului – integrarea cu rețelele sociale

1. În mod tipic, orice site ar trebui să aibă o funcție prin care să poată fi recomandat altora;

2. Sunt două opțiuni mari prin care puteți integra o funcție de genul “Recomandă acest site”:

• Puteți pune doar una/două/trei rețele sociale mai importante pentru audiența voastră (Facebook, Twitter, email și, specific audienței, Yahoo! Messenger sau LinkedIn, sunt cele mai populare);
• Puteți pune în site o gamă cât mai mare de rețele sociale (de la Digg la Hi5);

Sugestia mea este să mergeți pe prima variantă – doar câteva rețele sociale, foarte relevante pentru audiența voastră; în opinia mea, oricât ați încerca, nu puteți acoperi toate rețelele sociale pe care un vizitator este înscris; de asemenea, multe rețele sociale, foarte populare internațional, nu sunt foarte folosite în România; în fine, scopul principal pentru care puneți un buton de recomandare a articolului nu este neapărat folosirea acelui buton, cât crearea unui gând pentru vizitator – că ar fi bine să vă recomande; în cele mai multe situații, vizitatorul va da singur copy & paste linkului site-ului vostru în rețeaua pe care o dorește; detalii;

3. Să zicem că aveți o rețea socială pe care e indicat să postezi din când în când știri și noutăți – Twitter sau Facebook, de exemplu; ce să postați?

• Articolele de pe blog recente, cu link către articol;
• Produsele sau serviciile voastre cele mai vândute / cele mai vizitate / cele mai comentate;
• Produsele sau serviciile voastre cele mai recent introduse în site, pe măsură ce le adăugați în site;
• Promoțiile, pe măsură ce apar;
• Evenimente la care ați participat sau pe care le-ați organizat;
• Articole din presa scrisă/online/televiziuni/bloguri care sunt specifice domeniului vostru;
• Articole din presa scrisă/online/televiziuni/bloguri care scriu despre voi (pot fi și comentarii negative);
• Întrebări adresate comunității;
• Lucruri din viața companiei – a venit un angajat nou, cineva a născut, cineva și-a sărbătorit ziua onomastică;
• Lucruri personale, oarecum nelegate de subiectul afacerii, dar care ajută la crearea unei imagini de “companie apropiată”; spre exemplu, vă dați cu părerea despre cum s-au modificat obiceiurile în lumea modernă (colindele, tradițiile, comunitățile); nu are nicio legătură cu voi, dar cititorii vă simt mai apropiați;

4. Dacă folosiți o anumită rețea socială mai intens și aveți o masă critică de cititori care vă citesc, e bine să aveți o constanță în a folosi acea rețea socială; adică dacă v-ați obișnuit cititorii cu 3 mesaje zilnice, de luni până vineri, este indicat să păstrați acea constanță; puteți varia numărul mesajelor în unele zile, sau puteți schimba complet ritmul mesajelor, însă e indicată o constanță; cititorii voștri să știe la ce să se aștepte;

5. Să zicem că aveți un site foarte serios, fără nicio glumă sau exprimări metaforice, totul e clar, concret, nemțesc; intri pe Facebook și dai de mesaje glumețe, poante, râsete și veselie; nu e tocmai o imagine bună, nu-i așa? Ideal ar fi să aveți o imagine asemănătoare atât în rețelele sociale, cât și în site; evitați discordanța puternică;

6. Particularizați fiecare rețea socială în parte; Twitter poate avea opțiuni de particularizare multiple; o pagină pe Facebook are o mulțime de opțiuni disponibile; fiecare rețea socială are particularități, e indicat să completați profilul cât mai complet, să adăugați o imagine reprezentativă pentru afacerea voastră și, odată contul creat, să folosiți rețeaua respectivă;

7. Nu creați un cont și apoi să îl abandonați; stabiliți o frecvență minimă de actualizare a acelei rețele și mențineți-o; vă pot ajuta diferite instrumente de sincronizare (dacă postați un mesaj pe Twitter, să fie preluat de Facebook și LinkedIn, de exemplu) sau instrumente care vă ajută să postați simultan în mai multe rețele (cu TweetDeck, de exemplu, puteți actualiza mai multe conturi pe rețele sociale); tot aici se poate menționa și interacțiunea cu conturile clienților voștri; dacă ei își iau timpul și vă citesc și interacționează cu voi pe paginile voastre, interacționați și voi cu ei pe paginile lor;

8. Evitați să folosiți o rețea socială pentru a vorbi doar despre voi; “noi am lansat un produs”, “cumpărați de la noi”, “noi avem promoții”; vorbiți și despre comunitate, interacționați, puneți și răspundeți la întrebări, fiți acolo pentru clienții voștri; de asemenea, vorbiți și despre alte lucruri din business-ul vostru; e un subiect delicat dacă ar trebui să promovați produsele concurenței sau nu, însă într-o anumită nișă pot exista afaceri care să fie complementare business-ului vostru; sau pot fi articole în presa scrisă care nu vă menționează nici pe voi și nici concurența, însă descriu lucruri importante pentru afacere; în fine, nu uitați să aveți și o voce personală, ieșită din tiparul oricărei afaceri, fie ea a voastră sau a concurenței;

9. Când integrați iconițele pentru rețelele sociale în site, fiți atenți ca acele iconițe să corespundă exact cu rețeaua socială respectivă; e frecventă folosirea siglei companiei Yahoo! pentru Yahoo! Messenger (sunt sigle diferite), însă am văzut și alte cazuri în care siglele erau deformate (sigla Facebook, de exemplu, nu arăta exact cum ar fi trebuit, era deformată); unele rețele sociale își îmbunătățesc siglele cu timpul (sigla Yahoo! Messenger a evoluat de-a lungul anilor); asigurați-vă că aveți ultima variantă a siglei rețelei sociale pe care o doriți în site;

10. Răspundeți rapid; dacă cineva dorește să interacționeze cu voi, stabiliți un termen maxim în care să răspundeți solicitărilor, și păstrați acel termen;

11. Consider că textul “Urmărește-ne pe Twitter” ar trebui să fie, de fapt, “Urmează-ne pe Twitter”; similar, “Distribuie pe Facebook” ar putea fi, mai degrabă, “Partajează pe Facebook”; detalii;

12. Pentru că:

• Traficul pentru clipurile video poate fi considerabil, și e mult mai avantajos să externalizați traficul (să lăsați povara traficului pentru un clip video altui site, nu pentru al vostru);
• Clipurile video sunt unele din cele mai atractive metode pentru vizitatori;

Recomand folosirea unor rețele sociale ca YouTube (varianta de top), Vimeo (permite video-uri de calitate foarte bună), sau Trilulilu (localizat în România, însă calitatea video lasă de dorit);

13. Pe unele rețele sociale există conturi de utilizator persoane și conturi de companii; nu confundați cele două lucruri și, în cele mai multe cazuri, este foarte indicat să faceți conturi de companie; pe Facebook există Fan Page-uri (sau Groups, dacă aveți o comunitate unită), pe LinkedIn există profiluri de companie, dar și grupuri (pentru comunități);

14. Permiteți comentariile în rețelele sociale – lăsați vizitatorii să comenteze peste tot – în pagina voastră, pe mesajele pe care le postați; sugestia mea ar fi să nu moderați mesajele și să înlăturați (ulterior, nu neapărat instant) doar mesajele cu limbaj licențios; cu alte cuvinte, permiteți în rețelele sociale vizitatorilor să lase impresii negative despre compania voastră, atâta timp cât sunt scrise cu limbaj decent;

15. Promovați conturile voastre de rețele sociale – puneți linkuri în site, în comunicările oficiale (email, template-uri de documente); când puneți linkurile în site, este indicat ca linkul să se deschidă în fereastră nouă, pentru a nu alunga vizitatorii de pe site; unele rețele sociale permit o integrare mai puternică (pe Facebook există o funcție “Like” prin care vizitatorii pot partaja doar printr-un singur click o anumită pagină cu rețeaua lor de prieteni; Twitter are un buton de “Tweet”; LinkedIn are un buton similar – “Share”); puteți folosi și aceste butoane; în fine, există rețele sociale care permit să integrați anumite părți ale rețelei sociale; Facebook vă permite să postați, de exemplu, o listă cu utilizatorii care au dat “Like” unei pagini; Twitter vă poate afișa ultimele mesaje adăugate; căutați asemenea elemente (“widget”-uri în limba engleză) și alegeți unele potrivite pentru voi; un link pe rețelele sociale vă ajută în poziționarea în motoarele de căutare; însă, și invers, un cont pe o rețea socială care are linkuri poate să atragă trafic către site-ul vostru (adică dacă promovați o pagină de Facebook, veți avea mai mulți vizitatori care ajung pe Facebook și, ulterior, mai mulți vizitatori care vin pe site-ul vostru din Facebook);

16. Facebook vă permite crearea de URL-uri particularizate; YouTube folosește numele profilului vostru pentru a crea un URL care să îl conțină; Twitter folosește, de asemenea, numele utilizatorului în URL; în această direcție, asigurați-vă că folosiți nume de utilizator relevante pentru afacerea voastră și particularizați-vă URL-ul;

(top)

E2. Comunitate în site – feed-back site, promovare site, comentarii

1. E bine să aveți în site o casetă în care vizitatorii să poată lăsa feed-back pentru site; vă recomand o variantă puțin intruzivă, un simplu link;

2. Dacă site-ul vostru are și o cauză socială, puteți solicita vizitatorilor să vă ajute cu promovarea; în pagină vizitatorii ar trebui să găsească bannere (cu cod embed, gata de preluat), linkuri (iarăși, cu cod embed) sau informații ce pot fi folosite în articole despre site (comunicate de presă, de exemplu); dacă nu aveți o cauză socială, ar fi bine să vă gândiți la o motivație – “Scrie despre un produs de-al nostru și îl poți câștiga”, de exemplu;

3. Răspundeți rapid; dacă cineva dorește să interacționeze cu voi, stabiliți un termen maxim în care să răspundeți solicitărilor, și păstrați acel termen;

4. Îmi plac sistemele prin care vizitatorii pot nota un anumit comentariu pozitiv sau negativ, și în urma acestor voturi un comentariu este afișat privilegiat sau, dimpotrivă, devine ascuns (sistemul e folosit de IMDb, Amazon.com, YouTube);

(top)

E3. Funcția de căutare

1. Pentru un site de prezentare, poate fi o opțiune bună să aveți o căutare Google în site; vizitatorii sunt probabil obișnuiți cu folosirea Google și vor ști să caute în site; pentru magazinele online, o căutare Google este însă, în general, ineficientă;

2. Vă recomand opțiuni de filtrare a rezultatelor, sau de căutare avansată; astfel, dacă intru pe un site dedicat telefoniei mobile, dacă voi căuta “Telefoane” voi obține sute de rezultate; am nevoie de ajutor să filtrez acele rezultate;

3. Utile sunt și funcțiile de abonare prin RSS/email la produsele nou apărute într-o căutare; astfel, aș vrea să știu când aduceți noi produse Nokia în site;

(top)

E4. Statistici din site

1. Google Analytics este cel mai folosit serviciu de statistici pe plan internațional (cel puțin pentru site-urile cu mult trafic); în România este popular serviciul Trafic.ro, iar în variantele plătite SATI; dacă doriți să faceți publice statisticile (în mod tipic private) din Google Analytics, puteți apela la soluția românească T5;

2. Google Analytics are posibilitatea de a rapoarte particularizate și poate fi o resursă foarte utilă, prin funcțiile avansate; vă puteți documenta despre Google Analytics pe blogul oficial;

3. Există și o variantă Google Analytics destinată magazinelor online;

4. Dacă folosiți un serviciu de trafic care afișează un banner pe site, sugestia mea este să puneți acel banner în footer, sau într-o altă zonă puțin vizibilă a site-ului; este indicat ca banner-ul să nu ocupe un întreg rând orizontal, ci să fie în rând cu alte elemente (cu alte cuvinte, nu puneți banner-ul de statistici singur pe un rând, ci aliniați-l cu alte elemente din pagină);

5. Personal mi se par puțin relevante statisticile care afișează numărul de utilizatori în prezent pe site; da, poate fi un indicator dacă aveți 300 de vizitatori în acest moment; însă este un număr greu de înțeles și foarte variabil;

(top)

E5. Formulare

1. Dacă aveți câmpuri obligatorii, marcate cu o steluță, explicați de la ce provine acea steluță (scrieți că câmpurile cu steluță sunt obligatorii);

2. Există unele formulare, care vă invită să faceți click (de genul “Caută aici și apasă Enter”); sunt două probleme cu acele câmpuri:

• Dacă fac click în câmpul respectiv, nu mai văd eticheta; să zicem că văd câmpul de căutare, pun cursorul mouse-ului în câmp și fac click; eticheta dispare; sunt sunat la telefon și când mă întorc nu mai știu ce făceam; nu mai văd nicăieri în pagină unde să caut; e frustrant;
• O altă problemă e la formulare cu mai multe câmpuri; de exemplu, văd că trebuie să scriu numele, fac click, scriu numele; din obișnuință apăs TAB pentru a completa câmpul următor; textul care să îmi arate ce text trebuie să scriu a dispărut; sunt în al doilea câmp al formularului, dar nu mai văd ce trebuie să completez; probleme;

Prin urmare, recomand întotdeauna să folosiți formulare cu câmpurile ca și etichetă, nu ca text care când faceți click pe el dispare;

3. Completez un formular, apăs “Trimite”; nu am completat ceva bine; ce ar trebui să se întâmple? Să primesc în partea de sus a formularului un mesaj evidențiat (uneori cu roșu, alteori cu altă culoare distinctivă) în care sunt informat că am completat câmpurile A, B și C greșit; de asemenea, deasupra fiecărui câmp în parte, să mi se menționeze, încă o dată, cu culori diferențiatoare, eroarea;
Desigur, toate celelalte câmpuri ar trebui să fie deja auto-completate;

4. Alternativa la verificarea de mai sus este ca atunci când părăsesc un câmp (am scris numele și dau tab, sau pun cursorul mouse-ului la câmpul următor și fac click) să existe o verificare prin JavaScript, care să mă informeze că nu am completat corect, eventual să îmi dea și sugestii de completare;

5. Dacă completez un formular în mai mulți pași, am ajuns la pasul 4 din 5 și mă întorc la pasul 1, ar trebui să rețineți datele completate la pașii 2, 3 și 4;

6. Există programe de tip Autofill (care completează automat formulare); aceste formulare se uită în codul sursă al site-ului după denumiri de câmpuri gen “Name”, “Email”, “Postal code”; sugestia mea este ca, în programare, denumirile câmpurilor respective să fie în limba engleză, și să fie varianta populară (de exemplu, pentru nume de familie să fie “Last Name”, mai degrabă decât “Family Name”);

7. Puteți particulariza pentru limba română numele butonului “Send”; ar trebui să se numească “Trimite” (sau o denumire alternativă – “Pasul următor” sau “Finalizează comandă” etc.);

8. Sunt de evitat complet butoane de tipul “Resetează formular” sau “Șterge tot”; vizitatorii pot pierde toate datele introduse și e foarte frustrant;

9. În pagina în care cereți date personale, puneți și link către politica de confidențialitate, și menționați dacă sunteți înregistrați la Autoritatea Națională de Supraveghere a Prelucrării Datelor cu Caracter Personal (e obligatoriu);

10. Un formular nu ar trebui să expire; dacă nu introduc datele timp de 10 minute, nu îmi pierdeți toate datele introduse; renunțați la funcția de expirare a formularului;

(top)

E6. Robots.txt și sitemap.xml

1. Este indicat ca fișierul robots.txt să existe și să fie realizat conform standardelor;
În fișierul robots.txt este indicat să aveți link către fișierul sitemap.xml;

2. Page Sculpting este o metodă de SEO prin care se încearcă direcționarea motoarelor de căutare doar către anumite pagini; metoda folosește, printre altele, adăugarea “Disallow” în fișierul robots.txt (alături de linkuri cu atributul “nofollow”); nu recomand niciuna din aceste metode, consider că este o metodă care face mai degrabă rău decât bine; nu vă voi recomanda resurse în acest sens, este o soluție controversată, sunt păreri pro și contra, eu sunt contra, însă comunitatea SEO este mai degrabă împărțită;

3. Fișierul sitemap.xml (dacă este arhivat, poate avea denumirea de sitemap.xml.gz sau sitemap.gz) prezintă cele mai importante pagini sau, de cele mai multe ori, toate paginile din site-ul vostru; dacă aveți un site foarte complex, pot fi create mai multe fișiere sitemap.xml; motoarele de căutare nu garantează că vor parcurge toate paginile din aceste fișiere, dar este o soluție foarte simplă și utilă de a crește indexarea site-ului vostru;

4. Pentru un site tipic, cu mai puțin de 500 de pagini, a cărui structură (paginile din site) se schimbă rar, puteți folosi “XML Sitemaps Generator” pentru a genera un fișier sitemap.xml; dacă aveți un site care se actualizează frecvent, sau mai mult de 500 de pagini, puteți folosi o soluție care creează fișierul sitemap.xml în mod automat; de, exemplu pentru WordPress există pluginul “Google Sitemap Generator“;

5. Este indicat ca în fișierul sitemap.xml să folosiți prioritizarea (în acest fel “informați” motorul de căutare despre cât de importantă e o pagină) și data ultimei modificări (motorul de căutare va ști cât de frecvent a fost actualizată o pagină);

6. Puteți folosi Google Webmasters Tools, Bing Webmaster Tools sau Yahoo! Site Explorer pentru a trimite sitemap.xml mai rapid către motoarele de căutare;

(top)

E7. Variantă de mobil

1. Vizitele de pe dispozitivele mobile (telefoane, tablete) pe un site sunt pe un trend ascendent; cum realizați o pagină de mobil? Un prim criteriu ar fi simplitatea paginii; pagina e bine să se încarce rapid, să aibă viteză de încărcare rapidă; dacă aveți elemente în Flash care nu sunt necesare navigării (de exemplu, un banner către o pagină din site), puteți lua în considerare să scoateți acele elemente de pe varianta de mobil;

2. Cu toate acestea, e bine ca în varianta de mobil să aveți cât mai multe din elementele din varianta clasică a site-ului; da, puteți reduce dimensiunile imaginilor, puteți afișa mai puțin text, însă în principal un site trebuie să aceleași nevoi și în varianta sa mobilă;

3. Folosiți în varianta de mobil elemente specifice acestui mediu – de exemplu, o funcție prin care când fac click pe un telefon mobil afișat în site să apeleze o funcție prin care să pot suna direct la acel număr de telefon;

(top)

E8. Emailuri

1. Dacă cunoașteți numele unui utilizator, este indicat să folosiți această informație; numele unei persoane e de obicei asociat puternic cu încrederea pentru un utilizator;

2. Un email trimis dimineața devreme sau seara târziu ar putea începe cu o formulă specifică perioadei de timp – “Bună dimineața” sau “Bună seara”;

3. Orice email trimis ar trebui să aibă fie un link de dezabonare de la acel tip de emailuri, fie o opțiune de blocare definitivă a tuturor emailurilor de la voi din site; vă sugerez să aveți amândouă opțiunile;

4. Luați în considerare faptul că un email poate fi afișat ca text (linkurile nu mai funcționează, un text de genul “Click aici” nu va putea fi click-at), așa încât e bine să includeți linkurile și desfășurat:
www.site-ulmeu.ro

5. Un URL foarte lung e posibil să fie afișat pe două rânduri în unii clienți de email; vă recomand să puneți linkurile la început de rând, și să nu depășească 50 de caractere (puteți folosi servicii externe de scurtare a URL-urilor);

6. Vă recomand cu căldură funcții de tipul “double opt-in”; dacă cineva își face cont, puneți-l să facă click ca să verificați dacă este într-adevăr adresa lui de email? Abonare prin newsletter? La fel, double opt-in;

(top)

E9. Sondaje

1. Întotdeauna puneți o clauză de genul “Nu știu/nu răspund/vreau să văd rezultatele” pentru cei care nu vor să dea răspunsuri valide;

2. În multe cazuri este util să aveți un link prin care se pot vedea voturile de până în acel moment, chiar dacă această funcție poate influența unele voturi;

(top)

E10. Cum să adăugați texte în site prin sisteme de tip CMS (content management systems)?

1. În primul rând, sugestia mea este să folosiți un CMS care e actualizat constant; apelați la serviciile unei companii care fie actualizează constant CMS-urile de pe site-urile clienților, fie folosește la servicii externe care se actualizează constant (WordPress, Joomla!, Drupal); actualizările sunt utile atât pentru securitatea site-ului, cât și pentru noi facilități din CMS (un CMS arăta diferit în 2001, în 2005 și în 2008 față de cum arată în 2011);

2. Multe CMS-uri permit o editare de tip WYSIWYG – ceea ce se obține este chiar ceea ce se vede; cu alte cuvinte, puteți edita pagina în timp real, nu trebuie să știți neapărat să lucrați cu editoare HTML;
Am o singură mențiune – dacă realizați un document în Microsoft Word și folosiți funcția de copy & paste, în codul sursă al paginii se obțin lucruri de genul:

Sugestia mea este fie să copiați textul fără formatare (puteți să îl treceți întâi, prin copy & paste într-un editor simplu, cum este Notepad), fie să folosiți o funcție de tipul “Paste from Word” (WordPress dispune de un astfel de buton);

(top)

E11. Timp de încărcare

1. Este bine ca site-ul:

• Să fie cât mai bine optimizat pentru dimensiuni mici, astfel încât site-ul în sine să ocupe puțin spațiu; detalii; cum testați cât de optimizat e site-ul?
• Să fie găzduit pe un server care să permită transferul rapid al datelor; pentru un site adresat utilizatorilor români, e bine să aveți un server în România; alegeți un furnizor care oferă viteze bune de încărcare;
• Desigur, site-ul nu trebuie să fie “picat” (nefuncțional) – atât din partea voastră, care dețineți site-ul, cât și a furnizorilor de hosting;

2. E bine să testați periodic viteza de încărcare a site-ului; puteți, de asemenea, monitoriza dacă site-ul este picat (inclusiv în România);

(top)

E12. Elemente legale

1. Dacă utilizatorii site-ului vostru folosesc formulare pentru a adăuga date personale (cum ar fi nume, email, telefon, site web), și voi stocați acele date într-o bază de date (de exemplu, stocați comentariile, care conțin numele utilizatorilor și adresa de email, într-o bază de date pentru a le afișa în site), e necesar să vă înregistrați la Autoritatea Națională de Supraveghere a Prelucrării Datelor cu Caracter Personal; înregistrarea se poate face online și este gratuită;
Ulterior înregistrării, este indicat să menționați că v-ați înregistrat cu numărul X în paginile în care solicitați date personale;

2. Dacă folosiți cookie-uri, ar fi indicat să aveți menționată politica lor în pagina de “Confidențialitate”;

3. Ar fi indicat să nu menționați exclusiv obligații – “Vizitatorul este obligat”, “Vizitatorul are datoria” -, ci și drepturi – “Vizitatorul are dreptul”;

4. Este indicat să aveți o pagină cu “Termeni și condiții” și una cu “Politica de confidențialitate”; puteți uni aceste două pagini într-una lungă;

5. Dacă doriți ca vizitatorii site-ului vostru să poată prelua conținut de pe site-ul vostru, e indicat să aveți un link în footer către Creative Commons;

6. Este indicat să înregistrați numele mărcii voastre; detalii;

(top)

E13. Blog

1. La un site tipic de WordPress, dacă mă uit în sursa site-ului vostru, pot să văd:
<meta name=”generator” content=”WordPress 3.0″ /><!– leave this for stats –>
Prin urmare, pot afla că folosiți WordPress, și anume varianta 3.0;
Persoanele rău intenționate pot folosi această informație în încercarea de a crea probleme site-ului; soluția este instalarea plugin-ului “WP-Secure Remove WordPress Version“;

2. Ce alte plug-in-uri recomand pentru un blog de tip WordPress?

• “Akismet” (vine standard cu WordPress, însă trebuie activat; faceți asta) – ajută la prevenirea comentariilor de tip SPAM;
• “All in one SEO pack” – e necesar să îl configurați cu atenție, debifați aceste trei opțiuni (de ce?):
  “Use noindex for Categories”;
  “Use noindex for Archives”;
  “Use noindex for Tag Archives”;
• “Google XML sitemaps” – ajută motoarele de căutare să navigheze blogul, prin crearea unui fișier de tip sitemap XML;
• “Subscribe to comments” – permite vizitatorilor să se aboneze la comentariile ulterioare (dacă eu comentez, mă pot abona la comentariile viitoare pe tema subiectului la care am comentat);
• “WP-DB-backup” – Salvează baza de date și (sugestia mea) v-o trimite periodic prin email; dacă aveți un blog rar actualizat, un back-up săptămânal este suficient; atenție însă! E necesar să faceți manual, periodic, back-up al folder-ului WP-Content, prin FTP, pentru a salva imaginile, modificările temei și plugin-urile instalate;

3. WordPress vine în mod standard în limba engleză, opțional se poate instala în limba română; limba temei este însă, în cele mai multe cazuri, engleza; vă sfătuiesc, așadar, să traduceți manual tema blogului în limba română;

4. În WordPress există opțiunea de a modifica URL-urile blogului vostru; sugestia mea este să optați pentru: “Month and name”;

5. Lucruri pe care le apreciez în bara laterală a unui blog:

• O listă cu cele mai recente articole (5, să zicem);
• O listă cu cele mai recente comentarii (5, să zicem);
• Arhiva mesajelor, pe luni, cu numărul articolelor afișate în paranteză; prefer afișarea ca dropdown;

6. Pentru majoritatea blogurilor, o funcția de calendar, care arată în ce zile ale lunii ați postat mesajele, mi se pare inutilă;

7. Când alegeți instalarea unui blog, aveți următoarele trei variante de domeniu:

• Subfolder: numesite.ro/blog;
• Domeniu separat: blogulmeu.ro;
• Subdomeniu: blog.numesite.ro;

Dintre aceste variante, cea mai bună este varianta subfolder-ului, iar cea mai puțin recomandată este varianta subdomeniului; undeva între cele două este varianta domeniului dedicat;
Avantajul principal al subfolder-ului este că linkurile pe care le strâng atât site-ul, cât și blogul, contribuie la crearea unei valori mai mari a combinației celor două (cu alte cuvinte, dacă strângeți linkuri către blog, asta ajută și site-ul; invers, dacă obțineți linkuri către site, asta ajută și blogul);
Marele avantaj al domeniului separat este că e ușor de ținut minte (blogulmeu.ro);

8. Vă sugerez ca în pagina unui articol de pe blog, să adăugați opțiunea ca vizitatorii să se poată abona prin RSS la comentarii pentru articolul respectiv; soluție pentru bloguri de tip WordPress;

9. Puteți lua în considerare să gestionați feed-urile RSS prin Feedburner, care vă dă statistici despre abonați și face ușoară abonarea prin email;

(top)

E14. Ce altceva poți pune în site?

1. Puteți obține linkuri multe și de calitate dacă în afară de “Ați intrat pe site-ul nostru, haideți să vă vindem ceva”, oferiți și lucruri care aduc calitate; sugestii:

• Puneți un blog în care informați cititorii nu doar despre produsele voastre, ci oferiți și informații de interes general;
• Creați un instrument util; de exemplu, un site medical poate pune un calculator de calorii; sau un site de imobiliare poate pune un instrument care ajută la calcularea unui impozit în funcție de suprafață; ori o pagină dedicată articolelor sportive să aibă un instrument care îți calculează indicele masei corporale;
• Ghiduri; pot considera că articolul de față e un ghid; puneți în site-ul vostru asemenea ghiduri – informații foarte detaliate despre cum să faceți un lucru; nu atât de detaliat ca o carte, dar mult mai profund decât un simplu articol pe blog;
• Mi-ar plăcea să văd un comparator de oferte; puteți compara între produsele din site-ul vostru sau puteți include și produse oferite de concurență;

2. Ar fi interesant să personalizați site-ul în funcție de ce a căutat; dacă cineva caută la Google “iPhone 4”, poate ajunge într-o pagină de telefoane mobile, în general; ei bine, în acest caz, ar fi bine ca primele produse să fie iPhone; sau dacă ajunge într-o pagină a telefonului iPhone 4, să îi sugerați și alte accesorii care s-ar potrivi cu acest telefon (husă de telefon, protecție ecran);

3. La pagina “Despre noi” sau într-o secțiune separată, puteți include o secțiune dedicată aparițiilor în presă;

4. Mi-ar plăcea să citesc pe site-ul vostru despre ecologie – de ce produsele voastre pot fi considerate “verzi”, cum vă implicați voi în protejarea mediului; exemplu;

5. Dacă aveți un site care are o misiune socială, puteți avea o pagină în care solicitați donații;

6. Mi-ar plăcea să văd o secțiune dedicată soluțiilor prin care pot să vă întâlnesc – pot veni la voi la sediu, vă pot găsi la un anume eveniment pe care îl organizați sau la care participați;

(top)

E15. Testarea A/B a unei pagini

1. În această pagină, v-am dat mai multe soluții prin care puteți crește funcționalitățile unui site; însă, în cele din urmă, o soluție care a fost de succes pe 10 site-uri, poate fi un eșec pe al 11-lea site, deși este implementată corect; există particularități, în funcție de audiență, de ce face concurența, de nișa în care sunteți prezenți; soluția finală? Testați cât mai mult;

2. Ce să testați? Există o tendință de a testa lucruri relativ minore – schimbăm culoarea unui buton și testăm o lună de zile, împărțind vizitatorii în 3 – unii care văd un buton verde, alții care văd butonul albastru și alții care văd un buton roșu; la sfârșit se ia o decizie; problema cu această soluție e că diferențele vor fi, în cele mai multe cazuri, minore; faceți schimbări majore – creșteți dimensiunea pozelor, afișați mai multe produse pe pagină și puneți descrieri mai mari; adăugați clipuri video produselor, integrați rețele sociale și scurtați formularele de comandă; detalii;

Spor la realizat site-uri!

PS, 2018.03.08: Folosește cifre în prezentarea ta. Exemple foarte OK de cifre:

• 10 years on international market;
• 49 awards & recognitions;
• 154 worldwide clients from 17 different countries;
• 127 completed outsourcing projects in 2013;
• 42 close-knit team members;
• 16 years in digital business;
• 25MM Using our products every month;

Nu trebuie să inventezi cifre, poți aproxima, nu trebuie precise la ultima zecimală. Contează mult.

PS, 2018.03.08: Adaugă o secțiune “Cariere” în site-ul tău, poate chiar în pagina de contact. E utilă.

PS, 2018.04.20: You Still Need to Read Terms of Service Documents, Unfortunately.

PS, 2018.04.22: Regula zilei 20 ani, 20 de ani.

PS, 2018.09.10: Product Descriptions: 17 Fresh Writing Angles | Practical Ecommerce.

PS, 2022.01.o9: De văzut alte articole, aici:

• Meta description tag for large web sites – Blog de Olivian Breda
• My gorgeous article about the best attributes to successfully use – Blog de Olivian Breda
• Scrolling is better than clicking – Blog de Olivian Breda
• Resurse pe tema content marketing – Blog de Olivian Breda
• [Guest post] Textele site-ului: cine și cum ar trebui să le facă?
• [Guest post] Scrierea de texte bine realizate, sfaturi de la A la Z
• How to write well? – Blog de Olivian Breda
• Despre realizarea unui site, și ce contează cu adevărat când faci unul – Blog de Olivian Breda
• Ce alegi între categorii și etichete pentru articolele WordPress? – Blog de Olivian Breda
• Principalul criteriu pentru teme WordPress, în 2020? Viteza! – Blog de Olivian Breda
• Despre mitul densității cuvintelor cheie și importanța lor pentru SEO – Blog de Olivian Breda
• Cel mai important lucru pe care ar trebui să îl știi despre promovarea pe Internet. Poate singurul – Blog de Olivian Breda
• Ghidul începătorului în SEO – Blog de Olivian Breda
• Cum scrii un articol optimizat din punct de vedere al motoarelor de căutare (SEO)? – Blog de Olivian Breda
• Meta tag-ul «title» – cel mai important element on-page. Ghid complet – Blog de Olivian Breda
• Meta tag-ul description – ghid complet de creare a lui – Blog de Olivian Breda
• Cum să crești CTR (rata de click) din rezultatele la căutări, folosind emoticoane 👍 [Guest Post]
• Cum faci SEO pentru imagini (ghid detaliat)? – Blog de Olivian Breda
• Cum să obții o listă de cuvinte cheie relevante pentru un site? – Blog de Olivian Breda
• De ce să fii “real” pe un site? De ce să fii tu însuți? De ce să intri în concret? – Blog de Olivian Breda
• Despre noi – ghid realizare – Blog de Olivian Breda
• Returning products – “Oh, no, don’t do this, why do you want to do this? This looks damaged!” vs. “We’d love to refund your product, no questions asked! Thanks for shopping with us!” – Blog de Olivian Breda
• How to promote an event? (guide) – Blog de Olivian Breda
• So, you want to help people. You’ve got an NGO. What’s next? – Blog de Olivian Breda
• How to “sell” your crowdfunding project? – Blog de Olivian Breda
• Acel moment de după implementare audit SEO, care se transformă în zile, săptămâni, luni, ani … – Blog de Olivian Breda

Copiază URL articolTrimite pe FacebookTrimite pe WhatsAppEroare linkuri?