Poe, un editor de texto Markdown para Google Chrome

Poe editor markdown

Poe es una webapp para Google Chrome que permite escribir sin distracciones a través de un editor de texto compatible con la sintaxis Markdown, un popular lenguaje de marcado que facilita, aún más que HTML, la edición de negrillas, cursivas, tí­tulos, enlaces, imágenes y otros detalles dentro de los textos.

Para resaltar de Poe está su visor en tiempo real que es más veloz que algunas herramientas de escritorio. Igualmente está libre de todo tipo de menús y funciones extra, de hecho, tan sólo destaca los botones correspondientes para cambiar el tí­tulo del fichero creado (en formato .md) y la posibilidad de descargar las creaciones en ubicaciones especí­ficas del equipo mas no sólo en copias locales.

Su nombre está inspirado en el mí­tico Edgar Allan Poe, es un proyecto libre, es originario de Puerto Rico y está disponible para cualquiera en GitHub. La herramienta se ejecuta totalmente dentro del navegador y al iniciar resalta los últimos ficheros creados para iniciarlos con apenas un clic. Se echa de menos la posibilidad de exportar los resultados a HTML por lo que puede ser necesaria ayuda extra.

Quizá no reemplaza a editores más completos como Haroopad o Uberwriter, pero el funcionar dentro del navegador y con copias locales le da una utilidad increible para imprimir ideas en escritos cortos y para escribir borradores de artí­culos más extensos sin recurrir a software de escritorio o servicios en la nube.

Enlace: Poe: Markdown Editor en la Chrome Web Store

5 maneras en las que HTML5 puede mejorar su presencia en la web y en el mundo móvil

html5-official

Si usted ha estado escuchando atentamente todas las charlas en lí­nea, seguramente debe haber oí­do la palabra “HTML5”. Incluso Apple, Mozilla y Google han estado hablando sobre esto últimamente.

HTML5 (Hypertext Markup Language) es la última adición a la familia de lenguaje de marcado en la red e hizo su debut en 1997. En pocas palabras, el HTML es la columna vertebral de Internet, con casi todos los sitios web trabajando con él. Antes del nacimiento del HTML5, el HTML4 habí­a sido ajustado y actualizado para atender las enormes demandas de la web. Para poder soportar la utilización de medios tales como ví­deo y audio en los sitios web, nacieron las aplicaciones externas como Flash y Java.

Pero los desarrolladores web pronto se dieron cuenta que estas aplicaciones eran costosas y tomaban mucho tiempo. Y aún más, en la era actual de las tablets, la mayorí­a de los consumidores prefieren hacer sus transacciones y navegación a través de los teléfonos inteligentes. En pocas palabras, quieren que sus teléfonos inteligentes hagan todo lo que pueden hacer en sus computadoras.

Por otra parte, Apple se dio cuenta de que el uso de estas aplicaciones de terceros entorpecí­a las buenas experiencias de los usuarios y la duración de las baterí­as, entonces cortó el soporte a estas aplicaciones para el iPad y el iPhone. Esto dio lugar al nacimiento de HTML5, que está siendo adoptado por los sitios web de las principales empresas.

¿Por qué deberí­a usted utilizar HTML5?

Sí­, todo esto suena bien, pero ¿por qué le interesarí­a a usted? Para empezar, si usted tiene un blog o un sitio web de negocios, HTML5 aporta una gran experiencia móvil para los usuarios. El número de usuarios de teléfonos inteligentes ha crecido más allá de la marca de 100 millones solamente en los EE.UU.

Continúa leyendo «5 maneras en las que HTML5 puede mejorar su presencia en la web y en el mundo móvil»

Google presenta nuevo user-agent para rastrear contenido para smartphones

Con el objetivo de diferenciar el contenido existe en la web adaptado para smartphones del adaptado para teléfonos móviles de gama baja, Google acaba de anunciar un nuevo user-agent que será utilizado únicamente para teléfonos inteligentes.

La idea es que los responsables de los sitios web tengan la posibilidad de configurar sus páginas para que sean leí­das de forma diferente en los smartphones y en los pequeños móviles, y que Google entienda esa diferencia, por lo que se hace necesario tener user-agents distintos para cada caso.

