Documente Academic
Documente Profesional
Documente Cultură
O fereastr pop-up este o fereastr mic n browser web care de obicei se deschide
imediat ce vizitati un site web, fiind creat de obicei de ctre agenii publicitari. Pop-up-ul
este o metod a celor doritori de publicitate care apar fr ca tu s vrei. Pentru a nchide
aceast fereastr de Pop-up este necesar doar s apei butonul x din colul dreapta de sus a
ferestrei respective. Mrimea ferestrelor Pop-up variaz, dar n mod normal nu acoper tot
ecranul.
2
Potrivit regulilor de webdesign, tot ce este in josul paginii nu este foarte important, iar
aceasta regula este apreciata deopotriva de designeri, cat si de utilizatori. Elementele grafice
din josul paginii nu sunt create pentru a atrage atentia, de aceea footerele sunt adesea uitate
sau ignorate cand este realizat un design.
In general, in footer sunt plasate: detalii de contact, adresa si harta site-ului, sectiunile
principale, informatii succinte despre site sau despre creatorii acestuia. Totodata el poate
contine si functii suplimentare, precum RSS, abonamente de informatii prin e-mail.
Unii designeri merg mai departe si plaseaza locul de navigare in partea de jos a
paginii. In astfel de cazuri site-ul este impartit in doua sectiuni, partea de sus este axata pe
continut, in timp ce in sectiunea de jos este plasata bara de navigatie.
Este clar ca rolul footer-ului este din ce in ce mai important si ca designerii sunt
hotarati sa fac apel la acest element grafic pentru a reusi sa iasa in evidenta.
header = colontitlu [termen tipografic consacrat; nu 'antet' = sigl, logo, cf. def. n
DEX: Indicaie tiprit n partea de sus a unei foi de hrtie sau a unui plic, cuprinznd
numele, adresa etc. unei instituii sau ale unei persoane. ], antet (n cazul unui mail
header; de asemenea antet este varianta aleas _deocamdata_ pt traducerea OOo)
3
footnote = not de pagin [nu de subsol; vezi footer]
trebuie s inem cont de curentul populat - dac ntrebi pe, aproape, oricine ce este
antetul unei pagini ar ti s-i zic: e partea de sus unde sunt datele firmei.
Headerul reprezinta partea de sus (capul) oricarui site/blog, care cuprinde informatii
esentiale despre identitate si navigare in site. Acesta are o importanta aparte pentru ca arata
vizitatorului cine esti, ce faci si, cel mai important, cat de mult te preocupi ca blogul tau ca
sa arate bine.
Headerul furnizeaza prima impresie. Prin intermediul lui ii sunt facute cunoscute
vizitatorului informatii privitoare la personalitatea blogului. Cele mai multe bloguri afiseaza
un nume sau un logo, un slogan si chiar o foarte scurta descriere asupra profilului.
Prin header poti arata tuturor ca esti diferit de ceilalti. Este locul din blog unde poti sa
oferi un gram de originalitate, in asa fel incat imaginea blogului tau sa fie memorata. Aspectul
general, logo-ul, sloganul si elementele de branding sunt cele care se vor lipi de retina si
memoria vizitatorului, daca acestea sunt implementate intr-un mod corect.
Logo Un logo bine realizat, care sa te reprezinte pe tine si blogul tau, va fi automat
memorat si asociat de fiecare data cu blogul tau. Asa cum spuneam pe blogul meu in legatura
cu crearea logoului, acesta poate fi creat de tine personal, poti sa apelezi la un profesionaist,
sau poti apela la mai multi profesionisti prin intermediul siteurilor de crowdsourcing asa cum
a ales Adi pentru BloggerIn.ro. Preturile sunt diverse, insa, atata timp cat logoul este de
calitate si iti confera tie si blogului tau o imagine de profesionist, este in regula.
Meniu de navigare Este instrumentul prin care poti sugera vizitatorilor unde ai vrea ca
ei sa navigheze de pe pagina principala. Deasemenea, ofera vizitatorului posibilitatea de a se
4
plimba nestingherit in continutul blogului tau. De obicei meniul de navigare din header
cuprinde link-uri stilizate pentru paginile blogului, insa multe dintre temele platformelor de
blogging afiseaza si link-uri catre categoriile de articole.
Link de abonare Acesta poate sa fie unul singur, pentru abonarea la stirile prin RSS,
insa cei mai multi dezvoltatori de blog aleg sa ofere si link-uri catre conturile proprii din
retelele de socializare pe care le folosesc (Twitter, Facebook, Linkedin, etc.)
Formular de cautare Acesta nu are voie sa lipseasca din continutul unui blog. Este un
must have al blogurilor. Atunci cand un vizitator doreste sa gaseasca pe blogul tau
informatii la care nu poate ajunge prin intermediul meniului de navigare sau link-urilor
interne, instinctiv va cauta formularul de cautare. Este de preferat ca acesta sa fie situat in
header, sau cat mai sus in sidebarul blogului, pentru a nu fi nevoie de o derulare disperata a
intreg continutului.
Te mandresti cu un website care prezinta informatii utile pentru orice utilizator, un blog cu
articole educationale care pot face o schimbare sau un magazin online ce vinde produse si
servicii de calitate. Cu toate aceste, nu ai parte de nicio conversie.
Ce se intampla?
Poate utilizatorii nu stiu ce trebuie sa faca pentru a cumpara un produs sau serviciu, nu
stiu cum sa se aboneze, sa-si faca un cont sau sa descarce un fisier. Sau poate doar au nevoie
de cineva care sa le spuna ce trebuie sa faca pentru a obtine ceva proces avantajos atat
pentru tine, cat si pentru public.
Acel cineva este tocmai un landing page, pardon, un landing page de succes, corect
optimizat. Eficienta unui landing page se masoara in ratele de conversie. Aceste conversii sunt
fie inregistrarea unui cont, completarea unui formular, comanda, inregistrarea pentru un
newsletter, participarea la un webinar etc. Tinta unui landing este sa convinga cel mai mare
procent de utilizatori sa completeze o actiune dorita.
La nivel general, un landing page este, practic, orice pagina web pe care utilizatorul poate
ajunge sau ateriza. In termeni de marketing si publicitate, un landing page este o pagina
web distincta de restul site-ului, cu un design special creat pentru a atinge un scop stabilit.
5
Atunci cand limitezi optiunile disponibile ale unui utilizator, acesta este ghidat pas cu pas
spre scopul pe care ti l-ai propus.
I. Accesibilitate
II. Identitate
III. Navigare
IV. Continut
6
I. ACCESIBILITATE
Un site trebuie sa se incarce repede. Cat de repede posibil, pentru ca rabdarea vizitatorilor e
limitata.
Vizitatorul trebuie sa poata citi rapid si usor textul de pe siteul tau.Text negru pe fundal alb e
cel mai recomadat, cu asta nu dai gres niciodata.Daca mergi cu text gri pe fundal caramiziu,
sau alte scamatorii, risti ca un vizitator sa nu poata citi textul si sa iasa de pe pagina.
Ochii sunt diferiti si monitoarele la fel, chiar daca tu vezi foarte bine textul pe monitorul tau
eu s-ar putea sa nu-l vad bine pe monitorul meu si atunci.. am plecat pe alta pagina.
Ca sa fii sigur ca nu gresesti, fa mai bine literele mai mari decat prea mici
Pentru ca literele mici cresc frustrarea celui care incearca sa citeasca si nu vrei un vizitator
frustrat ca nu poate citi ce ai scris pe site.
In plus, foloseste-te de spatiul alb. Nu incerca sa scrii ziduri de text, pentru ca nimeni nu va
sta sa le citeasca. Pur si simplu nu au rabdare si pleaca
Evita sa folosesti animatii pe site, chiar daca designerul iti zice ca arata foarte cool sau ca si
concurentii tai folosesc asta. Incarca inutil paginile si dureaza mult pana se incarca, ceea ce ne
duce la problema de la pct 1 dinainte.
7
ALT Tag vine de la Alternative Tag. Este un text alternativ care descrie o imagine de pe un
site.
Google nu vede imaginile asa cum le vedem noi, ci cauta textul ALT din spatele lor ca sa le
poata intelege si indexa repede.
De aceea este important sa verifici ca imaginile tale au ALT Tag setat corect. Trebuie doar sa
faci click-dreapta pe imagine, sa apesi Inspect Element (am ales la intamplare o poza de pe
siteul Primariei Cluj, pentru ca imi plateam impozitele cand am scris acest material):
II. IDENTITATEA
Prima intrebare cand ajunge cineva pe siteul tau este:
8
Cine esti tu? E important sa gaseasca raspuns instant, dupa care urmatoarele intrebari
trebuie si ele adresate: Cu ce te ocupi? si De ce sa am incredere in tine
7. Logoul companiei e vizibil
Pune-l acolo unde lumea se asteapta sa-l gaseasca, de obicei in coltul din stanga sus.
Daca logoul tau e in alta parte, vizitatorul e confuz, nu intelege despre ce e vorba. Nu-l
supara, si pune-l acolo, chiar daca un designer mai creativ insista ca arata mai bine in alta
parte ( nu-l asculta )
De exemplu, intra pe siteul Bancii Transilvania si vezi ce apare sub logo. Apare Banca
Oamenilor Intreprinzator. Din prima e clar ca e o banca, pentru oameni intreprinzatori.
9. Homepage-ul e digerabil in 5 secunde
Cam atata are rabdare un vizitator cu o pagina pe care intra prima data.
Si daca tot am pomenit Banca Transilvania mai devreme, uite ce vede un vizitator in primele 5
secunde pe pagina:
Pagina initiala:
Daca complici pagina si o faci foarte incarcata, nu va mai intelege nimic. Va pleca
9
O mentiune aici: pagina despre noi nu e locul unde sa te lauzi pentru ca Lauda de sine nu
miroase-a bine Decat daca are scopul de a-l ajuta pe vizitator.
E locul unde sa ii arati vizitatorului cum poti sa-l ajuti pe el. Are sens sa pui
premii/experienta, etc aici DOAR daca le aranjezi in asa fel incat sa inteleaga ca e in avantajul
lui sa lucreze cu tine.
Am scris intr-un guest post pentru blogul lui Lorand Soares Szasz numit Regula 80/20 in
online cum ar trebui sa iti construiesti pagina despre noi. Arunca un ochi pe el, poate te
inspira.
11. Informatii vizibile spre Datele de Contact
Oamenii vor sa stie ca siteul tau reprezinta o afacere reala.
Firmele care nu isi dau datele de contact clare (oras, strada, numar, telefon, etc) par firme
fantoma si increderea unui vizitator este zero. Eu personal nu am incredere intr-o firma care
nu isi da datele clare de contact, pentru ca simt ca are ceva de ascuns.
Ai grija sa pui informatiile de contact in format text, nu imagine, ca sa le poata vedea si
Google si sa le indexeze corect.
III NAVIGAREA
Bucatica asta e foarte importanta pentru vizitatorii care stiu cu ce te ocupi si vor mai mult de
la tine, de pe siteul tau
12. Navigatia principala este usor identificabila
Oamenii se asteapta de cand a aparut internetul la o bara de navigatie. Ea trebuie sa fie usor de
gasit, aproape cu ochii inchisi.
Daca ai doua, trebuie sa fie foarte clar pentru oameni care e diferenta.
Daca ai mai multe, opreste-te. E momentul sa renunti la cateva
10
obicei sa completeze un formular sau sa apese un buton de pe pagina ca sa mearga pe alta
pagina (aici e vorba de un proces de vanzare tip funnel, de care o sa discutam intr-un material
ulterior)
16. Linkurile sunt usor de identificat
Linkurile trebuie sa fie albastre si subliniate. Asa sunt ele de cand exista, asa s-a obisinuit
omul sa le vada.
17. Casuta de search/cautare e usor de accesat
Nu toate siteurile au nevoie de o casuta de cautare. Daca sunt mici sau nu au informatie multa,
nu e neaparat nevoie. Dar daca ai o casuta de cautare, fa-o vizibila. De obicei ea se pune in
coltul din dreapta al paginilor.
Butonul fa-l simplu si evident. Foloseste Cauta sau Search daca ai un site in alta limba.
IV CONTINUTUL
Se zice ca cash is king. La fel, content is king in online Ca sa poata fi usor de folosit,
Headingurile trebuie sa fie clare si, ca sa primesti puncte in SEO trebuie sa folosesti tagurile
necesare pentru headinguri: <h1>, <h2>, etc. In exemplul de mai jos, care ti se pare ca e
ordinea importantei unei pagini?
11
Sursa: http://www.wordwatch.com/blog/conversion-tracking/above-the-fold-content-and-
conversion-rates/
E foarte important ca orice fel de continut care explica ce faci, ce esti, care e critic pentru
buna intelegere a paginii tale sa fie deasupra fold-ului, pentru ca multa lume nu mai face
scroll in jos pe pagina si ii pierzi. In imaginea de mai jos, zonele cu albastru (din partea de jos
a paginii) sunt reci, nu le-a vazut aproape nimeni, in timp ce zona cu rosu (de deasupra fold-
ului) e fierbine, au vazut-o toti
12
22. Reclamele si pop-up-urile sunt decente, nu deranjeaza
Daca chiar e nevoie sa pui reclame pe siteul tau sau pop-upuri, fa-l cu retinere si incearca sa
fie frumos integrate in pagina. Trebuie sa fie clar pentru un vizitator care imagine de reclama
si care e parte de continut.
23. Textul principal e concis si explicativ
Regula de baza pentru textele online este: Scrie ce vrei sa spui pe pagina si dup-aia sterge
jumatate.
Pentru ca oamenii scaneaza, nu vor putea citi tot ce scrii, asa ca pastreaza continutul la minim.
Dar chiar minim, spune doar esentialul
Uite cum scaneaza un vizitator obisnuit o pagina. Zona cu rosu e zona fierbinte, care atrage
atentia imediat.
13
Cei 3 pai fundamentali n crearea unui site
Vrei ca firma ta s aib un site de prezentare dar nu tii care sunt paii care trebuie urmai i
ce presupune crearea unui site? Sau poate vrei s-i deschizi un blog sau un magazin online?
Orice fel de tip de site ai dori, n esen, ai nevoie de aceleai 3 elemente fundamentale:
1. Nume de domeniu
2. Gzduire web
3. Site-ul propriu-zis
1. Numele de domeniu
Acesta este adresa la care te vor gsi vizitatorii pe internet i este de forma
www.numefirma.ro sau .com, .net, .info, .eu, etc.
NOT: aceste preuri sunt valabile la data publicrii acestui articol, ele pot varia.
2. Gzduire web
Pentru ca domeniul s poat fi accesat pe internet trebuie asociat unui cont de gzduire pe un
server. Gzduirea web nseamn de fapt o chirie a unui spaiu pe un server, spaiu n care vor
fi stocate toate fiierele care compun site-ul.
14
Start- 2,9 euro + tva / lun
NOT: aceste preuri sunt valabile la data publicrii acestui articol, ele pot varia.
3. Site-ul propriu-zis
Aceste 3 elemente: domeniu, gzduire i site pot fi achiziionate de la firme diferite, nu este
obligatoriu ca firma care nregistreaz domeniul s vnd i gzduire sau servicii de creare de
site-uri.
De ce utilizam cookies?
15
Site-ul www.brandurioriginale,ro utilizeaza cookies deoarece acestea joaca un rol
important in facilitarea accesului, optimizarea functionalitatii si oferirea serviciilor de care
utilizatorul se bucura pe site, cum ar fi:
Ce este un cookie?
Un cookie este format din doua parti: numele si continutul sau valoarea cookie.
Mai mult, durata de existenta a unui cookie este determinata; tehnic, doar webserverul
care a trimis cookie-ul il poate accesa din nou n momentul n care un utilizator se ntoarce pe
website-ul asociat webserverului respectiv.
Avantajele cookies
16
Un cookie contine informatii care fac legatura intre utilizatori si un anume website.
Daca un browser acceseaza acel web-server din nou, acesta poate citi informatia deja stocata
si reactiona in consecinta.
Daca utilizatorul este inregistrat in contul sau de client inseamna ca a furnizat site-
ului www.brandurioriginale.ro informatiile cu privire la identitatea sa declarata, cum ar fi
adresa de e-mail si username-ul, aceste informatii fiind supuse confidentialitatii si
prevederilor din Termeni si conditii de utilizare, Politica de confidentialitate, precum si
prevederilor legislatiei in vigoare cu privire la protejarea datelor cu caracter personal.
cookies de inregistrare
Atunci cand utilizatorul se inregistreaza pe acest site, se genereaza automat un cookie care ne
anunta daca utilizatorul este inregistrat sau nu. Serverele www.brandurioriginale.ro folosesc
aceste cookies pentru a vizualiza contul cu care este inregistrat utilizatorul si daca acesta are
permisiunea pentru un serviciu anume. De asemenea, ne permite sa asociem orice comentariu
postat pe site-ul www.brandurioriginale.ro cu username-ul utilizatorului. Daca utilizatorul nu
a selectat pastreaza-ma inregistrat, acest cookie se va sterge automat cand va inchide
browserul sau calculatorul.
17
Aceste cookies ne permit sa aflam daca utilizatorul a vizualizat sau nu o reclama
online, care este tipul acesteia si cat timp a trecut de cand a vazut mesajul publicitar.
Datorita flexibilitatii lor si a faptului ca majoritatea dintre cele mai vizitate site-uri
folosesc cookies, acestea sunt aproape inevitabile. Dezactivarea cookies nu va permite accesul
utilizatorului pe site-urile cele mai raspandite si utilizate, printre care Youtube, Gmail, Yahoo
si altele.
Iata cateva sfaturi care pentru a imbunatati procesul de navigare, cu ajutorul cookies:
18
Daca nu te deranjeaza folosirea cookies si esti unicul utilizator al calculatorului
electronic, poti seta termene lungi de expirare pentru stocarea istoricului de navigare si al
datelor personale de acces.
Daca imparti accesul la calculator cu o alta persoana, poti lua in considerare setarea
browserului pentru a sterge datele individuale de navigare, de fiecare data cand inchizi
browserul. Aceasta este o varianta de a accesa site-urile care plaseaza cookies si de a sterge
orice informatie de vizitare la inchiderea sesiunii de navigare.
Instaleaza-ti si updateaza-ti constant aplicatii antispyware. Multe dintre aplicatiile de
prevenire si detectare a spyware-ului includ detectarea atacurilor pe site-uri. Astfel,
impiedica browserul de a accesa website-uri care ar putea sa exploateze vulnerabilitatile
browserului sau sa descarce software periculos.
Asigura-te ca ai browserul mereu updatat. Multe dintre atacurile bazate pe cookies se
realizeaza exploatand punctele slabe ale versiunilor vechi ale browserelor.
Important! Cookies sunt pretutindeni si nu pot fi evitate daca iti doresti sa beneficiezi de
accesul pe cele mai bune si mai vizitate site-uri de pe Internet, atat locale, cat si internationale.
Cu o intelegere clara a modului lor de operare si a beneficiilor pe care le aduc, poti lua
masurile necesare de securitate, astfel incat sa poti naviga cu incredere pe internet.
Dezactivarea cookies
Dezactivarea si refuzul de a primi cookies pot face anumite site-uri impracticabile sau
dificil de vizitat si folosit.
Este posibila setarea din browser pentru ca aceste cookies sa nu mai fie acceptate sau
poti seta browserul sa accepte cookies de la un site anume.
Ideea sa scriu acest text, care explica de ce sa faci SEO este 95% altceva decat web
design mi-a venit in urma cu exact o saptamana, cand mi-am luat licenta in informatica (E o
gluma, dar o voi explica foarte curand! daca aveti rabdare sa cititi pana la sfarsit) Apoi,
necesitatea relevarii diferentei dintre web design si SEO mi s-a parut evidenta in urma
intalnirii cu un vechi amic, un fel de expert in automatizari industriale si care nici el nu stia ce
naiba e aia SEO si cum frasul lui o fi locul ala de munca, sa lucrezi la SEO, adica unde dreaq
e aia!? (Sa traiesti Petrica!)
Totodata, dupa ce am inteles de ce trebuie sa scriu acest text, m-am luminat dintr-odata
cat sunt de destept!
19
Pai, s-o luam metodic. Web design inseamna sa faci o constructie de pagini care sa
arate intr-un fel si sa functioneze intr-un fel, da, sa si functioneze, pentru ca si design-ul este
ceva dat naibii si se fac facultati ca sa-nveti asta! Nu prea merge sa faci web desing asa,
oricum Sa ai insa un site nu este mare filosofie, va rog sa ma credeti pe cuvant. Nu trebuie
sa stii o boaba de web design si poti avea chestii foarte dragute, asta pentru ca altii au invatat
in locul vostru. Si va explic cum sta treaba.
Daca intrati pe site-ul http://simplesite.com veti putea sa va faceti pagini web foarte
dragute, chiar si magazine online (asta n-am testat dar sigur se pot face!) si totul pe gratis si
fara un ban si arata chiar bine! Serios. Puteti sa vedeti ca am testat si eu o chestie
la http://mateibit.simplesite.com dar e doar asa, sa ma distrez.
Bun, deci va faceti acolo un site web in toata regula, cu pagini cate doriti, schimbati
poze, text, introduceti conturi de FaceBook, de Google+ ce mai, totul asa cum va place,
desigur in interiorul unor limite pe care vi le stabilesc cei care au facut site-ul acesta. Si care,
cu siguranta, au invatat web design si programare la scoala, desigur ca nu chiar in locul dvs, ci
ca sa castige si ei o paine. Oabla treaba?
Acum, ce faceti mai departe? Va spun eu ce puteti face cu site-ul acela: Nimik! Adica
aproape nimic, va deprindeti doar cu ce inseamna un site si va obisnuiti sa administrati niste
pagini web. Va uitati la el, cititi ce ati scris si va priviti fotografiile. Sau difuzati acest web
design frumos si inutil pe la toti prietenii dvs, da, chiar asa, asta se poate Va cititi reciproc
site-urile. Pana va plictisiti.
Dar, daca vreti sa afle toata lumea despre site-ul acela pe care vi l-ati facut? Daca vreti
sa difuzati niste informatii care cu siguranta ca sunt capabile de a folosi cuiva, sunt chiar niste
chestiuni importante, ce faceti in cazul acesta? Ati constatat ca intr-adevar web design-ul acela
care arata deosebit de frumos nu va este util aproape deloc ce este de facut?
SEO este acel sector al vietii de pe internet care face sa se miste lucrurile. Care face
ca informatia sa circule la modul real, nu barfa care o facem intre noi, soptindu-ne ca ai vazut
ce poza si-a tras Vasilica pe pagina lui de FaceBook Nu. Trebuie sa vada toata lumea ce
poza si-a tras Vasilica, absolut toata lumea caci altfel Vasilica a dat banii degeaba la fotograf
daca nu afla nimeni de freza lui!
20
Bun, acum sa spun ce e cu licenta mea in informatica Ma cheama unul la telefon,
tocmai pe la ora pranzului, dupa ce am tras si eu o bere si am bagat un gratar in mine (de pui,
ca am treaba cu colesterolul!) si zice: Auzi bre, te ocupi de web design? Da, si faci si
magazine online? Da? Hai ca avem treaba, hai la mine sa-ti explic, lasa dreaq beutul ca trimit
masina dupa tine, nu tre sa fii bun de condus, tre doar sa stii ce spui! Eu, care intotdeauna am
stiut ce tre sa spun doar ca nu tot timpul am mai fost in stare sa si spun, zic in mine ce naiba,
hai sa vad ce o mai fi si asta!?
In fine, pe scurt, foarte pe scurt, de cand l-au gubilit pe un prof de informatica, a intrat
naibii frica-n astia cu lucrarile de licenta. Si tipul asta, care m-a chemat la telefon, avea un
baiat, o namila de om, care trebuia sa-si faca partea scrisa la lucrare. Era vorba de un magazin
online. Nu stiu cum o fi facut pana atunci dar ii lipsea un capitol, tocmai ala care descria
functionarea, de aia m-a chemat pe mine
Si pana seara i-am scris ce trebuia. Acum astept sa vad ce nota am luat la lucrare, eu
zic ca 10 ca sunt destept!
Si vorbind eu cu tipul ala caruia i-am scris o parte din lucrarea de licenta imi dau
seama ca habar n-avea ce e aia SEO. (Dupa cum am vazut nici de web design nu prea se
sinchisea, dar asta e alta poveste) Si stau si ma gandesc, daca oameni ca astia termina
facultatile, unde naiba se duce tara asta? Va spun eu: ajunge pe mana mea! Caci toti veti avea
nevoie de SEO, mai devreme sau mai tarziu
21