Importanta codului in rankarea unui site

Regula de baza pe care cel ce inceraca sa optimizeze un site pentru motorul de cautare este simpla: Bot-ul nu vede ce vezi tu, ci codul din spate.

De aceea pe el nu il intereseaza cat de frumos e site-ul, ci alte aspecte: ce si cata informatie ofera, cat de bine e structurata aceasta si in ce mod, cati citesc si apreciaza acea informatie si multe altele.

Asadar, atunci cand analizeaza o pagina, bot-ul citeste cod pe care apoi il interpreteaza. Bot-ul nu este insa genial. Ne putem gandi la el ca la un copilas de 3-4 ani, de aceea este foarte important ca acest cod sa prezinte informatia pe intelesul bot-ului. Cum facem acest lucru? Respectam o serie de reguli de baza:

• HTML-ul sau xHTML-ul sunt sfinte atunci cand facem un site care vrem sa rankeze
• folosirea limbajelor ca JS, AJAX, etc nu e recomandata decat pentru portiuni mici din site si doar acolo unde nu pot fi inlocuite cu HTML
• Folosirea FLASH-ului nu este recomadnata deloc (cu toate ca acum bot-ul parseaza SWF-uri, un site HTML si unul FLASH nu vor fi niciodat ape picior de egalitate inf ata bot-ului unui motor de cautare)
  

Importanta Headings-urilor HTML dpdv SEO

Asa cum ziceam intr-un post anterior, bot-ul motorului de cautare este ca un copil micut, caruia trebuie sa ii prezinti totul mura in gura, ca sa priceapa. Un rol in aceasta prezentare il au si mark-up-urile H (headings-urile) din HTML.

Exista un numar de 6 tipuri de Headings-uri, de la H1 la H6. Rolul sau este de a imparti cumva informatia din cadrul unei pagini in titluri si capitole. Sa le luam pe rand:

• H1 - in h1 trebuie pus tilul paginii sau o scurta expresie care sa sintetizeze continutul paginii. Este obligatoriu sa nu avem mai mult de un tag H1 per pagina.
• H2 - se foloseste pentru a delimita titluri de subcapitole, descrierea succinta a paginii, etc
• H3 - se foloseste acolo unde a cazul pentru a marka captele de tabele in pagina, sub-subtitluri in cadrul unor documente foarte lungi, etc
• H4-H6 - Deobicei nu se folosesc deoarece improtanta lor pentru SEO este mica, dar pot fi folosite.
  

Dpdv sintactic, structura codului HTML a continutului unei pagini ar trebui sa arate astfel:

[h1]Titlu[/h1]
Bla bla
[h2]Subtitlul[/h2]
Bla bla
[h3]Sub subtitlu[/h3]
Bla bla
[h3]Sub subtitlu[/h3]
Bla bla
[h3]Sub subtitlu[/h3]
Bla bla

[h2]Subtitlul[/h2]
Bla bla
[h3]Sub subtitlu[/h3]
Bla bla
[h3]Sub subtitlu[/h3]
Bla bla
[h3]Sub subtitlu[/h3]
Bla bla

*am inlocuit < > cu [ ] din motive de afisare

Desigur, folosirea headings-urile nu este obligatorie, fiind doar unul din factorii care influenteaza rankarea paginii. Insa se recomanda sa fie utilizate, dar cu cap :)

Patru. CS Patru.

A venit si era CS4. Adio epoca 2Dflat CS3, traiasca epoca 3Dshine CS4.

Cu ce noutati vine pachetul CS4? Ei bine, multe din ele erau asteptate de ceva timp. Unele lipsesc, dar promit sa apara si ele curand. Pana una alta avem cu ce ne juca:
* 3d transformations
* deco and spray brush
* XMP support (!!)
* bones tool
* motion editor
* HD video support

Toate de bun simt si promitatoare.

Pe cand demult promisul suport pentru placi video? Ei bine...?

Cateva trucuri CSS

Voi prezenta aici cateva tehnici de design folosind CSS.

1. Crearea unui meniu pop-up
Pentru un meniu, se pot folosi 2 liste, una pentru bara de meniuri, si cealalta pentru meniurile derulante.
Se seteaza pentru ul.menubar : list-style-type: none;
si pentru ul.menubar li:float:left;

astfel, lista va fi afisata fara bulina de la inceputul fiecarei intrari, iar elementele vor fi asezate unul langa celalalt.

de asemenea lista interioara fiecarui item va fi setata initial cu: display:none;
apoi, la ul.menubar li:hover ul.dropdown se pune display: block;

2. Crearea de text cu o imagine in stanga
p {
background: url(..) left no-repeat;
padding-left: 50px;
}

pentru padding se pune dimensiunea necesara .

Cam atat pentru azi