Novedades en la plataforma Blogger

Como seguramente conoceréis, la gente de Blogger se ha ido poniendo las pilas en los últimos meses de forma que han introducido nuevas mejoras en la plataforma de blogs. En un mensaje que están haciendo llegar a sus usuarios se indican toda una serie de nuevas funciones que es importante conocer, motivo por el cual las vamos a indicar pensando en las configuraciones a adaptaciones de vuestros blogs.

Filtro de comentarios

Seguramente ya hayas visto la pestaña Comentarios del escritorio, que se añadió en verano como parte de nuestra actualización del sistema de comentarios. Esta bandeja de entrada de comentarios es un lugar centralizado donde puedes realizar todas las tareas relacionadas con los comentarios, como eliminar comentarios publicados, administrar los comentarios marcados como spam y moderar los comentarios en espera (si has habilitado la moderación de comentarios).

También hemos empezado a analizar todos los comentarios publicados en nuestro sistema y estamos clasificando automáticamente los que creemos que son spam. Al igual que con el filtro de spam de Gmail, puedes ayudarnos a mejorar nuestras clasificaciones diciéndonos si los comentarios que hemos interceptado son realmente spam.

Estadísticas

La pestaña Estadísticas es otra novedad del escritorio y se trata de un centro para todos los datos de tráfico en tiempo real de tu blog. Las páginas vistas, la ubicación de los lectores, los tipos de navegador, las entradas populares y las fuentes de referencia son sólo algunos de los datos que recopilamos constantemente de cada blog.

Si deseas mostrar los datos de tráfico de tu blog a los lectores, también hemos creado los gadgets Estadísticas del blog y Entradas populares para que los añadas a tu plantilla. Estos gadgets pueden añadirse desde el directorio de gadgets en cualquier momento y tienen diferentes opciones para cambiar la visualización y el diseño de los datos.

Subir imágenes de fondo

A principios de verano lanzamos el Diseñador de plantillas para todos los usuarios y os pedimos vuestra opinión sobre qué otras funciones podíamos añadir para mejorarlo aún más. Lo que más nos habéis pedido con diferencia es la posibilidad de subir imágenes de fondo propias, así que nos complace anunciar que esta función ya está disponible dentro del Diseñador de plantillas.

Para subir tus propias imágenes de fondo a tu blog, sólo tienes que hacer clic en la sección Fondo del Diseñador de plantillas.

BlogSpot para móviles

Somos conscientes de que cada vez más usuarios acceden a la Web desde un smartphone y queremos asegurarnos de que los blogs se sigan viendo bien en estas pantallas pequeñas. Nos hemos esforzado por crear una versión para móviles de BlogSpot, que detectará automáticamente si se accede a un blog desde un smartphone y mostrará una versión optimizada para móviles.

BlogSpot para móviles está disponible ahora en Blogger en borrador, y se puede habilitar desde la pestaña Configuración > Correo electrónico y móvil. Desde ahí también podrás obtener una vista previa para móviles de tu blog para ver cómo quedará.

Fuentes web

El equipo de fuentes web de Google ha llevado a cabo grandes progresos en su tarea de ampliar las opciones de fuentes en la Web, especialmente para los alfabetos no latinos, como el cirílico y el griego. Hemos aprovechado sus logros y ahora ofrecemos40 nuevas fuentes web en el Diseñador de plantillas de Blogger en borrador. Para obtener la lista completa, consulta el artículo del Centro de asistencia.

Si todavía no habíais descubierto estas nuevas funcionalidades, es un buen momento para poder experimentar con ellas ya que no sólo se trata de funciones que afectan a la apariencia de los blogs sino que incluyen mejoras de gestión importantes.

Aprovecho, dada la fecha, para desearos una feliz Navidad y un próspero año 2011.



David

La información digital personal integrada: el proyecto "Di.me"

Tras estos primeros meses de clase muchos de vosotros ya habéis sufrido la tediosa tarea de daros de alta en un nuevo servicio web y todo lo que ésto trae consigo: otra URL que aprenderos, otra contraseña más y, lo peor de todo, introducir contenido nuevo (o no tan nuevo) en la nueva plataforma.

Así, muchos de vosotros ya tenéis cuentas de usuario en múltiples servicios, como redes sociales personales (como Facebook o Tuenti), profesionales (como LinkedIn o XING) o incluso académicas (como ResearchGate o Academia.edu). Además, habéis probado otro tipo de plataformas, como los blogs (con vuestras plataformas en Blogger y/o Wordpress), microblogs (como Twitter) e incluso vuestro futuro portal web con XOOPS. Una gran cantidad de lugares, y más que iréis descubriendo a lo largo del curso.

También os habréis dado cuenta de que las cosas que queréis contar son (o deberían ser) distintas en cada plataforma. No es lo mismo escribir una entrada para un blog que un mínimo texto para Twitter o para el muro de Facebook. Los usuarios esperan cosas distintas de cada canal informativo.

Y para complicarlo todavía más, en vuestra vida online adoptáis diversas facetas según con quién os relacionáis (lo que no deja de ser un reflejo de nuestra vida real). Todos vuestros contactos no son iguales y la información que queréis compartir -o simplemente gestionar- es distinta según a quién os dirigís. Sencillamente adoptáis diferentes roles, fundamentalmente el familiar, el social y el profesional.

En ese sentido, quería compartir con vosotros una noticia aparecida hace unas semanas en los medios de comunicación, en la que se anuncia el desarrollo de una nueva herramienta que permitirá a los usuarios integrar en una sola aplicación toda la información que éstos tienen en Internet, y categorizarla automáticamente para adaptarla al perfil que el usuario quiera adoptar en cada momento.

La futura aplicación, denominada Di.me, fue presentada por Fabian Hermann, investigador y asesor en el Fraunhofer Institute for Industrial Engineering, en el marco del debate "Identidad Digital: cómo construimos, utilizamos y protegemos nuestra presencia en la red", celebrado en Barcelona el 25 de noviembre.

Figura 1. Esquema general del proyecto Di.me (fuente: Fabian Hermann)

