Google sigue presentado herramientas para la web y esta vez Google Labs nos entrega una pensada en conocer cómo es visualizado un determinado sitio web de acuerdo a los tamaños de las ventanas de los navegadores de los usuarios. Esto aporta información vital, por ejemplo, para saber cómo distribuir los elementos en nuestra página web y cómo se visualiza la información sin hacer scroll en nuestro sitio.

Aquí un ejemplo de cómo se ve el sitio web de Mentalidad Web:

En el ejemplo que nos da Google, muestra un sitio de donaciones donde el botón para donar dinero, de acuerdo a esta herramienta, no puede ser visto por el 30% de los usuarios, quienes, sí o sí, deben hacer scroll.

Puedes ajustar la opacidad de la presentación, navegar normalmente por la página y es tan sencillo como tipear la URL que quieres revisar para acceder a esta fácil herramienta.

Si bien esta herramienta no tiene la acuciosidad o la certeza de un Eyetracking, sí permite usarla como un complemento de estrategias digitales que requieran de un sustento básico. Es sumamente sencilla de utilizar y la información que aporta vaya que nos puede servir a la hora de planificar.

Pocos saben que la velocidad del servidor es uno de los factores más importantes para el posicionamiento orgánico y de marketing. Y aunque pareciese ser solo un tema de de importancia para los usuarios de un portal web, el hecho es que los buscadores hace ya varios meses declararon la importancia de la velocidad de los servidores, sobre todo si estos nos posicionan en los primeros lugares de los resultados de búsqueda o de las campañas de marketing. Pero, cómo se puede medir efectivamente la velocidad del servidor? Bueno, aquí te contamos como hacerlo.

• En principio para poder realiza la medición debes tener instalada Firefox.
• Descarga Firebug para Firefox.
• Descarga la última versión de Google Page Speed.
• Carga la página principal del sitio que deseas medir.
• Abre el Firebug
• Busca la pestaña Page Speed
• Presiona el botón Analyze Performance
• En segundos, la herramienta te dirá qué tienes bien optimizado y a qué elementos debes prestarle atención en tu sitio.

Si aún tienes dudas sobre la importancia de contar con un buen servidor web, te dejamos un video de Google al respecto.

Muchos ya saben que el estándar html 4 tiene sus días contados. Pero cómo será el nuevo estandar html 5 y qué cambios conllevará para el desarrollo, el manejo de recursos gráficos e interacción con el usuario, son algunos de los aspectos que el equipo de Google Code ha decidido esclarecer en este video.

En cerca de 40 minutos de tutorial, Brad Neuberg del equipo de desarrollo de Google, comenta algunas de las nuevas técnicas que podrán ser utilizadas con el nuevo estandar html 5.

• HTML y SVG
• Video tag
• Header tag
• Nav tag
• Article tag
• progress tag
• meter tag
• Otros

La integración de las aplicaciones sociales, ha permitido que los sitios web dejen de ser islas con escasos contactos para que las interrelaciones entre los diversos elementos de contenido que publicamos estén accesibles desde distintos lugares. Me explico: ya nadie sube a su servidor un video si lo puede hacer a través de un canal en YouTube, que además de evitarle una sobrecarga en el servidor le ayuda a la viralización de su contenido multimedia. Lo mismo aplica para aquellos que quieren difundir imágenes (Picassa, Flickr…), sus “estados” en Twitter, etc. En el caso del audio, tenemos también múltiples opciones, como las que mencionábamos en la presentación “94 aplicaciones de la Web 2.0” como Last.fm, Jamendo, Playlist, Lala, Podcaster, Odeo, Ivoox…
Pero si lo que queremos es poner un solo archivo de audio que hemos generado nosotros mismos o bien una pista de audio que tenemos en nuestro PC y queremos subirlo como un track en una entrada del blog, podemos optar por las siguientes alternativas:

Podomatic: Bajo sistema de registro y, para que quede bien el embed code, hay que quitarle los primeros divs que generan una imagen con el logo de podomatic demasiado grande. Ofrecen un almacenamiento de 500 MB y una transferencia de 15 GB de archivos de forma gratuita. La creación de podcast y su posterior inclusión en el blog no es de lo más usuable pero funciona.

Clickcaster: También funciona bajo sistema de registro. No tiene un player demasiado atractivo pero funciona bien. Te dan 150 MB de almacenamiento y la posibilidad de crear tanto canales como podcasts independientes.

Audiopal: No almacena los podcast, ni tampoco es necesario registrarse. Basta con realizar una grabación por teléfono, a través del teclado (indicando idioma y tipo de voz), un speech por el micrófono o subir un archivo desde el computador, indicar una dirección de correo y voilà te dan un enlace para incluir el player en su sitio web.

Ahora que han instalado nuevas funcionalidades en Google Docs como la búsqueda avanzada de a través de usuarios con los que compartimos un documento, aprovechamos para sacar a relucir alguna de las ventajas que presenta una de las aplicaciones del pack G. Docs, los formularios. Además de ofrecernos la posibilidad de crear formularios y encuestas online:

• Podemos enviar los formularios por correo electrónico o publicarlos en una URL para que los usuarios los respondan.
• Estos usuarios no necesitarán estar registrados en Google Docs, ni tampoco tenemos que compartir el documento original con ellos, por lo que no hay peligro de que modifiquen datos que no deberían. Una vez introducidos los datos estos se añadirán a la hoja de cálculo donde, posteriormente, podremos tratarlos nosotros.
• Google Docs incorpora la posibilidad de convertir estos formularios en gadgets para tu página web.

Otra de las ventajas es que una vez creado y respondido el formulario, los resultados se traducen directamente a gráficos.

En el ámbito educativo, podemos utilizarlos tanto para realizar test de diagnóstico, como ejercicios de clase o exámenes, ya que podemos incluir campos obligatorios (ej: el nombre), así como establecer distintos tipos de preguntas: abiertas (campo de texto o párrafo para las más amplias), y cerradas (tipo test, de elección múltiple y escala).

Tipos de preguntas que podemos hacer:

• Texto: respuesta breve de tipo abierto.
• Texto con párrafo: respuesta larga de tipo abierto.
• Tipo test: respuesta de selección múltiple donde puedo elegir 1 opción entre varias.
• Casillas de verificación: respuestas de selección múltiple donde puedo elegir varias opciones.
• Elegir de una lista: respuesta de selección múltiple donde puedo elegir 1 opción entre varias de un menú desplegable de opciones.
• Escala: elección única entre una escala de valores asignados.

Dejo aquí un ejemplo para mis alumnos de la UDP, a modo de prueba de diagnóstico, que tienen que realizar mañana. ¡Suerte, chicos!

Calaméo es una aplicación de la Web 2.0 que permite crear publicaciones online interactivas, como revistas digitales, folletos, presentaciones… Resulta ideal para el trabajo de revistas de escuela o cuentos creados digitalmente por los alumnos. Con esta aplicación podemos trabajar desde edades tempranas. También resulta un formato muy elegante para entregar publicaciones realizadas en la universidad o para mostrar un proyecto.

Al igual que en Slideshare existe una comunidad de publicaciones a las cuales podemos acceder de forma abierta, y cuando estamos suscritos también podemos descargarlas en su formato original.

El sistema de publicación es muy sencillo. Una vez activada la creación del usuario:

• Se selecciona directamente desde el computador un archivo de hasta 100 MB con la publicación que queremos obtener.
• Se le coloca un título.
• Se elige el formato, la categoría y el idioma, y estamos listos para subir la publicación.
• También podemos incorporar otras funcionalidades como una descripción, opciones de comentarios y tipo de licencia de publicación, entre otras.
• En unos segundos, estamos listos para ver y compartir nuestra publicación online.

Cuando tenemos arriba nuestra publicación digital con Calaméo, podemos actualizar el índice para favorecer a los usuarios un acceso rápido a nuestro contenido.

