UD4 – 2ª Parte SEO y Comunicación Audiovisual Lluís Codina Área de Ciencias de la...

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


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;}


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>


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


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


WordPress - 1

El CMS más importante Gratuito Open source 20 por ciento de los sitios web


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


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/


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


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


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


La Web Social

Principales sitios donde dar a conocer nuestras publicaciones: Twitter Facebook Youtube Google+


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%


Señales de usuario

Audiencia Número de vistas Proporción visitas/vistas

Comentarios Subscripciones Social shares Favoritos Revisiones positivas


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)


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?


Más información

Página del autorwww.lluiscodina.com


UD4 – 2ª Parte SEO y Comunicación Audiovisual Lluís Codina Área de Ciencias de la...

Documents

Transcript of UD4 – 2ª Parte SEO y Comunicación Audiovisual Lluís Codina Área de Ciencias de la...