Archivo de la categoría: blog

Case Study: Ayuda en Acción

Autor: Alicia Urrea | Fecha: 19 - 01 - 2015 | Categoría: blog , Casos prácticos , Miscelánea , Nuestros clientes

En el Blog de SocialCo estamos escribiendo estos días sobre la evolución que están experimentando las webs de las ONG en España, íntimamente ligada a la propia evolución de internet, que ha pasado de ser un espacio en el las organizaciones hablaban al público, para ser un canal que sirve para conectar con las personas. Pasando, así en pocas palabras, de una web que era como un folleto publicitario, a otra en la que el foco son los usuarios.

En SocialCo hemos tenido la buena fortuna de acompañar en parte de este camino a una de las ONG con más prestigio y solera de España: Ayuda en Acción, en la que hay una clara apuesta por formas de comunicar innovadoras y mucho más cercanas a sus socios e interesados de lo que estamos acostumbrados, no sólo en su web corporativa, sino también en campañas transmedia como #1decada5 y de sensibilización, como Responde a Migo o Dile al Hambre.

Con su permiso, os queremos contar un poco sobre cómo ha sido este camino.

El proceso

evolución web Ayuda en Acción

En este gif resumen se puede echar un vistazo rápido a las cinco webs que Ayuda en Acción ha tenido en los últimos años. La primera, la que tiene el logo en color azul, se lanzó en 2002, y la primera que tiene el logo naranja en esta secuencia es de 2012.

Como puede verse, en los últimos dos años la organización no ha parado de explorar y experimentar. ¿Por qué tanto movimiento en los últimos tiempos? La clave: hay un giro estratégico en la organización que coloca el canal online en el corazón de la acción. La web corporativa es su carta de presentación, y hay respaldo desde dirección para probar diferentes fórmulas hasta encontrar la combinación perfecta de ingredientes.

La importancia de la analítica

Ahora, ingredientes ¿para qué? Esta es, desde nuestro punto de vista otra de las claves. Raras veces encontramos organizaciones que tenga tan claro cuáles son sus objetivos, y que los paneles de control y la analítica y métrica web sean tan importantes. Ayuda en Acción visita constantemente su panel de Analytics, que está altamente personalizado, y que, junto al etiquetado de las páginas web, permite comprender qué está pasando en la web de la organización.

No se trata sólo de saber lo que uno quiere, sino que además hay métricas para poder medirlo y saber si vamos bien o no tan bien consiguiendo ciertos objetivos.

Además de un uso extensivo de Analytics –con capacidades hipervitaminadas gracias a Google Tag Manager–,  las páginas y procesos clave se monitorizan con Crazzyegg, que genera mapas de calor, Mandrill/Mailchimp como herramientas de mail marketing, y próximament la instalación de un CRM muy potente que les permita interactuar de una forma mucho más eficaz (obteniendo mejores resultados) y eficiente (utilizando menos recursos) con sus contactos. .

Segmentar para comunicar

Así pues, con el foco puesto en la eficacia, y toda la organización a una, ¿cómo se construye una web como la de Ayuda en Acción? La pregunta se responde con otras tres preguntas adicionales:

  1. Quién habla: qué voz tiene la organización
  2. Quién escucha: cómo es la persona que está al otro lado y qué quiere
  3. Qué le podemos contar

La primera pregunta define el estilo: no podemos hablar igual si tenemos 10 años que si tenemos 80, si somos alumnos o profesores. Nuestra voz, la voz de la organización, no puede fingirse ni falsearse, porque si no es la nuestra, es fácil que se nos escape otro tono en un descuido, y que tengamos productos comunicativos muy dispares. En este sentido, Ayuda en Acción lo tenía muy claro: positivo, brillante, esperanzado, ilusionado, y con todo el criterio que dan treinta años de trabajo sobre el terreno. Esto es lo que define su personalidad corporativa.

La segunda pregunta se responde dando un paseo por la entidad y consultando a todo aquel que tiene tratos con usuarios finales. De estas entrevistas sale un mapa de públicos, que no siempre tienen la misma relación con nosotros. Por ejemplo, tenemos donantes que todavía no se han decidido por nosotros, otros que ya colaboran desde hace años y vienen a cambiar sus datos de contacto, unos terceros que ya se dieron de baja de nuestra organización pero entran a ver en qué estamos… Es clave encontrar de entre todos estos el público que nos interesa más y en qué momento de su relación con nosotros está. Segmentar, en definitiva, nuestra home para esta persona clave, y crear páginas secundarias en las que poder dedicar toda nuestra atención a esos otros públicos con sus propios ciclos. En Ayuda en Acción, Merche era nuestra usuaria clave, y todos los mensajes de la web están orientados pensando en ella y en sus circunstancias (desde dónde accede, a qué horas, qué cosas se pregunta cuando accede a nuestra página…)

La tercera pregunta es igual de importante que las anteriores: para saber qué contar, tenemos que mirarnos dentro y sacar nuestra esencia. Hay que tratar de huir de grandes palabras que se nos quedan vacías y buscar responder a las preguntas de Merche, desde nuestra personalidad, y con la mayor precisión, claridad y sencillez posible.

El respaldo del equipo directivo

Con todos estos ingredientes en el caldero, y un equipo de una calidad profesional y humana impresionante por parte del cliente, es la hora de ponerse a trabajar.

Constuir una web es un proceso delicado, como sabréis los que habéis pasado por ello, y hay un ingrediente fundamental que Ayuda en Acción ha manejado a la perfección, que es que el equipo directivo, con una generosidad impresionante, ha estado involucrado desde el principio en el proceso, participando en las sesiones de análisis, repasando resultados, tomando decisiones sobre prototipos e ideas y poniendo a disposición del equipo los recursos necesarios para sacar este proyecto adelante.

Involucrar pronto a dirección en la toma de decisiones ha sido clave para poder sacar la nueva versión de la web de Ayuda en Acción en los plazos marcados, sobre todo teniendo en cuenta que no es una web como las de las demás ONG del entorno: No abre con un slider, las noticias no tienen el lugar predominante de la página principal, los botones de apadrinamiento son esenciales pero se intenta explicar antes que solicitar…. Habría sido muy complicado sacarlo adelante si la organización no hubiera estado volcada con el proyecto y siguiendo el proceso de toma de decisiones.

En resumen, esta experiencia nos ha enseñado algunas premisas necesarias para llegar a tener una verdadera web para los usuarios: marcarse objetivos claros, segmentar, apostar organizacionalmente por la comunicación digital, innovar, experimentar, medir, probar, volver a medir, volver a probar, rectificar si es necesario… y, sobre todo, conocer muy bien a tu público web y conversar con él, abriendo vías para poderle escuchar.

 

 

Optimizando la velocidad de la web de SocialCo, basada en WordPress

Autor: Alicia Urrea | Fecha: 14 - 01 - 2015 | Categoría: Aspectos técnicos y tecnológicos , blog , Casos prácticos , Guía práctica , Miscelánea

