Archivo de la categoría: General

WordPress, ecommerce y Moodle: todo en uno

Que WordPress es el CMS más popular del mercado no es ningún secreto, tal y como indican los numerosos estudios y estadísticas elaboradas al respecto. WordPress comenzó siendo una plataforma idónea para el desarrollo de blogs pero, con el tiempo, se ha convertido en un gestor de contenidos (CMS) de amplias posibilidades.

Existe un debate ya antiguo (dentro de la «antigüedad» que pueden tener los debates sobre los CMS) sobre cuál es el gestor de contenidos más potente. No faltan los defensores de Joomla, Drupal u otras alternativas. En mi opinión cada CMS tiene su ámbito de actuación natural. De Joomla me reservo mi opinión, aunque sin negar que no es la opción que más me gusta. Drupal parece una buena elección para proyectos de cierta envergadura aunque, como veremos, WordPress se está convirtiendo una alternativa óptima para una gran cantidad de proyectos de de gama media/alta. Y qué mejor para exponer esta idea que un proyecto que hemos entregado a un cliente en las últimas fechas.

Se trata de la web de Galeno 2.0, una empresa situada en Oviedo dedicada a la consultoría y a la formación y, efectivamente, se ha desarrollado en WordPress. Esta web puede ser un buen ejemplo de la posibilidades de este popular CMS, ya que incluye muchas funcionalidades (solicitadas por el cliente) que van mucho más allá de lo que una visión epidérmica de este gestor de contenidos puede darnos a entender.

Portada de Galeno 2.0

Las características de partida de WordPress han mejorado ostensiblemente en los últimos años. La estructura de la información está basada, como siempre, en entradas (post) y en páginas para contenidos estáticos (estáticos a priori). Pero en los últimos años se han multiplicado las web que incluyen campos personalizados (custom fields) y taxonomías personalizadas (custom taxonomies). Desde el momento en que se abre la puerta a la implementación de estas estructuras de datos personalizadas, WordPress nos permite llegar allí donde deseemos. De hecho, la web de Galeno 2.0 incluye funciones «inesperadas» en un CMS tan «básico» para aquellos que lo desconocen:

Intranet para clientes con repositorio de documentación
Sistema de encuestas y comunicación con dichos clientes.
Sistema de tienda online (ecommerce) para la comercialización de cursos presenciales, online o mixtos.
Matriculación automática en Moodle (plataforma de elearning) en conexión con la tienda online.
Adaptación a dispositivos móviles como tablets o smartphones (responsive web design)
Multilingüismo en la gestión de contenidos.
Y, por supuesto, un diseño y una maquetación totalmente adaptadas a las necesidades del cliente.

¿Quién iba a decir hace 10 años (e incluso menos) que se podría construir un sitio web de estas características con WordPress? La respuesta: casi nadie.

Además, WordPress aporta una serie de ventajas innatas más conocidas como:

Un backend (área privada de administración) orientado a facilitar la experiencia de usuario bajo parámetros de usabilidad muy ventajosos.
Una comunidad muy dinámica de usuarios y desarrolladores que nos ofrecen una gran cantidad de plugins, resolución de problemas, etc.
WordPress se considera el CMS más SEO-friendly, siendo muy eficaz en el posicionamiento orgánico de sus contenidos en los buscadores.
Aporta un alto grado de conectividad con otras aplicaciones web (en este ejemplo con Moodle)
Es ágil, versátil, seguro y, sobre todo escalable para todo tipo de proyectos.
Y quizá la ventaja más destacable: el abaratamiento de costes de producción y desarrollo que conlleva este CMS que, lógicamente, se traslada al cliente final

En definitiva, WordPress puede y debe ser considerado (y de hecho ya lo es en muchos sectores) como una alternativa integral para los proyectos web que requieren la mayoría de las empresas y entidades. Evitemos por tanto caer en prejuicios (cada día menos) extendidos e infundados.

Quiero un LMS: ¿Por qué Moodle?

Cada día son más los organismos e instituciones de todo tipo que optan por «dar el salto» al e-learning (formación online) a través de un LMS. Un LMS (o Sistema de Gestión del Aprendizaje) no es más que una plataforma web que nos permite administrar todo lo relativo a los contenidos de los cursos, los usuarios, las comunicaciones dentro del aula virtual, las actividades y un largo (y variable) etcétera.