Lo anuncian en español en googlewebmaster-es.blogspot.com, donde comentan el problema:

[…] hemos visto algunos casos en los que un webmaster ha bloqueado sin querer el rastreo o la indexación para smartphones cuando realmente solo querí­a bloquear el rastreo o la indexación para teléfonos de gama baja. Esta ambiguedad hace que Google no pueda indexar el contenido para smartphone de algunos sitios y que tampoco pueda reconocer si están optimizados para smartphone.

user agent

El cambio se realizará durante las próximas semanas. En el artí­culo podéis leer los detalles técnicos necesarios para que sea posible configurar las páginas correctamente, incluyendo las instrucciones que deben existir en el archivo robots.txt para adaptarse a este nuevo user-agent.

Kimono, convierte tus sitios web en APIs estructuradas

kimono

Nos puede llevar algún tiempo diseñar y programar un sitio web o una aplicación, pero no tiene porqué ser tan complicado extraer y organizar los datos de éstas para construir nuestras propias APIs. Eso es lo que nos permite Kimono, que aún en versión beta nace como una herramienta que nos promete la posibilidad de reconocer patrones en nuestros sitios web para poder obtener los datos necesarios rápidamente.

Siendo un proceso de tan sólo unos clicks, el «extractor inteligente» de Kimono nos permitirá reconocer los patrones del código en nuestro sitio web para poder guardar la API correspondiente después, ofreciendo, paralelamente, un constructor de aplicaciones (App Builder) en el que podamos reutilizar las APIs extraí­das para poder crear apps y herramientas sin tener que reescribir el código.

Si no tenemos muy claro cómo funciona la extracción de datos, Kimono nos permite practicar con un tutorial en el que podremos utilizar un sitio web en KimonoLabs para crear las APIs (sólo nos hará falta una cuenta registrada en el servicio).

Finalmente, si consideramos utilizarlo para optimizar la gestión de datos y código de nuestros sitios web podremos utilizar la beta de forma gratuita, y si consideramos utilizarla en un entorno corporativo podremos acceder a las opciones de pago para contratar Kimono en empresas (por ejemplo, la versión «Pro» nos maximizará el número de APIs que podemos crear y nos aumentará la frecuencia de actualización de datos en éstas desde 200 dólares al mes).

App.net anuncia algunas mejoras en Broadcast

BroadcastYa comentamos el pasado mes de noviembre la decisión de App.net de lanzar Broadcasts, su solución para que los usuarios puedan publicar sus contenidos en los múltiples canales que pueden disponer en sus cuentas, permitiendo a otros suscribirse a ellos para recibir notificaciones push de dichas publicaciones.

Hoy App.net anuncia a través de su blog oficial algunas mejoras llevadas a cabo en esta solución, comenzando con la nueva función de correo electrónico, de manera que los usuarios pueden ya optar por recibir las notificaciones de Broadcast bien a través de sus direcciones de correo electrónico o a través de las notificaciones push en sus dispositivos móviles inteligentes.

Nuevo widget de Broadcast integrable en sitios web. Muchas veces nos encontramos con widgets en sitios web que nos permiten ingresar nuestra dirección de correo electrónico para suscribirnos a sus contenidos. El nuevo widget de Broadcast permite reemplazar dichos widgets por el suyo, de manera que la mayorí­a de los visitantes seguirán teniendo la oportunidad de ingresar sus direcciones de correo electrónico para recibir los contenidos, mientras que aquellos visitantes que tengan sesión activa en App.net, lo verán como un botón de suscripción, pudiendo optar por recibir los Broadcasts a través de sus direcciones de correo electrónico o a través de las notificaciones push en tiempo real. Dicho widget ya está disponible en el propio blog oficial de App.net para comprobar su funcionamiento.

Nuevas analí­ticas disponibles para Broadcast, disponible de manera reciente con el objetivo de permitir a los editores hacer seguimiento del uso de los canales, conociendo tanto los nuevos suscriptores como aquellos dado de baja, los enví­os realizados ví­a correo electrónico y ví­a notificaciones push, y las aperturas de los mismos, con más opciones por el camino. Sólamente disponible para editores con cuentas de usuario de nivel desarrollador.