Me pidió la jefa el otro día que repasara la velocidad de carga de nuestra propia web, que está construida utilizando como CMS WordPress. Como sabéis, Google ha incluído últimamente entre sus criterios de puntuación de las webs su velocidad de carga, y, a juzgar por los resultados de la herramienta para desarrolladores de Google (Pagespeed Insights), la nuestra dejaba bastante que desear.

pagespeed_1_estado-inicial

PASO 1: Asegurarse de que nuestro WP está ordenado y optimizado

Antes de seguir las recomendaciones de Google, vamos a fijarnos en los clásicos básicos: cuatro cosas esenciales que mejoran la velocidad y rendimiento de un WordPress y que son:

  1. Tener un buen servidor. Nosotros con los chicos de eCliente vamos muy bien servidos, así que nada que hacer en este frente.
  2. El número y calidad de plugins instalados. Aquí también tenemos mucho cuidado, instalando sólo plugins fiables, con mantenimiento y sólo los necesarios y que sirven a funciones avanzadas que no podemos incluir nosotros mismos fácilmente en el código de la página. Hemos repasado, de todas formas, que no hubiera ningun plugin instalado que estuviera sin usar, ya que esto también afecta a la carga del servidor.
  3. Que el wordpress esté actualizado, todos sus plugins también lo estén. Además de mejorar la velocidad de carga, esto redunda en una mejora de la seguridad del sitio web.
  4. Que la base de datos esté optimizada. Para eso, instalamos el plugin WP-Optimize y lo usamos para borrar revisiones de posts, spam, y otras entradas que agrandan y lastran nuestra bbdd. En la primera limpieza, hemos borrado 11,2 Mbytes de nuestra bbdd, que ahora tiene un tamaño de 2,3 Mbytes.

PASO 2: Seguir las orientaciones de Google

Una vez repasados estos elementos, tomamos las orientaciones de Google y actuamos en consecuencia:

1. Habilitar compresión del servidor. Es decir, llamar a los chicos de Sistemas y pedirles que activen y configuren un módulo de Apache que se llama mod_deflate y que se encarga de comprimir los ficheros que pide el usuario y mandarlos con tamaño reducido.

2. Optimizar imágenes. Para este punto, lo que vamos a hacer es instalar un plugin que se encarga de procesar tanto las imágenes que ya tenemos subidas a nuestro servidor (y a nuestro tema) como de poner un filtro a la hora de subir nuevas, y mejorar su calidad de compresión. En nuestro caso hemos escogido EWWW Image Optimizer uno de los dos más recomendados y lo hemos completado con Lazy Image Loader, que hace que no se cargue una imagen hasta que no es visible por el navegador. De esta forma, la página visualiza antes, y las imágenes se van sirviendo según son necesarias.

3. Especificar caché de navegador. La forma más sencilla de hacer esto es añadir unas líneas de código a tu fichero htaccess. Puedes ver una explicación sobre el tema aquí (en inglés).

4. Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página. Lo que Google nos está diciendo aquí es que hemos colocado llamadas a ficheros en la parte de arriba del código html de la página. El resto de la página no se carga y comienza a visualizar hasta que no hemos procesado estos ficheros y esto ralentiza la visualización global del sistema. ¿La solución? De nuevo, un plugin. En este caso hemos elegido Better WordPress Minify, que nos ha dado buen resultado en otras webs.

Adicionalmente, hemos habilitado la compresión gzip del servidor (de nuevo, añadir unas líneas de código al fichero htaccess). Nuestro tema estaba ya optimizado, ya que al construirlo habíamos tenido cuidado en:

  • Usar sprites de css en lugar de imágenes sueltas para iconos
  • Sustituir llamadas dinámicas innecesarias (nuestro tema está diseñado únicamente para nuestra página y por tanto no necesitamos opciones configurables)

Tras estos dos pasos

Y unas dos horas de trabajo, hemos conseguido este resultado:

pagespeed_2_estado final

Sigue sin ser perfecto, como veis, tenemos un 8 sobre 10 en nuestra puntuación de escritorio, y un poquito menos en nuestra puntuación de velocidad para móvil, pero con apenas dos horas de trabajo hemos mejorado un 100% nuestro resultado inicial. :)

NOTA: La instalación de todos estos plugins y configuración del servidor debe ser realizado con cuidado y mimo idealmente por profesionales que sepan lo que están haciendo, porque si no pueden producirse resultados indeseados e indeseables.

Lecturas recomendadas

Un post sobre el año que acaba, webs inspiradoras, SocialCo, unicornios y otros animales

Autor: admin | Fecha: 07 - 01 - 2015 | Categoría: blog , Miscelánea , Socialco

Equipo SocialCoAlgunos años, en Navidad, en SocialCo hemos hecho christmas. En otros, hemos hecho llegar algún detalle a los clientes (¿quien no tiene una taza…?). Y éste, hemos decidido hacer entre todo el equipo un post de fin de año, un post que te trae aquí, al corazón de SocialCo, a nuestro blog. 2014 ha sido un año intenso cargado de ilusionantes proyectos para nosotros. Y para dar siempre la mejor respuesta a nuestros clientes, hemos investigado y hecho análisis, hemos buscado y rebuscado y nos hemos mirado una y otra vez en las últimas tendencias que venían de uno y otro lado del charco. En 2014 hemos estado también hablando mucho sobre la evolución de la narrativa en las web de las ONG. Hemos dado pistas sobre los ingredientes que han de tener estos tipos de web, y que sin duda marcaron la tendencia el año pasado:

  • El usuario en el centro.
  • La conversación como eje de la web.
  • Otra forma de contar las cosas: Marketing de contenidos muy muy currado.
  • La usabilidad como biblia: y por eso pruebo, rectifico, mido, pruebo y vuelvo a probar…. Y quito y quito y quito (cosas superfluas que sobran, aunque duela).
  • Adaptabilidad a todo tipo de dispositivos, la web 3.0 es móvil.
  • Sencillez, diseño…

Puede que por eso un día en la oficina decidimos que esta vez queríamos regalaros algo nuestro, y lo haríamos escribiendo sobre  webs que nos han gustado mucho en 2014. Así que, esta panda de frikis, poetas y gente cuerda os desea un 2015 lleno de webs inspiradoras y deseos cumplidos y echamos la vista atrás para traeros lo mejor del año. PD. Ah! No os sorprendáis, pero, con el cambio de año, y tras un largo proceso, nos hemos convertido en lindos animales; tiene algo que ver con cosas que nos van a pasar en 2015, pero esa es una historia que os contaremos otro día… __________________________________________________________________________________

vmoraleda

Virginia Moraleda, la jefa

Las web que me han inspirado son….

Pues no puedo calcular las veces que he mirado, cargado y recagardo las webs de www.oxfamamerica.org y http://www.worldwildlife.org/. De la primera no me canso de decir, y puede que ya lo haya dicho alguna vez en este blog, que es la hermana mayor de Oxfam España… Porque va un paso más allá simplificando su primer nivel de lectura, eligiendo el contenido importante, sacrificando el secundario y, por tanto, ofrece una experiencia al usuario mucho más sencilla e interesante (y así,  interesantes lecciones a la hora de diseñar una estructura web)

