LA WEB SEMÁNTICA
La Web Semántica vendría a ser una extensión de la Web actual dotada de significado, esto es, un espacio donde la información tendría un significado bien definido, de manera que pudiera ser interpretada tanto por agentes humanos como por agentes computarizados.
Esto es importante debido que hasta ahora muchos desarrolladores, maquetadores, etc no aplican esto, para que exista una Web Semántica es necesario aplicar el HTML SEMANTICO.
EL HTML SEMÁNTICO
Llamamos html semántico a un documento que usa correctamente las etiquetas html para que la estructura resultante, quitándole la capa de diseño, tenga sentido por si sola. Así, si yo uso 300 divs o sections en mi página por mucho que con CSS dibuje cajas y añada fondos de mil colores sin este CSS no estoy diciendo que es cada parte de mi web. Es cuando me preocupo de que cada caja del HTML tenga sentido cuando mi HTML empieza a tener significado y por tanto los buscadores van a poder entender mejor cada uno de nuestros contenidos.
El problema es que la mayoría vemos a un documento web, como algo distinto a un documento normal, y corriente, lo que tendríamos que hacer es imaginar por ejemplo un periódico, si observamos veremos que este tiene secciones bien definidas, así si lo observamos bien parece un blog, tiene un titulo grande indicando el nombre del periódico o diario, si esto lo llevásemos a una Pagina Web, pues seria nuestro "header" luego tiene otro titulo grande resaltando que es la mejor noticia que tienen y una imagen que guarda relación con ello, como ahi no se pueden hacer hipervinculos, nos indica la pagina en la que esta ampliada esa noticia, al lado derecho de esa gran imagen por lo general tienen otras pequeñas imágenes con pequeños títulos, si lo llevamos a una Pagina Web seria nuestro "Banner o Slider (Donde pasamos lo mas importante del sitio que queremos mostrar) ", luego de ellos abajo otras noticias que por le general son eventos o publicidad contratada, ya saben eso puede ser nuestra publicidad Web también, y por ultimo viene el de pie de pagina y esto en una Pagina Web seria nuestro footer. Espero haberlo explicado bien hasta ahí, entonces como generalmente lo hacíamos seria así :
Si observamos veremos que nuestro HTML esta en secciones con "id" que dicen que son cada cosa pero otro maquetador pudo a ver puesto otros nombre de "id" y tampoco nosotros entenderiamos que que es cada cosa al igual para un navegador o motores de búsqueda esos solo son div's con información dentro que no indican que función tienen, a diferencia que yo use una etiqueta " li " que los navegadores sabrían que es el ítem de una lista, entonces es ahi donde ingresa el HTML5 semántico para darnos una visión diferente :
En este caso el navegador, usted y yo sabremos que es realmente cada cosa, entonces el HTML5 trae etiquetas que nos ayudan a hacer de nuestro código algo mas entendible, esto tiene muy buenas aplicaciones empezando desde la semántica para nosotros hasta el SEO, para las paginas que escribamos de esta manera.
Bien para no hacer mas largo este post, pues lo dejare hasta ahi, si tiene algunas dudas escribanas que responderé y ayudare en lo que este a mi alcance. :)
0 comentarios:
Publicar un comentario
Gracias por comentarnos