Posicionamiento Web Primera Parte: Estructura de una Página Web y Metadatos Lluís Codina UPF IDEC 2010.

Presentación del tema: "Posicionamiento Web Primera Parte: Estructura de una Página Web y Metadatos Lluís Codina UPF IDEC 2010."— Transcripción de la presentación:

1 Posicionamiento Web Primera Parte: Estructura de una Página Web y Metadatos Lluís Codina UPF IDEC 2010

2 Cómo vemos nosotros una página web Octubre 20102

3 Como la ve un buscador Octubre 20103

4 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

5 Ejemplo de código fuente suficiente Octubre 20105

6 El código fuente interpretado Octubre 20106

7 El mismo código completado Octubre 20107

8 Los metadatos destacados Octubre 20108

9 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

10 Práctica - I Crear una página web con el Bloc de Notas Entrar el contenido (archivo anexo): 10

11 Práctica - II Marcar la página con elementos estructurales, añadir un enlace y guardar como pag01.htm Octubre 201011

12 Práctica - III Entrar metadatos keyword and description en Entrar metadato title en el enlace Octubre 201012

13 Posible solución Octubre 201013

14 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 201014