Optimizar vuestro blog en versión móvil (que se vean las páginas sobre todo)

Cada vez más gente navega desde su móvil, así que es importante que nuestro blog se vea bien desde él. Gracias a dios Blogger lo pone muy muy fácil.

Vamos a ver un par de cositas que mejorarán la experiencia de vuestras lectoras cuando os lean desde el móvil:

1) Activad la versión móvil

Está en la zona de la Plantilla, justo a la derecha de donde le daríamos a Editar HTML.

Si lo tenemos inhabilitado, la gente, cuando entre en nuestro blog desde su móvil, verá la versión web:

Si pinchamos en la ruedita de configuración (la que está justo debajo de donde pone Móvil), nos saldrá una ventanita con estas dos opciones:

Y si pinchamos en Sí, mostrar la plantilla para móviles en los dispositivos móviles, vemos que con el desplegable podemos elegir el modelo que queremos (en mi opinión lo mejor es dejar la Predeterminada):

De este modo la gente verá en su dispositivo móvil la versión para móviles:

Fijaos en que no se ve el fondo, etc. pero el texto se ve más grande y es más fácil de leer y de pichar en cada post, etc.

Además si alguien quiere por lo que sea verlo desde la otra versión, abajo le sale un link que dice "Ver en versión web", mientras que si no lo tenéis activado y lo ve de la otra manera, si quisiera no podría verlo de este modo.


2) Y más importante: aseguraos de que se vean las páginas

Aparte del fondo, no se ven tampoco los gadgets de la barra lateral, pero bueno, no es grave en realidad.

Lo que sí es importante es que se vean las páginas de la barra de pestañas, ya que en ella va (o deberían) lo más importante.

Recordad que lo hablamos en Cómo promocionar tu blog y que de hecho lo hemos vuelto a ver en la tarea sugerida para mejorar el blog de la agenda de esta semana pasada.

Yo por ejemplo en las páginas tengo la pestaña en la que hablo de mis cursos (lo más importante de mi blog), de mi servicio de diseño de blogs (lo segundo más importante) o el índice de tutoriales (también importante ya que es mi página más visitada).

No puedo permitirme que alguien esté navegando con su móvil, llegue a mi blog, y se pierda que tengo cursos o un servicio de diseño... :(

Fijaos en el pantallazo del móvil de mi blog que hemos visto antes.

Si le doy a la flechita donde dice Inicio puedo ir a otras páginas:

Sin embargo veo muchos blogs en los que eso no aparece a pesar de qué si que tengan páginas en su blog.

Fijaos en diferentes blogs de Blogger que conozcáis y veréis como muchos no tienen eso. Simplemente sale la cabecera y luego el primer post. No se puede cambiar de una página a otra.

Y eso pasa porque las páginas no están puestas tal y como Blogger nos da la opción.

De hecho, os pasará a todas aquellas que hayáis personalizado vuestro menú con imágenes tal y como vemos en el Curso Dos para blogueras.

Bien: solución. Porque no queremos tener que elegir entre que se vean las páginas en la versión móvil y tener el blog en el ordenador a nuestro gusto.

Por eso podéis hacer un apañillo.

Consiste en que en la zona de Páginas le pongáis que queréis que se muestren como enlaces laterales:

Luego no tenéis más que cambiarlas del lateral:

A un lugar menos visible.

Fijaos en este blog. Como veis sus páginas están personalizadas con imágenes (corazones en este caso), tal y como aprendemos a hacer en el Curso Dos:

Y sin embargo en la versión móvil se ven y se pueden elegir fácilmente con el desplegable como en mi blog.

Eso es porque las tiene abajo del todo del blog escondiditas ;)

Besoteeeees,