El proyecto tiene una duración prevista de 3 años y ha sido financiado por la Unión Europea con 3.12 millones de euros a través de los fondos del 7 Programa Marco. Destaca ademas la presencia española a través de la colaboración de la Asociación multisectorial de empresas de tecnologías de la información comunicaciones y electrónica (ASIMELEC) y la Fundació Barcelona Digital Centro Tecnológico (bdigital).

Los aspectos más importantes se pueden consultar a través de Integrated Digital.me Userware, la página oficial del proyecto.

Muchos de vosotros me habéis expresado vuestra preocupación acerca de los aspectos legales y éticos en el uso y consumo de vuestros contenidos en la Web. Por ello, os recomiendo que echéis un vistazo a la presentación del proyecto Di.me, y reflexionéis acerca de las ventajas y necesidades que podrá cubrir este proyecto, así como de los posibles inconvenientes.

Un saludo, y feliz lectura.

Enrique Orduña

Evolución del marketing - ejemplos de e-marketing en entidades sociales

Si echamos un vistazo al repaso de la Historia del Marketing que hace la Wikipedia, veremos que en 1941 se usa por primera vez la publicidad en internet. De ese primer paso, y de cómo era la publicidad, podemos ver cómo ha evolucionado en cuanto a hipersegmentación tanto del mensaje como de los canales a usar, a través del vídeo publicitario de la serie "Big Bang Theory" de TNT (2010)

En cuanto a ejemplos de Guerrilla Marketing, podemos encontrar alguno muy curioso de autopublicidad, o de publicidad para venderse a uno mismo como marca unipersonal, aprovechando el tirón de otras marcas más poderosas, como por ejemplo Glee

Ejemplos de Marketing viral, podemos encontrarnos cerca el de la Ópera en el Mercado de Valencia , o el de Britains Got Talent 2009 - Susan Boyle: I Dreamed A Dream

En cuanto a Experiential marketing, podemos tomar como ejemplo de discusión sobre su conveniencia el del Transformation Lab de la Biblioteca Pública de Aarhus

Ejemplos más cercanos a nosotros de Experiential marketing y Street marketing podrían ser las iniciativas de las Bibliotecas Públicas de A Coruña, véanse fotos, más fotos, facebook,

Por último, vimos la evolución de los intentos de mejora del branding de las bibliotecas a través del diseño gráfico de anuncios y banners:

http://robdarrow.files.wordpress.com/2007/11/wyoming-mudflap-girl-bookmark.jpg

http://www.mcphee.com/laf/

http://2.bp.blogspot.com/_FetzOdorIvE/TIhKePm_LqI/AAAAAAAAAVw/QGK8TQ1d7Zo/s1600/SmartestCard_SpanYellow998.jpg

http://www.cartoonstock.com/lowres/rjo1094l.jpg

http://www.njstatelib.org/gallery/d/207-2/0311em_1_.jpg

http://wyominglibraries.org/rotating/rotate.php

http://1.bp.blogspot.com/_KtVGazdVhwA/SxAFc3cHKxI/AAAAAAAAAgQ/ejtXq5Jlwxg/s1600/cubierta+PEKE.jpg

Y una vez más, como ejemplo de campaña de E-Marketing integrado, el conjunto de iniciativas llevadas a cabo por las bibliotecas de A Coruña:

http://www.facebook.com/bibliotecascoruna

http://bijcomic.blogsome.com/

http://twitter.com/bibcoruna

http://www.youtube.com/watch?v=I10euSaKpHM

http://peacarballo.wordpress.com/

¿Debilidades, Amenazas, Oportunidades, Fortalezas?

Introducción a las redes sociales para servicios de información

- Explicación gráfica de qué es una red social

- Visualizar redes de enlaces (se puede incluir una web y ver su red de enlaces alrededor)

http://www.touchgraph.com/TGGoogleBrowser.html

- Serrano-Cobos, Jorge. Introducción a las Redes Sociales para Servicios de Información (ppt online)

- Vídeo sobre la evolución de las redes sociales: "Social Media Revolution"

- ¿Qué red social utilizar? ¿Cómo sobrevivir a la sobrecarga de información y de requerimientos de atención por parte de las redes sociales? Video "Social Networking Wars"

- "The Science of Social Media", datos y análisis de tendencias de uso de las Redes Sociales (Hubspot.com)

- "10 Questions Internet Executives must ask & answer" (2010) Con datos muy útiles de tendencias de negocio de los grandes players mundiales en el negocio del Social Media.

- Para aquellos que quieran usar las redes para encontrar trabajo, aparte de por supuesto colocar su CV online y en los portales de trabajo, unos cuantos consejos en "cómo hacer crecer tu red profesional" (en ppt o en video 1ª parte y 2ª parte)

Análisis de Gartner

Gartner (conocido como Grupo Gartner hasta 2001) es una empresa estadounidense de tecnologías de la información y de firma consultiva con 1.200 analistas y consultores en 75 países del mundo, y que tiene como clientes a algunas grandes empresas, agencias de gobierno, empresas tecnológicas y agencias de inversión.

Uno de sus productos más solicitados son los llamados "cuadrantes mágicos", que vimos en clase, en los que se realiza una análisis exhaustivo del mercado cada uno o dos años clasificando a las empresas o softwares en un gráfico compuesto por los siguientes cuadrantes: líderes, aspirantes, visionarios, actores de nicho de mercado.

Hace unas semanas, Gartner hizo público su informe sobre software social; aunque sus 28 páginas cuestan 1.995 dólares.


Además, en febrero de este año ha formulado unas predicciones para la Web social:

• Para 2014, los servicios sociales en red reemplazarán al correo electrónico como principal vehículo de comunicación interpersonal para el 20% del uso profesional.
• Para 2012, en torno al 50% de las empresas utilizarán las activity streams que incluyen microblogging, pero los microbloggings tendrán menos del 5% de penetración en empresas autónomas.
• Hasta 2012, fracasará cerca del 70% de las iniciativas de medios sociales orientadas a TICs.
• Dentro de cinco años, el 70% de las aplicaciones para la comunicación y la colaboración diseñadas para PC serán modeladas a partir de lecciones de experiencia de usuario desde aplicaciones colaborativas de smartphone.
• Hasta 2015, sólo el 25% de las empresas utilizarán habitualmente análisis de redes sociales para mejorar su rendimiento y productividad.