Lógicamente, lo primero que habría que definir son las necesidades específicas que tiene la entidad que quiere implantar una plataforma e-learning. Y es que esas necesidades pueden variar dependiendo el ámbito en el que se quiere implantar la formación online. No es lo mismo un organismo público que una empresa, como no es lo mismo un centro de formación especializado en una materia determinada que una universidad. Los potenciales usuarios de dicha plataforma pueden ser desde el público en general hasta los empleados de una determinada empresa. Y éstos pueden ser pilotos de avión, personas desempleadas o extranjeros que quieren aprender el idioma del país en el que residen. Por tanto, el abanico de posibilidades y/o necesidades es prácticamente infinito.

Estas líneas no pretenden dar una respuesta global, ni siquiera genérica, a una casuística tan inabarcable. Existen muchas plataformas LMS en el mercado, algunas de software propietario como Design2Learn, Blackboard o eCollege. Y también existen plataformas basadas en código abierto como Atutor, .LRN, Dokeos, etc.

Mi experiencia durante los últimos años me ha llevado a trabajar a menudo con un LMS en particular: Moodle. Todo parece indicar que Moodle se ha afianzado como el LMS más popular entre los usuarios de todo el mundo, tal y como muestra esta infografía. Sin entrar en comparaciones y mucho menos en descalificaciones de otras alternativas, sí me gustaría dar algunos argumentos que hacen de Moodle una opción ventajosa a la hora de implementar un LMS. Son estas:

Moodle es software libre, lo que implica un abaratamiento en la implementación del mismo: Buena parte de las funcionalidades necesarias vienen «de serie» y gratis en la instalación de Moodle. A partir de ahí somos los profesionales los que adaptamos Moodle a las necesidades del la empresa o entidad que quiera utilizarlo. Y lo hacemos a tanto a nivel funcional como de diseño o de conexión con otras herramientas.
Moodle está especialmente diseñado para el aprendizaje en base al constructivismo pedagógico. Esto potencia la cooperación y el intercambio entre el profesorado y el alumnado.
Moodle permite organizar los cursos de una manera coherente a través de temas y elementos fácilmente reconocibles por la comunidad educativa. Además permite controlar el flujo de las unidades didácticas y los contenidos de cara a generar debates y reflexiones en grupo (entre el propio alumnado o con los tutores)
Moodle es flexible a la hora de compartir contenidos de todo tipo. Documentos, vídeos, actividades, etc. Además es fácil de conectar con todo tipo de herramientas web y redes sociales como Youtube, Google Docs, Dropbox, Twitter, RSS, etc. Y, por supuesto, nos permitirá incrustar paquetes en el estándar SCORM.
Moodle es fácil de usar. Con su estructura modular, menus desplegables, textos explicativos y una cuidada usabilidad Moodle está al alcance de cualquiera. Una vez aprendidos los conceptos básicos, gestionar Moodle es un juego de niños.

En definitiva, Moodle es una opción idónea de cara a implantar acciones formativas en internet, Estamos ante una herramienta potentísima y adaptada a las nuevas tendencias y posibilidades de la web. Y, además… nos permite ahorrar dinero.

Otro día os hablaré de las herramientas de autor.

Entender el SEO

El acrónimo SEO (del inglés Search Engine Optimization) está en boca de todo el mundo de un tiempo a esta parte. Clientes/as y alumnos/as me suelen preguntar cuestiones relativas a esta materia y, en muchos casos, han «oído campanas«… bastante remotas. El objetivo de este post es el de aclarar algunos conceptos básicos que ayuden al lector/a a entender qué es el SEO, partiendo de la idea, comúnmente aceptada, de que estamos ante una de las claves para alcanzar el éxito en internet.

SEO o posicionamiento orgánico en buscadores

Existe una gran cantidad de literatura sobre esta materia, pero comenzaremos con la Wikipedia que define al SEO como:

El proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores.

Por tanto, el SEO hace referencia a un conjunto de técnicas y procesos aplicados a nuestros sitios web con el fin de mejorar la posición en la que éstos serán mostrados en buscadores como Google. Y no sólo la posición, sino también la calidad de la información mostrada para que ésta ejerza de «gancho» ante nuestro potencial cliente.

Esta mejora en el posicionamiento en los buscadores implica la adquisición de mayores tráficos a nuestra web que pueden derivar en una mayor tasa de conversión (desde suscripciones a servicios de noticias a ventas a través de un ecommerce, pasando por un mayor número de impresiones publicitarias) o en el aumento en el volumen de ventas.

