Arquitectura web

You are currently browsing the archive for the Arquitectura web category.

En ocasiones te encuentras con esos procesos de pago online que parece que lo que realmente quieren no es que pagues online, sino que sufras y que te vayas de ese sitio web amargado, desesperado y con una considerable ración de mala baba encima. Todos conocemos esa sensación y todos hemos navegado por sitios web de este estilo.

El proceso de pago, algo crítico y que debería ser lo más sencillo y agil posible en cualquier comercio electrónico, puede convertirse en una experiencia peor que una tortura medieval.

Imagen de una tortura medieval. mejor que algun proceso de pago online

Aquí vemos a un usuario de este proceso de pago online, que es torturado por los inventores del sitio web en cuestión.

En lo que a un servidor se refiere, el proceso de pago online más largo, tortuoso y doloroso al que me he enfrentado ha sido el de nic.es para el pago de las renovaciones de dominios .es. Hasta tal punto es un proceso de pago propio de las mazmorras de Mordor que dejé de comprar dominios .es a través de Red.es, así de claro.

Estas capturas son de 2011, y desconozco si habrán cambiado o no el proceso de pago, pero así era el proceso de pago online en red.es hace unos meses. En cualquier caso, siga online o no, es un ejemplo excelente de como NO hacer las cosas. Venid amigos, venid a este maravilloso mundo de sufrimiento en un pago online.

Sigue leyendo »

Tags: , , , ,

Suele ser muy habitual, desgraciadamente, que a la hora de concebir en entorno web un proceso o una tarea que queremos que se ejecute, en ocasiones suele concebirse como si internet, por ser un medio con unas características muy propias, fuera a funcionar al margen de los usos y hábitos comunes de todos los mortales. Tremendo error.

Internet es un medio, OK, y tiene sus propias características, OK, pero los planteamientos deben trabajarse con la óptica de como se hacen las cosas habitualmente, conforme a la costumbre, al uso común.

Gracias al gran @calvoconbarba por sugerirme este vídeo para este post… muy apropiado. Así sería un proceso de compra online en el mundo real… totalmente contrario a uso, ¿se podría vivir vendiendo así?

Es decir, no debemos dejar de pensar nunca que por mucho que estemos haciendo cosas en internet, las que sean (ecommerce, leads, descargas, escribir posts, etc) las estamos haciendo para personas que, lógicamente, tienen ya unos hábitos y unas costumbres claramente establecidas.

Un ejemplo muy sangrante de esto es, por ejemplo, lo que sucede con muchísimos procesos de pago en ecommerce, donde se le piden al usuario una media de aproximadamente 8 o 10 datos personales, de los cuales habría que preguntarse cuantos son realmente necesarios. Pero el problema no es ese, es que luego, a la hora de pagar, el usuario debe enfrentarse a procesos que le alejan de la realidad de una compra diaria, como son el facilitar códigos de comercio electrónico seguro, registrarse, etc, haciendo de algo aparentemente y por uso sencillo, en ocasiones, una auténtica tortura propia de la Inquisición. El problema de raiz no es que sean pasos que perjudiquen al ratio de conversión, que lo son, es que son pasos Sigue leyendo »

Tags: , , , ,

Escribo este post por una pregunta que me han hecho ya unas cuantas veces y que no es otra que “¿qué es eso del snippet de Google?”. Muchos hablamos del “snippet de google” con la mayor naturalidad del mundo, porque es parte de nuestro día a día, pero hay mucha gente que se pregunta ¿snippet?, ¿de google?, ¿qué es eso?, ¿cómo funciona?, ¿va con diesel o gasolina?. Pues como suele ser lo mejor, empecemos por el principio, ¿qué es el snippet de Google? Pues es ni más ni menos el conjunto de elementos (enlace + texto + URL) que forman un resultado en la página de resultados de google. Esto es un snippet (lo que hay bajo la caja de búsqueda):

Snippet de Google

El snippet es el resumen y enlace al sitio web que aparece en la página de resultados de Google, o SERP

Una vez que ya tenemos claro lo que es un snippet en Google, ya sabemos que una búsqueda en Google aparecen varios en una página de resultados, y la siguiente pregunta suele ser, ¿cómo se forma el snippet de Google, de donde salen esos textos? Esta es la anatomía de un snippet normal a día de hoy, con una búsqueda hecha sin login en Google y una sesión limpia:

Snippet de Google. Anatomia

Todo lo que aparece en negrita es porque coincide con los términos de búsqueda que hemos introducido al hacer la búsqueda, en este caso “peliculas de los 80”.