Las etiquetas o tags se autogeneran de forma automática según las keywords principales de la publicación, pero también podemos editarlas y crear las que nos parezcan más pertinentes.

Actualmente Calaméo reconoce muchos formatos de archivos que podemos subir a la plataforma para tenerlos como una publicación digital. Estos son:

• Word (doc, docx y rft)
• Open office impress (odp, otp, sxi, sti)
• Open office calc (ods, ots, sxc, stc)
• Open office writer (odt, ott, sxw, stw)
• Adobe pdf
• Power point (ppt, pps, pptx)
• Bloc de notas (txt)
• Excel (xls, xslx)

Para los perfeccionistas podemos incluir una imagen de fondo para la publicación, música de fondo o un sonido especificado por nosotros mismos al pasar las páginas

Otra de las ventajas de Calaméo es que se puede insertar en el blog, a través del “embed code” y permite la inserción de videos.

También existen versiones de pago para poder añadir análisis de tráfico de visitas, ediciones avanzadas, Apis de desarrollo, múltiples usuarios, etc.

Algunos ejemplos de publicaciones educativas interesantes realizadas con Calaméo:

• Revista de l’Escola
• Tutorial de Wik.is
• Cómo hacer y manejar marionetas
• Recursos de la web 2.0
• 200 ideas para pintar y dibujar

En medio del boom de Twitter, donde millones de personas en todo el mundo lo utilizan de forma continua, para comunicarse con sus pares, saber sobre la vida de los famosos y como el medio de comunicación más rápido del mundo, la respuesta oficial para adentrarse en el mundo de los negocios no se ha hecho esperar. Se acaba de lanzar “Twitter 101 for Business – A special Guide”, un minisite donde explican, por fin, para aquellos que todavía no sabían qué poner en 140 caracteres, cómo utilizar la red social de microblogging para mejorar los procesos de comunicación que puedan incrementar tu negocio. Un ejemplo bien conocido por todos es el del outlet de Dell, que cuenta con cerca de 1 millón de seguidores, gracias a que la compañía no sólo ofrece cupones de descuentos especiales a través de Tiwtter sino que además se hace cargo de dar respuesta a sus consumidores. En la guía oficial se ofrecen además del ejemplo de Dell, estudios de caso como Pepsi, American Apparel, JetBlue, entre otros. Finalmente, hay una serie de recursos externos para que no podamos repetir la típica pregunta de los que nunca estuvieron en Twitter “¿y eso para qué sirve?”

Recursos online – Twitter para los negocios

• 50 Ideas on Using Twitter for Business – Chris Brogan
• e-book Begginer’s Guide to using Twitter for Business, de John Jantsch
• Usando Twitter para los negocios (traducción del libro de John Jantsch)
• e-book The Twitter Book, de Tim O’Reilly y Sarah Milstein
• CNN Money – “5 Twitter tips for your company”

Con 250 millones de usuarios registrados, Facebook es una una de las redes sociales con más actividad entre los usuarios y, en consecuencia, una excelente oportunidad para promocionar productos y servicios de empresas.

Contar con una página pública se ha convertido en los últimos meses en una necesidad de primera línea para los encargados de marketing de la empresas, sin embargo, muchas veces el desconocimiento o la falta de creatividad redunda en páginas poco atractivas o con escasa mantención; en consecuencia, terminan generando el efecto contrario en los consumidores.

Para que no le pase eso a tu marca, producto o servicio, te damos un par de tips para que puedas configurar correctamente una sección de “servicios” para tu página en Facebook:

• Comienza planificando y diseñando la página de servicios que pondrás al aire.
• Diseñar tu página en un programa de edición HTML como Dreamweaver, por ejemplo. Te recomendamos no exceder los 710 px de ancho.
• Sube cada una de las imágenes a tu servidor.
• Llama cada recurso gráfico a través de URL absolutas. Ahhh, las rutas hacia los enlaces de tu sitio también deben tener la URL absoluta, no lo olvides.
• Una vez hayas terminado de montar tu HTML con los recursos gráficos y los vínculos, ve al área de aplicaciones y activa la aplicación FBML que te permitirá ingresar código HTML.
• Ve al modo de Edición de Páginas en Facebook, identifica “Servicios FBML” y presiona “Editar”
• Reemplaza el título de la caja por uno conveniente para tus objetivos.
• Pega el código HTML generado en el programa de edición.
• Guarda y ya está…
• Ahora se ha agregado una pestaña en tu página con el contenido HTML ingresado en el módulo FBML.
• Si quieres seguir mejorando tu página pública en Facebook agrega Eventos, fotos, fuentes RSS y configura correctamente cada servicio.

¿Sabes dónde buscar sobre temas de posicionamiento web? Desde ahora ya no tienes que andar buceando la web en busca de artículos de calidad. Con nuestro buscador, podrás acceder a los mejores artículos sobre posicionamiento orgánico y de marketing de los mejores sitios sobre el área. La aplicación, desarrollada con Google Custom Search Engine, actualmente busca en más de 30 sitios especializados en Inglés y Español, por lo que si deseas dirigir mejor tus búsquedas puedes consultar en ambos idiomas.

Algunos de los sitios seleccionados en nuestro buscador destacan:

• http://google.dirson.com/
• http://adwords.blogspot.com/
• http://adwords-es.blogspot.com/
• http://blog.searchenginewatch.com/
• http://searchengineland.com/
• http://palatnikfactor.com/
• http://www.mattcutts.com/blog/
• http://www.semclubhouse.com/
• http://www.imbroadcast.com/
• http://googlesystem.blogspot.com/
• http://googlesystem.blogspot.com/
• http://www.neo1seo.com/
• http://dailyseotip.com/
• http://es.searchengineland.com/
• http://news.cnet.com/webware/
• http://www.seomoz.org/blog/
• http://googlewebmaster-es.blogspot.com/
• http://www.seroundtable.com/
• http://www.morevisibility.com/
• http://googlewebmastercentral.blogspot.com/
• http://www.seoprofesional.com/
• http://www.searchenginejournal.com/

Si deseas ayudarnos a mejorar el buscador, envíanos un correo a contacto@mentalidadweb.com indicándonos qué otros sitios consideras importante que estén en este buscador.

Desde que iniciamos Mentalidad Web que hemos aprovechado todas las ventajas de la web 2.0 para emprender nuestro proyecto como agencia de comunicación y marketing online.

Dos de ellas han sido las piedras angulares de nuestra estrategia: Google Apps como suite de herramientas para la gestión de correos y agenda, entre otros; y Netvibes, como potente herramienta para la gestión de información, tareas, lectura de múltiples casillas de correo, sindicación a ofertas públicas, artículos de interés, alertas de correo y mucho, pero mucho más…

Es realmente increíble toda la ayuda en gestión que ambas herramientas presentan para nuestros objetivos, por ello, no podemos dejar de mostrarle lo que internamente llamamos nuestra otra web o la página pública de Mentalidad Web en Netvibes.

Si bien como sistema de información obviamente no es un sitio web tradicional, como plataforma colaborativa y de gestión es capaz de reunir las mejores aplicaciones de la web 2.0 en un solo lugar, lo que supone ahorro de tiempo importante en gestión y encontrabilidad de la información interna y externa; por mencionar solo algunas de la ventajas que nos ha entregado.

Nuestra experiencia con Netvibes va más allá de ser simples usuarios del sistema, de hecho, nuestro primer acercamiento con la herramienta fue en 2007 cuando comenzamos a desarrollar el Escritorio Virtual de la UNAB publicado en 2008. Como resultado, la UNAB fue la primera Universidad en América y la tercera en el mundo en disponer para sus alumnos y docentes de una herramienta ciento por ciento 2.0.

Para quienes aún no conocen Netvibes los invitamos a  probar y aprovechar las ventajas de la herramienta, la que a nuestro criterio es una de las mejores aplicaciones de la web 2.0.