Cabe resaltar otro factor muy importante a la hora de conseguir una mejora en nuestro posicionamiento web: el trabajo de marketing en redes sociales. Éste ya tiene una gran incidencia en el posicionamiento orgánico en buscadores. Por ejemplo, Google ya incluye contenidos de los medios sociales en los resultados de las búsquedas de los usuarios.

Y es que Google cuenta, desde hace años, con un sistema para medir la relevancia de las páginas llamado PageRank al que podríamos añadir un supuesto SocialRank, derivado de los medios sociales. Google desmintió públicamente esta afirmación, pero los hechos demuestran que la presencia en las redes sociales ayuda sustancialmente a mejorar el posicionamiento.

Google acapara más del 95% de las búsquedas en España. Cualquier otro buscador tiene una presencia en el mercado español meramente testimonial (el buscador de Microsoft, Bing alcanza un paupérrimo 1,66%, mientras Yahoo se queda con el 1,03%)

Buscadores más utilizados en España

En cualquier caso, detengámonos en una serie de estadísticas que nos ayudarán a entender la importancia de posicionamiento orgánico en los buscadores:

Porcentaje de clicks por orden del resultado

El primer resultado de Google se lleva el 53% de los clics. El segundo resultado se llevaría el 15% y el tercero el 9%.
El 93% de las experiencias en línea parten de una búsqueda.
El 75% de los usuarios nunca pasan de la primera página de resultados de una búsqueda.
La mayoría de los usuarios de buscadores optan por los resultados orgánicos (el 70%), no por los resultados de pago o patrocinados.
Un 42% de los usuarios hace clic en el primer resultado.
3 búsquedas de cada 5 ya se realizan mediante dispositivos móviles (smartphones y tablets).

Más allá de los datos, debemos conocer las razones por las que apostar por el posicionamiento orgánico en los buscadores. Estas son algunas de ellas:

Un buen posicionamiento SEO repercutirá en un aumento de número de visitas a nuestro sitio web. Que esas visitas se transformen en ingresos o conversiones depende de grado optimización de los contenidos y del diseño del sitio web.
El SEO puede repercutir positivamente en nuestro Branding o imagen de marca. En la medida en que podamos generar resultados en las búsquedas con referencias positivas hacia nuestra marca o producto, estaremos solapando aquellas de corte más negativo o perjudicial. Además, los primeros resultados del buscador suelen asociarse a productos o marcas importantes.
El SEO tiende a ser acumulativo: Si conseguimos posicionar una serie de palabras clave en las posiciones más altas, obtendremos buenos resultados en las búsquedas de otras palabras clave relacionadas, en lo que se denomina “efecto Halo”
El SEO es barato: En comparación con otros tipos de marketing online el SEO puede resultar barato si elegimos unas buenas palabras clave y generamos contenidos de calidad que se traduzcan en enlaces a nuestra web. En cualquier caso, el SEO no siempre es barato, dado que hay sectores donde existe una competencia feroz que dificulta el éxito sobre todo a corto o medio plazo.
Repercute positivamente en otros aspectos de la web: una web orientada al SEO suele aportar beneficios a nivel de accesibilidad web. Además los diseños tienden a ser adaptables o responsivos, facilitando su correcta visualización en dispositivos como móviles o tablets. Las técnicas SEO evitan el uso de tecnologías no indexables o que no respetan los estándares del consorcio W3C.

En próximos artículos abordaremos las diferencias entre el SEO y el SEM o el funcionamiento y la revisiones del algoritmo de Google.

Navegadores y estándares web

Hay dos elementos que han resultado fundamentales a la hora de explicar como internet ha alcanzado el nivel de popularidad actual: los navegadores y los estándares web.

Fue en el año 1991 cuando Tim Berners Lee crea la primera página web, con el fin de explicar el funcionamiento de WWW (Word Wide Web). Así, los (escasos) visitantes de dicha página podrían conocer elementos hoy tan cotidianos como el hipertexto o el proceso de creación de nuevas páginas.

Como es sabido, para poder visitar páginas web se necesita un navegador que pueda interpretar los archivos descargados a través de la red de internet, haciendo posible su lectura a los usuarios. Los primeros navegadores se utilizaban en ámbitos universitarios muy reducidos y no estaban sujetos a un estándar que permitiera la extensión de estas tecnologías de forma masiva.

Principales navegadores web

El primer navegador en extenderse fue Mosaic (1992), orientado inicialmente a sistemas Unix. Un año después se desarrolló una versión para Windows. Pero fue Netscape Navigator el primer navegador en alcanzar altas cotas de popularidad, al mejorar sustancialmente el rendimiento repecto a Mosaic.

