Pentru început trebuie sa atrag atentia la un moment foarte important: când vine vorba despre optimizarea unui site, de fapt, se face optimizare pe fiecare pagina a acestuia. În motoarele de cautare, fiecare pagina web are “autoritatea” sa proprie. Deci este posibil sa aveti pe un site câteva pagini bine optimizate, si câteva care sunt proaste de tot. De aceea, tehnicile mentionate mai jos trebuiesc aplicate pentru fiecare pagina pe site, si doar în ansamblu ele vor avea efecte pozitive.1. Tableless HTML/CSS coding
Acesta este primul pas spre optimizare si cel mai important. Sunt numeroase articole despre beneficiile unui cod html/css table-less (fara utilizarea tabelelor pentru layout).
Dar cele mai importante sunt:
- Minimizarea codului html ce este inutil pentru motoarele de cautare. Regula de baza este: cu cât mai putin cod html e pe pagina , si cu cât mai mult continut (text) este prezent – cu atât este mai bine. Raportul între continut si cod html trebuie sa fie cât mai mare posibil. De aceea tabelele nu sunt binevenite (pentru layout).
- Minimizarea codului html duce si la reducerea marimii paginii. Eu am re-codat mai multe site-uri, si majoritatea paginilor care aveau în jur de 40kb (fara imagini), au fost reduse pâna la 13-18kb. Astfel, pe lânga faptul ca timpul de asteptare a vizitatorului se reduce simtitor, si consumul traficului este redus.
- Codul curat html/css este mult mai accesibil pentru handhelds: telefoane mobile, PDA, etc.
- Întretinerea unui astfel de cod este mai simpla si mai comoda.
2. Utilizarea semantica (corecta) a HTML tag-urilor
De unde motoarele de cautare cunosc ca, pe o pagina cu circa 1000 de cuvinte, anume “Optimizare Web” este tema articolului si nu “consumul traficului”? Cum motoarele de cautare sunt în stare sa identifice cele mai importante cuvinte cheie? Raspunsul este: prin utilizarea corecta a tag-urilor html.
Printre cele mai importante tag-uri pe pagina sunt: <title></title> si <h1></h1> – <h6></h6>. Motoarele de cautare acorda valoare deosebita cuvintelor cheie aflate în aceste tag-uri.Tag-ul <title></title> trebuie sa contina titlul PAGINII, si nu a site-ului. Se recomanda ca un titlu sa contina între 3 si maxim 6 cuvinte. Nu încercati sa bagati vreo 20 de cuvinte în <title></title> (da, am întâlnit asa ceva), caci nu va va ajuta cu nimic.
Tag-urile <h1><h2><h3><h4><h5><h6> sunt “headings”, adica sub-titluri. Importanta lor scade de la <h1> la <h6>. Astfel, daca avem o pagina (ca aceasta), care este separata în mai multe parti logice, este corect sa utilizam aceste headings astfel:<h1>Search Engine Optimization – On-page optimization</h1> – Titlul articolului
<h2>Tableless HTML/CSS coding</h2>, <h2>Utilizarea semantica (corecta) a HTML tag-urilor</h2>, etc. Deci fiecare “sub-capitol” primeste un heading respectiv.ATENTIE! O pagina poate contine un singur <h1></h1> tag. Pentru restul limita nu exista, dar totusi se recomanda sa nu abuzati de headings. Ele trebuie sa contina titlurile respective pentru paragrafele sau modulele ce urmeaza.
P.S. Stilul (formatarea) tag-urilor <h1>-<h6> poate fi efectuata prin CSS. Deci nu va speriati daca browserul by default reprezinta <h1> cu un font-size prea mare. Stilati prin CSS aceste tag-uri.Codul rezultant este bine sa-l validati (sa verificati daca nu contine erori de sintaxa). Aceasta o puteti face aici: W3C Markup Validation si W3C CSS Validation.
3. Optimizarea imaginilor
Foarte multi designeri si mai ales developeri uita de un segment important a internetului, si anume utilizatorii ce au dizabilitati vizuale, utilizatorii ce au blocat în browser descarcarea imaginilor, utilizatorii ce navigheaza de pe PDA si telefoane mobile, etc. Deci, concluzia: imaginea nu trebuie sa contina informatii vitale pentru site, asa ca preturile produselor, telefonul de contact, etc.
Pe lânga aceasta, mai exista un atribut important la tag-ul <img>, si anume alt=”". Spre exemplu avem: <img src=”images/site_logo.gif” width=”100? height=”100? alt=”" />. Atributul alt= semnifica “alternative”. Adica, ce va aparea la utilizatorii ce nu pot descarca imaginea. Se recomanda aici sa fie descris continutul imaginii. Astfel, daca pe imagine avem scris numarul de telefon sau adresa companiei, atunci în alt=”" este bine sa rescrieti acelasi text, de exemplu asa: <img src=”images/tel.gif” alt=”Telefon de contact: 555-5555" />.Totodata, astfel de motoare ca Google Images vor indexa imaginile de pe site (daca este permis) anume cu aceste descrieri. Nu cred ca este nevoie sa explic beneficiile.
4. Evitarea javascript-urilor si utilizarea corecta a animatiilor FLASH
Majoritatea site-urilor utilizeaza javascript-uri într-o masura oarecare. Este important sa întelegeti ca, motoarele de cautare, când viziteaza site-ul, nu au posibilitatea sa execute aceste javascripturi. Daca aveti pe site javascript-uri verificati ca totul sa lucreze în browser si atunci când faceti disable la JS.
Ceea ce tine de Adobe Flash. Foarte multi începatori fac o greseala imensa prin realizarea navigarii site-ului în Flash. Pe lânga faptul ca nu toti utilizatorii au în browser instalat/activat Flash player, motoarele de cautare înca nu sunt capabile sa citeasca continutul Flash-ului. Deci orice link continut în flash nu va fi urmat. Astfel, daca nu aveti un Sitemap pe site ce poate fi accesat de oricine, probabilitatea este mare ca motoarele de cautare nu vor indexa toate paginile de pe site-ul dumneavoastra.5. Prezentarea unui Sitemap
Este recomandat ca orice site ce are continut mai mult de 5-10 pagini, acestea fiind organizate în mai multe nivele, sa prezinte si un sitemap (harta site-ului). De exemplu, daca aveti un website personal cu vreo 3-4 pagini, toate fiind accesibile direct de pe prima pagina, nu aveti nevoie de un sitemap. Daca aveti un site de dimensiuni mai mari, unde aveti o navigare dupa categorii, subcategorii, etc. (mai multe nivele), o harta a site-ului este foarte binevenita. Se mai recomanda ca harta sa nu contina mai mult de 50-60 de linkuri. Deci, daca aveti spre exemplu un forum, nu este recomandat ca harta sa contina toate publicatiile de pe forum, este suficient doar paginile cu categorii si teme.
6. Concluzie
Încercati sa tineti cont de aceste sfaturi atunci când elaborati un site nou. Îndata pot sa spun ca este nevoie de timp pentru a va obisnui cu aceasta abordare, cu unele tehnici si procedee. Nu va asteptati ca rezultatul sa apara imediat si din prima data. Experienta este foarte importanta în acest domeniu, doar cu teoria departe nu ajungi.
În articolul urmator voi vorbi despre optimizarea Off-page si despre Google PageRank. Daca la cineva apar întrebari sau nedumeriri, puteti accesa sectiunea de contact a website-ului principal www.dream-webdesign.ro
