ud4 – 2ª parte seo y comunicación audiovisual lluís codina Área de ciencias de la...
TRANSCRIPT
UD4 – 2ª Parte SEO y Comunicación
Audiovisual
Lluís CodinaÁrea de Ciencias de la Documentación. Facultad de
Comunicación. UPF
2015
Código fuente de la página de ejercicios<html>
<head>
<title> SEO y Comunicación Audiovisual: Una presentación general</title>
</head>
<body>
<h1>SEO y Comunicación Audiovisual: Una presentación general</h1>
<hr />
<h2>1. Introducción</h2>
<p>SEO son las siglas de Search Engine Optimization. Se refiere al conjunto de análisis y buenas prácticas de creación de contenido que ayudan a posicionar una página en un buscador</p>
<h2>2. El SEO y la Comunicación Audiovisual</h2>
<p>Actualmente, ningún medio de comunicación puede ignorar el decisivo impacto de los buscadores en el tráfico del mismo.<p>
<h2>3. Casos de interés</h3>
<p>El sitio de la PBS está muy bien posicionado</p>
<hr />
<h3>Última actualización:xx de xxxxx de xxxx. Por xxxx xxxx.</h3>
</body></html>
Octubre 2015L. Codina (UPF)
2
Anatomía de un enlace
Ejemplo: sea un enlace a la web de la PBS
Componentes: Elemento: a Etiquetas de inicio y final: <a> … </a> Atributo: href Valor del atributo: “http://www.pbs.org/”
Texto de anclaje o contenido afectado: PBS
Octubre 2015 L. Codina (UPF) 3
<a href="http://www.pbs.org/">PBS</a>
Ejercicio
Hacer un enlace a la página principal de una televisión o de una productora audiovisual
Usar el nombre de la televisión o de la productora como texto de anclaje
Comprobar su funcionamiento en el navegador
Capturar navegador y código fuente
Octubre 2015 L. Codina (UPF) 4
Hojas de estilo (CSS)
Otra clase de código fuente CSS
Misión: separar el contenido de la presentación Un solo contenido, presentaciones diferente Modificar con facilidad la presentación de muchas páginas a la vez
Distribución de funciones: Estructura > html Presentación > css
Ejemplo h1 {font-family: calibri, verdana; color: blue;}
Octubre 2015 L. Codina (UPF) 5
Ejemplo de código CSS como estilo incrustado
<style type="text/css">
h1 {font-family: calibri, verdana; color: blue; font-weight: normal; font-size: 24pt;}
</style>
Octubre 2015 L. Codina (UPF) 6
Ejercicio Modificar tipografía para los siguientes elementos: Primera parte: cambiar la familia de letra de toda la
página por una de tipo sans-sheriff. Elemento a utilizar: body
Segunda parte: cambiar el color y (opcionalmente) la familia de letra para que cada nivel de título tenga un tratamiento diferente. Hacer que todos los títulos utilicen letra redonda (no negrita). Deberá usar estos tres elementos: h1 h2
Octubre 2015 L. Codina (UPF) 7
Los CMS
CMS Content Management System Forma real de publicar y mantener sitios web Soporte para el SEO con:
Metadatos Clasificaciones Etiquetas Análisis SEO
Octubre 2015 L. Codina (UPF) 8
WordPress - 1
El CMS más importante Gratuito Open source 20 por ciento de los sitios web
Octubre 2015 L. Codina (UPF) 9
WordPress - 2 Tipos de contenido
Páginas estáticas Contenidos dinámicos
Categorización Categorías Etiquetas
SEO Plugins Gestión metadatos Análisis SEO Sitemaps
Presentación CSS: a través de temas
Octubre 2015 L. Codina (UPF) 10
Alternativas a WP
http://smallbiztrends.com/2014/01/wordpress-alternatives.html
http://alternativeto.net/software/wordpress/ http://boxiedesigner.com/web-design/10-
recommended-wordpress-alternatives-for-web-designers/
http://www.webdesignai.com/top-wordpress-alternatives-2014/
Octubre 2015 L. Codina (UPF) 11
Ejercicio CMS-1 Se puede hacer en grupos de 3 estudiantes Abrir una cuenta en WordPress (es.wordpress.com) Crear un sitio pensado para publicar entradas sobre
alguno de estos temas (si no se piensa en mantener el sitio, es mejor eliminar al finalizar el ejercicio): Críticas o reseñas de novedades en cine y televisión Reseñas o análisis de sitios web de Comunicación Audiovisual Guiones Series de televisión Realización Historia del cine Fotografía Otro, siempre que esté relacionado con Comunicación
Audiovisual
Octubre 2015 L. Codina (UPF) 12
Ejercicio CMS-2
Redactar una entrada en modo borrador (guardar, pero no publicar)
Sugerencias para la entrada: Reseña de:
Un estreno o novedad en cine o televisión Un ciclo de la Filmoteca Análisis de un sitio de Comunicación Audiovisual (p.e.
IMDB, Getty, MyNews, etc.) Opción: utilizar alguno de los trabajos o análisis
realizados para alguna asignatura.Octubre 2015 L. Codina (UPF) 13
CMS-3 Una vez redactado el primer borrador de su reseña:
Identifique una frase o palabra clave por la que crea que debería ser fácilmente encontrada su reseña (p.e. “bases de datos”, “guiones de cine, bancos de imágenes, “estrenos”, etc.)
Revise si esta palabra clave aparece: En el titulo principal (h1) o en un subtitulo (h2) Al menos una vez en el cuerpo de la reseña, preferentemente
marcado en negrita Añada enlaces:
Al sitio reseñado A un segundo sitio relacionado
Añada una imagen (una captura de pantalla, p.e.) Asigne la entrada a una categoria Asigne al menos dos etiquetas a la entrada
Octubre 2015 L. Codina (UPF) 14
CMS-4
Haga un última revisión No publicar si el contenido del post no es
realista Dejarlo en modo borrador o puede
publicarlo (optativo) Documentar la edición del post y la
publicación (en su caso) con capturas de pantalla
Octubre 2015 L. Codina (UPF) 15
La Web Social
Principales sitios donde dar a conocer nuestras publicaciones: Twitter Facebook Youtube Google+
Octubre 2015 L. Codina (UPF) 16
Un caso especial: YouTube
El canal audiovisual más importante del mundo
Proporciones estimadas de factores SEO para vídeos en YouTube: Contenido: 60-70% Metadatos: 15-20% Señales de Usuario/Web social: 15-20%
Octubre 2015 L. Codina (UPF) 17
Señales de usuario
Audiencia Número de vistas Proporción visitas/vistas
Comentarios Subscripciones Social shares Favoritos Revisiones positivas
Octubre 2015 L. Codina (UPF) 18
Metadatos para YouTube Para el Canal
Título Imagen (fotografía) Descripción Vídeo de la página principal Listas de reproducción
Para cada vídeo Nombre del archivo de vídeo Título del vídeo Descripción Palabras clave Transcripción Subtítulos Anotaciones Enlaces (en su caso)
Octubre 2015 L. Codina (UPF) 19
Ejercicio – YouTube (opcional)
Haga una búsqueda en YouTube por un tema de su interés (preferentemente relacionado con cine o televisión)
Compare las señales de usuario de los tres primeros vídeos mediante una tabla
Vea si existe alguna correlación entre su posición y las señales de usuario
¿Existe correlación también entre su calidad y su posición?
Octubre 2015 L. Codina (UPF) 20
Más información
Página del autorwww.lluiscodina.com
Octubre 2015 L. Codina (UPF) 21