Pon un traductor en tu vida

Cada vez que planteamos y escribimos una entrada en nuestro blog o en nuestro sitio web, lo normal es que lo hagamos en nuestro idioma de preferencia y que no nos dediquemos a traducirlo a otros idiomas para hacerlo más universal. Evidentemente si queremos hacer que lo que expresemos llegue al máximo número posible de internautas, lo ideal sería traducirlo.

El caso es que traducir todas nuestras entradas es un gran esfuerzo que además tendrá escasa recompensa si nos salimos de los idiomas que podamos ofrecer con una traducción digna. Esto choca con la importancia que tiene el valor de incrementar las visitas por aquellos usuarios que puedan leer el contenido en un idioma diferente al escrito. Pero para facilitarnos esta ingente labor disponemos de una herramienta clave, un traductor automático para nuestro blog.

Hoy en día la tecnología de traducción automática ha cambiado y evolucionado tanto que, si bien no llegan todavía a hacer traducciones al 100% correctas, son perfectamente válidas para entender perfectamente lo que se quiere decir, y de entre todas las herramientas de este estilo disponibles, el Traductor de Google es el que mejor lo hace, y además, su interfaz ya no es como antes, ahora ha mejorado ostensiblemente.

Seleccionar idiomaafrikaansalbanésalemánárabebielorrusobúlgarocatalánchecochino (simplificado)chino (tradicional)coreanocriollo haitianocroatadanéseslovacoeslovenoestoniofinlandésfrancésgalésgallegogriegohebreohindiholandéshúngaroindonesioinglésirlandésislandésitalianojaponésletónlituanomacedoniomalayomaltésnoruegopersapolacoportuguésrumanorusoserbiosuajilisuecotagalotailandésturcoucranianovietnamitayiddish

Con la tecnología de Traductor de Google

Vamos a ver cuál es el procedimiento para instalarlo en nuestro blog y poder ofrecer el servicio de traducción a nuestros lectores sin tener que estar duplicando o triplicando esfuerzos cada vez. La manera de integrar esta herramienta es de lo más sencillo, sólo tenemos que conectar con Google Traductor, seleccionar las opciones del gadget y copiar el código resultante en nuestro blog, tan sólo en 4 pasos.

1. Primero: seleccionar la opción de traducir toda la página, también podemos seleccionar un trozo de nuestra página.
2. Segundo: seleccionar el idioma nativo de nuestra página, en el que vamos a escribir nuestras entradas.
3. Tercero: si queremos, seleccionar las configuraciones opcionales, tales como a) traducir a todos los idiomas o escoger a cuáles de los mostrados en la lista, b) escoger el modo de presentación de la caja de idioma, c) marcar las opciones automáticas para mostrar el cambio de idioma o vincular el script a nuestra cuenta de Google Analytics.
4. Cuarto: copiar el código generado. En esta última opción disponemos de un icono para insertar el código directamente en nuestro blog si está hecho con Blogger.

Así, por ejemplo, si queremos copiar y pegar el código generado, deberemos hacerlo como un elemento HTML/Javascript:

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'es',
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Este gadget guarda cookies al traducir de modo que cuando alguien haya usado el traductor y vuelva a entrar verá el blog traducido automáticamente. De esta forma, nuestros lectores no tendrán que utilizar el traductor constantemente cada vez que entren a nuestro sitio web.

De todas formas, se puede volver a visualizar el idioma original en cualquier momento ya que al traducir se agrega una barra encima de la página con las opciones del traductor de Google; en caso de querer parar la traducción sólo hay que hacer click en Show original.

Os animo a incluir un gadget de traducción automática para poder llegar al mayor número de lectores posible, y de paso difundir de forma más global todo lo que estamos diciendo.

David

Algunas herramientas de comparación de CMS

Hola a todos,

Para terminar la semana adecuadamente, os envío un par de recursos que os servirán de gran ayuda para la realización del trabajo sobre la elección de un CMS.

Por una parte, me gustaría que accediérais a The CMS Matrix, recurso que tenéis en las transparencias de clase, pero que no llegamos a ver directamente.

En este servicio podéis hacer comparativas entre distintos CMS. En la página de inicio veréis un amplio listado de CMS (que os debe servir para daros una idea de lo importante que es saber elegir). Podéis marcar los CMS que deseéis y posteriormente pulsar al botón "compare". El sistema automáticamente os mostrará una serie de tablas comparativas con las distintas prestaciones de los CMS seleccionados.

Para probar el servicio, sería interesante que seleccionárais XOOPS, Joomla y Drupal, y que comparárais los resultados.

Por supuesto, muchas de las prestaciones listadas no las hemos visto, y quedan lejos de los propósitos de la asignatura, pero algunas otras características sí las vimos en clase. Esta tabla os debería ser de utilidad para el supuesto práctico, en el que tenéis una serie de requisitos para la elección de un CMS.

Existen otras herramientas comparativas, como CMS Match, donde podéis comparar de forma gráfica hasta 10 CMS de forma simultánea. Cuando comencéis a conocer las distintas aplicaciones sacaréis más partido de estos recursos, pero es interesante que los vayáis conociendo ya.

Por otra parte, para repasar y comprender algunas de las cosas vistas en clase, sería interesante que analizárais vuestros blogs en función de las 4 funcionalidades básicas de un CMS, que si recordáis eran: creación, gestión, publicación y presentación de contenidos.

¿Permiten vuestros sistemas de blogs realizar todas y cada una de estas funciones?

Que paséis un feliz fin de semana.

Crear blogs en 2010: estado de la blogosfera

Crear hoy día un blog es ciertamente mucho más fácil que lo era hace unos años. Las herramientas nos ayudan sobremanera a generar contenido dinámico de forma más sencilla a la par que completa, que cuando uno debía atacar al html a pelo, para poder maquetar algo más allá de una mera plantilla.

Los blogs en 2010 han llegado a un momento de estabilización (tras el un clásico período de hype cycle), en el que ya no es una novedad crear o mantener un blog. De hecho, se han visto superados hoy día por el interés mediático suscitado por herramientas de comunicación (más que de publicación de contenidos) como twitter, como podemos ver en este gráfico que muestra el volumen de búsquedas mundiales sobre las palabras clave "blog" (en azul) y "twitter" (en rojo).