http://www.oxfamamerica.org/

http://www.oxfamamerica.org/

De la segunda, una reverencia por cómo organizan la información, que tienen mucha y no lo parece, no te agobias, todo está bien ubicado, con su propio espacio. Como si ese fuera su lugar natural. Y porque todos sus mensajes empiezan con una potente imagen que ya te ha dado una parte importante del significado antes de empezar… Una reverencia.

http://www.worldwildlife.org/

http://www.worldwildlife.org/

¿Qué web te gustaría hacer en 2015?. Spoiler al canto… La nueva de SocialCo. No digo más ¿Cuál es tu mayor deseo para el año que empieza?. Quiero días más largos. Para poder hacer las cosas más despacio, pensarlas más, saborearlas en el proceso, celebrarlas al final… disfrutar más de ellas. Las de trabajo y las otras. _________________________________________________________________________________

Santiago Álvarez, el socio

Santiago Álvarez, el socio

Las web que me han inspirado son….Aquéllas donde el visitante se siente cómodo, los mensajes son claros y directos y sobre todo, no existen elementos irrelevantes que puedan despistar al usuario. Una web que siempre me ha gustado es http://www.oxfamintermon.org/ que, aunque hace tiempo que no se rediseña, está organizada de una forma muy lógica y la navegación es clara.

¿Qué web te gustaría hacer en 2015? Aquí la verdad es que soy muy ambicioso. Una web no es simplemente un diseño bonito, una navegación sencilla o una adecuada organización de los contenidos, sino un canal de comunicación completo que no funcionaría sin un departamento de comunicación que crea que el medio online permite ir mucho más allá de comunicar con los usuarios en un sentido unidireccional. Me encanta trabajar con entidades que han interiorizado la comunicación online como un elemento imprescincible en el contacto con sus públicos.

¿Cuál es tu mayor deseo para el año que viene? Como dice la canción salud, dinero y amor… para toda la familia SocialCo. Que ésta siga creciendo, haciéndose mayor, aprendiendo y haciendo las cosas cada vez mejor. _________________________________________________________________________________

Javier Merino, el jefe de proyectos number 1

Javier Merino, el jefe de proyectos number 1

Las web que me han inspirado son…. Este año hemos tenido muchos sitios de referencia. Las cosas cada vez se hacen mejor a los dos lados del charco y siempre es bueno tener ejemplos de innovación y buenas prácticas que guíen tu trabajo. Además de las más conocidas, una que me encanta es la de www.ricebowls.org una preciosa web de captación que apela al usuario sin miramientos, utilizando un lenguaje coloquial y directo planteándole retos y soluciones.

http://ricebowls.org/

http://ricebowls.org/

También me gusta mucho la narrativa de la British Heart Fundation, con mensajes muy claros y centrados en las personas. Me parece un acierto su menú extendido, que adelanta contenidos y anima a la navegación, y que ya tienes el formulario de donación en la propia home. ¡Sin complejos!

https://www.bhf.org.uk/

https://www.bhf.org.uk/

¿Qué web te gustaría hacer en 2015?. Me encantaría hacer una web de campaña, con piezas de impacto que lleguen a la gente y consigan acciones reales. Eso sí, me gustaría tener libertad total para dar rienda suelta a la creatividad del equipo. Por pedir que no quede… ;) ¿Cuál es tu mayor deseo para el año que viene? El mío es un clásico que se repite en Navidad, sobre todo después de la lotería. Pediría salud para mí y para toda la gente que quiero, para poder disfrutar a tope de lo bueno y sobrellevar mejor lo malo. ¡Del resto ya me encargo yo! _________________________________________________________________________________

Alicia Urrea, la jefa de proyectos tecnológicCOs

Alicia Urrea, la Arquitecta

Las web que me han inspirado son…. He visto cientos de webs este año para buscar inspiración y ofrecerles a los clientes las soluciones más creativas. Al final, las que más me gustan son las que prestan mucha atención a los detalles. Por ejemplo, me encanta el rediseño que ha hecho la página de las charlas TED y particularmente su página de detalle de vídeo. Aparentemente es muy sencilla, pero si uno se acerca a examinarla, puede ver como está cargada de funcionalidad y detalles técnicos muy novedosos. El arte de hacer simple lo complicado me fascina.

Detalle de vídeo web charlas Ted

Detalle de vídeo web charlas Ted

En cuanto a webs corporativas, me sigue encantando el trabajo que hace la Fundación Arrels, con una página potente visualmente, innovadora y con muchos niveles de lectura.

http://www.arrelsfundacio.org/es/

http://www.arrelsfundacio.org/es/

¿Qué web te gustaría hacer en 2015? Este 2015 deseo fervientenemente hacer una herramienta online, potente, creativa, que tenga una aplicación social y que sea de verdad útil para la gente. Hacer una de esas herramientas que se usan sin dolor y que una vez llevas usando unos días se vuelven imprescindibles en tu vida. ¿Cuál es tu mayor deseo para el año que viene? Que las personas que tengo cerca y que lo están pasando mal, encuentren su camino. Y que las circunstancias cambien para que puedan hacerlo… Había que ser sincero, ¿no? _________________________________________________________________________________

Virginia Castrejana, la jefa de proyectos de comunicación.

Virginia Castrejana, la jefa de COmunicación.

Las web que me han inspirado son…. Para mi este ha sido sin duda el año de las web one page y de los proyectos transmedia. Webs en las que se navega solo haciendo scroll, y en los que texto, audio, y video se despliegan fácilmente para contar historias reales, de personas, de problemas, de soluciones. En los que solo con seleccionar con el cursor puedes compartir en redes sociales la voz de la organización, con grandes fotos y cuidadas. Como ejemplo, el proyecto Woman Alone, de Acnur,  tan bien contada, tan fácil de navegar…  Un proyecto editorial muy muy completo.

http://womanalone.unhcr.org/

http://womanalone.unhcr.org/

Y puede que nos sea nueva (no siempre lo último es lo mejor) pero no puedo acabar el año sin hablar de “Charity: Water”. Recurro a su web una y mil veces para ver cómo están contando ellos las cosas. Esta no es una web de campaña, sino su web corporativa. Una web con un objetivo unívoco y claro (la donación) y con una narrativa muy pensada y muy acertada para llevarte hasta allí; cuenta de manera clara y sencilla cual es el problema y cual es su solución, y da igual a donde mires que en cualquier sección puedes encontrar inspiración. Además, me gusta mucho que la ONG ha adaptado durante el año la web tantas veces como ha hecho falta para dar visibilidad a diferentes campañas. Si la miras ahora, está “tuneada” de Navidad, pero si la miras otro día, otra cosa bonita y sorprendente encontrarás.

https://charitywater.org

https://charitywater.org

Tampoco puedo dejar de hablar del cambio que ha llevado a cabo www.ayudaenaccion.org y en el que SociaCo es su socio tecnológiCO. La nombro por su capacidad de segmentar públicos y trazar objetivos unívocos, por tener una narrativa tan clara y sintética, y porque solo es la punta del iceberg de un gran estrategia de marketing digital.

