El efecto mobile-friendly de Google en las búsqeudas

Todos los que nos dedicamos y amamos el marketing digital estamos al día en cuanto a los cambios que suceden en cualquiera de los canales que utilizamos para hacer nuestras campañas o que utilizamos para el cumplimiento de los objetivos de negocio.

Un canal de suma importancia es Organic Search (Búsqueda Orgánica) que cuando lo cruzamos con dispositivo Móvil es más interesante, y más hoy en día después de la última actualización de Google el pasado 21 de Abril del 2015 para Mobile-Friendly del cual comenté días atrás.

Si a lo anterior agregamos el Search Analytics Report de Webmaster Tools de Google obtenemos información específica del efecto que el más reciente update de Google ha tenido en nuestros sitios web. Tal como se muestra en el siguiente gráfico:

Impresiones y Posición Promedio antes y después de mobile-friendly Google update.

En el gráfico de arriba podemos notar una baja en la cantidad de impresiones que antes del update están alrededor de 60,000 impresiones y después del update oscilan entré las 40,000 impresiones por día. Aún y cuando la posición no se ha visto afectada. Esto lleva a la siguiente pregunta, menos impresiones, mejor CTR? Y sí, así fue según el siguiente gráfico.

Mejor CTR menor cantidad de impresiones.

De estar entre el 4% de CTR, se pasó a casi 7%! Lo bueno es que google nos proporciona estos reportes con los cuales podemos obtener más información del canal de Organic Search.

¿Cómo te fue con este update de Google?

Continue Reading..

Actualización de mobile-friendly de Google

Ya desde hace algunos meses fue anunciado y el día ha llegado. El día de ayer Google liberó de forma global el algoritmo que considera mejores los sitios que son mobile-friendly para las búsquedas realizadas desde dispositivos móviles. A este movimiento le han llamado #MOBILEGEDDON. 

Esta modificación ayudará a los sitios que respondan de forma adecuada para los dispositivos móviles aparezcan antes que aquellos que no tiene versión móvil.

Esto es lo que hace la actualización:

• Únicamente afecta  los rankings de búsqueda en dispositivos móviles.
• Afecta los resultados de búsqueda en todos los lenguajes.
• Se aplica de forma individual a las páginas.

Para ver si tu sitio es mobile-friendly puedes usar la herramienta: Mobile-Friendly Test (del cual hablé en el post Versión móvil de tu sitio hoy más importante) o verificar tu cuenta de Webmaster Tools. La buena noticia es que cuando hagas las adecuaciones de tu sitio Google lo tomará en cuenta para posicionar de nuevo tu sitio.

Acá puedes leer el post completo: Rolling out the mobile-friendly update.

Continue Reading..

Versión móvil de tu sitio hoy más importante

Como todos sabemos las modificaciones del algoritmo de búsqueda de Google, digamos que, son constantes. Google siempre está buscando como mejorar los resultados que muestra a cada una de la búsquedas que los usuarios realizamos ya sea desde nuestra computadora o de nuestro dispositivo móvil.

En este caso la importancia de contar con una versión móvil de tu sitio web tomará más relevancia por la modificación que sucederá el próximo 21 de abril de 2015. Esta modificación o #‎MobileMadness como la han etiquetado, será una excelente modificación al algoritmo de búsqueda de Google.

Resultado de prueba para este sitio.

Está modificación consiste en dos puntos que digamos te darán más puntos frente al resto si cumples con ellos. Estos son:

1. Sitios web con versión móvil
2. Contenido de las Apps

¿Cómo saber qué tan bueno es tu sitio para un dispositivo móvil? Existe una herramienta de Google con el que puedes validar que tan buena calificación obtienes, se llama Mobile-Friendly tool. Otra forma es usar tu cuenta de Google Webmaster tools.

Ahora que ya conoces la calificación de tu sitio para un dispositivo móvil, puedes ver la guía para sitios móviles de Google Developers.

Hoy ya es una realidad que debe contar con un sitio que pueda adaptarse a los dispositivos móviles is deseas ser de los primeros resultados mostrados en las búsquedas de tus futuros clientes.

Ahora a divertirnos con todas las adecuaciones que habrá que hacer para seguir ganando los primeros resultados de del SERP.

Otra opción es tomar un curso, sin duda en línea además de la guía que google pone a nuestra disposición. Y para este punto acá un curso interesante: Mobile Web Development de UDACITY.

