indispensable desarrollar sitios web con diseño responsivo

La Política “Mobile-Friendly” de Google

A partir de este año Google requiere como una de sus primeras directrices de posicionamiento orgánico para sitios web, una versión para dispositivos móviles y es que la compatibilidad multi-dispositivos es fundamental ya que hoy en día una de cada dos búsquedas se realizan desde smartphones y/o tablets.

En una primera etapa la escuela de los clásicos no ve mayor daño por esta medida dado que la política de momento sólo aplica para dispositivos móviles, no obstante a finales de año “mobile-friendly” será universal, pero la pregunta es ¿en sí como es que Google decide si tu sitio es amigable con teléfonos móviles?

  1. Evalúa si tu página se adapta a pantallas pequeñas, sobre todo en nitidez y distribución del texto. También que no sufra el “descuadre” es decir, que no se visualice incorrectamente omitiendo elementos, desproporcionándolos o que resulten ilegibles haciendo que el usuario tenga que usar la lupa o el acercamiento en su dispositivo.

  1. Correcta reproducción de los videos de tus versiones móviles, si el clip se queda sin audio, se cuelga o no se visualiza correctamente te sacaste otro tache, mucho cuidado aquí en especial con videos embebidos de Facebook y Youtube, recomendamos hacer pruebas desde diferentes navegadores y por supuesto desde emuladores de IOS y Android.

  1. Revisa que no tengas contenido en Flash o «iframes» no declarados ya que éste es contenido inaccesible para los bots lo cual es una señal de alerta tanto en diseño responsivo como en el clásico.

  1. Tiempo de carga del sitio, ya sabes, a mayor resolución de imágenes o texto sin resumir el tiempo de descarga aumenta ganando puntos negativos para tu web. Esto es un problema muy serio, puesto que muchos usuarios de telefonía tarifaria acaban sus datos móviles por navegar en sitios no optimizados, lo que en países desarrollados ya ha costado demandas.

Con los cuatro factores anteriores Google podría dar un dramático bajón en tu escala en el ranking de búsqueda, así que lo que resta es empezar a modificar contenido y sobre todo mucho trabajo de usabilidad. Recuerda que la política primaria de Google es ofrecer contenido relevante o de alta calidad, si tu sitio tiene problemas de navegación lo más probable es que en cuestión de semanas el trabajo de muchos años se pueda ver afectado.

Google no da leyes sin una recompensa, en este caso al cumplir con la política “mobile-friendly”, es decir al hacer bien tu trabajo responsivo el Gbot de Google te premia porque cuando alguien te busca desde su Smartphone aparece una leyenda que dice “Versión para móvil” y te conecta automáticamente a esta línea optimizada de tu sitio web. Fantástico.

Una última observación, hay muchos sitios para “convertir tu página en una web móvil”, es una oferta truculenta que hemos evaluado minuciosamente, sobre todo en el comportamiento con IOS y Android, la verdad es que descubrimos sistemas de compresión que arruinan por completo los meta-tags, las declaraciones de CSS y de paso varios de plano omiten el contenido multimedia causando diseños anacrónicos que lejos de beneficiarte pueden perjudicar tu tráfico. Otro aspecto que no nos gusta es que varios ponen una liga con el típico “creado con tecnología de…” y en el peor de los casos banners publicitarios de los programas o de terceros.

Desde mi punto de vista es mejor realizar una solución a la medida y reestructurar todo el sitio, si bien es un mal necesario… quizá,  pero es que aunque involucre muchas horas de retrabajo vale más asegurar el mejor resultado para tu cliente.

Por cierto, aquí puedes recibir una evaluación de cómo está tu sitio respecto a la política citada en este artículo: https://www.google.com/webmasters/tools/mobile-friendly/?hl=ES

La siguiente semana hablaré de la “canonicalización” una solución para evitar el robo de información de nuestros sitios, una sensacional herramienta que evalúa la duplicidad (plagio) de contenidos.

Razones para no usar Wix

Desde hace un mes tengo la oportunidad de trabajar con una marca importante que por desatinos de desarrolladores anteriores, se vieron en la necesidad de contratar servicios que ellos mismos pudieran administrar, en pocas palabras buscaban un CMS que el personal administrativo sin formación web pudiera controlar, esto sin contratar a un webmaster de planta por razones de presupuesto.

Entre las alternativas se decidieron por Wix, pero a menos de un año de contratar sus servicios la empresa decidió terminar su relación debido al nulo posicionamiento logrado en dicho periodo y es que aunque se invirtió una cantidad considerable en patrocinios de Facebook, Adwords y Remarketing terciado los resultados del posicionamiento orgánico fueron nulos.