Por último, el anuncio apunta a unos enlaces de las nuevas guí­as introductorias a Broadcast para conocer esta solución más a fondo y saber sacarle partido.

Google presenta plugin oficial para Wordpress

Desde el blog de Google nos presentan una extensión, creada por ellos, para incorporar varios productos de Google dentro de blogs que usen Wordpress.

Se trata de Google Publisher Plugin, plugin que ayuda a incorporar las etiquetas de adsense y google para webmasters, aunque prometen que seguirán ampliando la cantidad de servicios que podremos incluir en nuestro sitio web de forma sencilla.

Ideal para los que no quieren pelearse con el código, esta extensión ayuda a realizar tareas prácticamente obligatorias en cualquier blog en Wordpress sin necesidad de editar manualmente el tema, con la garantí­a de que es el propio Google el que está por detrás del plugin.

wordpress google

Aún así­, recuerdan que se trata de una versión beta, por lo que es recomendable mantenerlo en el radar y esperar unas semanas antes de ponerlo en producción.

Formisimo, estadí­sticas para formularios web, sale de la beta y comienza con los planes de pago

Formisimo

Ya os presentamos en su momento a la plataforma Formisimo, la cual viene a ser el equivalente a Google Analytics pero enfocado a los formularios de los sitios web, o sea, que hace seguimiento del rendimiento de los propios formularios disponibles en los sitios web en tiempo real midiendo las interacciones que realizan los propios usuarios, de manera que los responsables que están detrás de dichos sitios web cuentan tanto con datos como herramientas para tomar medidas para mejorar el rendimiento de dichos formularios que posibilitan, entre otras cosas, reducir las tasas de abandono.

El tiempo pasa, la plataforma mejora a lo largo de su trayectoria, y llega el momento de salir de la beta. Y sale de la beta estableciendo sus propios planes de pago, que van desde los 24,99 euros hasta los 99,99 euros mensuales para negocios, según publica TNW, contando además con una versión gratuita aunque bastante limitada. La comparativa de caracterí­sticas de cada uno de los planes se puede comprobar desde la propia página de los planes disponibles, tanto para los negocios como para las propias agencias, permitiendo ver los precios en diferentes divisas.

Formisimo ha seguido casi 40 millones de interacciones de usuarios a través de 500 empresas, viéndose un incremento de la tasa de conversión del 76,20% como resultado del propio servicio. Aquellos que estén interesados en usar el servicio dentro de sus propios sitios web, tan sólo tendrá que elegir uno de los planes y realizar la instalación de Formisimo tan sólo añadiendo el código javascript disponible, tardando menos de un minuto.

7 ideas para crear increí­bles infografí­as y atraer tráfico a su página web o blog

Vivimos en un mundo donde la información rápida y gratuita se encuentra a sólo unos clics de distancia. Aunque esto parece ser algo bueno, el problema aparece cuando se quiere interpretar la gran cantidad de datos disponibles a nuestro alrededor.

Muchos de sus lectores marcarán activamente artí­culos o se enviarán los enlaces por correo electrónico a sí­ mismos simplemente porque es demasiado abrumador tratar con todo a la vez. Si usted tiene su propio sitio web, necesita saber que la gente está buscando una manera más rápida de entender la información. Un texto simplemente ya no funciona a veces por lo denso y aburrido de leer que puede resultar. Entonces, ¿qué hacer?

Pruebe con una infografí­a. Una infografí­a hace que sea fácil compartir ideas complejas exponiéndolas de manera atractiva e interesante. Podrí­a aplicarse acompañando al texto de su blog, o como un gráfico independiente que explica conceptos aburridos de manera elegante. La mayorí­a de las personas pueden recordar rápidamente la información que se presenta en un formato visual, lo que hace a las infografí­as un ingrediente clave para su blog.

Así­ que, sin más preámbulos, aquí­ hay 7 consejos clave para crear sus propias infografí­as:

1. Haga un plan

Antes de empezar, sea claro sobre el propósito de su infografí­a. ¿Es para simplificar un concepto difí­cil, compartir estadí­sticas aburridas o crear conciencia? Tome nota de todas las buenas razones que usted tiene para crear esta infografí­a. Una vez que tenga claro su objetivo, describa poco a poco el proceso. Para empezar, ¿va a utilizar una plantilla?

Hay muchas herramientas que permiten descargar las plantillas y crear hermosas infografí­as en forma gratuita.

2. Agregue valor primero; estética después

No se limite a crear una infografí­a porque todos los demás en su industria lo están haciendo. En su lugar, haga su investigación primero y compile los datos que va a compartir.

Crear una buena infografí­a es muy similar a crear una buena pelí­cula. Usted deberá investigar a partir de una variedad de fuentes para visualizar cuál va a ser su mensaje. La mejor manera de empezar es jugar con los datos que tiene y ver cómo fluyen juntos. No piense demasiado en la “imagen” antes de tener datos valiosos para compartir.

Algunos diseñadores se dejan llevar por la construcción del diseño visual más bello con poca sustancia o valor para compartir. ¡No sea uno de ellos! Cuando esté confundido, una buena pregunta para hacerse es “¿compartirí­a esta infografí­a si yo fuera el lector?” Si su respuesta es sí­, es probable que otras personas interesadas en la materia también lo hagan.

3. Cuente una historia

Una infografí­a atractiva cuenta una historia que es audaz y fluye bien. Utilice figuras en lugar de tablas y gráficos que son poco atractivos. Antes que nada, verifique si tiene un argumento y si este es digno de ser contado. Al igual que una pelí­cula, su infografí­a deberí­a tener un personaje principal desde el cual partir. Su “héroe” podrí­a ser el concepto que está tratando de explicar o crear conciencia.

Una buena historia tendrá un principio, un nudo y un final. Trate de hacer esto con su infografí­a, poniendo un punto adelante, demostrando o respaldando su punto con datos sustanciales y concluyendo en el final. Por otra parte, trate de compartir algo que es único. Eso no significa que trate de encontrar un concepto que nunca ha sido explicado por medio de un gráfico, sino que ponga su giro único y personal en él.

4. Sea un gran diseñador

… O busque uno. Si los lectores sólo anhelan hojas de Excel y tablas de datos, entonces está de suerte porque para eso no necesita mucho tiempo ni habilidades especiales. Pero el lector desea algo más, algo que sea fácil de compartir y que lo haga parecer inteligente por compartirlo. Si fuera una tabla aburrida, ¿cree que sólo por casualidad van a pulsar el botón de Tweet? No lo creo.

Dicho esto, usted no tiene que agujerear su bolsillo para crear infografí­as. Hay servicios gratuitos que le permiten crear buenas infografí­as haciéndolas usted mismo, como Visual.lyEasel.ly .

5. Use la teorí­a del color

El color es uno de los aspectos más importantes. El cerebro humano procesa el color casi instantáneamente en 250 milisegundos, así­ que usted querrá asegurarse de que su paleta de colores es atractiva para mantener a los lectores enganchados.

La regla general para el diseño de una infografí­a es el uso de un color claro (¡pero no blanco!) como fondo, manteniéndose lejos de los tonos oscuros y de neón. Según la revista Smashing, lo mejor es utilizar los tres colores primarios, con el más claro como fondo y los dos más oscuros para separar las secciones.

6. Pida una opinión

Siempre es una buena idea mostrar su versión final a los demás antes de publicar la infografí­a en internet. Muestre su trabajo a varias personas y busque opiniones. ¿Son los colores muy difí­ciles de manejar? ¿Es la infografí­a apta para ser compartida? ¿Es interesante? ¿Atractiva?

Una vez recibidas las respuestas, analice los resultados y aplique los cambios.

7. Hágala fácil de compartir