Ahora bien, la gracia está en saber de donde saca Google la información para construir el snippet, he aquí las directrices principales, aunque no son las únicas ni esto es una ciencia exacta: Sigue leyendo »

Tags: , , ,

Vale, todos sabemos hacer sitios web, y vale, todos sabemos poner un enlace, no hay que ser Einstein, OK. Pero ahora bien, aunque es algo sencillo, fácil y al alcance de cualquiera, pensémoslo un segundo, porque hacer un buen texto para un enlace (el anchortext, vamos) no es ni tan sencillo como parece, ni desde luego es algo de poca importancia.

El texto de un enlace puede ser determinante para que una persona decida hacer clic sobre él o no.

Los textos de enlace en la home de amazon.com

Algunos de los textos de enlace de la home de amazon.com, que algo sabrán los chavales del tema, digo yo.

El texto del enlace es determinante en tanto en cuanto es la forma que tenemos de enlazar a una persona que está en nuestro sitio web con la página concreta a la que queremos llevarle, así que, bien pensado, es un tema bastante importante y si mueves grandes cantidades de tráfico, ya es un tema vital, ni más ni menos.

A base de equivocarme un montón de veces y de probar otro buen montón de cosas, me he sacado de la manga estos 10 consejos para hacer buenos textos de enlace o anchortext:

  1. Brevedad. El texto de un enlace debe ser generalmente corto. Casi nunca vemos enlaces del tipo “Acceso a nuestro catálogo de productos”, sino “Productos”. La brevedad ayuda a identificar rápidamente lo que buscamos.
  2. Hablar el lenguaje de los usuarios = personas. Todos los que utilizamos internet somos personas y hablamos como tales, con expresiones normales, y ,dependiendo del sector o de nuestra actividad, hablamos de una manera o de otra, así que en función de eso debemos utilizar un lenguaje u otro en nuestros textos de enlace. Por ejemplo, si tenemos un sitio web dirigido a mucho público debemos huir de tecnicismos o vocablos muy profesionales y utilizar lenguaje común para los enlaces, o no serán bien entendidos. Por contra, si tenemos un sitio web sectorial o vertical dirigido a un público concreto, el texto de nuestros enlaces deberá ser el de esos usuarios y es probablemente sea específico y poco claro para un público general.
  3. Iconos, si, pero con leyenda. Un enlace no tiene porque ser de texto, puede ser una imagen o icono, y una opción es que esa imagen sea el enlace sin más explicación, pero las imágenes son generalmente muy ambiguas, por lo que conviene acompañarlas siempre de una leyenda que sea a su vez texto de enlace. Hay mucha diferencia entre poner simplemente un icono que simula una calculadora o poner ese icono acompañado del texto de enlace “Calcula tu hipóteca”. La cosa cambia, y mucho. Pensemos en las personas que deben usar la web. Sigue leyendo »

Tags: , , ,

Bueno, pues el pasado día 23 estuve en Walqa, en la V Feria de Tiendas Virtuales, en el que era el día dedicado al vendedor, y la agenda venía potente: a primera hora, de 9:30 a 13:30, tenía plaza en el taller “Optimización y consejos para tiendas virtuales de éxito” de Jordi Oller. Y luego por la tarde, de 16:00 a 18:00 el seminario “e-commerce en las redes sociales“, también con Jordi Oller, y luego de 18:00 a 20:00 el seminario “Como mejorar la usabilidad de mi tienda virtual”, del consultor de usabilidad Daniel Torres Burriel, al que me apetecía muchísimo ver, por lo mucho que le leo en twitter y en su blog.

El día del vendedor de comercio electrónico en la V Feria de Tiendas Virtuales, en Walqa, pintaba muy bien, con ponentes de mucho nivel y prestigio a nivel nacional.

Web de la V Feria de Tiendas Virtuales, en Walqa.

En la web de la V Feria de Tiendas Virtuales puede consultarse mucha informacion sobre el evento.

Como elegí esos tres eventos me perdí a Fernando Maciá y a Javier Gosende, y aunque me hubiera encantado, la verdad es que como ya le he visto 4 o 5 veces, y siempre con un enorme nivel, preferí ir a ver a ponentes que aún no había visto en eventos de este tipo.

Con 8 horitas de traca por delante me presenté en Walqa a eso de las 9:15, y tengo que decir que como no había indicaciones de hacia donde ir tuve que entrar hasta en dos edificios y preguntar donde eran los talleres varias veces hasta que supieron orientarme. De hecho llegaron a decirme que no había nada ese día y que me había equivocado, pero bueno, dejemoslo como anécdota.