Como vimos en clase el otro día, el perfil del blogger ha cambiado mucho, y sobre todo se ha profesionalizado. Podemos verlo en la evolución 2004 - 2010 del "State of the Blogosphere" de Technorati, y compararlo con la infografía sobre el estado de la blogosfera de Blogherald.

En el caso de los blogs de bibliotecarios y gestores de información, su participación en la blogosfera está descrita (al menos para USA) en Aharony, N. "Librarians and information scientists in the blogosphere: An exploratory analysis." Library & Information Science Research vol. 31, n. 3 (2009). pp. 174-181.

En cualquier caso, y como parte de las prácticas es el desarrollo de un blog, tengamos en cuenta que hay cosas que no cambian, como los típicos errores de usabilidad en blogs. Mientras investigáis sobre cómo desarrollarlos, haced vuestro pequeño benchmarking de otros blogs que os puedan aportar best practices, pensad cómo queréis mostrar la página de inicio del blog, y para aquellos que se sientan más avezados, explorad las posibilidades que el HTML 5 os puede ofrecer.

Y si os atascáis, podéis echarle un ojo a este manual de cómo hacer un blog en Blogger y en Wordpress, editado por el Área de Desarrollo Rural y Medio Ambiente de la Diputación de Segovia, que podéis leer online clicando sobre la imagen. A jugar...

Open publication - Free publishing - More manual blogs

Elementos y widgets imprescindibles para tu blog

Es de todos bien sabido que un blog no se arma sólo, si bien podemos encontrar en plataformas como Blogger o Wordpress (mejor la versión instalada en tu propio servidor), una gran recopilación de elementos que podremos utilizar para completar nuestro blog como auténticos profesionales.

Es una ventaja y a la vez un inconveniente porque hay gente dada a poner todo tipo de plugins y widgets en sus plantillas, lo que puede llegar a suponer un gran ruido visual que en vez de ayudar distorsione el mensaje, y por ende, al mensajero.

Hoy os voy a comentar qué elementos no deben faltar en nuestros blogs, algunos obvios y habituales, pero por eso mismo en muchos sitios no son tenidos en cuenta. Otros, quizás sean un descubrimiento útil que poder aplicar para fortalecer la salud de nuestro querido blog al que tanto tiempo le vamos a dedicar.

Páginas que siempre hemos de tener accesibles

Quién soy. Como seres humanos es importante saber socializarse, darse a conocer y no permanecer en el anonimato, y para ello se hace fundamental aportar luz sobre la autoría de un blog, quien está detrás de lo que se escribe, qué le motiva a hacerlo, a quién se dirige potencialmente pero de forma no extensa, algo sucinto, breve, fresco, directo que permita a nuestros visitantes hacerse una idea de quiénes somos.

Cómo contactar conmigo. No hay cosa más desesperante que no poder contactar con alguien cuando tienes interés. Tu blog puede motivar muchos intereses, y sabemos que algunos quizás no sanos :D, pero es importante que los usuarios puedan contactar contigo, y qué mejor forma que incluir un formulario directo. Eso sí, NUNCA (¡fijaos que estoy gritando!) se os ocurra poner al descubierto vuestra dirección de correo electrónico, o os van a comer a spam. También hay unos widgets que pueden completar la manera de ponerse en contacto contigo, los vemos en un momento.

Usos legales de tu contenido. Por defecto toda tu producción será tuya (siempre que sea cosecha propia) y tiene asociados los derechos de autor, pero quizás parte de lo que hagas, o todo, lo quieras difundir bajo licencias no tan restrictivas como las de copyright. En ese caso, una página donde lo expliques claramente, incluso enlaces al tipo de licencia que utilizas junto a un aviso legal, ayudarán a tus lectores/consumidores a saber qué y cómo se puede utilizar de tu blog.

Widgets imprescindibles para la vida cotidinana de tu blog

A nuestro blog le podemos poner toda una serie (casi interminable y creciendo) de complementos o widgets de forma muy sencilla que nos proporcionan características específicas para "personalizar" nuestro blog. Para ayudaros en la primera selección, os voy a detallar los widgets que no deberían faltar en vuestro blog, y finalmente algunos que pueden ser de alto interés para redondear la estrategia comunicativa del mismo.

• Caja de búsqueda: ¡qué obvio, un buscador! Sí, pero de tan imprescindible (siempre que tengamos un cierto volumen de contenido) se nos pasa en muchas ocasiones. Dejemos que los usuarios nos busquen como quieran, como les sea más fácil, cuanto más cómodos se sientan mejor resultados tendremos. Recomendamos el código de Google, que lógicamente se inserta a la perfección en Blogger.
  Google Search: http://code.google.com/intl/es-ES/apis/ajaxsearch/web.html
  
  
