Diseñando webs para dispositivos móviles

Ya hace algún tiempo hablamos de la necesidad de contar con webs adaptadas para dispositivos móviles. Sin lugar a duda, el mercado de dispositivos móviles ha crecido en gran medida y se espera que en los próximos años siga haciéndolo a un ritmo considerable. Así pues, está claro que necesitamos tener en cuenta a los usuarios de dispositivos móviles, ya que cada vez existen más posibilidades de que algún visitante de nuestra web llegue a ella utilizando un dispositivo móvil.

Cuando nos planteamos el diseño de una web para dispositivos móviles, debemos seguir la máxima de «menos es más». El minimalismo es fundamental para estos dispositivos móviles. No necesitamos hacer las cosas muy bonitas, sino que hay que hacerlas eficaces. No tenemos que preocuparnos en exceso de hacer un diseño bonito, sino que este debe ser funcional.

Y por suerte, el W3C nos ofrece una guía de buenas prácticas en el diseño de webs para dispositivos móviles, que sin lugar a dudas os recomendamos leer.

Google amplia los Sitelinks

Los sitelinks son esos enlaces que aparecen bajo un sitio concreto cuando realizamos búsquedas con Google y que nos muestran algunos de los enlaces más representativos de ese sitio web. De esta forma Google, pretende ofrecernos de una forma rápida y visual cuales podrían ser los contenidos internos de un sitio web que podrían interesarnos a partir de nuestra búsqueda. Y es que según parece, los usuarios tendemos a hacer primero una búsqueda general y solo si tras esta no es muy fructífera concretamos más. Por eso los sitelinks parecen ser tan útiles, porque partiendo de esa primera búsqueda general podrían servir para predecir los que necesitamos encontrar dentro de un sitio web en concreto.

Pues bien, Google ha decidido aumentar el número de sitelinks mostrados para las páginas, ofreciendolos en dos columnas, y añadiendo además una breve descripción de cada uno de esos sitelinks. Si tenemos un sitio web y queremos ayudar a la gestión de estos sitelinks, deberemos emplear las Herramientas para webmasters de Google y desde allí entrar a Enlaces de sitios dentro de la sección de Información del Sitio.

Consejo SEO: Posicionar imágenes

Las estrategias SEO abarcan multitud de puntos, y uno que resulta muy curioso es el de las imágenes. Porque si aún no lo sabías, estas también pueden generar un tráfico muy importante para nuestro sitio web, por lo que conviene seguir algunos consejos para tratar de que la versión de los buscadores para imágenes situe en buenos puestos las imágenes que empleamos en nuestro sitio web.

  • Darle un nombre apropiado a la imagen, que es lo que se conoce como naturaleza de la imagen o concordancia. Es importante usar palabras clave en la imagen y que estas además tengan que ver con lo que aparece en ella. Así por ejemplo podríamos tener una imagen donde aparece una flor que se utiliza mucho en bodas, por lo que podríamos poner algo así: anturium-bodas.jpg. También debemos cuidar los caracteres usados, procurando evitar caracteres extraños, por ejemplo es preferible usar «-» que  «_» para separar palabras en el nombre y no usando caracteres que los robots de los buscadores no puedan identificar correctamente.
  • El tamaño si importa, aunque no está demostrado 100% que el tamaño de una imagen influya en su posicionamiento siempre que sea posible conviene usar imágenes de tamaños medianos (entre 500px y 800px de ancho) y cuyo tamaño no exceda los 60KBs.
  • La calidad de la imagen, cuanto mejor sea mejor. Por tanto deberemos tener muy en cuenta el editor que usemos para ajustar las imágenes que usaremos en nuestra web.
  • Los formatos más aceptados son .jpg, .gif y .png en dicho orden, por lo que conviene que nuestras imágenes estén en uno de esos formatos.
  • El contenido de la imagen en si importa, los buscadores tienen herramientas que realizan un reconocimiento de las imágenes de forma que si por ejemplo se buscan imágenes de un personaje famoso las imágenes que no tengan muchos añadidos y tengan la imagen del famoso en primer plano tendrán mejor posicionamiento.
  • El texto alternativo de las imágenes. A la hora de programar la web, hay quienes olvidan incorporar el atributo alt a sus imágenes porque no es imprescindible. En el Alt Text (texto alternativo) se puede poner una serie de palabras clave relacionadas con la imagen y para la labor de posicionamiento es fundamental la existencia de este atributo.
  • Por último el atributo title de la etiqueta img. Aunque no es del todo relevante (actualmente el Alt Text tiene mucho más peso en el posicionamiento del buscador), el título de una imagen es un elemento de interacción con el usuario al mostrarse cuando pasamos el ratón por encima de la imagen, así que como no solo hay que pensar en los buscadores, no dejéis de incluirlo, vuestros lectores os lo agradecerán.

 

