Posicionamiento Web Primera Parte: Estructura de una Página Web y Metadatos Lluís Codina UPF IDEC 2010
Cómo vemos nosotros una página web Octubre 20102
Como la ve un buscador Octubre 20103
El código fuente Texto + Marcado Texto Contenido textual visible (para leer) Marcado Elementos XHTML Elementos de marcado (,,, …) Elementos de sustitución (,, …) Contenido visual no visible directamente: metadatos En el futuro: HTML 5 + CSS Octubre 20104
Ejemplo de código fuente suficiente Octubre 20105
El código fuente interpretado Octubre 20106
El mismo código completado Octubre 20107
Los metadatos destacados Octubre 20108
Matadatos más importantes Elemento en Elementos con atributos name y content en Ejemplo: Atributo title en elementos (enlaces) Atributo alt en elementos Octubre 20109
Práctica - I Crear una página web con el Bloc de Notas Entrar el contenido (archivo anexo): 10
Práctica - II Marcar la página con elementos estructurales, añadir un enlace y guardar como pag01.htm Octubre
Práctica - III Entrar metadatos keyword and description en Entrar metadato title en el enlace Octubre
Posible solución Octubre
Práctica - IV Añadir el metadato author (con el elemento y los atributos name y content) Añadir un vídeo de YouTube Localizar un vídeo sobre el océano o la vida marina Identificar la opción para incrustar el vídeo en nuestra página Añadir o editar el atributo title Poner un encabezado antes del vídeo Octubre