Taller “Optimización y consejos para tiendas virtuales de éxito”, con Jordi Oller.

Esperaba mucho de este taller, lo primero por su título, muy goloso, con palabras clave para el negocio en internet como pueden ser optimización y éxito, y también por el ponente, Jordi Oller. Sigue leyendo »

Tags: , , , ,

Para empezar diré que de este Ficod de 2009 al que solo he asistido los dos primeros días me quedo con este taller del que hablo en este post, el Taller SEMPO de sesión hiperactiva de casos prácticos (casos reales de SEO, SEM y estrategias en internet), y con la mesa redonda de comercio electrónico para contenidos digitales. Desde luego, de las charlas y talleres a los que asistí, lo mejor con mucha diferencia.

ficod-2009-taller-sempo-seo-sem

Así lucia el taller SEMPO de casos de éxito en Ficod 2009

Lo mejor del taller de SEMPO de casos prácticos SEO y SEM fue sin duda el formato.

En el taller hubo 4 ponentes, cada uno de una empresa diferente, y un moderador. Cada ponente contaba con 10 minutos de tiempo (lógicamente, no hubo nada de paja y todo fue chicha) para explicar su caso práctico: cual era el objetivo del cliente, que hicieron y como para lograrlo y cual fue el resultado final. Una vez los ponentes hubieron expuesto sus casos prácticos, turno de preguntas de 20 minutos, y así se consumía la hora de duración del taller. Como formato, de lo mejor de Ficod y eventos similares, y sobre todo, se agradece y mucho el basar las charlas en casos reales aportando datos sobre la metodología empleada o sobre los resultados obtenidos a través de las estrategias SEO, SEM y SMO definidas para cada caso. No se trata de desvelar toda la información, algo que lógicamente no puede hacerse, sino solo aquella que se puede compartir, y eso es algo realmente util, y se agradece, la verdad. Sigue leyendo »

Tags: , , ,

Hoy en día prácticamente todos estamos de acuerdo, en mayor o menor medida, en eso de que “content is king” o lo que es lo mismo, el contenido es el rey. Es cierto que depende del tipo de sitio web que tengamos puede ser que el contenido tenga mayor o menor importancia, pero en líneas generales, lo que contamos en nuestro sitio web y, sobre todo, como lo contamos, puede ser el principal valor para conseguir clientes, ventas, formularios o cualquiera que sea nuestro objetivo.

Ahora bien, por muy buen contenido que tengamos, ¿es suficiente con eso?, ¿solo importa el contenido?. La respuesta es no, porque el contenido del sitio web es su núcleo, pero el envoltorio también es muy importante, es como si un caramelo que está riquísimo lo envolvieramos en un cutreenvoltorio de papel de water. Sería igual de bueno, pero desde luego no lo parecería. Vale que el ejemplo no es el más apropiado, pero a lo que voy es que si es importante tener un buen contenido web es igual de importante maquetar ese contenido de una manera adecuada para que resulte atractivo para el usuario.

De hecho, y lo voy a explicar con un caso práctico, simplemente cambiando la apariencia de una landing page de un sitio web sin variar el contenido pueden mejorarse valores tan importantes en un sitio web como el porcentaje de rebote, el tiempo de permanencia o el número de páginas vistas por usuario. Y todo ello simplemente variando la forma de presentar la información, sin tocar el contenido ni el SEO del sitio web, ni la programación ni ningún factor que no sea la disposición de la información (ni siquiera voy a llamarlo usabilidad, que es un concepto más complejo). Para tomar este tipo de decisiones sobre como maquetar un sitio web es fundamental utilizar Google Analytics o similar y analizar con tranquilidad los datos que la analítica web nos ofrece, aplicar el sentido común, escuchar a los usuarios y sobre todo olvidarse de las opiniones personales sobre los sitios web. No importa que nos guste o no, importa que consigamos el objetivo que se pretende. Sigue leyendo »

Tags: , , , , ,

