terça-feira, 28 de agosto de 2012

Semântica na WEB



Muito se ouve falar sobre semântica na WEB, e por muita vezes me perguntei, o que é isso ? Pesquisei muito na internet mas não ficava claro para mim o significado disso. Após realizar um treinamento focado em client side, consegui contemplar realmente o que seria isso(ou pelo menos parte disso rs).
A WEB, no que diz respeito ao Front-End, pode ser dividida em três camadas: Informação(HTML e todo conteúdo), Formatação(css) e Interação(Js). É na camada da informação que a semântica entra em jogo, pois é nesta que colocamos todo conteúdo da nossa página, como título, texto, imagens etc. Nesta camada utilizamos tags HTML para estruturar o nosso conteúdo, e normalmente as utilizamos apenas para atender o layout.
A WEB Semântica prega que devemos escrever nossos códigos HTML não só para atender o layout requerido pelo cliente, mas também os robôs de indexação de conteúdo, como Google, Yahoo e Bing!. Outro motivo de codificarmos nossas páginas de uma forma semântica, é que á tornamos mais acessivél a pessoas com deficiência visual. Existem softwares que narram o conteúdo da WebPage, e a semântica é extremamente fundamental nisso. Abaixo segue dois exemplos de código.

1
Semântica na WEB

Codificar dando sentido as nossas tags
2

Semântica na WEB

Codificar dando sentido as nossas tags

Código
1
1
<h1>Semântica na WEB</h1>
<em>Codificar dando sentido as nossas tags</em>
 
2
<p style="font-size:32px; font-weight:bold;">Semântica na WEB</p>
<i>Codificar dando sentido as nossas tags</i>
Note que visualmente não existe diferença nenhuma, mas o primeiro exemplo possui um significado muito maior para os motores de busca, então, em uma busca por “Semântica na WEB”, o exemplo 1 teria uma relevância muito maior, pois as tags h1 e em, possuem um significado, título e ênfase respectivamente. Outro exemplo seria utilizarmos strong ao invés de b.
Podemos então deduzir WEB Semântica como um conjunto de técnicas para tornar nossas páginas interpretáveis, tanto por navegadores, motores de busca, e softwares de auxílio a deficientes.