Posts tagged javascript

Detalii ce nu trebuie uitate atunci cand ne lansam saitul

Am realizat designul, CMS functioneaza, am adaugat continutul si clientul este fericit. Este timpul sa ne lansam saitul. Sau nu este? Inainte de a lansa un sait, poti uita unele lucruri, in graba ta de ati vedea saitul live. Este util sa ai o lista cu lucrurile pe care trebuie sa le faci, cu ultimele detalii si retusuri, inainte de ati lansa saitul in toata lumea.

In lista urmatoare voi  evidentia cativa pasi pe care nu trebuie sa-i uitam:

Faviconul

Faviconul are rolul de a  marca tagul sau fereastra saitului in browser. El se salveaza automat cu bookmarkul, facilitand identificarea saitului pentru utilizatori, in functie de imaginea pe care o afiseaza. Unele browsere iti salveaza faviconul in director ca favicon.ico, dar ca sa fii sigur ca acesta e incarcat tot timpul, include urmatoarea sintaxa in head:

<link rel=”icon” type=”image/x-icon” href=”/favicon.ico” />

Titlurile si datele meta

Titlul paginii tale este un element important pentru SEO , cat si pentru utilizatorii tai, care vor cunoaste continutul paginii, in functie de acesta. Fii sigur ca titlul sa se modifice pe fiecare pagina si sa aiba legatura cu continutul paginii.

<title>Advance-hr</title>

Pentru majoritatea browserelor, descrierile meta nu sunt la fel de importante pentru SEO ca si titlurile,  dar este totusi o idee buna sa le includem. Modifica descrierea in fiecare pagina, ca sa aiba legatura cu continutul, pentru ca asta e ceea ce Google arata la rezultatele cautarii.

<meta name=”description” content=”Art is the expression of creativity or imagination. Art is commonly understood as the act of making works (or artworks) which use the human creative impulse and which have meaning beyond simple description.”</meta>

Compatibilitatea browserelor

Tocmai cand credeai ca designul arata perfect, il verifici in IE si observi ca totul este stricat. Este important ca saitul tau sa fie compatibil cu toate browserele. Nu trebuie sa fie perfect ca design, dar trebuie sa fie functional, iar utilizatorul nu ar trebui sa observe probleme. Browserele de care trebuie sa tii cont: Chrome, Safari 3, Firefox 3, Internet Explorer 6, 7, 8.

Linkurile

Nu presupune ca toate linkurile merg de la sine. Verifica-le. Se poate intampla sa uiti sa adaugi ”http://” la linkurile externe.  Nu uita, de asemenea, de regula general valabila, de a pune link pe logo catre pagina principala.

Totodata analizeaza-ti linkurile. Sunt suficient de evidente pentru noii utilizatori? Acestea ar trebui sa fie usor de observat pe pagina. Nu sublinia textul care nu este link, pentru ca iti va deruta utilizatorii.

Validarea

Scopul tau ar trebui sa fie ca saitul sa fie 100%validat. Acestea fiind spuse, nu este o tragedie daca saitul tau nu se valideaza, dar este important sa cunosti motivele pentru care nu merge, ca sa poti repara diverse erori. Unele dintre cele mai comune erori sunt date de lipsa tagului  ”alt” , omiterea tagurilor de inchidere si utilizarea “&” in locul lui “&amp”.

Instrumente de analiza a traficului

Instalarea instrumentelor de analiza este utila in masurarea statistica a numarului vizitatorilor tai si  a felului in care saitul tau functioneaza. Dintre aceste instrumente le numim pe: Google Analyctics, Clicky, Kissmetrics, Mint, StatCounter.

Optimizarea

Cu totii dorim ca saitul nostru sa functioneze la eficienta maxima. Cateva masuri pe care nu trebuie sa le uiti: reducerea cererilor pe HTTP, optimizarea imaginilor pentru web, comprimarea javascriptului si a filelor de CSS.

Back-up-ul

Daca saitul tau se bazeaza pe o baza de date, ai nevoie de o solutie de salvare a datelor. Astfel eviti riscul de ati pierde informatiile. Daca folosesti WordPress, instaleaza Wordpress Database Backup,pe care il poti seta sa-ti trimita salvari prin mail.

Orice font in web design – sIFR

Ca dezvoltator web sigur ai auzit de sIFR. De ce este atat de cunoscut ? Noi raspundem la cateva din intrebarile pe care ti le-ai pus in legatura cu aceasta “tehnologie”.

Ce este sIFR ?

sIFR (Scalabile Inman Flash Replacement) este o tehnologie care permite utilizarea oricarui font in web design, site-ul fiind in continuare SEO-friendly. sIFR este o combinatie de Flash, JavaScript si bineinteles putina imaginatie din partea designer-ului care doreste sa schimbe putin aspectul unui site folosind arta tipografiei.

Modul de functionare este extrem de simplu: sIFR cauta anumite elemente in pagină pentru le înlocui cu Flash rezultand, acelaşi text, dar cu alt font. Din experienta noastra si a altora care folosesc sIFR am ajuns la urmatoarele concluzii:

Exista cateva dezavantaje importante

  • Deşi accesibilitate este conservata cu ajutorul acestei tehnici, sIFR afectează considerabil timpul de incarcare al paginii.
  • Se foloseste pentru inlocuirea unor pasaje scurte, de obicei titluri.

Avantajele sunt destul de evidente

  • Orice font poate fi utilizat
  • Nu mai este nevoie de crearea imaginilor pentru substituirea titlurilor in cazul in care acestea trebuie sa aiba un font care nu este web-safe
  • Un design mai atragator
  • SEO-friendly – la indexare zonele inlocuite prin sIFR contin textul propriu-zis, asadar sunt indexate

Cum functioneaza sIFR

  • In cazul în care browser-ul nu are instalat plugin-ul pentru Flash, pagina este afisata normal.
  • JavaScript parcurge documentul şi găseşte toate elementele care urmează sa fie înlocuite.
  • Odată găsit, un element este înlocuit cu Flash de aceleaşi dimensiuni.Pin intermediul JavaScript-ului este preluat text-ul , apoi este inlocuit cu un element Flash ce contine un text de dimensiune foarte mare initial (96pt) care este redus pana se incadreaza in dimensiunile textului initial.

Prin urmare sIFR merita folosit avand in vedere ca nu exista o alta metoda la fel de buna, insa doar pentru titluri ori pasaje scurte, nu pentru continutul unui articol.