En 1995 nace Internet Explorer para, poco después, convertirse en el navegador más popular aprovechando su posición hegemónica en el mercado de los Sistemas Operativos (esta práctica ha sido sistemáticamente denunciada como competencia desleal).

En los años sucesivos aparecerían nuevas versiones de Internet Explorer y Netscape Navigator. Este último dejo de actualizarse en 2008, liberando su código fuente y sirviendo de base para el lanzamiento de un navegador de código abierto muy popular hoy en día: Mozilla Firefox.

A lo largo de estos veinte años aparecieron otros navegadores como Safari, Opera o Google Chrome, además de versiones modificadas y orientadas a la distribución de diferentes dispositivos y marcas comerciales.

A día de hoy, Internet Explorer ya no es el navegador más utilizado y su lugar ha sido ocupado por Google Chrome. En este gráfico podemos hacernos una idea del actual estado de las cosas en el (competitivo) mercado de los navegadores web:

Estadística comparativa del uso de los navegores en el mundo

Cabe resaltar la revolución que ha supuesto la aparición de dispositivos como los teléfonos con acceso a internet (smartphones) o las tablets. Esto ha obligado a los desarrolladores de navegadores web y, especialmente, a los de sitios web, a adaptarse a esta nueva realidad. Los principales navegadores del mercado han creado versiones orientadas a estos nuevos dispositivos y un buen número de sitios web ya se desarrollan con versiones adaptadas específicas para móviles o tablets. En otros casos se opta por el responsive web design (diseño web adaptativo) en los que una mismo sitio web se visualiza de forma distinta dependiendo el dispositivo con el que se esté visitando.

Diseño web adaptable o adaptativo

Pero si tenemos que destacar un agente modernizador a lo largo de estos años, éste sería el consorcio W3C. Según su propia presentación:

El World Wide Web Consortium (W3C) es una comunidad internacional que desarrolla estándares que aseguran el crecimiento de la Web a largo plazo.

Logotipo del Consorcio W3C

El rol del W3C tiene una importancia capital y es que ha sido el encargado de definir un conjunto de prácticas estandarizadas a la hora de crear sitios web. Las recomendaciones de este consorcio hacen posible que los desarrolladores de todo el mundo tengan un patrón a la hora de codificar los sitios web. Este patrón permite que una página web que siga dichas recomendaciones pueda ser visualizada en igualdad de condiciones por cualquier usuario, independientemente del Sistema Operativo o el navegador que utilice.

A continuación se incluyen algunos de los principales estándares web recomendados por W3C:

HTML: Lenguaje de marcas de hipertexto. Se trata de un lenguaje de marcado con carga semántica que pueden interpretar todos los navegadores del mercado. También tiene una gran importancia en ámbitos como el posicionamiento orgánico en buscadores (SEO) y la accesibilidad web (permitiendo, por ejemplo, el acceso a los contenidos web a las personas discapacitadas). En la actualidad los sitios web se suelen desarrollar en la especificación HTML5.
CSS: Hojas de estilo en cascada. Éstas nos permiten determinar la apariencia de los contenidos de un sitio web (el diseño). En los últimos años también posibilitan la generación de contenidos adaptables a móviles o tablets. La especificación actual de las hojas de estilo es CSS3.
DOM: Modelo de objetos del documento. Este estándar permite el acceso y la manipulación de distintos elementos de una página web para, entre otras cosas, facilitar la interacción del usuario con el sitio web.

Existen otros elementos relacionados con los estándares que no dependen directamente de W3C, como el lenguaje Javascript, que nos permite controlar el comportamiento del sitio web ante determinados eventos o interacciones del usuario. En este caso, la estandarización viene de la mano de Ecma International.

En resumen, podríamos decir que los estándares web son un instrumento que nos permite crear contenidos y aplicaciones web independientes de la plataforma (sistema operativo) y el dispositivo, garantizando el acceso a la mayoría de los usuarios de internet y la correcta comunicación entre diferentes aplicaciones. Por ejemplo, hoy en día es posible “empotrar” un vídeo de Youtube en un blog gracias al HTML5.

La oficina española de W3C se encuentra en el parque tecnológico de Gijón.

Quiero un LMS: ¿Por qué Moodle?

