Optimizacija web stranica i HTML tagovi (on-site SEO)Kada ste odabrali odgovarajuće ključne reči (site-wide) i odredili koja stranica će biti optimizovana za konkretnu frazu, treba pažljivo pristupiti modifikovanju stranice kako bi se postigli maksimalni rezultati. Granica između dobro optimizovane stranice i spama (keyword stuffing-a) je vrlo tanka, tako da se dobro pazite!
Osnovna struktura web stranica
Za tzv. on-page SEO najbitnije je dobro izbalansirati odnos kvalitetnog sadržaja i ključnih reči i fraza koje se koriste. Osnovno pravilo je da nikad ne pokušavate da optimizujete jednu stranicu za više od 2-3 fraze, može biti vrlo kontraproduktivno. Optimizacija za veći broj fraza se radi tako što odaberete ciljne stranice i svaku od njih optimizujete za različite fraze.
Koristite intenzivno ključne reči u strukturi sajta (linkovima). Za ovo je od vrlo velike pomoći mod_rewrite. Ukoliko vam se sajt bavi prodajom sportske opreme, mnogo je efektnije imati link: www.example.com/fudbal/dresovi/zvezda.htm nego www.example.com/proizvod.php?kategorija=dresovi&id=312.
Trebalo bi obratiti pažnju da se relevantan sadržaj pomeri što više u vrh stranice. Ključna reč koja se nalazi pri vrhu HTML stranice od 500 linija vredi više od one koja je pri dnu. Zbog toga je pravilo u SEO-u da se CSS, JavaScript i sl. eksterno linkuju kako ne bi zauzimali dragoceni prostor u vrhu strane.
Jedan lep “trik” da se ovo postigne je intenzivno koriscenje CSS-a. Primer:
Imamo sajt u dve kolone. Leva – navigacija i desna – glavni sadržaj. Cilj je postaviti glavni deo sadržaja (desna kolona) blize vrhu strane. Evo kako.
HTML fajl:
Code:
<div id="content”>
<h1>Nešto bitno</h1>
<p>Ovo je jako bitan deo.</p>
</div>
<div id="navigacija">
<ul>
<li><a href="abc.htm">Link</a></li>
<li><a href="abc.htm">Link</a></li>
</ul>
</div>
<div id="content”>
<h1>Nešto bitno</h1>
<p>Ovo je jako bitan deo.</p>
</div>
<div id="navigacija">
<ul>
<li><a href="abc.htm">Link</a></li>
<li><a href="abc.htm">Link</a></li>
</ul>
</div>
CSS fajl:
Code:
div#navigacija {
float: left;
width: 30%;
}
div#content {
float: right;
width: 70%;
}
div#navigacija {
float: left;
width: 30%;
}
div#content {
float: right;
width: 70%;
}
Na ovaj način sajt će izgledati “normalno” dok će bitan deo sadržaja biti mnogo bliži vrhu HTML fajla.
Pravilno korišćenje HTML tagova u SEO-u
Tagovi na koje najviše treba obratiti pažnju su: <TITLE>, <H1..6> i <A>. Ovi tagovi nose najveću težinu i zato treba pažljivo birati reči da se njihova težina ne bi rasipala. Mnogo je korisnije staviti <h1>Putovanje u Egipat</h1> nego <h1>Jeftino putovanje u Egipat avionom i smeštaj u hotelu</h1>. Što više reči ima u okviru taga, više se “razvodnjava” težina koju svaka reč nosi.
Kada je anchor u pitanju, najbitnije je pravilno imenovati anchor tekst. Zvuči trivijalno, ali ja još uvek vidim puno ljudi koji se zadovoljavaju time da postave link <a href=”http://www.example.com”> www.example.com </a>, umesto <a href=”http://www.example.com”>Ovo je primer</a>. Za sam anchor tekst važi isto pravilo – pažljivo birati frazu, u što manje reči. Poželjno je izbegavati reči kao što su “click here”, “read more” i sl. Treba takođe maksimalno iskoristiti “name” i “title” atribute.
Vrlo često se zapostavlja “alt” atribut <img> taga, koji nosi malu težinu, ali s obzirom da je <img> čest tag na stranici pravilna upotreba može puno pomoći. Ostali “sekundarni” tagovi koji mogu biti iskorišćeni su tagovi naglašavanja, kao <em>, <strong>, itd.
<META> tagovi (keywords i description) u SEO-u ne igraju praktično nikakvu ulogu i nijedan veći pretraživač (osim Yahoo-a) im ne pridaje nikakav značaj.
Jeff, one day you’ll understand that it’s harder to be kind than clever.
