Creando páginas web

Tener una página web y mantenerla no siempre es fácil, información y consejos para los webmasters

Universal Analytics, la evolución de Google Analytics

por

Google Analytics, es el extendido servicio de métricas ofrecido por Google. Pero Google hace tiempo que está dando pasos para ir más allá, y la evolución de este servicio es Universal Analytics. Un servicio ampliado, cuya beta está abierta desde hace algún tiempo y que se amplió recientemente. Este servicio permitirá profundizar en como los clientes interactuan con la web a través de diferentes dispositivos, se profundiza en el análisis del ROI, también se ha trabajando en dar mejor soporte para apps móviles y se reduce la demanda en el lado cliente reduciendo así la latencia a la hora de recopilar datos.

App o sitio web móvil, los usuarios parecen decantarse por la primera opción

por

Hace algún tiempo comentabamos en una entrada las ventajas e inconvenientes del desarrollo de una app o un sitio web móvil, donde el debate podría entornarse en uno u otro sentido según las necesidades y características de cada proyecto concreto. Pero si ahora nos centramos en el otro lado, es decir en lo que prefieren los usuarios en lugar de lo que supone a nivel de desarrollador, la cosa no parece estar tan equilibrada. Y es que algunos estudios revelan que un 85% de los usuarios se decantarían por una App antes que por un sitio web Móvil.

¿Y que es lo que se esconde detrás de esa situación? Pues bien, según el estudio un 55% de los usuarios creen que las apps están orientadas a cumplir una función, así pues normalmente su necesidad se ve cubierta satisfactoriamente y de forma muy inmediata. La velocidad de utilización, que estaría por encima de lo que proporciona un sitio web móvil (limitado por la velocidad de la conexión a internet), sería un factor también importante hasta el punto que casi la mitad de los usuarios (un 48%) creen que tienen una experiencia de uso positiva. Y por último la facilidad de uso es para el 40% de los usuarios el factor clave que les invita a decantarse por las apps en lugar de por un sitio web móvil. Y es que creen que las primeras ofrecen un sistema más sencillo e intuitivo para navegar.

¿Así pues, esto nos debería llevar a pensar siempre en el desarrollo de una App? Realmente no, aunque seguramente en los casos en que la decisión en uno u otro sentido no esté del todo clara, debería pesar a la hora final, en otros casos no debería ser más que un aliciente para llevar el desarrollo a lo que de verdad necesita el usuario. Y es que aunque estemos realizando un sitio web adaptado a dispositivos móviles, no debemos pensar en el como si de una web convencional se trate, así pues siempre conviene emplear técnicas que nos permitan emular las interfaces propias de las app y la forma de estructurar los contenidos, así ganaremos puntos de cara al usuario si en nuestro caso es necesario el desarrollo de un sitio web móvil.

Optimizar imágenes PNG con TinyPng

por

El formato PNG ha ido ganando adeptos progresivamente en detrimento de GIF, hasta que hace unas pocas semanas superase a este último en su presencia en la web. El principal motivo, es que ha alcanzado un gran soporte, permite usar trasparencias y ofrece tasas de compresión mejores que GIF. PNG es un formato gráfico que esta basado en un algoritmo de compresión sin pérdida, pero aún así aún hay posibilidad de comprimir aún más las imágenes en este formato.

Al menos así lo demuestra el servicio TinyPNG (no disponible ya), este simple pero útil servicio con un panda como mascota, ofrece la posibilidad de comprimir los archivos en este formato hasta un 70% más. La verdad es que teniendo en cuenta la importancia que tiene el tiempo de carga de una página web (y más ahora que los dispositivos móviles hacen un uso cada vez mayor), el poder reducir el tamaño de las imágenes incluidas en la web, puede contribuir a mejorar la experiencia de usuario.