www.ayudaenaccion.org

www.ayudaenaccion.org

¿Qué web te gustaría hacer en 2015?. Este año he estado trabajando mucho sobre Informes y Memorias, el paso del pdf a digital. Así que me gustaría que alguien nos pidiera hacer una con una narrativa inicial como ésta: http://www.cupsannual.ca/ o poder tratar datos como estos http://www.therefugeeproject.org/. Y, puestos a pedir, que algún cliente me dejara hacer tantas locuras con sus redes sociales como hacen, por ejemplo, @Policia y algunos otros. ¿Cuál es tu mayor deseo para el año que viene? En SocialCo hemos comprado lotería del bar de aquí al lado, que se llama “La Fortuna” y se parece sospechosamente al del anuncio. Así, que, si no os importa, yo este año lo que quiero es que me toque la lotería. Prometo invertir el 0,7% en un proyecto social. _________________________________________________________________________________

Lorena Bajatierra, la jefa de proyectos

Lorena Bajatierra, la jefa de proyectos con más COrazón

Las web que me han inspirado son…. Dos de las últimas webs que he descubierto son las de http://tooyoungtowed.org/ y http://www.dadaabstories.org/. Ambas coinciden en dos temas que me fascinan: las buenas fotografías y las buenas historias con la persona en el centro y mirando a los ojos. El impacto que tiene el mensaje con estos dos ingredientes se multiplica de manera brutal.

http://tooyoungtowed.org/

http://tooyoungtowed.org/

http://www.dadaabstories.org/

http://www.dadaabstories.org/

¿Qué web te gustaría hacer en 2015? Una con los elementos que destacaba en la pregunta anterior y otros más que funcionen como herramienta para tocar la fibra de la gente, que les sacuda de alguna manera, que les llegue. Porque las webs no dejan de ser un medio más a través del que comunicar. ¿Cuál es tu mayor deseo para el año que viene? ¿Mi mayor deseo? Paso pregunta ;) Me gusta mil veces más estrenar un cuaderno bonito que estrenar año a golpe de deseos. Los objetivos me los marco cada día. Siempre me ha gustado la filosofía del barrendero Bepo (del “Momo” de Michael Ende): ir poco a poco haciendo grandes cosas. _________________________________________________________________________________

David Rico, el desarrollador front

David Rico, el desarrollador poétiCO

Las web que me han inspirado son…. De aquí y de allá recojo flores del campo, no debo ceñirme a nada como cánon. Interesante iniciativa la de los CEO’s de http://www.awwwards.com/ , que premian, por partes iguales Diseño, Usabilidad, Creatividad y Contenido en CSS/HTML5 (nada de Flash). Aunque para aparecer en este site, debes pagar una tasa, el jurado que evalúa los favoritos diaros/mensuales/anuales es ‘la creme de la creme’ del panorama web.

http://www.awwwards.com/

http://www.awwwards.com/

¿Qué web te gustaría hacer en 2015? Una web ‘mobile first’ con libertad creativa 99%. Creo que me volvería loco y tendría que volver a ser internado, pero ya sin permisos… ¿Cuál es tu mayor deseo para el año que viene? Mi deseo es poder cumplir todos mis deseos (Aladino tuvo que utilizar 3 deseos… yo con 1 ya tengo suficiente!). No, en serio, deseos no tengo, porque derivan en ansias, y luego en quistes sebáceos. Solo quiero estar vivo… al menos 1 año más. _________________________________________________________________________________

Jose Migueli Pérez,

Jose Miguel Pérez, el desarrollador COmodín

Las web que me han inspirado son…. http://www.flatvsrealism.com/ es una web excelente tanto por el lado de la técnica como por el lado de la creatividad. También me ha servido mucho para discutir junto a mis clientes acerca de diseño web (estética, usabilidad, arquitectura de la información). El videojuego que hay al final de la historia mola.

http://www.flatvsrealism.com/

http://www.flatvsrealism.com/

Esta otra web aparentemente es más sencilla http://hereistoday.com/ pero su mensaje es mucho más profundo. Esta web te deja algo después de visitarla y navegar por ella. Si no es así es que no eres humano.

http://hereistoday.com/

http://hereistoday.com/

¿Qué web te gustaría hacer en 2015? Una web que de alguna manera ayude a la gente, que le aporte algo o que le sirva de inspiración. ¿Cuál es tu mayor deseo para el año que viene? Ir a México _________________________________________________________________________________

Carlos Espada

Carlos Espada, el desarrollador discreto

Las web que me han inspirado son…. Profesionalmente, más que inspirarme, mi favorita es stackoverflow.com, porque es como tener de compañeros de trabajo a los miles de desarrolladores que hay por todo el mundo. Es muy raro que tengas un problema que no haya tenido alguien antes, y es muy raro que tengas que ir más allá de la primera respuesta para encontrar la solución que buscabas. Con mucha probabilidad, al final del día habrás aprendido alguno nuevo en ella.

http://stackoverflow.com/

http://stackoverflow.com/

En lo personal, me quedo con elmundotoday.com. Aunque cada vez cueste más distinguir sus noticias de las reales, ayuda mucho a llevar toda la mierda que tenemos encima con humor, que siempre es la actitud más inteligente. A día de hoy, es el periódico del que más me fío.

http://www.elmundotoday.com/

http://www.elmundotoday.com/

¿Qué web te gustaría hacer en 2015? Una que sirva para algo importante, que sea de verdadera utilidad para la gente y cubra una necesidad real. Agradable y fácil de utilizar para el usuario y un reto tecnológico para nosotros. ¿Cuál es tu mayor deseo para el año que viene? Que le vayan bien las cosas a la gente que me rodea.

De la web folleto a la web de los usuarios: narrativa en la web de ONG

Autor: Virginia | Fecha: 27 - 10 - 2014 | Categoría: Guía práctica

Internet ha evolucionado. Lo han hecho las tecnologías y lo han hecho los usuarios. Estamos saturados de información (cada vez más web, más contenidos, por más vías, por más dispositivos)  y a la vez somos más maduros en el consumo de la misma. Hemos aprendido a navegar utilizando “lugares comunes” (esto parece un botón, así que podré pinchar en él) y somos cada vez menos permisivos cuando en una web nos cuesta encontrar lo que buscamos…. Y, además, están las modas (sí, eso también). Que si todo tiene que estar en la misma pantalla; que no, que ahora se llevan scroll down y parallax; que si todo el mundo con cosas que se mueven por el sitio web; que ahora todos con sliders; que no, que ya no se llevan…. En fin, que Internet ha evolucionado. Y, en función de esa evolución, han cambiado también las narrativas utilizadas por los sitios web, la forma que tienen de mostrarnos la información y de guiarnos en la navegación por sus páginas. Así, cuando nos encontramos con una página web bastante antigua, nos produce cierto rechazo. Dejando aparte el diseño, vemos que tiene demasiados elementos, demasiado texto (y muy pequeño) y nos sentimos incómodos navegando por ella. Entre otras cosas, porque tiene demasiado. Demasiado de todo. Demasiado para hoy en día…