Haciendo una auditoría de SEO, notamos que Wix trabaja con Ajax Crawling, que incluye los símbolos necesarios para crear «hashbank» aunque en realidad la optimización de lectura en navegadores desconoce dichos elementos, ya que Wix corre en javascript, de tal manera que los bots de Google lo leen como una imagen o un iframe no declarado.

Otra sorpresa que me encontré en la auditoría es que el contenido no se puede migrar, Wix no tiene una alternativa para exportar las carpetas, los scripts, imágenes, ni las hojas de estilo así que lo más probable es que la maquetación se tenga que realizar desde cero, esto ocasionado porque realmente el usuario está rentando los contenidos y plantillas que en realidad son propiedad de Wix así que si les cancelas prepárate a perder toda tu información.

Además de las anteriores Wix hace uso de la tecnología Flash, siendo que ésta ya no se admite en las políticas de HTML5, dado que para ver un sitio con estos plugins aparece constantemente la notificación de que debe actualizar la última versión de Flash etc y que ésta no es compatible con teléfonos móviles perdiendo valioso tráfico ya que hoy en día el 50% de las búsquedas se realizan desde smartphones.

El último factor que encontramos es que la empresa contrató un servicio Premium para que no apareciera publicidad de Wix, además contrató un dominio propio, no obstante estas medidas la página tiene problemas de inestabilidad y de disponibilidad, situación que tiene que corregirse ya que en menos de dos semanas encontré al menos 5 inconsistencias de «página no disponible», por periodos que van de los 5 a los 72 minutos, esto como es de comprenderse perjudica el tráfico que se apunta hacia el sitio.

¿De qué me sirve una página que no se ve en teléfonos inteligentes y que constantemente está como no disponible?

A medida que he conocido la tecnología Wix no me parece del todo mala, su editor es intuitivo y los cambios se realizan relativamente rápido, aunque es cierto también que su editor consume recursos excesivos por lo cual tendrá dificultades para trabajar con computadoras limitadas y no se diga desde teléfonos inteligentes, sin embargo las páginas Wix son visuales y están bien para empresas que desean tener su primera experiencia en Internet, con pequeños sitios de presencia de marca donde el posicionamiento orgánico no sea un factor indispensable.

En otras palabras, puedes crear un sitio con Wix, pero toma en cuenta que no debes esperar que se posicione, existen empresas que llevan 2 o más años utilizando esta aplicación y no aparecen ni siquiera buscándolas por nombre.

Por lo pronto seguiré conociendo Wix y les comentaré qué más características encuentro en esta aplicación.

La caída de Adobe Flash

La primera vez que tuve contacto con Macromedia Flash fue en la preparatoria (2003), estábamos diseñando un mapa que mostraría los Estados de la República cuando alguien se parara sobre uno de ellos ofreciendo información demográfica como número de habitantes, actividades económicas, géneros, etc.

Buscábamos una buena calificación y cuando terminamos la presentación nos dimos cuenta del incipiente resultado que obtuvimos con Power Point así que buscando tutoriales (no habían videos, todo era leer y leer foros) encontramos Flash, FreeHand y otros programas maravillosos de Macromedia que atrajeron nuestro interés.

En apenas dos semanas aprendimos mucho y sin utilizar el «action script» obtuvimos un resultado modesto, aún así fue mucho mejor que el de Power Point.

Más tarde ya en la Universidad Flash era un referente para diseñar contenidos para Internet y materiales multimedia. Este programa era genial, nos permitía hacer de todo: Transiciones, botones pero sobre todo animaciones que cautivaban al usuario.

Era el año 2005 y 7 de cada 10 sitios de Internet estaban totalmente diseñados en Flash, el resto lo usaban parcialmente, de esta manera el software de Macromedia era una obligación, conocerlo, meterse a las raíces, era una necesidad, crear escenas sobre escenas, bases, capas de papel cebolla, ciclos anidados y sobre todo, acciones embebidas.

Era de lo más común perderse entre escenas, cuando el sitio tenía muchas secciones la computadora se trababa, era fácil cometer un error en los scripts y “enciclar” la máquina, olvidar dónde se habían colocado fotogramas clave y hasta escenas completas, en pocas palabras era un caos pero muy lindo, visual y que no tenía nada que ver con php, ni los editores de html que se guiaban por contenido meramente plano sobre tablas.

En Flash eras libre.

Sin embargo todo cambia y aunque Flash estaba en su apogeo lo común es que se tuvieran que comprimir los sitios porque los archivos eran de gran tamaño, en el peor de los casos comprimía tanto que la calidad y el resultado visual eran a secas malos y pixeleados, sin embargo era mejor hacer esto que dejar al visitante 15 minutos cargando una página. Una alternativa era cargar parcialmente las escenas y que sólo se desplegaran al hacer clic sobre un botón, sin embargo era de lo más incómodo dejar esperando al usuario cada que daba clic sobre un nuevo botón.

