Standarde de creare a site-urilor

Cuprins
1. Termeni de bază și abrevieri ................................................................................................. 3
2. Completitudine ...................................................................................................................... 3
2.1 Sistem de gestionare a conținutului ................................................................................. 3
2.2 Statistici ............................................................................................................................ 4
2.3 Versiune pentru deficienți de vedere ............................................................................... 4
2.4 Versiune mobilă ............................................................................................................... 5
3. Execuția tehnologică ............................................................................................................. 5
3.1 Aspect ............................................................................................................................... 5
3.2 Protocoale și formate de transfer de date ......................................................................... 6
3.3 Adresa URL a conținutului .............................................................................................. 6
3.4 Disponibilitate .................................................................................................................. 6
3.5 Securitate .......................................................................................................................... 7
4. Optimizarea motorului de căutare ......................................................................................... 7
5. Conținut ................................................................................................................................. 8
5.1 Materiale text.................................................................................................................... 8
5.2 Imagini ............................................................................................................................. 8
5.3 Videoclipuri...................................................................................................................... 9
5.4 Informații de contact ........................................................................................................ 9
6. Design vizual și ergonomie ................................................................................................... 9

2
 1. Termeni de bază și abrevieri

Domen - un domeniu este o regiune a spațiului de nume ierarhic al internetului care este
întreținut de un set de servere de nume de domeniu (DNS) și este administrat central.

Framework - este un cadru al unui sistem software (sau subsistem). Poate include programe
utilitare, biblioteci de coduri, un limbaj de scriptare și alte programe care facilitează
dezvoltarea, integrarea diferitelor componente ale unui proiect software mare și execuția
acestuia.

DNS - Sistem de nume de domeniu, sistem de nume de domeniu.

HTML - HyperText Markup Language, limbajul standard de marcare pentru documentele de

pe Internet.

JavaScript este un limbaj de script orientat spre prototip.

JSON este un format de schimb de date textual bazat pe JavaScript și este utilizat în mod
obișnuit cu acest limbaj special.

RSA este un algoritm criptografic cu cheie publică bazat pe complexitatea de calcul a

problemei factorizării numerelor întregi mari.

URL - Uniform Resource Locator, un mod standardizat de a înregistra adresa unei resurse pe
Internet.

W3C este consorțiul World Wide Web, o organizație care dezvoltă și implementează
standarde tehnologice pentru internet.

XML - eXtensible Markup Language, un limbaj de markup pentru date structurate.

2. Completitudine
2.1 Sistem de gestionare a conținutului
2.1.1 Cerințe

 Ar trebui utilizată o arhitectură modulară, care implică implementarea funcțiilor

principale ca module separate, permițându-le să fie modificate independent. O
defecțiune în funcționarea unuia dintre module nu ar trebui să conducă la o încetare
completă a funcționării site-ului în ansamblu.
 Ar trebui să fie posibilă gestionarea întregului conținut al site-ului.
 Ar trebui să fie posibil să setați titluri unice de browser (titlu), metaetichete (descriere,
cuvinte cheie) și URL pentru toate paginile site-ului.
3
  Ar trebui să fie posibil să evidențiați un titlu h1 pe pagină și, dacă este necesar, mai
multe titluri de nivel inferior.
 Ar trebui să puteți evidenția cuvinte individuale pe pagină cu caractere aldine în
eticheta <b> și cursiv în eticheta <em>, setați atributul alt pentru imagini.

2.1.2 Recomandări

 Se recomandă restricționarea formatării conținutului paginilor prin interfața

administrativă.
 Este recomandat să aveți funcționalitatea de previzualizare a materialului înainte de
publicare.
 Se recomandă să puteți amâna publicarea materialului atunci când este atins timpul
specificat.

2.2 Statistici
 Se recomandă utilizarea unui contor care este invizibil pentru vizitatorii site-ului.
 Se recomandă să aveți funcționalități pentru colectarea și stocarea statisticilor privind
interogările de căutare.
 Pentru a determina cele mai solicitate servicii și capacități ale site-ului, se recomandă
colectarea informațiilor statistice care caracterizează activitatea utilizatorului în părțile
relevante ale site-ului.
 Se recomandă colectarea și stocarea informațiilor statistice pentru întreaga perioadă de
existență a site-ului.

2.3 Versiune pentru deficienți de vedere

2.3.1 Cerințe

 Site-ul trebuie să aibă o versiune specială pentru persoanele cu deficiențe de vedere.

 Utilizatorii nu ar trebui să aibă dificultăți cu trecerea de la versiunea obișnuită la
