Blogs

Blogs

Evolucion@r o morir: sobrevivir a la Web 2.0

César Acebalacebal@uniovi.escesaracebal.com

www.flickr.com/photos/barne3/2836828090/

www.flickr.com/photos/pixelgraphix/106687565

¿Qu

é e

s u

n b

log?

—Wikipedia  http://en.wikipedia.org/wiki/Blog

Un blog (contracción del término «weblog») es un tipo de sitio web, normalmente mantenido por una sola persona, que publica de manera regular entradas con comentarios, descripciones de eventos o cualquier otro material, como imágenes y vídeo. Las entradas normalmente se muestran en orden cronológico inverso.

Algunas cifras

www.flickr.com/photos/cayusa/2868950235/

Estado de la blogosfera

16 M

46 M

72 M

marzo

2003

octu

bre 2

005

julio

2006

marzo

2007

Más de 70 millones de blogs

Unos 120 mil nuevos cada día

๏ 70 millones de blogs, pero... ¿cuántos están realmente acEvos?‐ Una mínima parte

Observaciones

Blogs will change your businessBusinessWeek, mayo  2005

La persona del año Time Magazine, diciembre 2006

Tú.

Características

Caracterís/cas๏ Entradas

• También llamadas ar2culos o posts

• Los más recientes, en orden cronológico inverso, en la página principal

• Un archivo por fechas

๏ Comentarios de los lectores

๏ Categorías

๏ E/quetas

Elementos constitutivos de un blog

autor

entradas

lectores

comentarios

publica

leen

resp

ond

en

Ejemplos

๏ h3p://meyerweb.com/

๏ h3p://www.subtracEon.com/

๏ h3p://www.andybudd.com/

๏ www.grancomo.com/

๏ h3p://veerle.duoh.com/

Suscripciones: RSS, Atom

www.flickr.com/photos/athena/325752626/

El contenido

www.flickr.com/photos/seraphicallydrunk/2599221740/

El contenido

๏ Es la razón de ser de cualquier siEo web‐ Más si cabe en el caso de un blog

๏ Aspectos a tener en cuenta:‐ El tema del blog

‐ Escrito para perdurar• URL permanentes y legibles

El tema

๏ Sobre qué vamos a escribir

๏ ¿Será un mero diario personal?

๏ ¿O un blog monotemáEco?

๏ ¿O pertenece a una empresa?

๏ ¿Uno o varios autores?

Redacción

๏ Ofrecer contenido propio‐ Si no... ¿para qué escribimos?

‐ Huir de las notas de prensa o los folletos publicitarios

๏ Escribir para la web‐ Breve, estructurado, haciendo uso de enlaces externos, etcétera

๏ Por supuesto, cuidar el esElo y la ortograaa

๏ Imágenes, vídeos...

Los diez fallos principales de los blogs según Nielsen๏ No incluir una biograCa del autor

๏ No incluir una foto

๏ No usar dtulos descripEvos para las entradas

๏ Enlaces que no dicen a dónde van

๏ Ardculos interesantes ocultos

• Hay que proporcionar enlaces en la página principal a los ardculos más demandados

Los diez fallos principales de los blogs según Nielsen๏ Calendario como única navegación

• Hay que incluir categorías

๏ Frecuencia de publicación irregular

๏ Mezclar temas

๏ No pensar en que eso lo va a poder leer nuestro futuro jefe

๏ No tener un dominio propio

Enlaces๏ Estado de la blogosfera

‐ h3p://technoraE.com/blogging/state‐of‐the‐blogosphere/

‐ h3p://www.sifry.com/stateoiheliveweb/

๏ IntroducEon to Blogging « WordPress Codex‐ h3p://codex.wordpress.org/IntroducEon_to_Blogging

๏ Blogs will change your business‐ www.businessweek.com/magazine/content/05_18/

b3931001_mz001.htm

‐ www.businessweek.com/go/08/blog

๏ Blog Usability: Top 10 Weblog Design Mistakes‐ www.useit.com/alertbox/weblogs.html

Creación de blogs con Blogger

Pasos para crear un blog

1. Creamos un blog

2. Elegimos un nombre

3. Elegimos una planElla

Creación del blog

๏ Lo primero es crear el blog‐ www.blogger.com

๏ Para ello necesitamos primero tener una cuenta de Google‐ Por ejemplo, si usamos Gmail, ésa será nuestra cuenta de Google

‐ Si no, tenemos que crear una

Creación de una cuenta Google

Asignar un nombre al blog

Elegir una plantilla

Blog creado

Ejercicio

๏ Crear un blog‐ Echar un vistazo a todas las opciones de configuración

๏ Añadir un par de entradas sencillas‐ No hace falta que incluyan contenido mulEmedia (imágenes o vídeos) por ahora