Sigue leyendo

Infografía: 9 SEO MUST para ganar posiciones en Google (y III)

Autor: Virginia Castrejana | Fecha: 19 - 09 - 2014 | Categoría: blog , Guía práctica

Acabamos la serie de posts dedicada a mejorar el posicionamiento de las páginas web de tu ONG en los motores de búsqueda, con este capítulo en formato infografía. 9 consejos con acciones básicas a tener en cuenta para ayudar a Google a indexar correctamente tus contenidos y mostrárselos al mayor número de usuarios. Si quieres compartirla, también puedes descargar la infografía sobre SEO pinchando aquí

Más consejos para el camino hacia el éxito SEO (II)

Autor: Lorena | Fecha: 30 - 07 - 2014 | Categoría: blog , Guía práctica

Si en el post anterior te dábamos algunos consejos para tratar las etiquetas keyword, meta-description y title de la web para mejorar el posicionamiento, hoy queremos poner el foco en otros tres elementos a tener muy en cuenta si estamos trabajando el SEO de nuestro site.

1. OPTIMIZACIÓN DE IMÁGENES.

  • Adecuadas a su resolución y tamaño.
    Cuando trates las imágenes para subirlas a la web (en PhotoShop o en cualquier otro programa de edición) asegúrate de que sean de calidad (no desenfocadas ni borrosas) y que tengan una resolución máxima de 72 píxeles/pulgada y un tamaño ajustado a las dimensiones que van a representar en la propia web. Esto es, no tiene sentido subir una imagen que tenga un ancho x alto de 1.000×1.000 píxeles cuando el tamaño que va a representar en la página de la web va a ser de 500×500 píxeles.Cuanto más optimizadas en este sentido estén las imágenes, más rápidamente cargará la página. La velocidad de carga de las páginas es un importante factor tenido en cuenta por Google a la hora de posicionar. Si quieres saber más sobre este tema te recomendamos que te pases por este blog.
  • Correctamente nombradas.
    Hay quienes nombran las imágenes que suben a su web simplemente con un código numérico (p.ej.: 786358.jpg). Es una manera fantástica de desaprovechar otra baza que nos ofrece Google para posicionar nuestra web. Así, lo recomendable es nombrarlas haciendo uso de las keyword definidas para la página donde se vayan a incorporar las imágenes, además de establecer para ellas también la etiquetas ALT y la Etiqueta TITLE.Si analizamos la siguiente imagen de una página de la web de Unicef podemos observar cómo está correctamente nombrada: “UNICEF-Educacion.Igualdad.jpg”, y tiene las etiquetas “title=UNICEF – Educacion e Igualdad” y “alt= UNICEF – Educacion e Igualdad” adecuadamente marcadas. Lo recomendable aún así es que las etiquetas title y alt no sean exactamente iguales.

Unicef-bien-OKSin embargo, si analizamos esta otra imagen de una de las páginas de la web de Save the         Children, observamos cómo carece de etiquetas alt y title. Además, el nombre de la foto             que es “Bolivia13.jpg” resulta inadecuado en términos de SEO ya que la palabra “Bolivia13”         es más que improbable como criterio de búsqueda. En este sentido, y si por motivos de             organización interna quisiéramos seguir preservando el número 13, deberíamos renombrar       la imagen de la siguiente manera: “Bolivia-13.jpg” (siempre separado por un guión medio,         nunca por un guión bajo, un punto, etc.).

STC-mal-OK

2. OFRECER AL USUARIO UN MAPA WEB Y ENVIAR A GOOGLE UN SITE MAP 

Aunque lo pudiera parecer no son lo mismo en dos idiomas J El Mapa web es la relación           estructurada de página que componen el site orientada al usuario; mientras que el                     sitemap es un documento dirigido a las arañas de Google. Vamos a ver cómo hacer y               poner a punto uno y otro:

  • Mapa web.

Como decíamos antes, el Mapa Web es una especie de árbol de contenidos donde                   quedan estructuradas por niveles las distintas páginas que componen el site. De esta       manera, cualquier usuario puede hacerse una idea rápida y sencilla con un solo golpe de           vista del modo en que está dividida la web y organizado su contenido.

Lo aconsejable es que los títulos de las páginas que componen el Mapa Web se                           correspondan con los titles de cada página y que éstos sean un enlace a la página en         cuestión.

mapa-web-bienmapa-web-ashoka

  •  Sitemap.La finalidad del sitemap es la misma pero con un público diferente. Y es que si el Mapa Web está destinado a los usuarios, el sitemap tiene como objetivo directamente a las arañas de Google. Es, en definitiva, un documento que facilita la labor del buscador en aras de que éste conozca el contenido de nuestra web, además de mostrarle y demostrarle orden y la correcta estructura que ésta lleva por bandera.El aspecto que tiene es éste (os mostramos el ejemplo que pone el propio Google de un sitemap con una sola URL, una imagen y un vídeo):<?xml version=”1.0″ encoding=”UTF-8″?> <urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″ xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″ xmlns:video=”http://www.google.com/schemas/sitemap-video/1.1″> <url> <loc>http://www.example.com/foo.html</loc> <image:image> <image:loc>http://example.com/imagen.jpg</image:loc> </image:image> <video:video> <video:content_loc> http://www.example.com/video123.flv </video:content_loc> <video:player_loc allow_embed=”yes” autoplay=”ap=1″> http://www.example.com/videoplayer.swf?video=123 </video:player_loc> <video:thumbnail_loc> http://www.example.com/thumbs/123.jpg </video:thumbnail_loc> <video:title>Asar carne en verano</video:title> <video:description> Consigue cocinar siempre la carne a la perfección </video:description> </video:video> </url> </urlset>Pero, ¿cómo hacer un sitemap? Puedes hacerlo manualmente pero también existen algunas herramientas externas que te ayudan a generarlos.Existen dos tipos de sitemaps: los tradicionales (que incluyen las páginas que componen tu site con enlaces a las respectivas URLs) y los RSS, mRSS y Atom 1.0 (Google te permite enviar la URL del feed como un sitemap).En cualquier caso el archivo debe tener un máximo de 50.000 URLs y un tamaño máximo de 50 MB (sin comprimir) una vez superados los cuales se recomienda dividir el sitemap en varios archivos.Una vez que tengas tu sitemap listo, el último paso que hay que dar es enviárselo a Google a través de sus herramientas para webmaster.Realmente creo que el trabajar estos otros tres aspectos, que son cosas sencillas, puede ayudar a tu ONG a conseguir mejores resultados en el posicionamiento web.Si te ha gustado este post, también te puede interesar…
    Qué puede hacer tu ONG para posicionar mejor en Google (I)

Qué puede hacer tu ONG para posicionar mejor en Google (I)

Autor: Lorena | Fecha: 01 - 07 - 2014 | Categoría: blog , Guía práctica

Antes de nada: ¿qué es, para qué sirve y en qué nos puede beneficiar trabajar el SEO de nuestra web? SEO son las siglas de Search Engine Optimization o, lo que es lo mismo, la lucha por alcanzar las primera posiciones en buscadores, fundamentalmente Google.