Mejorando los mensajes en Facebook

Las redes sociales se han convertido en el aliado ideal para las labores de marketing online de los sitios webs. Crear un perfil en Facebook es cuestión de unos pocos minutos, pero la cuestión es luego hacer que ese perfil cumpla con su función y que no se quede en algo que simplemente está ahí porque tiene que estar, pero que no genera ningún contenido ni valor añadido. Así pues a continuación os mostramos algunas conclusiones extraídas de un estudio de la compañía BuddyMedia para hacer que nuestras publicaciones en Facebook sean más efectivas.

  • Hay que cuidar la longitud de los mensajes. Según revelan en el estudio los que tienen menos de 80 caracteres tienen más éxito que los que superan dicha cifra. Hasta un 27% más atractivos serían los mensajes más cortos publicados en facebook.
  • La hora a la que se publican los mensajes si importa. Si bien la mayoría de mensajes publicados en Facebook lo hacen en los horarios laborales más habituales, hay más actividad fuera de estos horarios. Esto posiblemente tenga que ver con la mala imagen que puede tener estar consultando las redes sociales en horario laboral.
  • Si la hora influye, el día de publicación también afecta. Los mensajes publicados jueves o viernes tienen un 18% más de respuesta y los publicados los sábados son los que menos actividad registran.
  • Enlaces acortados, a la hora de publicar mensajes que incluyan enlaces a alguna página externa son más recomendables los enlaces completos que los acortados, siendo los primeros hasta tres veces más efectivos. Está claro que a la gente le gusta saber cual es el destino del enlace, y los muchos ataques que se han aprovechado de los acortadores de enlaces no hacen sino reforzar esto.
  • Palabras clave. Al igual que en los buscadores es necesario cuidar mucho las palabras que empleamos en los mensajes de cara a quienes los leen. Hay que cuidarse de usar palabras demasiado directas como «ahorro» , «exclusivo» siendo más efectivas otras como»nuevo» o «ganar». Por otra parte las palabras que más comentarios generan en orden serían: post, comment, tell us, check, like, submit, share, click, take, visit, become a fan, shop, order. Mientras que en el caso de los «me gusta» generados, las palabras más recomendadas en orden serían: like, take, submit, watch, post, check, comment, click, shop, visit, become a fan, tell us, share, see, order.

Así pues, siguiendo estos consejos, esperamos que logréis mejorar la actividad generada por vuestros mensajes en Facebook.

Visibilidad de un sitio web

El otro día hablabamos del Branding, o sea como tratar de construir marca en torno a nuestro sitio web. También hemos hablado del SEO y como necesitamos mejorar nuestro posicionamiento en los buscadores. Todo esto se engloba dentor de lo que denominaríamos la visibilidad de nuestro sitio web. La visibilidad es precisamente como su nombre indica, el hecho de que la gente vea nuestro sitio web, bien sea a través de los buscadores, las redes sociales, a través de servicios de enlaces, blogs, etc…

Cuantas más formas tengamos de hacer visible nuestro sitio web mejor. Para ello tenemos distintos medios, por un lado los buscadores y sus resultados, directorios de páginas webs, otras páginas web, blogs de opinión, redes sociales, servicios de geolocalización, y debemos utilizar todos de forma adecuada. Podríamos determinar tres tipos de acciones para ganar visiblidad:

  1. Referencial: cuando logramos aparecer en sitios webs (ya sean directorios, páginas de otras empresas, en blogs o los ya mencionados resultados en buscadores).
  2. Editorial: consistiría publicar artículos que hagan referencia a los servicios o productos que ofrecemos a través de nuestro sitio web (no solo se trataría de conseguir que pongan un enlace a nuestra página, sino que se hable de lo que hacemos).
  3. Comunitaria: cuando participamos en una red de internet (facebook, twitter, linked-in) representando a nuestro sitio web.