versiunea pentru persoanele cu deficiențe de vedere și invers.
 Ar trebui să fie posibilă mărirea dimensiunii fontului și selectarea diferitelor scheme
de culori.
 Toate elementele vizuale ar trebui să fie dezactivate în versiunea cu deficiențe de
vedere.

2.3.2 Recomandări

 Se recomandă ca dimensiunea fontului textului principal să fie de cel puțin 14 puncte.

 Se recomandă utilizarea textului negru pe un fundal alb ca schemă principală de
culori.
 Se recomandă plasarea elementelor semantice ale site-ului unul sub altul.

4
2.4 Versiune mobilă
2.4.1 Cerințe

 Site-ul trebuie să aibă o versiune specială adaptată pentru vizualizare pe dispozitive

mobile, inclusiv tablete.
 Dispozitivul utilizatorului ar trebui detectat automat și ar trebui să se deschidă o
versiune a site-ului adaptată pentru acesta.
 Utilizatorii ar trebui să poată comuta între versiunile obișnuite și cele mobile ale site-
ului.

2.4.2 Recomandări

 Se recomandă găzduirea unei versiuni a site-ului adaptată pentru vizualizarea pe

dispozitive mobile pe un subdomeniu.
 Este recomandat să detectați automat lățimea ecranului dispozitivului utilizatorului și
să optimizați interfața pentru această lățime.
 Se recomandă ca numărul elementelor grafice să fie minim, dar suficient pentru a
îndeplini funcțiile de bază de informații.
 Se recomandă să nu utilizați imagini grele.
 Se recomandă să nu utilizați fonturi non-standard.

3. Execuția tehnologică
3.1 Aspect
3.1.1 Cerințe

 Aspectul ar trebui să ia în considerare semantica elementelor, principiile elementelor

de modularitatea și ierarhia semantică.
 Ar trebui utilizat tipul de aspect al blocurilor. Structura tabelară este aplicabilă acolo
unde sunt necesare tabele.
 Fișierele de aspect trebuie să conțină numai conținut semantic, adică fișierele * .html
pot conține doar structură DOM, fișiere * .css - foi de stil, * .js - numai cod JavaScript.
 Site-ul ar trebui să afișeze același lucru în toate browserele moderne. În versiunile mai
vechi de browsere, sunt permise ușoare diferențe în designul blocurilor, fără a-și
pierde structura și funcționalitatea.
 Pagina trebuie plasată fără bare de defilare orizontale într-o fereastră a browserului
maximizată pe ecran complet atunci când componenta orizontală a rezoluției ecranului
este de 1024 px.

3.1.2 Recomandări

 În paginile interne, se recomandă logo-ul site-ului să fie un link către pagina

principală.
5
  Este recomandat să porniți aspectul paginii spunând browserului cum să afișeze corect
documentul. Pentru a face acest lucru, utilizați eticheta <! DOCTYPE html> sau <!
DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/ xhtml1- strict.dtd ">.
 Este recomandat să creați pagini de site în codificare UTF-8.
 Este recomandat să faceți diferite design-uri de link-uri în starea normală și pe hover.
 Se recomandă implementarea aspectului paginilor pentru tipărire utilizând CSS.
 Se recomandă setarea lățimilor minime și maxime pentru pagini.

3.2 Protocoale și formate de transfer de date

3.2.1 Cerințe

 Site-ul trebuie să difuzeze conținut utilizatorilor finali care utilizează protocolul

HTTP (S).
 Transferul de conținut către utilizatori anonimi prin FTP este inadmisibil.
 În cazul integrării cu sisteme externe, transferul de date ar trebui să fie efectuat
folosind protocoale standardizate.
 La transferul datelor de utilizator, trebuie utilizat protocolul HTTPS securizat.
Serverul trebuie să aibă un certificat SSL valid semnat de o autoritate de certificare.
Toate instrumentele de protecție a datelor cu caracter personal utilizate trebuie să fie
certificate.

3.3 Adresa URL a conținutului

3.3.1 Cerințe

 Fiecare pagină de pe site trebuie să aibă un URL unic.

 Adresa URL a fiecărei pagini trebuie să fie constantă.
 Paginile ar trebui să aibă adrese URL clare, de exemplu,
www.domen.md/about/contacts/.

3.4 Disponibilitate
3.4.1 Cerințe

 Răspunsul site-ului la solicitările utilizatorilor nu ar trebui să depășească 3 secunde

pentru conținutul static.
 Site-ul ar trebui să fie disponibil utilizatorilor 99,4% din timp în fiecare lună.
 Toate paginile care funcționează corect trebuie să returneze un cod 200 OK.
 Site-ul și toate materialele sale informative ar trebui să fie disponibile pentru toți