En menudo jardin me meto poniéndome a dar consejos sobre como hacer webs. Yo soy el primero al que le queda mucho por aprender, pero la verdad es que a base de hacer webs y más webs, y reunirte con clientes, y leer artículos y libros, y hacer cursos de usabildiad y diseño, y más y más cosas acabas teniendo unas pautas sobre como hacer un diseño web bien concebido, bien orientado para lo que el cliente quiere. Como en todo, cada uno tiene su método, pero creo que el 90% de los que lean esto estarán de acuerdo en que estos 10 consejos para hacer un diseño web son prácticamente universales. Espero que os sean útiles:

  1. Antes de diseñar nada de nada, reúnete con el cliente si es posible. Es fundamental saber de primera mano que es lo que el cliente quiere, y si no lo tiene claro, ayúdale. La pregunta clave es ¿para qué quieres una web?. La web no va a ser igual si el objetivo es vender productos, vender servicios, hacer branding o dar información. Pero lo más importante es saber lo que quiere el cliente con exactitud. A veces no es posible reunirse con el cliente, pero en ese caso es necesario disponer de un briefing (¿qué es un briefing?) o de unas indicaciones vía email o como sea pero sobre todo claras y concisas. Cuantos más intermediarios haya, más dificil te va a ser hacer un diseño web acertado. Me permito un apunte: muchas veces hay clientes que directamente no saben lo que quieren, así que si después de hacerle 2 o 3 propuestas no lo ve claro o sigue sin saber lo que quiere, no trabajes para él hasta que lo tenga claro, porque si no ni el cliente ni tú vais a tener una relación fácil.
  2. Haz una maqueta de la web que vas a hacer en papel, en plan dibujo esquemático. Esto parece una chorrada, pero te servirá, y mucho, para aclarar ideas y hacer un planteamiento de como vas a hacer la web.
  3. Crea una maqueta gráfica de la web en Photoshop o similares. Simplemente diseña todos los elementos, tal y como se verían en un navegador. Es una maqueta del resultado final, que no funciona pero que es al 100% un reflejo del aspecto gráfico que tendrá la web. Esta maqueta puede ser tu principal arma… a favor o en contra. Sigue leyendo »

Tags: , , ,

Este post está especificamente dirigido a España, y me explico: ¿cuantos usuarios españoles usan google.es como buscador y cuentos usan google.com (en español)?. Independientemente del número de usuarios de uno u otro el principal problema es que parece que estamos ante el mismo bucador cuando esto no es así, lo parece, pero no lo es.

Google.es es el buscador Google en su “edición” para España (por hacer un simil tipo revista o prensa), mientras que Google.com es la “edición” internacional de Google, pero si nos conectamos desde España nos sale en español, pero es Google “en español”, y no Google “de España”, y ahí radica la diferencia.

A lo mejor esto que cuento parece una obviedad, pero lo cierto es que en muchas empresas al hablar de SEO, posicionamiento web o buscadores te hablan de resultados y de objetivos, y éstos dependen de que se refieran a Google.es o a Google.com, aunque generalmente para el que te lo cuenta es lo mismo, y es dificl explicarle que esto no es así, que no es lo mismo, y que no estamos ante los mismos resultados.

Como lo mejor es la práctica, os invito a que habrais una ventana de navegador con Google.es y otra con Google.com y vamos a hacer divertidos ejercicios de búsqueda que nos ayudarán a entender a que me refiero y el “problemilla” que se plantea.

Ejercicio 1: Vamos a introducir una palabra super genérica como “presidente” en ambos buscadores, ¿y cuales son los resultados?:

Pues en google.es estos son los 5 primeros resultados:

Ya vemos que las 2 primeras entradas son de la wikipedia, las 2 siguientes de La Moncloa (estamos en Google.es y por tanto en España) y la 5ª ya es de Nicaragua.

Ahora bien, ¿y si busco “presidente” en Google.com?, ¿obtendré el mismo resultado?, Sigue leyendo »

Tags: , , , ,

Cada vez se hace más enfasis en la importancia del nombre de dominio que elegimos para nuestra web de empresa o negocio online, ya que una buena elección de nombre puede influir positivamente en los resultados que obtengamos a nivel de visitas, ventas, etc…, mientras que una mala elección consigue todo lo contrario, así que elegir el nombre de dominio para nuestra web o negocio en internet no es un asunto trivial. Hay que pensar bien varias cosas y antes de decidirse por un nombre hacerse como mínimo las siguienets preguntas: ¿es un nombre fácil de recordar?, ¿se parece a algún otro dominio que ya exista y que pueda inducir a error?, ¿me ayudará a la hora de posicionar bien mi web?. Con estas sencillas preguntas bien respondidas y un poco de investigación por nuestra parte seguro que acabamos escogiendo un buen nombre de dominio.

El nombre de dominio es la entrada a nuestro sitio web y no debemos evitar errores a la hora de comprar nuestro dominio.

En lo que yo me voy a centrar es en justo lo contrario, los tres errores más comunes que se cometen cuando se compra un nombre de dominio. Los ganadores son: Sigue leyendo »

Tags: , , ,