‐ Diferencias entre guardar como borrador y publicar

๏ Probar cómo se vería con otros diseños

Ver blog

Personalizar

Diseño

Elegir plantilla nueva

El mismo blog con otro diseño

Ver blog

Cabecera

últimos

artículos

«widgets»

Comentarios

www.flickr.com/photos/splat/3543799770/

Ver una entrada

comentarios

Ejercicio: comentarios

๏ Id al blog creado para el curso• h3p://sobrevivirweb20.blogspot.com/

‐ y añadid un comentario a la entrada que os diré con vuestro nombre y un enlace a vuestro blog

๏ Añadid un comentario en el blog de vuestro compañero de al lado

๏ Cambiad la moderación de comentarios y probad de nuevo, jugando un poco con ello

Añadir contenido multimedia

www.flickr.com/photos/konaboy/173771591/

www.flickr.com/photos/cas

ch/219653507/

www.flickr.com/photos/eric85/2446210404/

Ahora aprenderemos a añadir contenido

multimedia a nuestras entradas

Ejercicio: imágenes

๏ Vamos a añadir una o varias imágenes a nuestras entradasa) Subiéndola directamente a Blogger a través de la barra de herramientas de la entrada

b)Añadiéndola directamente desde Flickr/Picasa

c) Enlazando una foto de Flickr o Picasa «manualmente»

d) Insertando una presentación de un álbum de Flickr o Picasa

«Blog this» de Flickr

«Blog this» de Flickr

๏ Flickr nos pedirá que lo autoricemos en Blogger‐ Podemos repeEr el paso para disEntos blogs

¿Qué problemas /ene?

๏ Que, a menos que queramos escribir un post con una sola imagen, no nos valdrá‐ Sólo se puede crear un nuevo post con esa (única) imagen

๏ Vamos a ver el enfoque más flexible‐ Requiere lidiar un poco con la edición en HTML de la entrada, que hasta ahora no habíamos usado

Imágenes de Flickr a mano

1) Hay que ir a la opción «All sizes» de Flickr

2) Escogemos la opción que más se ajuste al tamaño final que queremos mostrar en el blog‐ Normalmente, será el tamaño «Medium»

«All sizes» en Flickr

Imágenes de Flickr a mano

3) Debajo de la imagen, copiamos la dirección que aparece en el segundo cuadro:

Imágenes de Flickr a mano

4) Finalmente, insertamos la dirección de dicha imagen a través del botón añadir imagen de Blogger que ya usamos antes

Pegamos la URL de la imagen en Blogger

Imágenes de Flickr a mano

5) Para retoques finales en el tamaño de la imagen, tendremos que ir a la vista HTML de la edición de la entrada

Cambiar el tamaño de la imagen

Cambiamos el ancho a 400px

Añadir una presentación

๏ Flickr:‐ h3p://www.flickr.com/help/forum/en‐us/99606/

‐ En la presentación de Flickr, pulsamos «Share»

‐ Copiamos el HTML

‐ De nuevo hay que editar la entrada directamente en HTML

‐ Pegamos el código anterior

Añadir una presentación

๏ Picasa:‐ h3p://picasa.google.com/support/bin/answer.py?hl=es&answer=66969

‐ En la web de Picasa, ir a un álbum de fotos

‐ En la derecha, pulsar «Enlazar a este álbum»

‐ Pulsar de nuevo en «Incrustar proyección de diaposiEvas»

‐ Copiar el código HTML generado en Blogger (de nuevo, en el modo de edición HTML)

Vídeos: YouTube, Vimeo...

Organizar la página

Organizar los elementos de la página

Organizar la página

๏ Dependiendo de la planElla seleccionada, la página anterior se verá diferentea) En función del número de columnas

b)Las propias planEllas pueden añadir o quitar widgets

c) El orden de los elementos puede variar

๏ Veámoslo en las capturas siguientes

Ejercicio: organizar la página

๏ Cambiar la posición de algunos widgets

๏ Modificar el que Blogger incluye automáEcamente con nuestros datos personales

๏ Añadir un nuevo personalizados‐ «Sobre este blog»

๏ Otros‐ Fotos recientes en Flickr, úlEmos tweets, etcétera

Limitaciones de Blogger

¿Preguntas?

http://www.flickr.com/photos/fliegender/66007377/

Sobre mí

www.flickr.com/photos/acebal

facebook.com/acebal

twitter.com/acebal

myspace.com/acebal

lastfm.com/acebal

Y, ya que esto va de web 2.0... ;)

cesaracebal.blogspot.com/

www.google.com/profiles/cfacebal

César Acebalacebal@uniovi.escesaracebal.com