• Categorías y nube de etiquetas: establecer una relación jerárquica de las categorías bajo las que organizamos los contenidos y ofrecer un vistazo rápido sobre las temáticas que tratamos son realmente muy útiles, y además de fácil inclusión en nuestro blog.
  
  
• Sindicación: debemos ofrecer la posibilidad de que nuestros lectores no sigan de la manera más cómoda, y obviamente no van a pasar cada día para saber qué escribimos, por lo que un widget para la subscripción RSS o por correo electrónico será una forma excelente de facilitarles la labor.
  
  
• Dar a conocer otras fuentes: nosotros nos vamos a nutrir de muchas otras fuentes, y es posible que además queramos hacer red con todo ello, pues nada, manos a la obra e incluyamos una caja con nuestros blogrolls, es decir, nuestras webs amigas o que seguimos. Eso proporciona una dimensión importante y complementaria a nuestra tarea, ya que aglutina bajo un mismo punto de acceso diferentes fuentes de información que pueden ser verdaderas joyas que de otra manera nuestros lectores quizás no hubieran descubierto, sobre todo en blogs temáticos muy especializados. También podemos dar a conocer otros blogs u otras webs que tengamos y en las que seamos parte activa.
  
  
• Comentarios y más comentarios: está claro que si haces un blog es para que se genere discusión alrededor del mismo, ni se te ocurra cerrar los comentarios, sino, ¿para qué haces un blog? Activa el widget de los comentarios recientes, es la mejor manera de coordinar el posible caos que se produce en blogs con mucha actividad por parte de los usuarios que opinan. De esta forma ofrecerás un apunte rápido del dinamismo y el debate surgido en tu blog. Hay diversos widgets relacionados con esta temática, pero uno que os gustará sobremanera es Realtime Comments http://www.widgetbox.com/widget/comments que te permite poner en cualquier página web un sistema muy visual de discusión. Su uso antes de la mejora que Blogger ha incluido en el sistema de discusiones era de lo más utilizado, ahora yo lo reservaría para páginas web solamente.
  
  
• Ahhh, nuestras queridas redes sociales...: está claro que si hemos atraído la atención de nuevos lectores y les hemos dicho quienes somos, algunos de ellos quieran saber si tenemos perfil bajo alguna identidad digital en las redes sociales más populares. Para evitarles tener que buscarnos por todas ellas y probar suerte, vamos a darles el camino trillado.
  
  Pero primero, dejemos que se lleven a donde más quieran nuestro contenido, que lo compartan, y para ello, entre muchos widgets existentes este es de los mejor valorados. Share This: http://secure.sharethis.com/publishers/get-sharing-button
  
  Luego, si escribimos en Twitter, pues dejemos que accedan a nuestro stream desde el blog, que no tengan que pasar obligatoriamente por la cuenta de Twitter, de esa forma seguro que tendremos más seguidores y más lecturas. Twitter widget: http://twitter.com/widgets/blogger
  
  Si nos interesa reforzar nuestra imagen profesional, qué mejor que utilizar el perfil que seguramente ya tendremos en Linkedin a través de un botón para nuestro blog. Esto lo podremos hacer fácilmente en una caja HTML donde juntemos un icono de la red social y le asociemos un enlace a nuestro perfil público (este paso lo deberemos hacer antes).
  
  
• Comunicarnos: podemos también ofrecer una coversación en línea y chatear con nuestros lectores, podemos hacerlo fácilmente con Gtalk http://www.bloggerplugins.org/2008/06/google-talk-widget-for-blogger-blogspot.html y también podemos crear un botón para que los usuarios que dispongan de Skype vean si estamos conectados o no y hacernos una llamadita :D http://www.skype.com/intl/en-us/tell-a-friend/get-a-skype-button/

Con todo ello, y a tenor de que descubrir y probar es lo mejor para conseguir lo que más nos gusta para nuestro blog, os animo a explorar la gran librería de widgets disponibles para nuestros blogs en la galería de Blogger, y si aún así tenéis sed os dejo este post con 25 increíbles widgets para el blog (fundamental).

Seguimos en la red!

David

Bienvenida al curso 2010-2011

Os damos la bienvenida al blog del conjunto de asignaturas 2.0 del máster CALSI.

Recordad que tanto este blog como los vuestros han de ser herramientas de comunicación habitual entre nosotros.

Esperamos que el curso os resulte interesante y productivo.

Un saludo,


José Antonio Ontalba Ruipérez
Enrique Orduña Malea
Jorge Serrano Cobos
David Maniega Legarda

Práctica de microformatos y códigos QR

Hola a tod@s,

ante algunas dudas planteadas os refresco en qué consiste la práctica que hace referencia a los microformatos y los códigos QR. Es una práctica muy sencilla que se divide en en dos acciones.

Microformatos

La primera es la inclusión en vuestro blog de algunos microformatos, de tipo hCard, hCalendar y hResume . Podéis escoger cualquiera de ellos, o dos o los tres e incluirlos dentro de vuestra plantilla (para el caso del microformato hCard) o bien en una entrada del blog donde se muestre una relación de un par de eventos (cualquier cosa, desde un concierto, una presentación o cualquier otro elemento que se pueda calendarizar).

Otra opción es crear un microformato del tipo hResume, que os puede ser muy útil para poder presentar una pequeña referencia personal/profesional de vuestro perfil. Este microformato va a ser implementado en diferentes redes sociales especializadas como es el caso de LinkedIn y otros servicios de bolsa de empleo, realmente algo muy interesante y muy potente de cara a la tipificación semántica de los contenidos.

Os recuerdo que disponéis de diferentes generadores que os ayudarán a crear vuestros microformatos:

• http://microformats.org/code/hcard/creator
• http://microformats.org/code/hcalendar/creator
• http://hresume.weblogswork.com/hresumecreator/
• http://www.ojomicroformatos.com/microformatos/

Y..., ¿cómo se veían los microformatos? Acordaos que tenemos diferentes extensiones (addons) en Firefox que nos ayudan a verlos dentro de cualquier sitio:

• Tails export: https://addons.mozilla.org/es-ES/firefox/addon/2240
• Operator: https://addons.mozilla.org/es-ES/firefox/addon/4106

Importante: recordad que los microformatos no alteran la visualización de la información por defecto, así que si queréis, podéis poner el formato y estilo que queráis a vuestro contenido a través de estilos CSS como hacéis para cualquier contenido de vuestro blog.

Vamos a por los códigos QR

Como vimos en clase los códigos QR son elementos bidimensionales que detrás de sus elementos gráficos esconden información de diferente naturaleza. En esta segunda práctica vamos a crear un código que se deberá incluir en el blog. Podéis ser tan imaginativ@s como queráis, cuanto más mejor ya que los voy a "leer" todos, a ver si alguien es capaz de sorprenderme como me sorprendió el que aparece en la botella de Pepsi de la foto lateral.

¿Cómo los creamos?

Tenemos varias opciones y gratuitas :

• http://qrcode.kaywa.com/
• http://qrcode.es/?page_id=18&language=es
• http://www.pixeland-es.com/qr/

¿Y para leerlos?

Simplemente con un lector (gratuito):

• http://reader.kaywa.com/
• http://www.upc.fi/en/upcode/instructions/download/
• http://www.i-nigma.com/Downloadi-nigmaReader.html
• http://www.quickmark.com.tw/En/basic/download.asp

En iPhone bajar el App Neoreader o ScanLife, ¡van de lujo!

