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

Ne indreptam spre era WEB 3.0?

Ne indreptam cu pasi inceti dar siguri catre WEB 3.0 . Ce inseamna acest termen si ce va schimba el fata de WEB 2.0 , puteti afla din cadrul acestui post.

Intr-o lume WEB dominata de Blog-uri, retele sociale si site-uri de multimedia sharing, WEB-ul 3.0 se va distinge in cativa ani cu o serie de aplicatii ce vor putea fi caracterizate de urmataorele cuvinte: "interactivitate" si "customizare".

Asa cum declara si Eric Schimdt (CEO-ul Google), site-urile WEB 3.0 vor fi ca un fel de puzzle. Un puzzle in care userul va putea sa isi customizeze cu atentie fiecare particica si sa o faca sa arate asa cum doreste el si sa ii afiseze datele pe care le doreste.

Ca tipuri de aplicatii, cred ca se vor distinge si dezvolta tot mai mult:
- servicii conexe pentru site-uri mari dezvoltate pe baza unor API-uri
- site-uri interactive care sa implice actiuni cat mai complexe din partea userilor
- site-uri mai "destepte", care vor invata din comportamentul userilor, vor fi sprijinite de argoritmi genetici sau cautari semantice, etc
- site-uri mai usor de folosit si mai bine indreptate pe nevoile userilor: exemple: agregatoare si aplicatii menite sa satisfaca doar niste nise

Cand vor aparea aceste tipuri de aplicatii inca nu stim, dar cronologic, perioada WEb-ului 3.0 se spune ca ar fi undeva intre anii 2009-2013. Asadar, ne indreptam cu pasi mari spre Web-ul 3.0

Ce este WEB 2.0?

Ce este WEB 2.0 ? E greu de gasit o definitie, insa daca ar fi sa il caracterizam printr-un singur cuvant, WEB-ul 2.0 este "simplu". Atat de simplu incat oricine il poate folosi, de la copilul de 5 ani la bunelul de 70.

Site-urile asa zis web 2.0 ne intampina cu o grafica foarte aerisita, cu fonturi bine spatiate, butoane mari si elemente artistice destul de discrete dar bine conturate. Coloristica este bine studiata si sprijina scopul site-ului.

Site-urile WEB 2.0 prezinta informatii diverse, cu suport foto si video si multimedia. Ele ajuta userii sa gaseasca ceea ce au nevoie cu usuritna si sa navigheze si mai usor.
In plus, site-urile WEB 2.0 sunt interactive. Ele permit userilor sa faca diverse actiuni: de la banalele comentarii pana la customizarea interfetei grafice in functie de preferinte.

Tipurile de site-uri exponentiale pentru modelul WEB 2.0 ar fi:
- site-urile de video sharing: youtube, metacafe, trilulilu
- site-urile de photo sharing: flickr, picasa
- blog-urile
- comunitatile sociale (myspace, facebook, hi5)

In prezent, ne indreptam cu pasi destul de mari catre o era urmatoare: Web 3.0 .sau poate 2.5 . Despre ce ne rezerva el, intr-un post viitor.

Tehnologii WEB moderne

A trecut vremea cand interfetele WEB erau concepute in HTML simplu. In prezent, o interfata WEB moderna este un amalgam ordonat de tehnologii diverse, printre cele mai importante fiind urmatoarele:

• XML - date structurate
  

Formatul XML este o colectie de reguli si tag-uri care iti permit strcturarea datelor in diverse forme web-friendly.

• XHTML - extensible HTML
  

eXtensible HyperText Markup Language, este urmasul limbajului de mark-up HTML, avand in mare aceleasi caracteristici dar o sintaxa mult mai stricta. Rolul sau este standardizarea documentului final si afisarea sa corecta pe majoritatea browserelor.

• CSS

Cascading Style Sheets - CSS : este standard-ul clasic folosit la formatarea continutului unui document HTML . Continutul CSS poate fi introdus in cadrul documentului HTML, sau, mai bine, in documente separate cu extensia .css care vor fi atasate in head-ul documentului.

• JavaScript

JavaScript este limbajul de programare orientat pe obiecte folosit in cadrul web-ului. el este utilizat atat in constructia de diverse elemente in cadrul unui site web (autocompletere, autosugestion-uri, selecturi, etc) dar mai ales pentru capabilitatea sa de a incastra diverse elemente non-web in cadrul site-urilor sau a aplicatiilor WEB în cadrul aplicaţii non-web.

• AJAX

AJAX (Asynchronous JavaScript) este intr-un fel simbolul Web-ului 2.0 . Cunoscut ca o colectie de tehnologii folosite la crearea paginilor web, este este utilizat pentru a face interfetele web mai prietenoase si mai animate. Ajax-ul schimba datele cu serverele din spate si la afiseaza in pagina real-time, fara a fi nevoie de un nou refresh al paginilor. Astfel, usabilitatea, usurinte de folosite si viteza de access la o pagina web cresc si experienta userului este mai placuta.

XML Path Language

Voi discuta in acest articol despre limbajul XPath.

Ce este XPath?

Pe scurt, este un limbaj prin care se pot selecta noduri dintr-un document xml dupa mai multe criterii, sau pentru a calcula valori.

De ce este util?

In primul rand, informatia se poate extrage foarte usor, folosind un model de adresare a elementelor din documentul xml foarte simplu.
Ofera un mare grad de abstractizare.

Cu ce difera de alte tehnologii de parsare a documentelor xml?

Diferenta cea mai mare o reprezinta faptul ca XPath foloseste un mod de adresare a elementelor bazat pe un traseu de la radacina pana la elementul cautat, la fel cum ai indica unei persoane cum sa ajunga intr-un anumit loc.


Ce este XPath injection?

Este un atac care exploateaza site-uri ce construiesc cereri XPath din input-ul utilizatorilor. Astfel, in lipsa unei verificari a datelor introduse de acestia, un utilizator malicios, poate insera cod XPath in datele introduse, cod ce va ajunge sa fie executat si poate compromite sistemul.


Unde pot afla mai multe despre aceast limbaj?

Exista foarte multe resurse pe Internet. Cateva dintre ele sunt:
http://www.w3.org/TR/xpath
http://www.w3schools.com/XPath/default.asp
http://www.mulberrytech.com/papers/XPath-2-0-User-Grp-HTML/contents.html