Cuanto más y mejor optimizada en este sentido estén cada una de las páginas que componen nuestro site, más visitas obtendremos a ellas, más personas acudirán y verán nuestros contenidos y más probabilidades tendremos de que nuestro mensaje cale en nuestros visitantes para que, posteriormente, colaboren con las causas que apoyamos.

Al principio de los tiempos, el SEO era propiedad de unos cuantos gurús que aplicaban una serie de complejos y oscuros métodos (black hat SEO) para que Google les colocara entre sus primeros resultados de búsqueda. Estas técnicas ya no sólo no funcionan sino que incluso están penalizadas.

La tendencia ahora es clara: Google posicionará mejor tu web en función de que ésta sea realmente la mejor opción para el usuario que realiza una consulta en su buscador. Es una obviedad que no está de más tener en cuenta: Google se debe a su público y sus criterios van a girar siempre en torno a esta máxima de ofrecerle siempre los resultados más ajustados a su búsqueda.

Cloud 2 (1)

Son múltiples los condicionantes que determinan esta suerte, ya que el trabajo de SEO abarca varios parámetros y estrategias. En este primer post de la serie que comenzamos hoy sobre posicionamiento web nos vamos a centrar fundamentalmente en las etiquetas keyword, meta-description y title. Tres etiquetas que implementaremos siempre en una doble vía: on-page (esto es, de manera visible para el usuario en la página) y off-page (dentro del código de la página, concretamente dentro de la sección ‘head’, y visible para los robots de Google pero no para el usuario general) para “dar pistas” tanto a posibles usuarios como a las arañas de rastreo de Google del interesante contenido que ofrecemos.

Sin duda, lo más farragoso para los profanos es la aplicación off-page de estas etiquetas, ya que todo lo que tenga que ver con el código asusta a primer golpe de vista. Por ello, si no estás familiarizado con él lo más normal es pedir a tu equipo digital que implemente estas tres etiquetas que pasamos a explicarte:

  1. Keywords.

    Lo recomendable es definir alrededor de unas 5 palabras clave generales, además de otras 4 ó 5 para cada página específica. En el código, éste ha de insertarse dentro de la cabecera de la página (esto es, en la sección ‘head’) y la estructura ha de ser la siguiente:<meta name=”keywords” content=”palabra clave 1, palabra clave 2, palabra clave 3″ />Se supone que las keywords que eliges son las palabras más representativas de la página que definen, por lo que lo lógico y lo recomendable es aparezcan en el texto explicativo.

    Quienes-Somos-IO-2

    Éstas son las palabras clave (separadas por comas) elegidas por Intermón Oxfam para su página ‘Quiénes Somos’.

    Esta es la página 'Quiénes somos' de la web de Intermón Oxfam (www.oxfamintermon.org) donde hemos señalado con un círculo rojo las keywords que hemos visto en el código han sido elegidas para esta página.

    Esta es la página ‘Quiénes somos’ de la web de Intermón Oxfam (www.oxfamintermon.org) donde hemos señalado con un círculo rojo las keywords que hemos visto en el código han sido elegidas para esta página. Prácticamente todas ellas son empleadas en el texto visible de la página.

    Si analizamos sin embargo, la página ‘Así somos en España’ (dentro de la sección ‘Quiénes Somos’) de la web de Amnistía Internacional: https://www.es.amnesty.org/quienes-somos/asi-somos-en-espana/ podemos observar que, de las palabras clave fijadas en el código, apenas se emplean 2 ó 3 on-page.
    Amnistia-keywords

    Amnistia-asi-somos

    Hay keywords que sí se fijan en la parte off-page (código) pero no se emplean en la parte on-page del texto. Y otras apenas se utilizan en una ocasión.T

  2. Title.

    Otra de las etiquetas imprescindibles a insertar en la web es el Title, el cual se corresponde con el título de la página que aparece en la parte superior de la entrada en los resultados de Google. Es la primera impresión que se lleva un potencial visitante de tu web, por tanto tiene el poder de actuar como un reclamo. En ella, el texto ha de ajustarse a un máximo de 70 caracteres, en los que intentaremos condensar la frase que resume el contenido de esa página concreta. De entre todas las keywords asignadas a esta página eligiremos una (que será la más representativa) para colocarla lo más al comienzo posible de esta frase que conforma el title.HRW-TITLE

  3. Meta-description.

    Se trata de una breve descripción del contenido de cada página que compone tu sitio, de modo que el usuario pueda saber con un solo golpe de vista al realizar su búsqueda si la página sobre la que finalmente se decida a hacer click o no va a responder a sus expectativas. El número de caracteres máximo no debe superar los 156 ya que de hacerlo el párrafo aparecerá incompleto en la lista de resultados, lo cual será penalizado por Google.

    Es el caso de la meta-description de esta página de la web de Ford Foundation, que está compuesta por palabras sueltas, en lugar de por una frase con sentido completo.

    Es el caso de la meta-description de esta página de la web de Ford Foundation, que está compuesta por palabras sueltas, en lugar de por una frase con sentido completo.

    De igual manera que sucedía con la etiqueta Title, en la Meta-description se recomienda también colocar la/las palabras clave definidas para cada página en concreto al comienzo del texto, mientras que el nombre de nuestra organización lo situaremos al final.

    Esta etiqueta debe ser única (contenido original no duplicado) para cada una de las páginas que conforman el site. Y, en caso de que nuestra web sea multiidioma, esta etiqueta Meta-description (aunque igual ocurre con las anteriores que hemos mencionado anteriormente: Title y las keywords) habrán de ser también únicas y optimizadas para cada página en concreto.

    Este caso de la web de Ecologistas en Acción es paradigmático de la buena inserción de una etiqueta Meta-descripton.

    Este caso de la web de Ecologistas en Acción es paradigmático de la buena inserción de una etiqueta Meta-descripton.

    Por último, decir que no recomendamos abusar de las mayúsculas, utilizándolas únicamente en los casos en que esté justificado (siglas, comienzo de frase, etc.).

    Si la web de tu organización está creada con WordPress las cosas se simplifican significativamente, sobre todo si instalas un plugin como All in One SEO Pack o WordPress SEO by YOAST, cualquiera de los cuales te irá conduciendo por el buen camino SEO paso a paso. Así, por cada entrada que publiques, el plugin te pedirá kewwords, Title y Meta-description, guiándote además por otras recomendaciones (URL ajustada, contenido, etc.).

    Este plugin te ofrece campos a cumplimentar para las etiquetas Keywords, Title y Meta-description guíandote si lo haces bien o mal en cada caso.

    Este plugin te ofrece campos a cumplimentar para las etiquetas Keywords, Title y Meta-description guíandote si lo haces bien o mal en cada caso.

    También realiza un análisis de todos los condicionantes que influyen en el correcto funcionamiento del SEO, con un sistema de colores que de manera sencilla y muy visual ofrece el estatus quo de cada una de tus páginas o entradas en cuanto al posicionamiento web y recomendaciones concretas para optimizarlo.

    Con un sencillo código de colores desde el rojo al verde según el grado de optimización, el plugin te asesora sobre cuál es la mejor manera de ajustar tu entrada para conseguir un adecuado posicionamiento web.

    Con un sencillo código de colores desde el rojo al verde según el grado de optimización, el plugin te asesora sobre cuál es la mejor manera de ajustar tu entrada para conseguir un adecuado posicionamiento web.

    Esperamos haber arrojado algo de luz a este tema del SEO que para profanos se antoja tan importante como farragoso a veces y que con unas sencillas pautas aplicadas de manera metódica y sistemática puede dar muy buenos resultados.