Cada día son más los organismos y instituciones de tou tipu «qu’arreblaguen» al e-learning (formación online) al traviés d’un LMS. Un LMS (o Sistema de Xestión del Aprendizaxe) nun ye otros qu’una plataforma web cola que vamos poder alministrar tolo relativo a los conteníos de los cursos, los usuarios, les comunicaciones dientro del aula virtual, les actividades y un llargu (y variable) etcétera.

Lóxicamente, lo primero que habría de definir son les necesidaes específiques que tien la entidá que quier implantar una plataforma e-learning. Y ye qu’eses necesidaes pueden variar dependiendo l’ámbitu nel que se quier implantar la formación online. Nun ye lo mesmo un organismu públicu qu’una empresa, como nun ye lo mesmo un centru de formación especializao nuna materia determinada qu’una universidá. Los potenciales veceros de tala plataforma pueden ser dende’l públicu en xeneral hasta los empleaos d’una empresa dala. Y éstos pueden ser pilotos d’avión, persones desempleaes o extranxeros que quieren deprender l’idioma del país nel que residen. Poro, l’abanicu de posibilidaes y/o necesidaes nun tien fin.

Estes llínees nun quieren dar una rempuesta global, nin siquieramente xenérica, a una casuística tan abondosa. Hai munches plataformes LMS nel mercáu, delles de software propietario como Design2Learn, Blackboard o eCollege. Y tamién esisten plataformes basaes en códigu abiertu como Atutor, .LRN, Dokeos, etc.

La mio esperiencia nos últimos años fai que trabaye davezu con un LMS en particular: Moodle. To paez indicar que Moodle se afitose como’l LMS más popular ente los usuarios de tol mundu, como muestra esta infografía. Sin falta entrar en comparances y muncho menos en descalificaciones d’otras alternatives, sí me prestaba dar dellos argumentos que faen de Moodle una opción amañosa a la hora d’implementar un LMS. Son estes:

Moodle ye software llibre, lo qu’implica un abaratamientu na implementación del mesmu: Bona parte de les funcionalidaes necesaries vienen «de serie» y de baldre na instalación de Moodle. A partir d’ehí somos los profesionales los que afayamos Moodle a les necesidaes de la empresa o entidá que quiera usalu. Y lo facemoslo tanto a nivel funcional como de diseñu o de conexón con otres ferramientes.
Moodle tá diseñáu a costa fecha pal deprendizaxe en base al constructivismu pedagóxicu. Esto potencia la cooperación y l’ntercambiu ente’l profesoráu y l’alumnáu.
Moodle permite organizar los cursos d’una manera coherente al traviés de temes y elementos fáciles de conocer pa la comunidá educativa. Amás permite controlar el desendolcu de les unidaes didáctiques y los conteníos de cara a xenerar alderiques y reflexones en grupu (ente’l propiu alumnáu o colos tutores)
Moodle ye flesible a la hora de compartir contenidos de tou tipu. Documentos, vídeos, actividaes, etc. Tamién ye fácil de conectar con ferramientes web y redes sociales como Youtube, Google Docs, Dropbox, Twitter, RSS, etc. Y, por supuesto, va permitinos llantar paquetes nel estándar SCORM.
Moodle ye fácil d’usar. Cola so estructura modular, menús desplegables, testos desplicativos y una usabilidá bien cuidada, Moodle tá al algame de cualquiera. Una vez daprendíos los conceptos básicos, xestionar Moodle ye un xuegu pa neños.

Poro, Moodle ye una opción mui amañosa a la hora d’implantar acciones formatives n’internet, Tamos énte una ferramienta potentísima y adaptada a les tendencies más nueves y a les posibilidaes de la web. Y, amás… vamos aforrar dineru.

Otru día falamos de las ferramientes d’autor.

Principales herramientas para social media

Son muchas las herramientas que nos pueden ayudar en nuestro trabajo cotidiano con los social media. Aunque es innegable que nos pueden facilitar mucho el trabajo, no debemos olvidar que la estrategia en cada red social debe ser específica: no podemos desarrollar las mismas acciones en Facebook que en Linkedin, por ejemplo.

En cualquier caso, este con este post haremos un breve repaso a algunas de las principales herramientas a la gestión de comunidades sociales online. Se trata de las más potentes y versátiles en cuanto a las tareas que nos ayudan a desarrollar.

Hootsuite

Hootsuite nos permite gestionar y motorizar varias redes sociales al mismo tiempo

Hootsuite es, probablemente, la herramienta más popular para los Community Manager. Dispone de muchas funciones y herramientas que nos permiten publicar y monitorizar varias redes sociales al mismo tiempo. Su uso es sencillo, basado en una interfaz muy bien diseñada mediante prestañas y columnas que nos permite controlar la actividad y las interacciones de cada medio social en un vistazo.