Ánimo y a por ello que os lo vais a pasar bien, al menos eso espero :D

Un saludo a tod@s,

David

Factores, manuales y herramientas SEO

Para las clases de SEO, incluimos aquí una somera selección de enlaces interesantes, que en ningún caso es exhaustiva:

Un resumen muy visual de mucho de lo que hemos visto:
http://www.coolinfographics.com/blog/2010/4/20/the-visual-faq-of-seo-infographic.html


FACTORES SEO

Unos 100 factores a tener en cuenta para SEO
http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm

Top SEO ranking Factors 2009
http://www.seomoz.org/article/search-ranking-factors#ranking-factors


MANUALES

Fantástico manual de SEO -parte informática- cómo optimizar servidores, etc.
http://javiercasares.com/wp-content/infraestructura.pdf

SEO para grandes portales de contenido. Muy interesante organización de carpetas, idiomas, redirecciones, duplicados...
http://www.slideshare.net/fernandomacia/human-level-search-congress-valencia-2009-slideshare

Preguntas técnicas de Blog Oficial de Google Webmasters sobre errores de servidor, etc.
http://spreadsheets.google.com/viewform?formkey=dGZzUTdxRGtJX3owUTNIS3RkeXN6UFE6MA

Respuestas correctas:
http://docs.google.com/Doc?docid=0AXjQ7lutx90cZGdmOG5zM25fMTQ3ZDVyOXJkZHo&hl=en&pli=1

HERRAMIENTAS SEO

Una herramienta para evaluar nuestro sitio web
http://www.woorank.com/en/www/masmedios.com

Varias herramientas de SEO
http://www.cuwhois.com/

Selección de herramientas gratuitas de SEO
http://www.socialseo.com/the-top-15-free-seo-tools.html

Para saber de qué habla cada página, te dice cuáles son las palabras con más densidad, las que más se repiten y tal.
http://tools.seobook.com/general/keyword-density/

Te da información variada sobre tu web
http://www.linkvendor.com/seo-tools/site-analysis.html

Te permite saber cómo te ven los robots como Google.
http://tools.seobook.com/general/spider-test/

Ya está abierto el cuestionario del wiki

Hola:

Desde esta mañana tenéis disponible el cuestionario de las preguntas para el wiki.

Acordaos de que tenéis hasta el lunes 22 de marzo para contestarla.

Un saludo,


José Antonio

Cómo escribir para la web - Lectura recomendada

Hola a tod@s,

después de ir viendo cómo van vuestros blogs, he de deciros que estáis haciendo un buen trabajo en conjunto, pero siempre van bien una serie de recomendaciones sobre cómo escribir de forma efectiva en un entorno específico como es la web.

Os voy a recomendar un libro de Guillermo Franco que está teniendo desde hace meses una gran repercusión en la red, ya no sólo por el gran volumen de descargas sino por los consejos que aporta y la sencillez de su discurso.

Para que tengáis en vuestras manos una guía analítica de los contenidos del libro, qué mejor que ofreceros el resumen que Olga Carreras hizo en su día del mismo, de forma que podáis seleccionar de manera más rápida el apartado al que queráis acceder si no disponéis de tiempo para la lectura secuencial completa (221 páginas), aunque muy recomendable.

Acceso al libro en formato digital:

Os deseo una buena lectura.

Un saludo,

David

Práctica de wikis

Paso a comentaros cómo se desarrolla la práctica wiki de la asignatura.

En primer lugar, el wiki está en la siguiente dirección: http://practicacalsi2009-2010.wikispaces.com/

Las fases de la práctica final de la asignatura son las siguientes:

1º Desde el lunes 1 de marzo, cada uno de vosotros tiene que enviar a mi correo electrónico (joonrui(arroba)upv.es ) 5 preguntas relacionadas con temáticas de las asignaturas o del máster (se hayan tratado o no en clase) y que sean de vuestro interés. Estas preguntas no deben ser del tipo "¿Cuándo se sabrán las notas de la tesina?", o "¿En el PoliformaT aparece información sobre los contenidos de las asignaturas del máster?"; sino que tienen que ser sobre los propios contenidos del máster, es decir: "¿qué diferencia hay entre agregar y sindicar contenidos?", "¿qué condiciones ha de cumplir un documento electrónico para que tenga validez legal?". Para tener más referencias, podéis consultar la entrada http://mastercalsi.blogspot.com/2008/02/entrando-en-la-recta-final.html así como el wiki del curso pasado (http://practicacalsi2008-2009.wikispaces.com/).

El lunes 8 de marzo finaliza el plazo para que me enviéis vuestra propuesta de preguntas.

2º El martes 9 de marzo publicaremos un cuestionario en línea con todas las preguntas que habéis mandado. En este blog os indicaremos su URL. Debéis votar todas las preguntas (de 1 a 5) en función de vuestras preferencias.

El lunes 22 de marzo finaliza el plazo de votación de las preguntas.

3º Paralelamente, desde el wiki os enviaremos una invitación a vuestras direcciones de correo de la UPV para daros de alta como editores en el wiki de la práctica.

4º El lunes 22 de marzo finaliza el plazo de votación de las preguntas. El martes 23 se inicia el plazo para que, a través del wiki, respondáis a las preguntas más votadas utilizando fuentes 2.0. En ella no serán tan importantes las respuestas como el trabajo colaborativo.

5º El domingo 25 de abril finaliza el plazo para editar las respuestas a las preguntas en el wiki.

No hace falta que os anime a utilizar vuestros blogs como herramienta para comunicaros con vuestros compañeros en el desarrollo de la práctica, pues ya veo que lo hacéis con una frecuencia envidiable (a ver si el ritmo de edición de entradas se contagia del ritmo de envío de comentarios).

Ánimo,


José Antonio

Cómo crear un ladillo en nuestras entradas de forma sencilla

En esta entrada os voy a detallar cómo podemos incluir ladillos en las entradas de un blog. Como es sabido, un ladillo es aquella porción de texto que se extrae del contenido general de una entrada para destacar algún elemento especialmente significativo del mismo. Su poder de atracción radica en dos aspectos clave, su posicionamiento en el cuerpo de la entrada y su contenido. Sobre este último cabe destacar que se refiere a un texto que tenga fuerza, llame la atención del usuario y le "incite" en cierta manera a leer todo el contenido.