Y al llegar a la meta, pónselo fácil: el formulario de donación

Autor: Santi | Fecha: 16 - 06 - 2014 | Categoría: Aspectos técnicos y tecnológicos , blog

Desde un punto de vista de la tecnología, un formulario no deja de ser una página HTML que forma parte de la web. Pero por su importancia y complejidad es mucho más que eso. Es la puerta de entrada a los socios y a las donaciones. Y para tan importante misión, lo deseable sería que fuese una puerta por la que los potenciales socios pudiesen transitar fácilmente. En muchas ocasiones, no será tanto una cuestión de que los anhelados socios puedan atravesar fácilmente la puerta de las donación o la “membresía”, sino más bien que no les demos con la puerta en las narices a aquellos que deberían ser agasajados.

En este post vamos a reflexionar sobre ciertas cuestiones relacionadas con los formularios de donaciones.

Distracciones, ninguna

El principal objetivo de un formulario de donaciones es la donación, valga la redundancia. Esto es, la conversión. Es por ello por lo que se deben eliminar todas las distracciones que puedan considerarse irrelevantes para la conversión.

¿Es necesario que la página donde está el formulario contenga también la caja de búsqueda o el menú de navegación de la web? ¿Vamos a molestar al que está a punto de convertirse en socio preguntándole si quiere suscribirse a nuestro boletín?

Ejemplo de formulario sin distracciones.

Ejemplo de formulario sin distracciones.

No se trata pues de presentar un formulario y eliminar el resto de elementos, sino de sopesar muy bien cuáles de estos contenidos son relevantes y adaptarlos a la situación. La cuestión a la que se debe contestar al plantear qué elementos deben acompañar el formulario de donaciones es: ¿qué inquietudes tiene una persona que está a punto de hacer una donación, qué información le ayudaría a dar el paso y cómo debería presentarse dicha información?

Complicaciones, ninguna

La vida ya es suficientemente complicada por sí misma, no es necesario que se la compliquemos más a los que, por otra parte, deberíamos tender la mano. Lamentablemente, en los formularios de donaciones es habitual que se le complique la vida al donante innecesariamente y que gran parte de éstos abandonen. ¿Cuál es la tasa de abandono en tu formulario de donaciones? Es fundamental conocer ese dato para que seas consciente de lo que se está escapando por complicarle la vida al donante.

La gente no quiere perder el tiempo con formularios largos o en tener que seguir demasiados pasos para realizar su donación.

Ejemplo de formulario conciso.

Ejemplo de formulario conciso.

Se debe evitar que el formulario contenga información irrelevante o preguntas difíciles de entender que puedan espantar al futuro donante.

El potencial donante de Amnistía Internacional llega a este formulario porque sabe lo que es la entidad, es innecesario incluir un párrafo al inicio del formulario con tanto contenido. También es innecesario preguntar por la forma de pago, si se ofrece una única opción.

El potencial donante de Amnistía Internacional llega a este formulario porque sabe lo que es la entidad, es innecesario incluir un párrafo al inicio del formulario con tanto contenido. También es innecesario preguntar por la forma de pago, si se ofrece una única opción.

La usabilidad es fundamental para no crear complicaciones innecesarias al donante. Por norma general, es más usable que las etiquetas estén situadas sobre las cajas de forma que el desplazamiento de la vista sea de arriba hacia abajo sin tener que hacer zigzag. Además, en la medida de lo posible es deseable que exista una sola columna de campos y que al final de la trayectoria de la vista se encuentre claramente identificado el botón de enviar. Es un error incluir elementos del formulario debajo del botón de enviar ya que el recorrido del usuario termina en este punto.

Ejemplo de formulario con etiquetas sobre las cajas.

Ejemplo de formulario con etiquetas sobre las cajas.

Ejemplo de formulario con un campo después del botón de enviar que obliga al usuario a hacer un recorrido de ida y vuelta.

Ejemplo de formulario con un campo después del botón de enviar que obliga al usuario a hacer un recorrido de ida y vuelta.

De la misma forma que no debe incluir el formulario distracción alguna, tampoco debe incluir botones de cancelar, volver o borrar que no aportan nada en el proceso de conversión y lo único que pueden provocar es que el potencial cliente se confunda, haga click, pierda la información completada y abandone el formulario cabreado por haber perdido el tiempo.

Ejemplo de formulario con un botón de volver innecesario, que tiene la misma apariencia que el de enviar y además ocupa el lugar natural para este ya que se encuentra en la trayectoria de la vista (etiquetas y hacia abajo). Además contiene una línea horizontal que divide en dos el formulario innecesariamente.

Ejemplo de formulario con un botón de volver innecesario, que tiene la misma apariencia que el de enviar y además ocupa el lugar natural para este ya que se encuentra en la trayectoria de la vista (etiquetas y hacia abajo). Además contiene una línea horizontal que divide en dos el formulario innecesariamente.

Cualquiera que se haya tomado la molestia y el tiempo de intentar completar nuestro formulario se enfadará mucho si pierde la información proporcionada. Te invito a que hagas la siguiente prueba: completa tu formulario y antes de dar al botón de enviar dale al botón back de tu navegador. ¿Se alerta de la pérdida de información permitiendo cancelar la acción o, directamente se pierde la información proporcionada y se cabrea al usuario?

Dos pruebas que podemos hacer en un formulario para comprobar si éste es ‘usable’ son:

  1. ¿La tecla tabulador pasa de un campo a otro siguiendo el orden lógico y sin saltar ningún campo?
  2. ¿Haciendo click en las etiquetas el foco se sitúa en el correspondiente campo para completarlo? Es muy habitual que los formularios no permitan hacer click en las etiquetas para campos de tipo radio o check (selectores de una única opción o de múltiples). Desde un punto de vista de usabilidad no sería demasiado grave el que no fuese así pues los usuarios solemos hacer click directamente en el campo para empezar a teclear, pero, si este error se produce nuestro formulario tiene problemas de accesibilidad y podría funcionar mal en dispositivos móviles. La accesibilidad es un estándar de construcción de webs para facilitar el acceso a la información a todas las personas con discapacidad.
Formulario donde el orden de tabulación es correcta pero no funciona el click en las etiquetas. Además contiene demasiadas distracciones (cabecera y call2action “haz una donación” innecesario en la propia página de conversión) que hacen que el formulario aparezca demasiado abajo.

