Ahora es posible conocer el protocolo usado en cada momento por Google Chrome para acceder a cada recurso a través de la herramienta para desarrolladores DevTools, aunque eso sí, esta posibilidad está disponible por el momento para Google Chrome Canary, tal y como informa Ilya Grigorik a través de su cuenta en Google+. Todo lo que hay que hacer es dirigirse a la pestaña de red, presionar el botón derecho del ratón y seleccionar desde el desplegable la opción de Protocolo.
Como es sabido, esta posibilidad llegará más adelante a la versión beta de Chrome hasta desembocar finalmente en la versión estable, aunque para ello habrá que esperar el tiempo necesario para que estos pasos se produzca, de manera que aquellos que usen la versión beta, deberán esperar un tiempo, mientras que quienes usen la versión estable, deberán esperar mucho más para poder acceder a la misma.
De este modo, los desarrolladores ya podrán conocer en todo momento los protocolos empleados por Chrome para acceder a cada recurso perteneciente a cada sitio web que estén visitando en cualquier ocasión, incluso sus mismos sitios web en desarrollando, viendo la lista de recursos pertenecientes al sitio web junto con otros datos de relevancia.
Una importante novedad llega en la más reciente actualización de Chrome Beta para Android, la versión beta del navegador de Google disponible para su instalación alternativa desde la Play Store siendo diferente al Chrome que viene por defecto en los móviles Android. La nueva opción llamada «Modo de lectura» llega para hacer más sencilla la lectura de páginas web modificando los formatos de tipografías y eliminando con un par de toques anuncios, botones y otro contenido multimedia que en ocasiones puede incomodar la experiencia al navegar en la red.
En equipos de escritorio no es complicado instalar una aplicación como Readability que modifica rápidamente los formatos de un sitio web visitado para permitir una más cómoda visualización e incluso para almacenarlos para su posterior lectura. Para el caso de los móviles, Safari para iOS ya ofrece una opción para una «limpieza» similar y en Android tenemos aplicaciones especializadas que tratan de conseguirla.
Pues bien, ahora en Android no hará falta recurrir a terceros pues con solo ir al menú principal de Chrome, el cual se despliega con solo pulsar el botón de los tres puntos verticales en la parte superior derecha, y luego elegir «Modo de lectura» -justo abajo de la opción «solicitar versión de escritorio»- se ejecutarán las tareas pertinentes de optimización. Un formato de fondo blanco será el predeterminado pero se puede modificar la apariencia repitiendo el proceso ya no pulsando en «Modo de lectura» sino en la opción «Apariencia» que le reemplazará dentro del menú desplegable.
Al seleccionarla, una pequeña ventana emergente aparecerá para configurar en instantes el fondo del sitio web (negro, blanco, sepia), la tipografía (Sans Serif, Serif, Monospace) y el tamaño de letra (desde 50 hasta 200%). Y eso es todo, una excelente y muy útil característica para combatir la sobrecarga de algunos sitios web que aún con contenido de alta calidad como es el caso del de algunos medios prestigiosos internacionales, suelen consumirse mejor desde estilos optimizados de forma artificial que desde los permitidos por su diseño original.
Micrositios, historias en fotos, revistas online, folletos web.. si necesitáis hacer un pequeño y elegante sitio para mostrar información sobre un evento, un producto, un servicio, un libro, un disco o cualquier otra necesitad que requiera presencia web, readymag.com os puede ayudar.
Se trata de una solución que ayuda a construir sitios web sin necesidad de programar, seleccionando plantillas, eligiendo números de páginas de nuestra revista digital, alterando formato, incluyendo widgets, poniendo colores y textos, definiendo columnas, subiendo fotos… publicaron hace un mes un vídeo (lo dejamos abajo) donde muestran en cinco minutos algunas de las posibilidades que ofrece, siempre con un plan gratuito que permite la creación de un sitio web con hasta 10 páginas.
De entre las docenas de plantillas que tienen disponibles (trabajan con varios diseñadores para ampliar esa colección) podemos elegir una para empezar a editarla, con varios componentes en la parte inferior que usaremos para personalizar la página creada con elementos informativos de todo tipo.
La versión premium permite la personalización del dominio, inclusión de estadísticas, creación de revistas privadas, exportación para pdf y otros recursos disponibles a partir de 9 dólares al mes.
Una de las características que usábamos algunos de los usuarios de Google Reader que disponemos de nuestros espacios web es la inclusión de un widget mediante HTML, el cual ofrecía enlaces a los contenidos más recientes que llegaban a la carpeta a la que pertenecía.
A pesar de no ser una novedad, los clips HTML de Inoreader es una de las características menos conocidas del servicio, siendo por ello por lo que desde el equipo de Inoreader nos han recordado a través de una publicación que dicha característica existe, y que los usuarios podemos hacer uso de ella para integrarla dentro de nuestros espacios web, aunque eso sí, los clips HTML personalizables están disponible sólo para usuarios de las versiones Plus y Pro, mientras que los usuarios de cuentas gratuitas también pueden hacer uso de la misma, aunque limitada al uso de la plantilla predeterminada, la cual no permite personalizar valores como el ancho de página o el tamaño de la letra, entre otros aspectos.
Inoreader nos indica que para obtener un clip HTML, tenemos que irnos a Preferencias, y luego a Carpetas y Etiquetas, activando la exportación para aquella carpeta personalizada o especial de la cual pretendemos obtener el código HTML para integrar el clip en nuestra web.
Como carpeta especial se encuentra los favoritos, la carpeta de nuestro propio canal (Inoreader dispone de su faceta social para compartir contenidos entre usuarios a modo de red social basado en los contenidos) o la carpeta de todos los artículos.
Una vez activada la exportación en la carpeta deseada, de entre las nuevas opciones que nos aparecerá, está Clip HTML, que al presionar en el mismo enlace, nos abre una nueva ventana emergente que, entre otros aspectos, nos ofrece el iframe que integraremos en nuestro sitio web.
Inoreader también nos recuerda que podemos aprovechar el poder de las reglas para etiquetar automáticamente artículos basados en palabras clave u otros aspectos, siendo esto útil si decimos que el clip HTML esté basado en una palabra clave determinada para mostrar los contenidos.
Muchas veces, cuando pensamos en crear un sitio web, tenemos en mente una webapp, un portfolio o un sitio web completo en el que añadir con cuidado la información y crear una buena interacción, pero para todos aquellos que busquen simplemente crear un sitio web rápido y responsivo en cuestión de minutos disponemos de una opción rápida y gratuita.
Su nombre es Appsites y nos permite crear una página Home en cuestión de minutos, para que podamos contar con una buena presencia de la app en la web. La página estará en todo momento controlada por nosotros (no se publicará nada que no controlemos o no podamos editar) y lista para ser visualizada desde móvil y tableta.
Los diseños de dichos sitios web, algo en lo que todos pensamos, podrán ser elegidos a partir de una galería de plantillas de la que podemos partir. Dichas plantillas han sido desarrolladas por profesionales de la industria que han sido contratados por Appsites para realizar el catálogo. En caso de que queramos personalizar y editar algo no necesitaremos tocar ni una línea de código, ya que AppSites cuenta con un fantástico editor muy fácil de utilizar.
Publicar los sitios web que queramos será gratuito, siempre que aceptemos un dominio en appsites.com. Si queremos publicar el sitio en un dominio personalizado nos costará 9 al mes. Podéis probar el servicio introduciendo el enlace de vuestra app publicada en iTunes o GooglePlay aquí.
La plataforma para la realización de pruebas de usuario en sitios web y aplicaciones móviles UserTesting ha sacado fuera de la beta hace unos días a la versión básica de su servicio, Peek, cuyo uso es completamente gratuito, dirigido a aquellas personas y empresas de diferentes tamaños que no cuentan con los recursos suficientes para usar los servicios que viene ofreciendo la propia compañía, beneficiando tanto a desarrolladores, diseñadores y publicistas con el hecho de facilitarles una vía por las que personas reales hacen uso de sus sitios web, aplicaciones móviles o sitios web móviles.
Los interesados pueden pedir que sus sitios web o aplicaciones móviles sean probadas, de manera que UserTesting escogerá personas al azar para que puedan pasar cinco minutos probándolos, describiendo en voz alta aquellos aspectos que vaya encontrando y grabándose todo lo que ocurre en pantalla, de manera que dentro de un a hora, dichos interesados obtendrán los resultados y podrán ver los vídeos generados en las pruebas.
La propia compañía señala que Peek no es UserTesting, es una muestra de UserTesting, y hace una comparativa de las características de ambas, en la que se puede observar las limitaciones de Peek respecto a UserTesting.
UserTesting señala que ahora que Peek ha dejado de ser beta, no pueden esperar a ver cuántas más compañías y personas se enfrentan a las pruebas de usuario por primera vez, estando abiertos a recibir comentarios de lo que piensas los usuarios de este nuevo servicio.
Nowtalk es una opción fácil, gratuita y multiplataforma para todos aquellos que quieran integrar un chat múltiple en su sitio web.
En este caso, dicha herramienta supone una opción ideal si lo que queremos es una solución que se adapte a dispositivos móviles además de a sitios web, y no sólo permita chatear a varios usuarios de forma simultánea sino también permitir chats privados.
Para empezar a utilizar el servicio podremos crear una cuenta en el mismo Nowtalk además de poder registrarnos con Facebook, Twitter, Google+ o LinkedIn – sólo se utilizará la cuenta para el registro y Nowtalk no nos publicará nada sin permiso.
El chat viene incorporado con actualizaciones de estado (Activo, ausente, desconectado), información de actividad (detalles sobre si está escribiendo en ese momento) e información general sobre usuarios conectados. En cuanto a la ventana de chat en sí, ésta podrá ajustarse como deseemos – podremos minimizarla, redimensionarla y colocarla como pop-out en una nueva ventana.
Algo que me ha llamado la atención es que en Nowtalk podemos realizar un test que inmediatamente nos dirá cómo queda nuestro sitio web con el chat integrado, cosa que ayuda a que nos hagamos una idea de cómo será la nueva interfaz.
Porque sin tráfico, su sitio web no cumple con su cometido.
Digamos que usted es un profesor de biología a quien también le encanta la tecnología. Usted está probando algunas herramientas nuevas online en clase y nota un aumento en el rendimiento de los estudiantes cuando combina la clase con estas herramientas.
Así que inicia un blog sólo para grabar y compartir sus emocionantes descubrimientos. Usted comenta sobre las toneladas de herramientas gratuitas que ha usado. Sin usted saberlo, este pequeño blog comienza a atraer lentamente un tráfico de 10.000 visitantes distintos por día. Pronto comienza a recibir “gracias” por correo electrónico, de otros profesores que buscan este tipo de recursos en línea.
También empieza a escuchar a otros desarrolladores de aplicaciones que le piden que pruebe sus aplicaciones pagas, de forma gratuita. Imagínese lo que eso podría significar para usted. Usted podría comenzar un servicio de testeo de aplicaciones patrocinado. Usted puede tomar su blog y venderlo como un informe a sus suscriptores. Incluso podría escribir un libro electrónico sobre cómo utilizar las 5 mejores herramientas en el mercado. O conseguir comisiones a través de enlaces de afiliados de una aplicación.
Las opciones son ilimitadas.
Ahora ¿qué pasaría si pudiera impulsar este tráfico a 20.000 visitantes por día, transformándolo en un recurso de autoridad para profesores de biología que buscan aplicaciones y software para utilizar en clase?
¡Eso sería increíble! Después de todo, su objetivo con el blog fue siempre que sus hallazgos fueran útiles. Cuanto más, mejor. La buena noticia es que usted no tiene que gastar una fortuna para hacerlo, además. He aquí cómo:
5 formas de incrementar el tráfico a su sitio web
1. Utilice infografías
Las infografías le permiten desmitificar los datos complejos y presentarlos en un formato fácil de entender y de asimilar.
Después de todo, los seres humanos están cableados para el procesamiento y el aprendizaje visual ¿Sabía usted que el 90% de los datos del mundo se ha creado en los últimos dos años?
Estos datos comprenden todo: los cambios estacionales, el uso de los medios de comunicación social, estadísticas deportivas, los patrones de compra en línea de todo el mundo, los días de enfermedad de los empleados, anuncios virales…, para nombrar unos pocos.
¡Acceda a las infografías para salvar el día! Las infografías no son una tecnología nueva. Google Insights muestra que la palabra ha sido buscada durante años, desde 2004. Aquí hay una creada en Visme que muestra los pasos para crear una infografía:
La mejor parte es que una infografía permite ver los datos de forma práctica y fácil. Y sí, usted no tiene que gastar nada para crear una con Visme.
2. Utilice imágenes
Trate de recordar una serie de 12 números. Es difícil de memorizar, ¿no es así? Trate de hacerlo con una ayuda mnemotécnica visual, y de repente no tiene problemas de memoria.
Las imágenes hablan con sus lectores individuales y cuentan una historia.
Las fotos generan 53% más “Me gusta” en su Facebook. Los canales como Google+ están conduciendo más tráfico de clientes a sitios web debido al impacto visual.
Y lo que es más, ¡sus artículos con imágenes tendrán un 94% más vistas que los que no tienen ninguna imagen! En la búsqueda local, la gente es 60% más propensa a comprarle a usted si aparece una imagen en el anuncio. He aquí una prueba más en forma de infografía.
Para ver la infografía en tamaño completo pulse aquí
También puede agregar citas sobre sus imágenes para lograr un efecto agregado. Quozio es un buen lugar para empezar a crear imágenes con superposiciones de texto y si quiere más control, puede utilizar Visme.
Una precaución: por todos los medios, manténgase alejado de las «fotos estándar» y antiguas con hombres de traje dándose la mano. O peor aún, la del típico jefe gritando a sus empleados con un megáfono ¿cuál es exactamente el punto de una foto así?
Convengamos que las fotografías estándar no motivarán una conversación -y algunas de ellas son horribles- ¡dígales adiós! Sin embargo, no todas las fotos de stock son malas. Las fotos de personas reales hacen un mejor trabajo transmitiendo significado:
HubSpot está regalando una colección de interesantes fotografías -incluyendo la anterior de la chica con gafas- de archivo de forma gratuita. Puede conseguirlas este listado. Éstas son algunas de ellas en el tema negocios.
3. Utilice fuertes llamados a la acción
Si usted está manejando un negocio en línea, la forma más segura y más rápida de aumentar las ventas es mediante el aumento de su tasa de conversión.
Una conversión ocurre cuando un visitante hace lo que usted quiere que haga en primer lugar. En el caso de nuestro profesor de biología, una acción deseada podría ser inscribirse a la lista de correo electrónico.
Para que estas acciones sucedan, es su labor facilitarles el trabajo tanto como pueda. Piense en ello como migas de pan: usted quiere marcar literalmente el camino correcto para que la gente «haga clic», «compre» o «se suscriba». Usted puede hacerlo con los botones de llamada a la acción (Call-To-Action) y con las imágenes ¿Puede adivinar la llamada a la acción deseada en nuestra página principal?
En la página de inicio, queremos que los nuevos visitantes hagan clic en el botón «Start Creating» (Comenzar a crear). No es casualidad que el color verde del botón se destaque -es deliberado porque queremos que el botón grite «¡Hey, por aquí!».
Usted quiere hacer lo mismo con sus botones de CTA. Vea aquí otro ejemplo. El botón CTA usa un claro enfoque hacia el beneficio: «Vea cómo Bob puede entrenar virtualmente a su equipo».
Cree sus nuevos CTA en forma gratuita ahora con Visme.
4. Crear contenido de valor masivo
Atrás han quedado los días en que «el contenido era el rey». Con millones de sitios web en línea, el buen contenido es el rey.
Construir y comprometer a una comunidad de seguidores para su negocio en línea requiere tiempo. El marketing de contenidos es una gran manera de acortar la distancia entre los dos. Con la comercialización de contenidos, usted crea entradas de blog estelares, escribe artículos como invitado en otros blogs influyentes y premia a sus lectores con contenido de valor masivo.
En primer lugar, sepa lo que está buscando. Encuentre su historia y su tono. Luego entienda lo que quieren sus lectores. Y deles eso:
• Escriba mensajes de lista útiles (como éste). • Dé un seminario en línea sobre su tema central (utilice Google Hangouts de forma gratuita). • Escriba un libro electrónico y regáleselo a su público. • Haga algo épico.
Cree algo genial y luego envíelo.
5. Utilice los colores correctos
Usted ya lo ha escuchado antes. Los colores participan en la atracción de los lectores a su blog.
Es por eso que se les da tanta importancia a los colores al hacer diseños. Aunque eso es cierto, no es la verdad.
Al considerar los colores, no se olvide de dónde se van a utilizar, es decir, el contexto. Un color que se ve bien para su competidor no necesariamente va a ser lo mismo para usted. Sus colores tienen que agrupar todo y presentarlo como un gran paquete que es inmediatamente agradable.
¿Suena como una tarea difícil? ¿Sería complicar aún más la cosa si le dijera que la elección del color también depende de la visión de la persona, sus antecedentes, su cultura, su género y más? Así, amarillo no significa siempre feliz y azul no significa necesariamente transmitir confianza.
Por ejemplo, el rojo podría significar valentía, pero a la hora de diseñar un formulario de registro, el rojo significa fracaso. El verde puede significar crecimiento en un contexto, pero significa éxito en el mismo formulario. Vea aquí un ejemplo de la página de registro de Twitter, donde el rojo significa éxito y el verde significa fracaso:
Como Twitter está utilizando los colores adecuados asociados en este contexto, le ahorra tiempo a la gente y esto se refleja positivamente en su aplicación.
La única manera de saber si usted está usando los colores «correctos» es haciendo pruebas A/B constantemente en su sitio web.
Su Turno
Por supuesto, hay muchas más maneras de aumentar el tráfico a su sitio web, y voy a hablar de ellas en futuros posts. Estoy curioso por saber de qué maneras ha intentado y qué ha funcionado mejor para usted. Déjemelo saber en los comentarios. ___ Artículo escrito por la gente de Visme para Wwwhatsnew
Tradicionalmente, lo que buscamos en un servicio de analíticas son números exactos que nos indiquen las visitas que tiene nuestro sitio web, de dónde provienen los clicks o que nos digan cuáles han sido las secciones más visitadas. Pero Calq no es un sitio web de analíticas tradicional: éste, en vez de darnos la información en forma de visitas y números, nos medirá acciones del usuario como pueden ser leer información de un producto, jugar un nivel en un juego o realizar una compra online en nuestro sitio web.
Calq nos permitirá analizar datos tanto en aplicaciones web como en apps móviles, y podremos elegir visualizarlos del modo que encontremos más óptimo: tanto en un período de años por si lo queremos es hacer una revisión general o en intervalos de días y semanas si queremos analizar la información más en detalle – incluyendo la inclusión de datos en tiempo real.
En cuanto a los análisis de datos que queramos poner en práctica, no necesitaremos de ningún conocimiento técnico para navegar entre los datos analizados ya que la misma interfaz de Calq nos permitirá hacer preguntas con filtros avanzados de forma simple. La herramienta también incluye un tipo de análisis llamado «funnel» que mide el modo en el que los usuarios navegan a través de nuestro sitio y descubre dónde se quedan encallados en lo que podría ser, por ejemplo, un proceso de compra.
De momento algunas compañías de videojuegos para móvil están utilizando Calq para extraer información como la progresión del jugador a través del juego, la dificultad en la que juegan o las complicaciones con las que se encuentran para poder optimizar el diseño en base a dicha información.
Filament.io es una plataforma con diversas aplicaciones y widgets insertables, disponibles para que a todo el mundo le sea mucho más fácil integrar diferentes elementos en su sitio web o app sin necesidad de programar.
Para utilizar las ventajas de Filament podremos empezar a añadir aplicaciones directamente, o bien añadir un fragmento de código en Java en nuestra aplicación en caso de que queramos configurar más opciones, pero en este caso será el único código que veremos. Cuando toque añadir las aplicaciones correspondientes, veremos en todo momento una previsualización de nuestra aplicación para que podamos decidir de qué forma se despliega la información.
Actualmente pueden instalarse seis aplicaciones: Flare, Passport, Mailchimp, Ivy, CodeDrop y Google Analytics – en la página podéis también descubrir lo que aporta cada app. Y también preparan añadir unas cuantas más próximamente – en caso de que nos interese podemos acceder a la lista de futuras implementaciones desde la misma web de Filament.
Obviamente los cambios no se verán directamente desde nuestro sitio web, podremos actualizar los datos a través de un botón «publish» que enviará los cambios a nuestra página. Para utilizar el servicio tendremos que registrar una cuenta, o bien acceder a Filament.io a través de nuestra cuenta de Facebook o Google.