Por otro lado cuenta con un sistema de programación de publicaciones en las distintas redes sociales así como un servicio de analítica que nos permitirá monitorizar palabras clave, tendencias, acortadores de URLs, etc.

Estas son algunas de sus principales características:

Gestión de varias redes sociales en una sola aplicación.
Publicación y programación de publicaciones en dichas redes sociales (en todas o en alguna de ellas al mismo tiempo)
Importación de canales RSS (contenidos sindicados de blogs, webs de noticias, etc) a nuestras columnas y difusión automatizada de sus contenidos en redes sociales.
Analítica integrada de nuestras redes sociales. La analítica más avanzada se consigue en la versión de pago.
Organizaciones para trabajo en equipo y reparto de tareas.
Generador de URLs abreviadas integrado.
Integración con herramientas analíticas como Google Analytics.
Cuenta con numerosas aplicaciones o plugins y con una excelente versión para dispositivos móviles.

Hootsuite es una aplicación gratuita, aunque algunas de sus funciones más avanzadas sólo se pueden utilizar desde la versión de pago. Hasta no hace mucho tenía una competencia frontal en Tweetdeck, que ahora sólo funciona como herramienta (muy potente) para Twitter.

Web oficial de Hootsuite

Buffer

Buffer nos permite programar nuestras publicaciones en las diferentes redes sociales

Buffer es una herramienta gratuita que nos permite programar o secuenciar nuestras publicaciones en las diferentes redes sociales. Cuenta con una legión de defensores dado que se trata de una herramienta de fácil manejo y que se caracteriza por la agilidad de su gestión. Cuenta con una extensión para el navegador Google Chrome que integra un botón con el logotipo de Buffer a la derecha de la barra de dirección. Al pulsar dicho botón podremos compartir la web que tenemos en pantalla en nuestras cuentas o perfiles redes sociales mediante un cuadro emergente.

Publicar en redes sociales con Buffer

En cualquier caso, su principal atractivo sigue siendo la programación de publicaciones en base a un calendario semanal. Así, podemos distribuir contenidos en distintas redes sociales y programar su publicación mediante una secuencia predefinida.

Web oficial de Buffer

Social Bro

Social Bro. es la herramienta más potente del mercado para multiplicar nuestra influencia en Twitter

SocialBro es, para la mayoría de los profesionales, la herramienta más potente del mercado para monitorizar nuestra comunidad de Twitter.

Entre sus muchas características destacan:

Seguimiento y control de la evolución de nuestros seguidores.
Control de los unfollows (usuarios que dejan de seguirnos) y de usuarios que a los que seguimos y que no nos siguen.
Búsqueda de usuarios mediante palabras clave y filtro de idioma, localización, número de seguidores o frecuencia de publicación.
Estadísticas de actividad y de impacto de los tweets.
Creación de listas para organizar las cuentas.
Detección de usuarios inactivos.
Análisis de rangos horarios para detectar la mejor hora para tuitear.
Análisis y seguimiento de hashtags
Etc.

Una de las ventajas más destacadas de Socialbro es la posibilidad de realizar acciones sobre nuestra cuenta de Twitter por lotes. Es decir, podemos seguir, dejar de seguir, agregar a listas… a varios usuarios al mismo tiempo a golpe de clic.

Web oficial de Social Bro.

Manageflitter

Con Manage Flitter realizaremos un seguimiento sobre nuestros contactos de Twitter

Se trata de una herramienta que, al igual que Socialbro, actúa sobre nuestra cuenta de Twitter. Nos permite realizar un seguimiento sobre nuestros contactos (seguidores y seguidos). Veamos algunas características:

Nivel de actividad de los usuarios.
Ratio de seguimiento: usuarios que siguen más que son seguidos vs. usuarios con más seguidores que cuentas a las que siguen.
Nivel de influencia de las cuentas.
Cuentas a las que seguimos pero que no nos siguen (unfollow).

Como casi todas las aplicaciones de este tipo, ManageFlitter cuenta con algunas opciones disponibles sólo en su versión Pro (de pago)

Web oficial de Manage Flitter

Bit.ly

Bitly es el acortador de urls más popular

Bit.ly es el acortador de URLs o direcciones web más popular. Se trata de una herramienta fundamental para Twitter, ya que el límite de esta red social en cuanto al número de caracteres de las publicaciones (140) hace que las URLs ocupen buena parte de los caracteres disponibles.