El uso del servicio es extremadamente sencillo, simplemente tenemos que arrastrar una imagen PNG en el espacio de la web reservada a tal efecto y la imagen se convertirá. Podemos arrastrar varios archivos, con un límite de 20 imágenes y donde cada una de ellas no supere en tamaño los 3MB.

CSS Matic, herramienta para ayudarte con las hojas de estilo

por

CSS Matic es una herramienta pensada para desarrolladores web que necesiten una pequeña ayuda con las hojas de estilo. Así pues en su sencilla pero útil página encontraremos un pequeño recopilatorio de herramientas que nos permiten generar el código css necesario para lograr diferentes efectos. Por ahora tienen incluidas cuatro herramientas, cada una de las cuales permite realizar una función: Gradientes, Cajas con Bordes Redondeados, Textura con ruido y Caja con sombras.

En la página encontraremos los controles necesarios para establecer los parámetros necesarios a la vez que se nos muestra una previsualización del resultado. Así una vez encontrado el resultado deseado, nos limitaremos a copiar el código generado e incluirlo en nuestro proyecto. Una útil herramienta a tener en cuenta.

Programar tus publicaciones en las redes sociales

por

Buffer es una útil y sencilla aplicación que nos facilita la labor de programación de las publicaciones que hacemos en nuestros perfiles de las redes sociales. Y es que las redes sociales a veces demandan mucha presencia, cosa que no es siempre posible, así pues a veces este tipo de aplicaciones es muy útil ya que nos permiten escribir todas las publicaciones que queramos en un momento en que tengamos tiempo para ello y luego la aplicación se encarga de ir publicando el contenido a lo largo del resto del día.

De esta forma, evitamos el saturar a nuestros seguidores de las redes sociales con un montón de publicaciones en un momento dado del día y repartimos el contenido de forma que no haya momentos del día en que no estemos presentes en las redes sociales. Sin duda, esto puede contribuir enormemente a mejorar nuestra presencia en las redes sociales y todo ello reduciendo en gran medida la necesidad de que estemos conectados en todo momento.

Para utilizar Buffer, necesitamos unicamente el navegador, ya que existe una extensión compatible con la mayoría de navegadores o podemos hacerlo empleando un App disponible tanto para iOs como Android. Así pues no hay excusa para no utilizar Buffer y así espaciar tus publicaciones, aún cuando no tengas tiempo para estar conectado y publicar en las redes sociales.

Cuando la etiqueta AUDIO no acaba de funcionar en todos los navegadores

por

HTML5 ha ido concretándose como el estandar que todos los navegadores implementan, aún así, a veces no todo es tan sencillo, porque cada navegador hace su propia implementación del estandar y eso a veces lleva a que los desarrolladores nos encontremos con algún que otro problemilla «extraño» que se origina por esa «interpretación» personal que hace cada navegador.

Un ejemplo lo podemos encontrar con la etiqueta AUDIO que nos permite añadir un archivo de música en nuestra página web. Pues bien, podríamos pensar que, puesto que esta etiqueta es estandar su uso será el mismo en todos los navegadores. De esta forma podríamos estar tentados a hacer uso por ejemplo de un archivo en formato mp3, que incrustaríamos con esta etiqueta y esto debería funcionar en todos los navegadores. Pues bien, no es así y todo porque cada navegador ha decidido optar por un formato de codecs de audio para esta etiqueta. Así pues mientras un archivo incrustado con la etiqueta AUDIO en formato OGG se reproduciría con normalidad en Firefox, Opera o Chrome, en Safari o IE9 necesitaríamos que el archivo incrustado esté en formato MP3. También tenemos como opción los archivos de Audio en formato ACC.

Por suerte la etiqueta AUDIO nos permite definir varias fuentes de audio para la etiqueta, de forma que según el navegador que utilice el visitante de la web, pueda seleccionar el archivo adecuado para la reproducción del archivo. Quedaría una estructura similar a como sigue a continuación:

<audio controls=»controls»>

<source src=»audio/archivo.mp3″ type=»audio/mpeg» preload=»»/>