Formulario donde el orden de tabulación es correcta pero no funciona el click en las etiquetas. Además contiene demasiadas distracciones (cabecera y call2action “haz una donación” innecesario en la propia página de conversión) que hacen que el formulario aparezca demasiado abajo.

La validación de errores debe ser robusta para evitar que los datos introducidos sean erróneos pero suelen complicar demasiado la vida a los usuarios. Dos pautas a tener en cuenta a la hora de gestionar los errores de un formulario:

  1. Todos los errores se deben mostrar simultáneamente, no de uno en uno (lo ideal es hacerlo según se van completando pero por su complejidad no suele hacerse hasta que el usuario hace click en el botón de enviar).
  2. Los errores se deben mostrar en el mismo formulario identificando de forma clara cuáles son los campos erróneos y proporcionando ayuda para solventar el error.
Ejemplo de formulario que presenta los errores según se producen identificando de forma clara el error.

Ejemplo de formulario que presenta los errores según se producen identificando de forma clara el error.

Los formularios son la puerta de entrada a información personal de los donantes y por ello debe considerar toda la seguridad posible. Un formulario que no esté bajo SSL no es aceptable y provocará la desconfianza del potencial donante y eventualmente el abandono. Las páginas que están bajo SSL muestran un candadito en su barra de direcciones que comienza por https (Secure HTTP).

Hemos visto muchas cuestiones en este post sobre cómo deben ser los formularios de donaciones. Todas ellas encaminadas a facilitar la conversión del potencial donante que ha llegado a nuestra puerta de entrada. La recomendación final que haríamos desde aquí es “no le distraigas ni le compliques la vida”.

También te puede interesar:

Por qué no retuitear las menciones

Autor: Virginia | Fecha: 06 - 06 - 2014 | Categoría: blog , Guía práctica

Hace ya casi tres meses, coincidí con Marta Isabel (@migasocial) en un curso que impartía junto a @Cipocompany. En un determinado momento del transcurso de la formación, surgió entre Marta Isabel y yo un debate muy interesante en torno a Twitter, las normas de cortesía, el miedo a saturar, la personalidad digital… Lo que yo decía era algo como que debes intentar que cada tuit cuente y huir todo lo posible de las publicaciones de escaso valor para la audiencia global de tu cuenta. Puse ejemplos como los agradecimientos infinitos y circulares, las bienvenidas públicas… o los RT a las menciones. “No estoy de acuerdo”, me dijo Marta Isabel. Me dio mil y un argumentos para su desacuerdo. Todos ellos acertados y válidos. Tiene razón y… sin embargo: no me convence.

Terminábamos el curso ya anochecido. Y me fui a casa sin poder parar de darle vueltas a la cabeza. Me di cuenta hablando con Marta Isabel de que en SocialCo tenemos una posición bastante definida al respecto y de que no tenía “ordenados” los argumentos para defenderla. Fue entonces cuando cogí el móvil y, a través de Twitter, le propuse a @migasocial que hiciéramos un post en dos partes para defender las razones de hacer o no RT a las menciones. En este post están los posicionamientos y argumentos de Marta Isabel. En el presente, los míos.

1. Twitter ya no es lo que era

Haciendo un ejercicio introspectivo de análisis y memoria, no consigo recordar lecturas o datos clave concretos que me hayan ayudado a formar una opinión. Quizás soy fruto de la opinión de otros, de las opiniones que otros han ido vertiendo en mi y la evolución de las mismas. Desde que la corriente mayoritaria era que había que “follow back” a todo el mundo, hasta las de ahora. Y es que Twitter ha evolucionado, lo usa más gente, lo usa más y lo usa… diferente. Lo que valía para el año 2010 en 2014 ya no tiene sentido y las personas usamos Twitter de una forma mucho más directa y personal, adaptada a nuestra propia forma de comunicar. El follow (o not follow) back es solo un ejemplo. El otro día, un amigo me comentaba que cuando alguien le sigue en Twitter va a ver su cuenta. Si tiene igual número (o muy similar) de “seguidores” y “seguidos”, por defecto mi amigo no le da al follow back a esta persona. Porque entiende que se trata de alguien que le ha dado a “seguir” solo para buscar crecer y nuevos fan, y está más obsesionado con el número que con el contenido.

2. Un RT apenas conversa

De lo que no tengo ninguna duda es de que la persona que más ha influido en mi opinión sobre lo que es o no ruido en Twitter ha sido @lydiamolina, que me marcó para toda la vida con su frase:  “Pedir un retuit está muy feo, hombre”. Durante su etapa en SocialCo, y ahora también (Lydia, que te sigo queriendo), Lydia me enseña muchas cosas sobre el sentido común aplicado a la comunicación institucional. Por ejemplo, que has de ser coherente en tu actuación a lo largo del tiempo, y que si solo “hablas” con la gente cuando le quieres pedir algo (un RT, el uso de un hashtag…) sigues estando en un modelo 1.0 de la comunicación. ¿Perogrullo? Seguro,  pero no deja de ser una práctica muy común (que incluso funciona relativamente bien dependiendo del tema para conseguir difusión). Siguiendo este razonamiento, ¿cuándo haces una mención, estás buscando un RT? (…)

Ruido en redes sociales

El ruido en redes sociales

3. RT por defecto devalúa tu timeline

Para mi, el hecho de hacer RT o no cuando alguien te menciona entra en el mismo saco que todo lo demás. Marta Isabel nos recuerda que el timeline de Twitter es muy efímero (se calcula que tan solo el 1% de tus followers estará conectada como media en el momento que tuitees) y que al hacer RT estás ofreciendo un reconocimiento público ante todos tus seguidores de lo que alguien ha dicho de ti, dándole un “gracias” más alto y ofreciendo a esta persona la posibilidad de que otros le conozcan.  Algo así como que “por lo que cuesta, es un gesto muy generoso”. Bufff. Si es que estoy de acuerdo, pero no me parece razón suficiente para hacer RT POR DEFECTO. Al contrario, me parece que este razonamiento:

  • presupone que uno de los motivos de la mención (aunque no el principal) es conseguir un mayor prestigio.
  • igual que presupone que el hecho de que yo retuitee algo le da a la otra persona más prestigio.
  • no tiene en cuenta que puedo estar perdiendo la oportunidad de conectar con ese 1% de mis seguidores que están conectados dándoles un mensaje que no les aporta demasiado. Es decir, metiendo ruido en su timeline.
  • … y me parece que no es la reacción más adecuada en la mayoría de los casos. Quiero decir, que cada mención requiere un pequeño esfuerzo de pensar quién soy yo, quién me hace la mención, qué pretende y qué forma de interacción aporta más.
  • Por último, es mi responsabilidad como comunicadora hacer una selección de lo que sale por mi timeline.

Quizás, como decía Marta Isabel, le demos demasiadas vueltas a algo que debe ser más intuitivo. Pero precisamente por eso quiero pensar que la única norma de etiqueta que siempre va a funcionar siempre es escucha. Y en función de lo que oigas, usa el sentido común.

Te puede interesar:

A quién seguir en Twitter