Además bit.ly incorpora un apartado de estadísticas para medir impacto (número de clics) que reciben las urls que genera.

Web oficial de Bitly

Internet Explorer 6 & 7 are dead

Todos/as aquellos/as que nos dedicamos al desarrollo web sufrimos una pesadilla recurrente: que nuestros sitios web no funcionen correctamente en las versiones 6 y 7 del navegador Internet Explorer.

Datos de Microsoft sobre el declive de IE6 (click en la imagen para acceder a los datos actualizados)

Quien escribe esto, además de desarrollar sitios web, lleva muchísimos años impartiendo formación. Uno de los cursos que más veces he impartido es el de «Diseñador Web y Multimedia«, además de otros cursos específicos de HTML y CSS (últimamente HTML5 y CSS3), módulos de accesibilidad y usabilidad web y otras materias en las que la maquetación web y sus estándares han estado muy presentes. En dichos cursos, la secuencia didáctica, lógicamente, va in crescendo. El alumnado va asimilando, poco a poco, diferentes elementos de HTML, después de CSS, para acabar construyendo un layout sobre el que desarrollará el trabajo, llamémoslo así, de filigrana (especialmente en CSS y, en ocasiones, Javascript). Hasta aquí todo bien… por poco tiempo.

Infografía sobre el declive de IE7 (los datos son más o menos coincidentes con los aportados por Global Stat Counter)

Y es que, pongamos por caso, un objetivo para uno de estos cursos puede ser la maquetación de un sitio web (estático o dinámico) con CSS, partiendo de un diseño previo (por ejemplo en un fichero PSD). Ahí es cuando surge el problema/pregunta planteado por cualquiera de los alumnos/as: «Profe, el menú no se me ve bien en Explorer 7«, «La caja de contenidos no llega hasta abajo» y un largo (interminable) etcétera de problemas que, en más de una ocasión, me han metido en un aprieto. Eso sí, de dicho aprieto siempre se acaba saliendo pero, para salir, y seguro que muchas de las personas que están leyendo este blog lo han vivido, debemos acudir a una serie de parches, reseteadores, scripts y otras «trampas» que, efectivamente, nos solucionan el problema… para fastidiarnos la validación de los estándares de la W3C 🙁

Estadísticas del uso de los navegadores de Global Stat Counter (gs.statcounter.com)

Pues bien, todo parece indicar que el uso de nuestros navegadores pesadilla, los inefables IE6 y IE7, está bajo mínimos. Tanto es así que un formador ortodoxo como el autor de estas líneas ha decidido abandonar definitivamente el desarrollo web orientado a estos navegadores. Los tiempos del contra-estándar han llegado a su fin. Larga vida a los nuevos navegadores, los nuevos dispositivos, el diseño web responsable (o adaptativo) y a frameworks como Bootstrap.

Parafraseando y mutando la vieja estrofa de los Smiths: Internet Explorer 6 & 7 are dead 🙂

Cambios de Google para smartphones

El blog oficial para Webmasters de Google ha publicado ayer un post en el que anuncia una serie de cambios en los rankings de resultados en las búsquedas para smartphones. No hace falta ser especialmente avispado para entender que esos cambios afectarán negativamenta al ranking de aquellos sitios web que no tengan correctamente configurada su versión móvil. En definitiva, estamos ante una razón más para apostar por el diseño web responsable o adaptativo (responsive web design) en nuestros sitios web.

Google responsive

Estas son algunas de las ideas fundamentales que aparecen en la entrada del blog de Google:

Redirecciones erróneas: Algunos sitios web tienen URLs distintas para la versión de escritorio y para la versión para móvil o tablet. En ocasiones, la URL original redirige a contenidos que no se corresponden con el contenido original, enlazando siempre a una página inicial para la versión móvil. Esto será considerado por Google como un error que interrumpe la secuencia de navegación de usuario y puede llevar a que éste abandone el sitio web. Por tanto, las redirecciones deben llevar al usuario a contenidos equivalentes para la versión móvil. Una vez más, la solución también podría pasar por un diseño web responsable

Errores específicos de la versión móvil: Otro error más común de lo deseable es la aparición de errores al intentar acceder a un contenido desde la versión de escritorio a la versión móvil o viceversa. En el post se mencionan casos como los errores 404 al acceder desde una página en versión móvil a otra en versión de escritorio. Este error se subsana incluyendo una redirección al contenido en la versión correspondiente (o equivalente).