Otro punto flaco eran las constantes actualizaciones de los navegadores, quizá te pasó que al entrar a una página recibías una advertencia para actualizar Flash y tenías que reiniciar tu computadora para ver el contenido, situación que con HTML 5 ha quedado en el pasado, hoy en día ya nadie reinicia su computadora para ver tu sitio, si usas plugins caducos lo más probable es que el cibernauta abandone tu página.

Desde el punto de vista histórico a Flash le tocó ver la caída de Internet Explorer, la consolidación de Mozilla Firefox y el surgimiento de Google Chrome, éste último al parecer anunciaba la muerte de Macromedia, que en el año de 2005 sería absorbida por el gigante Adobe. Eran como campanadas que invitaban a Flash a la modernidad sin embargo continuó por un camino de incompatibilidad y cuando otro gigante, Steve Jobs anunció su total desinterés porque el iPhone y en general los OS fueran compatibles con Flash de manera neta, la decadencia comenzó.

Hasta la fecha muchos colegas le llaman Macromedia Flash y no Adobe, quizá por cierto sentimentalismo, la verdad es que hoy Flash está muerto, es incompatible con la mayoría de teléfonos móviles, es demasiado pesado agotando rápidamente las baterías de los dispositivos, tiene resultados pésimos en cuestión de SEO y por si fuera poco el usuario debe contar con todos los plugins actualizados para visualizar el contenido.

Flash escapa también a las nuevas directrices de diseño responsivo de HTML5, CSS3 y Javascript, es decir de los lineamientos de buenas prácticas de Web 2.0 quedando así obsoleto. Por este motivo desde 2014 muchos juegos hechos anteriormente en Flash ahora se desarrollan y optimizan para HTML 5, los programas publicitarios admiten ya nuevos tipos de banners más compatibles como formatos GIF y hasta el mismo Youtube tiene una política que entrará en vigor para 2016 donde los métodos de inserción de videos serán exclusivamente en códigos HTML5.

El futuro de Flash en la web se ve oscuro, pero le quedan todavía los recursos didácticos, presentaciones de negocios y diversos contenidos que no requiere estar en la nube. En lo particular sigo pensando que si de impacto visual se trata Flash es una herramienta competitiva, no obstante para situaciones responsivas, adaptativas y concretamente para contenido online se descarta para mis clientes debido a que en la actualidad 1 de 2 visitas se realizan desde dispositivos móviles, incompatibles en su mayoría con Flash.

Datos Generales del Uso de Internet en México 2015

El mes pasado fuimos invitados a la presentación de las tendencias 2015 sobre el comportamiento de los usuarios mexicanos, de acuerdo al último estudio nacional de NIC México, se sabe que hoy existen más de 54 millones de compatriotas navegando diariamente en Internet, con un tiempo promedio de conexión de más de 6 horas por día.

Entre los usos que se le dan al Internet destacan la búsqueda de información general, el uso del correo electrónico pero sobre todo la revisión de las redes sociales que este año figura en primer lugar desplazando por vez primera a las dos anteriores, esto gracias a que en la actualidad 9 de 10 usuarios tienen al menos una cuenta activa en los diversos canales de social media.

México sigue creciendo, hoy casi la mitad de la población está conectada y el Internet ha evolucionado, ya que no sólo se encuentra en las computadoras de escritorio, teléfonos o laptops, ahora está presente en electrodomésticos que van desde televisiones hasta hornos de microondas, aumentando su penetración que año tras año sigue en ascenso por arriba de la telefonía celular y de la televisión de paga.

Vivimos en una sociedad que ya está acostumbrada a la interacción, atrás quedaron los tiempos de ver, escuchar o leer de modo pasivo, hoy el usuario siente la necesidad de comentar, compartir y por supuesto censurar contenidos, haciéndolo parte de la sociedad del conocimiento que demanda soluciones a la medida en cada interacción.

Tocando el tema del contenido interactivo queremos aclarar que no estamos haciendo referencia al contenido multimedia, sino a los diversos sistemas que se colocan tanto en redes sociales como en sitios de Internet para atender personalmente al usuario, quien permanece ávido y en todo momento evaluador, de la calidad de experiencia que recibe por parte de instituciones, marcas o empresas lo cual en el modelo latino sigue siendo un punto flaco a la hora de generar impacto positivo en la ciber audiencia.

La tendencia del comercio electrónico seguirá en aumento, nuestra región no es ajena a estos cambios, tan sólo en Tehuacán existen 140 mil cibernautas, también conectados a la red diariamente, sin embargo su tiempo de navegación es significativamente menor al promedio nacional, ya que mientras en México se conectan por un periodo de 6 horas con 21 minutos, en nuestra ciudad apenas llegamos a 4.6 horas diarias. ¿A qué se debe esto?

