IniciAccessibilitatSemànticaUsabilitatEstructura Web. HTMLAltres llenguatges ExegesiBlogMapa Web

Capçalera. HEAD

HEAD. La capçalera del document HTML, on hi trobarem les etiquetes invisibles, que no s'observaran físicament en la presentació del document al browser o navegador, però que són essencials pel correcte funcionament i visualització de la nostra Web.

 

Principals errors que cal evitar en l'etiqueta HEAD

Poden ser errors o simplement omissions, però a continuació hi ha un petit llistat del que s'ha de tenir en compte a l'hora d'editar una pàgina Web, a l'hora de centrar-te en la part invisible d'una pàgina Web, que tot i no poder-ne veure els efectes, proporciona una valuosa informació ja sigui pels robots de busca, o per identificar-ne amb certesa l'autoria del document.

 

1er. No posar correctament el tipus de document html del que es tracta. Ja he explica't anteriorment, aquest senzill codi soluciona aquest error, i permet reconèixer el tipus de document validat per la W3C.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

2n. No especificar la llengua del document... Ja que amb aquesta etiqueta aconseguirem que els traductors facin la seva feina correctament, facilitant així la identificació del llenguatge del document. Si no se s'especifica els traductors es poden confondre fàcilment d'idioma. Per exemple del català al castellà.

<html xmlns="http://www.w3.org/1999/xhtml" lang="cat">

 

3r. No posar títol a la pàgina. Aquest és un error comú, com ja he explicat hi ha milions de pàgines Webs sense títol, i un llibre sense títol, oi que ja no es el mateix? Doncs utilitzant l'etiqueta title això deixa de ser un problema

<title>Capçalera. Head. Errors més comuns.</title>

 

4rt. No posar les meta adequades  (aquest és un error molt comú, de fet poca gent les posa i el que és pitjor poca gent les coneix...) . S'haurien d'estendre més, pel fet de millorar la qualitat de busca, i per comprovar l'autenticitat del document. Tot i estar invisibles a simple vista, aporten molta més informació del que pot arribar a semblar. El seu us pot ser prescindible però es molt recomable.

<head>
<meta name="generator" content="Dreamweaver MX" />
<meta name="description" content="Capçalera, HEAD, Etiquetes, TAGS, META, errors més comuns." />
<meta name="keywords" content="Capçalera, HEAD, Etiquetes, TAGS, META, ERRORS, HTML, TITLE, Informació." />
<meta name="author" content="Jordi Capdevila" />
</head>