En caso de no disponer de un contenido equivalente para la versión móvil, es preferible enlazar con la portada del sitio móvil. Pero, como se indica anteriormente, lo deseable es disponer de una versión equivalente para cada dispositivo.
Uso incorrecto del Googlebot mobile que deriva en un bucle infinito. En el post lo explican así: «Un error típico es cuando Googlebot-Mobile para smartphones se redirige incorrectamente a la página web optimizada para smartphones que, a su vez, redirige Googlebot-Mobile para smartphones de nuevo al sitio de escritorio. Esto da como resultado bucle infinito de redireccionamientos, que reconocemos como error«.
Otro error mil veces comentado es la incrustación de vídeos que que no se pueden reproducir en ciertos smartphones. De sobra conocido es el uso del reproductor de Flash en dispositivos iPhone o en versiones de Android 4.01 o superiores.
Como es norma en los post del Google Webmaster Central, éstos vienen aderezados con una serie de enlaces que nos facilitan las cosas, como esta lista problemas habituales en los sitios para smartphones.

Diseño web responsable

Que el diseño web está cambiando es un hecho que no tiene discusión. A los cambios en los lenguajes, en las versiones en los estándares del W3C, se suman, desde no hace tanto, la aparición de nuevos dispositivos que ya forman parte de nuestra cotidianidad. Me refiero, lógicamente, a los teléfonos móviles y a las tablets. Hoy en día no se debe(ría) concebir un diseño y un desarrollo web que no esté basado en parámetros de diseño web responsable (responsive web design). Veamos.

Diseño web responsable

¿A quién no le a tocado visitar una web con su móvil para acabar dejándolo por imposible? ¿Quién no ha sufrido un horrible scroll horizontal en la web de un periódico para poder leer completo un texto, cada vez que cambiaba de línea? ¿Quién no se ha dejado la vista después de reducir el zoom de un sitio web en el móvil o tablet, precisamente para evitar desplazamientos en cada línea? El diseño web responsable busca, precisamente, que nos dejemos de hacer estas (y otras) preguntas. Se trata de implementar una solución a nuestros diseños para que nuestra web se adapte al dispositivo donde se esté visualizando. En definitiva, un sitio web profesional se debe adaptar a distintas resoluciones, orientaciones (vertical/horizontal), plataformas, navegadores, etc.

Para conseguir un diseño web responsable (o diseño adaptable), se pueden aplicar varias técnicas. Una de las más populares es el uso de un fluid grid (rejilla o retícula fluida). Existen frameworks bastante conocidos a este respecto como el Bootstrap (desarrollado por técnicos de Twitter) o el skeleton (que incluye características tipográficas, de botones o elementos de formulario) . Existe más frameworks como éstos, muchos de ellas basados en la división de nuestra pantalla en columnas que adaptarán su ubicación y tamaño dependiendo del dispositivo con que se abran.

Estas soluciones, basadas en las Media Queries también han significado un cambio radical a la hora de desarrollar nuestros sitios web. El sistema de las media queries está basado en una estructura CSS condicional, mediante rangos de resolución. Podemos especificar las características visuales de una parte de nuestra web (por ejemplo, el menú de navegación) en base a la resolución del dispositivo del cliente. Por ejemplo, el menú de navegación de esta misma web, se transforma en un desplegable en el momento que de detecta una resolución propia de un teléfono móvil.

Como ven, las posibilidades de la tecnología responsive web design son infinitas. Además implica un ahorro económico nada desdeñable para nuestros clientes y es que, no hace tanto, se estilaba la creación de páginas distintas dependiendo la resolución utilizada por el navegador del visitante a nuestra web. Los nuevos estándares HTML5 y CSS3, sumados a las media queries abren un horizonte prácticamente ilimitado y en permanente desarrollo. Como muestra, este estupendo post publicado en Smashing Hub donde encontraremos 17 frameworks orientados al diseño responsable. ¡Que lo disfruten!

Fuente de la imagen: http://www.dotcominfoway.com

Unos links interesantes sobre CSS3

Hace tiempo que vengo trabajando con CSS3. Para las personas que no conozcan la materia, decir que CSS3 es el tercer nivel de les hojas de estilo en cascada, esto es, el lenguaje destinado a dotar de estilos a los documentos semánticos elaborados con HTML. O dicho otra manera, CSS es el encargado de definir la estructura visual de los contenidos que escribimos en HTML haciendo posible la separación del contenido de la web (HTML) de su estructura (CSS). Sigue leyendo →