<source src=»audio/archivo.ogg» type=»audio/ogg» preload=»»/>
<source src=»audio/archivo.m4a» type=»audio/ogg» preload=»»/>

</audio>

El formato PNG desplaza al Gif en la web

por

¿Quien no recuerda aquellos iconos animados que pululaban por la web hace unos cuantos años? Los que sabían un poco en esto de los formatos, sabían que los archivos Gifs permitían por un lado incluir transparencias en las imágenes y por otro realizar animaciones. Sin embargo, la web ha ido evolucionando, y otros formatos como el Flash y el PNG han logrado ir desplazando lentamente al formato Gif. Por su lado Flash es ahora el elegido cuando se trata de incluir animaciones, considerándose al formato Gif como la opción más anticuada. Por su parte, el formato PNG ofrece mejores tasas de compresión (algo muy importante a la hora de servir páginas web), una amplia compatibilidad de colores y mayores opciones de transparencias. De esta forma los archivos en formato Gif se han quedado a medio camino entre los dos formatos anteriormente citados, el Flash y el PNG, siendo estas las dos opciones que han ganado en presencia. De esta forma según los datos ofrecidos por W3Tech, el formato PNG habría logrado imponerse en el 62,4% de los sitios web por encima del 62,3% que congrega el formato GIF.

No estar en las redes sociales ¿una alternativa?

por

Seguramente todos conozcamos eso de «si cae un árbol en un bosque donde nadie lo escucha caer, ¿hace ruido o no?» Y la respuesta por muy evidente que pueda parecer, no se puede asegurar. Y lo mismo lo trasladamos a la web actual, a la web donde las redes sociales es lo que impera «Si no estamos en las redes sociales ¿no se habla de nuestra marca/empresa/web?» (tanto para bien como para mal).

La verdad es que por mucho que queramos, hoy en día es «casi obligado» tener presencia en las redes sociales, porque es mejor estar para poder canalizar cualquier tipo de conversación acerca de nuestra marca (tanto buena como negativa), que dejar que la red sea la que gobierne dicha conversación. Y es que si estamos presentes, seguramente tendremos la oportunidad de tener opción a gestionar nosotros directamente todos esos comentarios, porque es más probable que los usuarios elijan nuestras plataformas para la comunicación. Aquí entra luego, como actuemos, porque estar presentes no nos garantiza responder de la «mejor forma» posible, pero al menos tenemos esa oportunidad y seremos nosotros los que podamos demostrar la capacidad de actuar ante cualquier incidente.

Así pues, si aún no contáis con presencia en las redes sociales, no dejéis de plantearos vuestra estrategia en las redes sociales porque de ello puede depender en buena medida «la imagen» que transmitáis en esta época donde lo social está de moda. Elegir la plataforma adecuada (esto, es la red social que corresponda), será otro asunto, pero eso llegará otro día…

Google Analytics se renueva

por

google-analytics1Google cada cierto tiempo revisa sus distintos servicios y los actualiza para mantenerlos al día, y recientemente le ha tocado el turno a Google Analytics. Así pues tras esta actualización los usuarios tienen a su disposición una mayor cantidad de widgets así como opciones de diseño renovadas. De esta forma podrán añadir aplicaciones para mapas, dispositivos y gráficos de barras, personalizar el aspecto de los paneles y más opciones. También se ha realizado una mayor integración de los informes en tiempo real, de forma que ahora están disponibles de forma mucho más rápida y sencilla. También han realizado cambios en las búsquedas dentro del servicio, con la nueva opción llamada Better Search. Esta permitirá que a partir de ahora las búsquedas se realicen a través de todos los informes, accesos directos y panel de control. Finalmente, la última mejora a reseñar sería una actualización de la herramienta de comparación de datos por fechas, de forma que ahora está disponible la opción de seleccionar el año anterior en los análisis de evolución interanual y se ha incluido soporte nativo para exportar en formatos Excel XSLX y Google Docs.