Recuerde: Crear una buena infografí­a y que ésta se haga viral son dos cosas completamente diferentes. Busque expertos en su campo de interés y pí­dales su opinión e ideas. Enví­ela a otros sitios que publican infografí­as por montón y compártala con otros bloggers. Alternativamente, usted puede escribir un post que acompañe a su infografí­a y enviarlos a los sitios que aceptan artí­culos como invitado. Requiere un esfuerzo, pero va a ser un tiempo bien empleado.

Al publicarla en su sitio, no olvide añadir el código de inserción junto con los botones de medios sociales que hacen que sea fácil de compartir. También puede escribir un comunicado de prensa y presentarlo en los sitios web gratuitos o pagos.

Aplique los consejos anteriores y ya está listo para hacer una gran infografí­a. ¡Háganos saber cómo le va con la primera!

Nuevos recursos para SEO en Google para Webmasters

Desde el blog de Google anuncian dos novedades dentro de su conocido sitio www.google.com/webmasters/tools.

Por un lado se han concentrado en dividir los informes relacionados con las búsquedas que acaban en nuestras páginas, mostrando los términos más buscados en nuestra versión móvil y los más buscados en la versión de escritorio. De esta forma es posible determinar, siempre y cuando nuestra versión móvil esté en un subdominio especí­fico (como m.nuestrositio.com, por ejemplo), qué palabras buscadas en google.com llegan a nuestro sitio web móvil o a la versión tradicional.

filtros de búsqueda para móviles

Es realmente interesante para los profesionales SEO, ya que el trabajo de posicionamiento de una web no siempre es el mismo cuando hablamos de una versión móvil.

En el mismo blog comentan la segunda modificación, también relacionada con los informes de búsquedas: los números no se redondean, de forma que 59.567 será 59.567, no 60.000, como era hasta ahora.

Esta alteración, que podéis ver en la captura inferior, será visible durante los próximos dí­as, ayudando así­ a conocer mejor los números relacionados con cuántas veces nuestras páginas aparecen en los resultados de Google y cuántas veces alguien hace click en ellas.

webmasters

Las herramientas para webmasters de Google se actualizan con bastante frecuencia, siempre pensando en aquéllos que apuestan por un buen posicionamiento siguiendo las buenas prácticas: apostar por contenido, velocidad de carga y adaptación a diferentes dispositivos.

30 años al dí­a – Lo que los internautas gastan esperando a que carguen las páginas web

Bueno.. en realidad son más, porque ese tiempo solo tiene en cuenta 400.000 sitios web.

Si sumamos el tiempo total de espera invertido por los internautas esperando a que carguen las páginas web, se obtienen 29,9 años cada dí­a. Ese es el número divulgado por pingdom en su resumen anual, resumen que llega en forma de infografí­a mostrando valores obtenidos a partir de los 400.000 sitios web que monitorea.

Es cierto que no todas las páginas del mundo están bajo el control de pingdom, aunque sí­ es un número suficientemente grande como para hacerse a la idea de la cantidad de tiempo que estamos al dí­a mirando a una pantalla en blanco mientras carga el contenido.

Los que estamos en la web desde la década de los noventa, cuando tení­amos que esperar minutos para ver una fotografí­a en Internet, puede parecer que la velocidad actual es extremadamente buena, pero no es cierto. La mayorí­a de los sitios no están optimizados para velocidades de conexión lentas o acceso ví­a teléfonos móviles, y eso es algo cada vez más importante si tenemos en cuenta que la paciencia del nuevo consumidor de contenidos es mucho menor que la de hace 10 o 20 años.

pingdom

Hace unos meses os presentamos una lista de herramientas que podemos utilizar para analizar la velocidad de carga de nuestro sitio. Entre ellas estaba pingdom, así­ como Google Analytics, aunque también mencionamos algunas más desconocidas, como GTMetrix, por ejemplo, una de mis preferidas.

Es importante estar atentos a los elementos responsables por ralentizar la carga de las páginas. A veces es un simple botón, otras veces es un script cuya importancia no es tan relevante, en otras ocasiones es una imagen que puede ser optimizada con aplicaciones como tinypng o compressnow, elementos que pueden ser ajustados en pocos minutos.

Es, sin duda, una buena meta para 2014: ampliemos la velocidad de carga de nuestros sitios.