Este efecto se logra si el texto del mismo tiene gancho, es sustancial y requiere para su plena comprensión de una lectura a fondo del contexto del mismo, lo cual obliga en cierta manera al lector a escanear la entrada para contextualizar este contenido.

A nivel formal, es decir, visual, tenemos muchas maneras de hacerlo, pero como debe estar claramente separado del propio texto de la entrada, necesitamos que tenga un formato específico y claramente diferenciado del resto del cuerpo. En muchas ocasiones habréis visto que se incluyen con unas comillas de tamaño bastante grande, con algunos adornos que separan este texto, o también el modelo de caja con un color de fondo diferente. Este caso es el que más capacidad visual tiene, pero ojo, tenéis que jugar con una buena combinación de colores para que no parezca un circo, se trata de destacarlo y no de crear algo tan diferente al contexto que parezca que no pertenece al mismo.

Vamos a ver cómo podemos incluir ese modelo de caja dentro de una de nuestras entradas. Para ello cuando editemos una entrada y ya tengamos el ladillo pensado, deberemos utilizar un poco de hojas de estilo CSS para crearlo. Un aspecto fundamental es que las entradas se tienen que crear desde la pestaña "Edición HTML" a la hora de montar vuestra entrada.

Vamos a poner un ejemplo ficticio de inclusión de un ladillo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla metus diam, aliquet eget vulputate eget, ultrices nec elit. Duis lorem metus, venenatis non porttitor ac, tincidunt ac metus. Vestibulum interdum tincidunt mauris non cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque metus ipsum, adipiscing ac aliquet luctus, dapibus eu quam. Integer laoreet mollis dolor, vel fermentum ipsum fermentum quis. Etiam mauris elit, tempor at hendrerit eget, aliquet at nibh. Mauris venenatis convallis eros sit amet mollis. Nunc convallis convallis lacinia. In tempor iaculis magna, nec sagittis risus bibendum ac. Sed in lacus sit amet sem volutpat elementum. Mauris ultrices ligula vitae metus malesuada a dapibus enim imperdiet. Vivamus a lectus urna, eget sollicitudin tellus. Maecenas in quam ligula, quis iaculis orci.

Este texto es un ladillo que incluimos en nuestra entrada.

In mauris magna, viverra tincidunt dignissim ut, iaculis ac leo. Morbi vestibulum ipsum mauris. Vivamus dignissim turpis at leo elementum semper. Mauris id arcu orci. In egestas, purus sit amet hendrerit tristique, nunc quam eleifend massa, in lobortis ante erat quis lacus. Mauris ut tempus est. Nullam semper blandit lectus, vitae aliquet nisi tempus nec. Curabitur velit leo, ultricies ut mollis sit amet, suscipit vitae massa. Proin condimentum nisi malesuada mauris imperdiet semper. Nulla aliquet mauris sit amet nulla placerat eget porttitor libero fermentum. Praesent id neque ac enim volutpat eleifend ac ac diam. Nullam sollicitudin molestie odio et ornare.


En este caso hemos insertado nuestro ladillo en la lado derecho de la entrada para que destaque junto con el texto al que puede estar haciendo referencia o que se encuentra en cualquier parte de la entrada. Su código es muy simple y lo podéis modificar fácilmente para adecuarlo a la estética de vuestro blog:

<div style="float:right; width:150px; background:#000000; color:#FFFFFF; padding:8px; margin:0 0 20px 20px;">Este texto es un ladillo que incluimos en nuestra entrada.</div>

Os comento el significado de cada elemento:

• La caja de texto se encierra entre las etiquetas <div> y </div>
• Para poner los estilos a la caja lo haremos desde el atributo "style"
• En este caso queremos que la caja fluya a la derecha del texto, ponemos la propiedad "float:right", si queremos que fluya a la izquierda pondremos "float:left"
• Le asignamos un ancho a la caja (suelen ser medidas pequeñas), en este caso lo indicamos con la propiedad "width:150px" (150 píxeles de ancho). El alto se asigna automáticamente en función del contenido.
• Seleccionamos un color de fondo mediante la propiedad "background", en este caso en color negro "#000000". Se pueden poner colores en formato hexadecimal para tener una gama más amplia de color (http://html-color-codes.info/codigos-de-colores-hexadecimales/).
• Seleccionamos el color del texto si lo queremos diferenciar del que tiene por defecto con la propiedad "color", en este caso hemos puesto el color blanco "#FFFFFF".
• Para dejar un espacio entre el texto y el perfil interno de la caja utilizamos la propiedad "padding" al que hemos dicho que deje 8px de distancia en cada uno de los lados de la caja (top, right, bottom y left).
• Algo parecido para la distancia entre el perfil externo de la caja y el texto que fluye a su alrededor. Para ello utilizamos "margin". Aquí definimos el espacio que queremos marcar con referencia al texto siguiendo el patrón de caja (top, right, bottom y left), es decir, 0 píxeles al top, 0 píxeles al right, 20 píxeles al bottom y 20 píxeles al left.

Con eso podemos hacer las combinaciones que queramos, obteniendo unos ladillos muy interesantes para nuestras entradas. Ahora sólo falta que los apliquéis a vuestro blog.

¡A por ello!

David

Variables / Criterios de calificación de vuestros blogs

Queridos alumnos, llegan los días del rechinar de dientes, pues debemos estimar cómo están quedando vuestros blogs, después de estos meses de, estamos seguros, intenso trabajo.

Os adelantamos las variables que vamos a medir cualitativamente, y los criterios generales con los que se valorarán vuestros blogs.

Sabemos perfectamente que escribir un blog es algo muy personal, y el estilo de escritura de cada uno, particular. Por tanto, se evaluarán los blogs en función de los consejos habituales que se dan a la hora de gestionar un blog y de escribir para la web. A partir de ahí, y en el futuro, podéis desarrollar vuestros blogs a discreción, sin más limitación que vuestra imaginación.

Las variables a medir con los criterios de mínimos a exigir son:

• Perfil y enfoque: se valora la mezcla de información noticiosa y novedades, con la valoración meditada y personal de las mismas, no simples enlaces / citas a otros.

• Periodicidad de los posts: Siempre es mejor intentar fijar, en la medida de lo posible, una periodicidad lo más estable posible en la publicación de posts, sea la que sea.

• Tamaño y estructura de los posts: se recomiendan (salvo justificación) los párrafos cortos y una estructuración pensada para usuarios que escanean la información. Recordemos detalles como "posicionando los títulos de tus entradas al blog" o "práctica sobre redacción de contenidos", o la presentación completa en PPT de "Redacción de Contenidos Web".

• Arquitectura y Recuperación de información: Recordemos que se puede generar alguna otra forma de recuperación de información, no sólo cronológica. Es útil aportar un valor añadido a la gestión de los posts mediante el control del vocabulario en las etiquetas, o que se note que ha habido un análisis de conceptos más buscados para mejorar la recuperación de información
  

• Diseño gráfico y maquetación: valoramos que no se quede el blog en una simple elección de una plantilla cualquiera por defecto, aunque sólo se aprecien cambios en los colores de la plantilla. Se valorarán muy positivamente detalles de diseño gráfico agradable, como jugar con las CSS, la disposición de los elementos de las plantillas, pero también de las imágenes en los posts, etc.

Gracias a todos y ánimo con el blog, darle los retoques finales y pasadlo bien con él.

FDO: Los profesores.

Prepara tu blog para darle visibilidad

Hola a todas y a todos,

empezamos un nuevo año donde vuestras andanzas blogueras comenzarán a tomar forma con nuevos y variados contenidos. Algunos ya habéis empezado a incluir nuevas entradas con cierta cadencia de tiempo, eso es lo correcto, tenéis que alimentar vuestro blog poco a poco. Si bien es cierto que esto comporta un esfuerzo, no sólo a nivel de tiempo, sino a nivel de estructuración, temática, concreción, etc., lo que querremos es que este resultado empiece a ser y tener cada vez mayor visibilidad.

Bueno, al grano, una de las cosas que podéis hacer para que esto sea realidad de forma casi inconsciente por vuestra parte, es incluir en vuestro blog un "sitemap". Pero, vayamos por partes.

¿Qué es un sitemap?

No es más que un fichero en formato XML que contiene una relación de las páginas de tu blog o web junto con algunos otros datos de interés pensado para la mejora del posicionamiento y pensado para los robots de los motores de búsqueda, ya que les facilita la tarea de indizar y posicionar vuestras páginas en sus índices. Esto con el tiempo acaba repercutiendo en el nivel de posicionamiento de tus páginas y ayuda a tener una mejor visibilidad, lo que se convierte finalmente en más visitas, aunque recordad que la clave sigue siendo el contenido.

Esto parece estupendo, pero el caso es que curiosamente Blogger tiene una peculiar forma de generar esos listados, donde de forma deficiente sólo incluye las últimas entradas y con escasa información, lo que no tiene muy buena pinta para nuestro propósito de incluir un sistema de enlaces ordenados de nuestras entradas. Pero no os desesperéis, esto tiene solución y la vamos a explicar a continuación.

Vamos a crear un sitemap para Blogger

• Paso 1: Como tenéis cuenta de Gmail para poder tener vuestro blog en Blogger, os aconsejo que utilicéis las herramientas para webmasters de Google, donde entre muchas otras cosas, podréis incluir vuestro blog verificado mediante la adición de una metaetiqueta en el índice de Google.
  
  La metaetiqueta a incluir en la cabecera de vuestro blog tiene un aspecto similar a este: <meta name="google-site-verification" content="jgwXXXX567a294R6Ngo9i77rEBzCY7HvWKcDGATJbaP4sw"/>
  
  
• Paso 2: Una vez incluido nuestro blog en las herramientas para webmasters de Google, vamos a generar un sitemap gracias a un recurso especialmente creado para este fin, Blogger Sitemap Generator. En esta página sólo tenemos que incluir la URL completa de nuestro blog de Blogger. (p.e. http://mastercalsi.blogspot.com/)
  
  
• Paso 3: El resultado es un listado de archivos que siguen el protocolo estándar XML Sitemap y que contiene todas las páginas de vuestro blog. Ahora solamente tenemos que decirle a Google, Yahoo y Bing que estamos listos para que lean nuestro sitemap y se pongan a trabajar con ellos para explorar las URL que contienen. Aquí podemos ver una imagen de muestra de lo que nos aparecerá por pantalla.
  
  

• Paso 4: para avisar a los buscadores, para Bing y Yahoo! sólo tendremos que hacer clic en los enlaces de la página, para Google hay que realizar una acción manual, pero muy sencilla, vamos a explicarla.
  
  Simplemente vamos a la web de herramientas para webmasters de Google, hacemos clic en el sitio web de nuestro blog que previamente hemos dado de alta, en el menú de la izquierda hacemos clic en "Información del sitio" y luego en "Sitemaps", aquí veremos un enlace en forma de botón que dice "Enviar un sitemap", lo pinchamos y pegaremos el texto que nos ha dado y que podemos ver en la imagen anterior el generados de sitemaps. Con eso, lo activamos y listos, nuestros queridos buscadores comenzarán a rastrear nuestros blogs de forma más eficaz.

Otros enlaces de interés

• Creación y envío de sitemaps desde Centro para webmasters de Google
  http://www.google.com/support/webmasters/bin/answer.py?hl=es&answer=156184
  
  
• Temas de ayuda oficial sobre Blogger
  http://www.google.com/support/blogger/
  
  
• Excelente manual sobre WordPress
  http://www.vidadigital.net/blog/wp-content/plugins/downloads.php?file=manualwp2009%2Ffiles%2F1.0%2Fmanualwp2009.zip&name=manualwp2009
  
  
• Los mejores plugins de WP para generar sitemaps
  http://wordpress.org/extend/plugins/tags/sitemaps

Bueno, con esta entrada simplemente os hemos querido transmitir una píldora de conocimiento que tendréis que activar una vez, pero que resulta muy útil pensando en el posicionamiento de vuestro trabajo.

Un saludo y feliz 2010!

David