En una próxima entrega abordaremos la razón de este detrimento. Sigan al pendiente de las publicaciones de ICAD.

Cómo salir vivo de los servicios de mensajería

Uno de los principales obstáculos que enfrentan los pequeños emprendedores que desean tener una exitosa experiencia en el e-commerce es la falta de buenos enlaces logísticos y nos referimos concretamente a los servicios de mensajería. Este es un tema de debate porque una parte fundamental del éxito de nuestro negocio virtual es entregar nuestros productos en tiempo y forma.

Contar con un buen aliado logístico es un paso básico pues una de las barreras más importantes del comercio electrónico es la disponibilidad del producto y la otra son los tiempos de entrega. Recordemos que en 2014 la principal causa de quejas por ventas truncas en el portal MercadoLibre fue que el vendedor no tuvo el producto acordado, el segundo fue un excesivo cobro por gastos de envío.

Para combatir estas inconsistencias empresas innovadoras como Linio tienen un servicio donde piden a los vendedores con mejor reputación un stock de productos de alta rotación, mismos que son almacenados en su centro de operaciones físico y se envían directamente a los compradores, corriendo Linio con todos los riesgos logísticos garantizando un tiempo de entrega más rápido para el consumidor final. Este sistema también será acuñado por Amazon, siendo las dos únicas empresas de e-commerce en México que ponen manos a la obra en la seguridad de los envíos, en el control del inventario y sobre todo en los tiempos de entrega.

El inconveniente de estos sistemas es que para acceder a ellos se debe contar con una excelente trayectoria dentro del sitio y que los costos de operación suelen sacar de la competencia a los pequeños revendedores, por este motivo muchos de los nuevos sellers optan por absorber los gastos de mensajería o cargarlos a cuenta del consumidor, esto último es un serio factor de desventaja que complica la posibilidad de lograr una venta.

Si tu alternativa es realizar los envíos por tus propios medios en el mercado mexicano existen varias empresas que a la larga son lo mismo pero los mejor posicionados son Estafeta, DHL, UPS, Fedex y últimamente Redpack; todos ofrecen servicios y precios similares pero el emprendedor debe ser muy cuidadoso, es recomendable contratar un número determinado de guías prepagadas con la finalidad de obtener un mejor precio pero sobre todo un picking gratuito, evitando complicaciones de llevar a las oficinas de la mensajería el producto.

Al momento de negociar con las empresas de mensajería lean detenidamente las cláusulas de los contratos y sobre todo de los seguros, en especial aquellas que señalan los artículos prohibidos ya que en el caso de robo, ruptura o pérdida del envío las empresas de mensajería te pedirán las facturas originales para pagar el seguro, verificarán el embalaje del producto y corroborarán que el artículo no figure en una lista de envíos prohibidos.  Ojo aquí porque de incurrir en alguna anomalía con estos tres requisitos lo más probable es que el seguro quede invalidado y no recuperes un solo peso, quedando este envío como merma, causando además una molestia en tu cliente ya que tendrá que esperar más tiempo para recibir su artículo.

Otra regla de los envíos es que el seguro en la práctica ampara cantidades de hasta dos mil pesos mexicanos, después de este monto cobrar un seguro se vuelve realmente complicado y las mensajerías recurren a todo tipo de argumentos técnicos (mañas) para atribuirte la responsabilidad del daño o pérdida. Estafeta encabeza el listado de demandas ante PROFECO por estas malas prácticas así que ten cuidado, vale más hacer un buen embalaje que te requiera tiempo y esfuerzo que una pérdida total.

El último aspecto para considerar es si se recurre a envíos terrestres o aéreos, en el caso de que tu producto tenga un embalaje robusto y que además su composición no sea frágil te recomendamos hacer tus envíos por vía terrestre, pero si en contraparte manejas equipos electrónicos, cristales, vidrio, aluminio o demás elementos delicados, ve por el envío aéreo. Recuerda que a mayor tiempo de traslado aumenta considerablemente el riesgo de sufrir algún daño.

Para terminar te aconsejamos que incluyas siempre en el costo de tu producto los gastos de envío, es mejor sacrificar una parte del margen de utilidad para mejorar las ventas que tener costos excesivos y no vender nada.  Al precio también es recomendable agregarle un 1 o 2% que se destinará a la publicidad, que hoy en día es tan necesaria también en el mundo del comercio electrónico. Conforme vayas avanzando en tus ventas te darás cuenta del importante colchón financiero que creaste para invertir en tus primeras campañas publicitarias.

Buenas ventas.

WhatsApp chat