utilizatorii fără a trece prin procedura de autentificare.
 Interfața administrativă ar trebui să fie accesibilă numai unui anumit grup de utilizatori
după ce a trecut procedura de autorizare.

6
3.4.2 Recomandări

 Se recomandă utilizarea caracteristicilor utilizatorului, cum ar fi adresa de e-mail și

parola pentru autorizare și autentificare.
 Este recomandat să nu utilizați ferestre pop-up pentru a furniza informații utilizatorilor
la cerere.

3.5 Securitate
3.5.1 Cerințe

 Toate porturile care pot fi accesate din rețeaua WAN trebuie filtrate cu atenție cu
ajutorul unui firewall.
 Porturile de servire ale sistemului (22 - ssh, 21 - ftp etc.) trebuie să fie accesibile
numai de la anumite adrese IP.
 Accesul extern la baza de date nu este permis.
 Datele de autorizare și autentificare ale utilizatorului nu trebuie stocate în cookie-uri.
 Numărul de caractere pentru setarea unei parole pentru un cont de utilizator trebuie să
fie de cel puțin 6 caractere. Aceste caractere trebuie să includă litere mari și mici, cifre
și caractere speciale.
 Înregistrarea utilizatorului trebuie confirmată prin e-mail sau număr de telefon mobil.
 Raportul despre evenimentele critice trebuie să fie disponibil administratorului site-
ului la nivelul sistemului de gestionare a site-ului.
 Jurnalul modificărilor trebuie să includă informații despre utilizatorul care a făcut
modificarea, inclusiv datele de conectare și adresa IP.
 Doar persoanele cu drepturi speciale ar trebui să aibă acces la jurnale.
 Editarea intrărilor de jurnal nu este permisă.

3.5.2 Recomandări

 Se recomandă blocarea automată a adreselor IP de la care se primește un număr

nerezonabil de mare de solicitări similare către site.
 Se recomandă păstrarea jurnalelor timp de cel puțin 3 luni.

4. Optimizarea motorului de căutare

 Nu este recomandat să plasați un număr nerezonabil de mare de cuvinte cheie pe
pagină pentru a o promova.
 Nu este recomandat să plasați blocuri de text pe pagini care sunt inaccesibile
utilizatorilor.
 Este recomandat să faceți linkuri către alte pagini ale site-ului în conținutul
informațional al paginilor.

7
  Este recomandat să creați linkuri text. Se recomandă ca textul linkului să corespundă
paginii către care conduce linkul.
 Se recomandă crearea de linkuri folosind mijloace HTML. Atunci când utilizați
tehnologii suplimentare (de exemplu, JavaScript), paginile corespunzătoare trebuie să
fie disponibile prin linkuri text simplu.
 Se recomandă ca conținutul informațional al paginilor să fie unic, care nu se găsește pe
alte site-uri de pe Internet.
 Se recomandă ca accentele semantice ale textului și ale cuvintelor cheie să fie
evidențiate cu eticheta <strong> sau <b>.
 Este recomandat să scrieți conținutul cuvintelor cheie și metaetichetele de descriere
pentru oameni, în limbajul uman normal - în detaliu, propoziții corect construite, fără
abuz de cuvinte cheie, majuscule, sloganuri publicitare etc.
 Lungimea recomandată pentru meta-eticheta cuvintelor cheie este între 50 și 100 de
caractere.
 Este recomandat să inserați cuvinte cheie în atributul alt al imaginilor.
 Când schimbați adresa URL a paginii, este recomandat să utilizați o redirecționare 301
de la vechea adresă URL la cea nouă pentru a salva linkurile externe către pagină.

5. Conținut
5.1 Materiale text
5.1.1 Cerințe

 Toate materialele text de pe site trebuie să aibă titluri.

 Materialele text mari ar trebui să fie împărțite în blocuri logice și marcate cu subtitluri.
 Materialele text trebuie să fie împărțite în paragrafe pentru a le ușura citirea.
 Materialele text trebuie să fie corecte, obiective și politice.

5.1.2 Recomandări

 Se recomandă să nu puneți un punct final la sfârșitul titlurilor, subtitrărilor și tabelelor.

 Prima utilizare a abrevierii sau acronimului pe o pagină trebuie să fie însoțită de
încheierea unei explicații care descifrează semnificația abrevierii sau acronimului.

5.2 Imagini
5.2.1 Cerințe

 Se recomandă stocarea fișierelor grafice în formatele recomandate de W3C pentru