Continue Reading..

Google Analytics Dashboard para Móviles y Adwords

Google Adwords es una gran plataforma que tuve la suerte de conocer la semana pasada. Lo que más llamó mi atención es la posibilidad de anunciarte en el SERP (Search Engine Result Page) en forma de texto para los dispositivos móviles.

Fue entonces cuando pensé en crear un dashboard para usarlo desde Google Analytics y así obtener más información de que sucede en mi sitio: visitas, con que dispositivos lo están viendo, proveedor de servicio, palabras clave, etc. Todo lo anterior considerando que ya verifique que mi sitio tenga al menos 3 de los 5 puntos de GoMo.

Anuncios para móviles en Google Adwords

Los anuncios de Adwords para dispositivos móviles son creados desde la configuración de la campaña en el apartado de Redes y Dispositivos, donde seleccionamos el objetivo que buscamos. Entre muchos campos de configuración los importantes para anuncios móviles: sistema operativo y proveedor de servicio. A continuación un imagen de la sección de configuración para dispositivos móviles y tabletas con navegadores completos.

Sección de Redes y Dispositivos de la configuración de una campaña dentro de Google Adwords.

Dashboard para móviles

Ok, ahora pasemos al dashboard de analytics. El objetivo es saber como configurar la campaña en Adwords considerando las estadísticas tomadas desde Google Analytics. Entonces lo que procede es tener como base la siguiente información.

• Número de visitas
• Visitas por dispositivo
• Visitas / Bounce Rate
• Visitas por proveedor de servicio
• Keywords

Y así es como se ve:

Google Analytics Dashboard para móviles

Esta es mi aportación, y con el objetivo de iniciar la inteligencia colectiva, les comparto este dashboard para que lo usen, esperando sus comentarios. Usa el dashboard mobile.

NOTA: Sólo la sección de Keywords de este dashboard considera exclusivamente las palabras de google. El resto solo está filtrado por Mobile.

Algunas mejoras que pueden considerase:

• Branded keywords
• Non-branded keywords
• Page / bounce rate
• Ciudad / Proveedor de servicio
• Goal Conversion rate
• Visitor Loyalty
• etc.

Espero sea de utilidad, felices analíticos.

Continue Reading..

Web en Dispositivos Móviles parte 7: GoMo

Cuantas veces no han deseado comprar, no sé, una pizza. Entonces sacan su teléfono y googlean = pizzas. Claro que uno espera que el resultado de la búsqueda sean los negocios de pizzas cerca de donde uno está parado, con acceso al menu, como llegar y al teléfono para rapidamente marcar. Lamentablemente esto aún no sucede ni un 50% de las veces. Es este el momento del cual debemos tomar ventaja sobre nuestros competidores.

Uno de los temas que más me interesa es el desarrollo de sitios web con enfoque a móviles. Sin duda en México es algo que aún no ha sido muy explorado. Hasta cierto punto creo que muchas personas aún consideran más importante el desarrollo de una App para iOS o Android, o un Web App, y al final considerar la creación o hacer que su sitio se adapte de forma natural a una pantalla móvil. Pero esto último lo dejaremos para otro post.

Anteriormente he platicado en este foro de algunas técnicas para el desarrollo de sitios web móviles y en otros post de la importancia de crear un sitio web móvil. Y hoy quiero comparir con ustedes una opción más, que creo será interesante dado que es muy sencillo de utilizar.

En este caso la propuesta es invitarlos a usar GoMo o "go mobile", iniciativa de Google lanzada en Noviembre del 2011, pueden ver la nota en Mashable. Y nada mejor que un video para explicar que es GoMo.



Lo interesante de este sitio es que pone a nuestra disposición una herramienta que permite correr un rápido test de tu sitio web visto desde un dispositivo móvil. Con al finalidad de que podamos considerar las áreas de oportunidad que se presentan; Y al mismo tiempo una serie de recomendaciones y herramientas para el desarrollo de sitios web para móviles.

Recordemos, lo que mencionó a Jason Grigsby: "Not every mobile device will have your app on it but every mobile device will have a browser". Considerando lo anterior como algo cierto, tenemos la libertad de preguntar a Siri lo que buscamos, creo que vale la pena darnos el tiempo para tener un buen sitio web visto desde un móvil.

Continue Reading..

Web en Dispositivos Móviles parte 6

