Estandarización web y buenas prácticas SEO (II)
Codificación HTML: Buenas prácticas
Ya vimos en el artículo anterior que existen etiquetas para enseñarle a los buscadores donde se encuentra cada parte de nuestro documento, pero antes de entrar en código hay que hablar un poco de la semántica.
El código semántico.
La semántica es una parte fundamental para desarrollar un buen sitio en cuanto a estándares se refiere. Daré un ejemplo concreto, la forma fundamental de un sitio web es la siguiente:
Este simple código no tiene ninguna información, pero ya nos describe donde deberá ir el cuerpo del documento y el titulo. La semántica en el HTML nos entrega la herramienta para dividir nuestro código en secciones reconocibles fácilmente y que sea entendido por visitantes al verlo en su navegador, por nosotros mientras lo codificamos y por los buscadores cuando lo indexan.
El código semántico y el CSS.
El CSS es un código que nos brinda la posibilidad de separar el contenido del sitio del diseño.
Para llevarlo a lo concreto les presento este código:
El código CSS es todo lo que esta entre <style> y </style> y define características para cualquier etiqueta que tenga una CLASS llamada “cabecera”, o sea que podremos crear la cantidad de etiquetas que queramos con una CLASS definida como “cabecera” y tendrán todas las mismas propiedades graficas, de lo contrario el codigo necesario para hacer dos “cabeceras” seria asi:
Y el código para hacer dos cabeceras CON CSS seria asi:
Gracias a esta forma de definir el diseño del sitio, el código entre <body> y </body> tendrá por separado la estructura y el contenido, lo que ya beneficiará en gran parte la indexación de los buscadores.
Sphere: Related Content
Mayo 3rd, 2008 at 3:56 pm
[…] Estandarización web y buenas prácticas SEO (II) […]