Así pues trabajando en esos tres frentes podremos intentar mejorar la visibilidad de nuestro sitio web. Y si queremos comprobar que tal lo estamos haciendo, tenemos por ejemplo servicios como SiteScore que nos dará una puntuación y comentarios sobre la situación de nuestro sitio web.

F1 un plugin para compartir contenidos en redes sociales

El auge creciente de las redes sociales, hace que la vida de los webmasters sea cada vez más agitada y es que una web necesita estar «socializada» de alguna forma o esta parecerá sacada del baúl de los recuerdos. Esto obligaba a los encargados de las páginas web a aprender a manejar cada una de las redes sociales y a implementar los medios para compartir los contenidos generados en la web con dichas redes sociales. Pero parece que la gente de Mozilla Labs ha pensado que compartir contenidos en las redes sociales debe hacerse de una forma más sencilla y han implementado F1 un plugin para firefox, que nos permite compartir rápidamente cualquier contenido con las redes sociales.

Lo interesante, es que la función de compartir los contenidos se trasladaría desde la programación en la propia web al navegador. Así pues si todos los navegadores incorporasen una función como esta, los webmasters se ahorrarían esos famosos botones de Me Gusta o similares para ofrecer a sus visitantes la posibilidad de compartir esos contenidos. Puede ser algo muy interesante, pero mientras que no se extienda, no queda más remedio que seguir ofreciendo esa posibilidad a nuestros visitantes … por medio de programación web.

La vida del webmaster, de todo un poco

Cuando uno aborda el trabajo de crear una página web para un cliente, o quizás incluso para uno mismo, muchas veces pasa a convertirse en el webmaster o responsable de dicha página (en este artículo de wikipedia podréis saber más sobre lo que supone ser un webmaster) y no se limita a ser el simple creador de la página para luego delegar dicha labor en otra persona. Así pues, tras el largo periplo para lograr hacer que el huevo eclosione y que la web en cuestión se ponga en marcha, el trabajo no ha hecho sino empezar.

Porque no hemos de olvidarnos, que aunque a medida que las tecnologías se extienden, y con ello aumenta la cultura tecnológica de los clientes a los que les construiremos su página web, aún existe un gran desconocimiento de todo lo que conlleva una web. Gestión de los correos, backups de seguridad, posicionamiento de la web, evitar ataques a la web, corregir pequeños errores detectados. En fin, un sinfín de tareas menores, que muchas veces uno ni se plantea en el momento en que un cliente nos pide que le «creemos» la página web y que luego pueden llevar a desentendidos con nuestro cliente. Porque, ¿de que nos sirve una página muy bonita, muy accesible y muy útil si nadie la visita porque no hemos dedicado tiempo al posicionamiento? Seguramente nuestro cliente acabará por pensar que somos malos haciendo webs, cuando se trata de una tarea completamente distinta a la que inicialmente nos solicito (cuando ese sea el caso). Sin embargo si llevamos algo de tiempo en este mundo, sabremos que debemos advertir a nuestro cliente de las tareas adicionales que conlleva una página web, que si hay que crear nuevas cuentas de correo o nuevos subdominios, que si ahora me gustaría añadir la posibilidad de un segundo o tercer idioma, por supuesto tu te encargarás de la traducción, o ¿acaso no dominas el ingles?. ¿Que el cliente quiere un nuevo logo en su web? Pues para que contratar un diseñador, el webmaster lo hará que para eso se le ha pagado (en este caso muchos webmasters también tienen buenos conocimientos de diseño, pero no siempre es así o quizás no se logre algo al gusto del cliente, lo cual puede suponer un problema también).

Vamos, en resumidas cuentas, que al convertirnos en webmasters de una página web (cosa que sucede casi siempre tras crear un sitio web) deberemos estar preparados para atender muchas tareas menores, que estarán relacionadas con el sitio web. A veces estarán dentro de nuestras posibilidades, otras deberemos ser realistas con nosotros mismos y con nuestros clientes, y hacerles ver que quizás en ciertas tareas deberá contratarse un servicio adicional. Así que como webmasters al menos deberemos saber de que nos están hablando y si no podemos afrontar la tarea, al menos saber a donde dirigir a nuestro cliente.

Es más, el concepto de Webmaster con las redes sociales empieza a complicarse aún más, ahora tenemos los Community Managers…. en fin, una locura!