Continuando con el tema de los dispositivos móviles, siempre es bueno tener información a la mano de del uso que se les da hoy en día todo lo referente a este dispositivo.

Wilson Electronics Inc. publicó recientemente este interesante infographic que muestra el uso demográfico de los celulares.

Este infographic muestra el número de celulares en varios países. Se menciona que México tiene 0.67 celulares por persona, con un total de 75,304,000 celulares.

15% de los Americanos contestan su teléfono celular durante el sexo. 80% de los adolescentes tienen un dispositivo wireless. 50% de los adolescentes pueden enviar mensajes de texto con los ojos vendados. Esto último no significa que se debe de conducir y enviar SMS.

Continue Reading..

Web en Dispositivos Móviles parte 5

Continuando con el tema de los dispositivos móviles, en mi post Web en Dispositivos Móviles parte 4 comenté un poco más referente al uso de @media para iPhone y iPad que he visto en ottos blogs. Además de la creación de un sitio paralelo al sitio principal.

eMarketer, Mobile Users Prefer Browsers
 over Apps

El día de hoy quiero compartirles una información que considero importante para quienes queremos crear un sitio web para dispositivos móviles. Claro todos queremos que nuestro sitio se vea bien en IE7, IE8, Fire Fox, Safari, Opera, Chrome pero todos sabemos que esto no siempre es fácil y menos cuando nuestro cliente quiere un flash gigante en la portada.

Si consideramos el artículo Mobile Users Prefer Browsers over Apps, publicado por eMarketer. Podemos entonces decir que lo que necesitamos en este momento es crear un sitio para estos dispositivos. Claro habrá que hacerlo pronto, por que tal vez en un año la gente prefiera las Apps over Browsers.

Buscando en el Internet me he topado con este artículo muy interesante que ilustra otro ejemplo más de como crear un sitio para dispositivo móviles de una manera inteligente.

Conocimientos necesarios: JavaScript, AJAX, PHP & XML (obvio HTML, CSS, RSS). Net Tuts publicó How to Build an RSS Reader with jQuery Mobile y podrán notar que es una forma "sencilla" y ordenada de colocar información en este tipo de dispositivos, claro no es el mejor diseño, pero eso ya cada uno puede mejorarlo. El proyecto tiene como objetivos:

• Desplegar una lista de cada Tuts+ site, junto con su logo.
• Desplegar el feed de cada sitio, cuando se le de click.
• Crear un una hoja de estilo básica para presentar cada post.
• Crear un Apple-touch icon para los usuarios que deseen agregar el app en su teléfono.
• Utilizar YQL (Yahho! Query Language) para llamar el RSS deseado.
• Implementar de forma básica un "text file" para hacar caching cada tres horas.

Las ventajas que le veo a este esquema es que estará completamente automatizado en su actualización con un esquema de 3hrs de cache, lo cual lo hace más eficiente.

Aun y cuando no se haga toda la implementación como lo hace Net Tuts, hay muchos datos que puede ser de utilidad como la creación del icono para que los usuarios lo agreguen el sitio a sus teléfonos.

Ahora sí, a divertirse.

Continue Reading..

Web en Dispositivos Móviles parte 4

Bueno ahora la parte 4 de este tema interesante y para darle continuidad al post: Web en Dispositivos Móviles parte 3.  En este último les comenté referente a una presentación que tiene como base la utilización de @media queries.

Ahora bien, continuando con la investigación para llevar un sitio web a un dispositivo móvil que fue lo que detonó toda esta secuencia, me topé con una referencia más para @media con anotaciones referentes a iPhone 4 y iPad que creo importantes compartir.

Es importante resaltar que @media es una propiedad de CSS3. Como lo menciona en: CSS3 Media Queries. En este artículo se muestra un DEMO donde al cambiar de tamaño el browser se producen cambios de color que están definidos por los CSS.