utilizare pe Internet și furnizarea celei mai mici cantități de date transmise
utilizatorului la un nivel acceptabil de calitate.
 Imaginile de pe site ar trebui reduse la minimum pe cât posibil pentru încărcare rapidă.
8
  Publicarea nerezonabilă a materialelor text sub formă grafică este interzisă.

5.2.2 Recomandări

 Este recomandat să combinați multe fotografii pe același subiect într-o galerie foto și
să furnizați elemente de navigare în galeria foto.

5.3 Videoclipuri
5.3.1 Cerințe

 Este permisă postarea videoclipurilor numai pe tema site-ului.

5.3.2 Recomandări

 Este recomandat să postați videoclipuri în format mp4.

 Se recomandă comprimarea videoclipurilor folosind codecul H.264.
 Se recomandă includerea subtitrărilor în videoclipuri.
 Este recomandat să puteți activa sau dezactiva ieșirea subtitrării în playerul video.

5.4 Informații de contact

5.4.1 Cerințe

 Site-ul ar trebui să includă informațiile de contact ale biroului central, sucursalelor și

diviziilor.
 Informațiile de contact ar trebui să includă cod poștal, oraș, adresă completă, telefon și
adresă de e-mail (dacă sunt disponibile).

6. Design vizual și ergonomie

6.1 Cerințe

 Toate paginile site-ului trebuie să fie proiectate în același stil.

 Proiectarea vizuală a paginilor ar trebui să faciliteze percepția corectă a informațiilor
postate pe acestea.
 Un singur antet și subsol ar trebui instalate pe toate paginile site-ului.
 Navigarea și structura site-ului ar trebui să fie logică. Linkurile către toate secțiunile și
paginile cheie ale site-ului ar trebui să fie disponibile de pe pagina principală a site-
ului.
 Tot conținutul și toate serviciile interactive ale site-ului trebuie să fie disponibile
vizitatorilor printr-un link sau element de meniu de navigare.
 Proiectarea elementelor de navigare, a linkurilor, a imaginilor, a butoanelor și a altor
elemente interactive ale paginilor ar trebui să faciliteze identificarea rapidă și ușoară
de către utilizatori.

9
  Fiecare element de navigare și control trebuie să fie funcțional și să conducă
utilizatorul la rezultatul scontat.
 Orice erori care apar ar trebui să fie însoțite de mesaje text clare care descriu problema
și cum să o rezolve.

6.2 Recomandări

 Evitați efectele care împiedică percepția informațiilor sau distrag atenția utilizatorului
de conținutul paginii: clipirea, mișcarea liniilor.
 Se recomandă afișarea textului cu un nivel adecvat de contrast în raport cu culoarea de
fundal utilizată (cel puțin 50%).
 Se recomandă utilizarea tipurilor standard pentru tastarea conținutului principal al
paginilor.
 Se recomandă ca dimensiunea fontului textului principal să nu fie mai mică de 12
puncte și nu mai mult de 14 puncte.
 Este recomandat să faceți titluri de diferite niveluri diferite între ele. Se recomandă
utilizarea unui font întunecat pe un fundal deschis.
 Se recomandă utilizarea vizualizării verticale a meniului principal de navigare al site-
ului dacă acesta conține mai mult de 7 articole.
 Se recomandă ca linkurile către descărcări să fie însoțite de o indicație a tipului și
dimensiunii fișierului.
 Când plasați o cantitate mare de informații text pe o pagină, se recomandă utilizarea
linkurilor interne (ancore) către diferite secțiuni ale paginii. La rândul său, în fiecare
secțiune a paginii, se recomandă includerea unui link „Înapoi sus” care permite
utilizatorului să revină în partea de sus a paginii.
 Se recomandă păstrarea titlurilor paginilor scurte, clare și reflectând cu exactitate
conținutul lor informațional.
 Se recomandă să nu utilizați mai mult de 2 cuvinte în desemnarea unui element din
meniul de navigare.
 Se recomandă să respectați următoarea logică a linkurilor:
o Un link cu un subliniat solid deschide o nouă pagină în fereastra curentă a
browser-ului.
o Se recomandă ca câmpurile de introducere a datelor dintr-un anumit format să
fie însoțite de explicații sau solicitări.
o În formularele cu mai multe pagini, se recomandă indicarea ecranului curent și a
numărului total de ecrane (pași).
o Nu este recomandat să utilizați elemente de design care fac accesul la text
neobservat pentru utilizatori - ferestre de derulare, casete derulante ascunse etc.
o Se recomandă ca titlul paginii să fie informativ și relevant și să nu conțină doar
cuvinte cheie.
10