Para iPhone
@media screen and (max-device-width: 480px) {
    .class { background: #000; }
}

Para iPhone 4
Es necesario establecer un CSS específico:
<link href="iphone4.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" rel="stylesheet" type="text/css">

Para iPad
Detectar cuando es landscape o portrait
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Ya el diseño depende de cada quien, al final del día esto sigue siendo código y más formas de hacer que el código sea interpretado de forma correcta. Pero tal vez algunos de ustedes, al igual que yo, tengan sitios muy grandes además de tienen muchas monerías (flash) en ellos, que el sólo hecho de pensar en como hacer que se vea bien en un móvil produce dolores de cabeza.

Tuve chance de leer CSS Media Query for Mobile is Fool’s Gold que me parece muy interesante y mas si recordamos la segunda presentación Rethinking the Mobile Web. No podemos tomar un sitio que fue diseñado para computadoras normales y tratar de apretarlo o apachurrarlo hasta que quepa en un dispositivo móvil.

Es mejor, tal vez sea más trabajo, considerar la creación de un sitio paralelo que sea enfocado 100% a los dispositivos móviles. Partiendo del principio que no se lee igual, no debe tener tanto contenido, ni debe tener flash y mucho menos perros bailando en la portada.

De esta manera el sitio original permanecerá intacto, cumpliendo con el objetivo: verse bien en Safari, Fire Fox, Opera, Chrome, IE6, IE7, IE8 y hasta IE9 (todos estos para el caso de México). Y un sitio exclusivo para: iPhone, iPhone 4, iPad, Blackberry, Android, etc. Cada uno con diferente sitemap y contenidos enfocados al tipo de lector.

Saludos

Continue Reading..

Web en Dispositivos Móviles parte 3

Dando continuidad al tema de como implementar un sitio web en dispositivos móviles. De acuerdo al post anterior Web en Dispositivos Móviles parte 2, Bryan Rieger, comenta en su presentación que una forma adecuada de hacerlo es usando @media o media-queries. Lo anterior nos permite atacar o resolver el sitio web para la mayoría de los dispositivos, sin usar javascript.

Y buscando más sobre el tema, me he topado con un ejemplo que en combinado con lo que Rieger menciona, puede entenderse mejor. Este es un caso práctico de como usar @media para la selección del CSS dependiendo del las dimensiones del screen. Este es un video de Jeffrey Way.




Y bueno tal vez es un poco complicado ver y copiar el código que está escribiendo directamente del video al editor de código si queremos replicar el ejemplo.

Así que me tope con una publicación de Smashing Magazine: "How To Use CSS3 Media Queries To Create a Mobile Version of Your Website" en donde se explica con ejemplos como es que funciona media queries para CSS.

Como pueden notar este camino termina por ser CSS y como jugar con el CSS, entonces, para terminar una presentación que nos hable más de media queries pero desde el punto de vista CSS.

CSS3 Media Queries

View more presentations from Russ Weakley.

Debo aclarar que no intento decir que esto es la mejor opción, pero sí una posible solución. En mi opinión todo requiere de pruebas, pruebas y más pruebas hasta llegar al resultado óptimo o el que se busca en función de las necesidades que tengamos.

Have Fun.



Eduardo Mendoza Cavazos.

Continue Reading..

Web en Dispositivos Móviles parte 2

Como parte de lo interesante que resulta ser este tema, ahora quiero compartirles esta presentación también, Bryan Rieger, referente al web en dispositivos móviles. El concepto es centrar la atención en crear CSS que se adecuen a las dimensiones del dispositivo en cuestión.

Desde el punto de vista de Rieger, es más sencillo hacer que el mismo sitio se adapte a la gran diversidad de dispositivos, que crear sitios paralelos para cada uno de los modelos que se desean atacar.

Claro podría uno hacer el diseño líquido buscando así que se adecue de forma natural a los dispositivos, pero esto no resulta ser lo óptimo.

Rethinking the Mobile Web by Yiibu

View more presentations from Bryan Rieger.

Es de gran utilidad contar con estos recursos que nos ayudan a entender mejor como atacar este tipo de problemas.

Continue Reading..

Web en Dispositivos Móviles

Lectores les dejo esta gran presentación referente a el web y los dispositivos móviles. Creo que puede ser un buen punto de partida para todos los deseamos iniciar la creación de sitios web para todos o algunos dispositivos móbiles.

Going Mobile (2010) by Yiibu

View more presentations from Bryan Rieger.

Otro documento de interés es uno creado por Dave Olsen, Developing a Progressive Mobile Strategy. En este documento Dave menciona que el primer paso es ir por los APIs, para despué pasar a crear el Mobile Web y al final estar de forma Native.


En donde parafraseando a Jason Grigsby: "Not every mobile device will have your app on it but every mobile device will have a browser"  lo cual considero debe tomarse muy en cuenta.


A ver que opinan.

Continue Reading..