Tag Archives: Diseño Web

El SEO aplicado al diseño gráfico

El diseño gráfico de su página web tiene una influencia importante en las posibilidades de que salga bien posicionada en los resultados de una búsqueda en Google.com o Yahoo.com.

“Search Engine Optimization” o “SEO” es todo lo que uno puede “optimizar” en la página web, para que quede mejor posicionada en los “motores de búsqueda”.

Para los criterios de los buscadores (“search engine”), lo que cuenta no es si la página web es bonita o fea. El valor radica en otros aspectos “técnicos”, derivados del enfoque con el que se hace el diseño gráfico de la página.

Por ejemplo, cuando una página web tiene una “Introducción”, basada en una animación realizada con el programa “Flash”, probablemente los dueños de la página web se sienten muy orgullosos por la estética de su presentación. Sin embargo, las posibilidades de que esa página sea listada entre los primeros lugares de los resultados de una búsqueda en Google o Yahoo son muy bajas.

La razón principal es que los programas con los que se hacen animaciones gráficas, como “Flash”, están concebidos para generar archivos “cerrados y autocontenidos”. Lo que significa que al hacer una búsqueda, Google no puede ver el contenido textual de la animación o el audiovisual. En consecuencia, no puede identificar el contenido de esa página y, a su vez, no puede mostrarla.

En otras palabras, parte del funcionamiento de Google o Yahoo, depende de la posibilidad de “inspeccionar” el contenido y la programación de las páginas web. De esta manera, cuando los internautas utilizamos los buscadores, recibimos respuestas relacionadas con los textos explícitos del contenido de las páginas que podemos revisar.

Programas como “Flash” u otros con los que se hacen animaciones, no facilitan el trabajo de los buscadores. Por el contrario, podemos decir que tienen un efecto “evasivo”, lo que hace que Google, Yahoo, u otros buscadores, ignoren las páginas desarrolladas con esos programas.

¿Qué significa esto en términos de SEO (“Search Engine Optimization”)?

Si necesita mostrar animaciones o audiovisuales en su página web, en términos de SEO, lo más recomendable es que los presente como parte del contenido de la página.

Es decir, para el visitante de su sitio en Internet, los videos y animaciones deberían ser una opción adicional de información a consultar. Vea un ejemplo de cómo nosotros hacemos esto en Cograf.

De esta manera, usted “optimizará” el diseño gráfico de su página, en función de que los buscadores puedan “inspeccionarla” y listarla en los resultados de una búsqueda.

Si sólo hay una animación al inicio de su sitio web, aún tiene esperanzas de que los buscadores encuentren las páginas subsiguientes (siempre y cuando el diseño de las mismas sea “optimo”).

Pero si todo el sitio web fue desarrollado con “Flash”, es mejor que no tenga expectativas de obtener un buen posicionamiento en Google o Yahoo. Es muy poco probable que sus visitantes lleguen desde estos lugares.

Otros aspectos de diseño que resultan contrarios al SEO

El uso de “frames” (“marcos” en inglés) tampoco le facilita el trabajo a los buscadores. Los “frames” son un recurso de diseño, que hace que en una página web hayan especies de “ventanas” fijas.

Cuando usted llega a un sitio web en el que, por ejemplo, la parte superior queda fija, y mientras navega sólo cambia un segmento de la interfaz, es muy probable que esa página haya sido diseñada utilizando “frames”.

Este recurso hace que la información que está dentro del “frame” no sea una página web propiamente. En consecuencia, la información que está dentro del “frame” no cuenta con una dirección web, razón por la cual no puede haber un “link” hacia esa información.

En otras palabras, los buscadores están imposibilitados de mostrar esas páginas: Si no hay un link que las refiera es como si no existieran.

Algo similar ocurre con las imágenes. Si por razones de diseño gráfico decidió utilizar imágenes en ciertos títulos de su página web, para darles un carácter estético determinado, tenga presente que los buscadores no posicionan las páginas web tomando en cuenta sus imágenes.

Como parte de sus estrategias de SEO, es recomendable que todos los contenidos significativos de su página web se presenten como textos y no como imágenes, o por lo menos no sólo como imágenes. El contenido textual es uno de los elementos claves que toman en cuenta los buscadores para posicionar un sitio web.

Más información sobre SEO:

Próximamente le voy a ofrecer más información sobre el SEO, pero antes de seguir, es indispensable que lea los siguientes artículos:

Qué es el “Search Engine Optimization” o SEO.

Diferencias entre “buscadores” y “directorios”.

Una buena posición en los buscadores.

El funcionamiento de los buscadores para los internautas.

Importancia vital de los “motores de búsqueda”.

Esmérese más en el fondo que en la forma

Gráficamente su página web puede ser espectacular, pero si usted tiene una empresa que no tiene mucho que decir, o casi nada en su página web, va a perder su inversión.

Después de haber realizado o participado en decenas de proyectos de páginas web de empresa, la experiencia me señala una y otra vez que el contenido siempre se pone en un segundo plano con respecto a la forma.

Los empresarios de pequeñas y medianas empresas buscan en primera instancia que el diseño de su página web “deslumbre” al visitante, pero no ponen el mismo esfuerzo en el contenido informativo de la misma.

Como consecuencia, la inmensa mayoría de las páginas web están llenas de lugares comunes y de frases vacías, o típicamente publicitaria, que no diferencian a una empresa de otra.

Pregúntese qué es lo que tiene que decir

Antes que nada, el reto de la página web para las empresas es acerca de lo que tiene que decir, de su organización, sus productos, sus servicios, su trayectoria, sus clientes, etc.

Si de verdad desea que su página web genere interés en el visitante, para que este se convierta en un cliente o un visitante regular, esto se logra fundamentalmente con la calidad del contenido, desde el punto de vista informativo.

Y al mismo tiempo debe asegurarse de aplicar el principio básico del mercadeo que tiene que ver con la diferenciación. Para los internautas lo que más comunica diferenciación entre el sitio web de una empresa y otra es el fondo de sus mensajes:

“¿En qué se diferencia esta empresa de las demás de su ramo?”

“¿Por qué comprarle a esta empresa y no a cualquier otro de sus competidores?”

“¿Valdrá la pena tratar de contactarlos?… ¿Me atenderán rápidamente?”

“¿Cuáles son los beneficios de sus productos y servicios con respecto a los de su competencia?”

“¿Estarán igual de organizados que su página web?”

“¿Qué experiencia tienen en lo que hacen y ofrecen?”

“¿Y en dónde están ubicadas su oficinas?”

Son algunas de las preguntas más frecuentes que se hacen los visitantes a una página web de una empresa a dónde llegan de una u otra forma, y que sus mensajes tienen el reto de responder con eficiencia.

Adicionalmente, el profesionalismo en la redacción de sus mensajes, también refleja en un grado importante el nivel de profesionalismo de su empresa y su manera de hacer negocios.

Invierta el énfasis de sus esfuerzos. Un diseño sencillo o tecnológicamente modesto en un sitio web acompañado de información debidamente procesada y redactada puede ser muchísimo más eficiente que esos sitios web “deslumbrantes” pero con un contenido “pobre”.

La tecnología puede ser una puerta o una barrera

Muy a menudo las páginas web funcionan como una barrera entre las empresas y sus clientes. En vez de facilitar la interacción y la comunicación entre ambos, las tecnologías de información no son aprovechadas en este sentido.

Dos errores típicos de mercadeo y ventas se hacen presentes con mucha frecuencia en los sitios web de empresas grandes y pequeñas: Un egocéntrico foco en lo que son y una marcada desatención de los beneficios para los clientes.

Ambos errores están vinculados entre sí, y son consecuencia de un tratamiento ligero del arte de las comunicaciones comerciales corporativas.

¿Quiénes salen ganando? Los competidores que saben aprovechar el disgusto de los clientes maltratados, para estructurar mensajes y ofertas de negocio que se diferencien y tengan más valor.

¿Qué significa tener un foco egocéntrico en un sitio web?

Básicamente es ocuparse más de los gustos de la empresa que del beneficio y la comodidad de los clientes.

Por ejemplo, cuando uno llega a un sitio web que dice “esta página se ve mejor en tal resolución o con tal programa”, ¿qué es lo que leen entre línea los clientes?… Que debemos adaptarnos a un criterio arbitrario de navegación de la empresa responsable del sitio.

Es lo mismo que ocurre en los sitios web que dicen en su página de entrada que uno debe esperar a que se cargue una introducción o cualquier otra animación: Están obligando a los visitantes a que se supediten al funcionamiento de la página y, en consecuencia, de la empresa.

En otras palabras, el diseño, la programación y el funcionamiento del sitio web indirectamente (implícitamente) le está comunicando a los clientes: “Primero somos nosotros. Y si quieres ser atendido o quieres hacer negocios con nosotros, tienes que esperar y aguantarte a que las cosas son como nosotros decimos”.

Pero para los clientes estos mensajes son barreras que les pone la empresa (aunque esto resulta incomprensible, considerando el alto costo global que tiene hacer que la gente llegue hasta el sitio web de nuestro negocio).

¿Por qué hacerlo fácil si puede ser difícil?

Este parece ser el modelo de pensamiento de muchas personas que diseñan y desarrollan páginas web: Parecieran obtener mucha satisfacción de enredar la navegación y hacer que los clientes se pierdan en el sitio, o que les cueste más conseguir información importante.

En vez de hacer que la visita a la página web sea una experiencia agradable y positivamente memorable, les parece que tiene más valor complicar la interactividad con recursos con los que sólo ellos se lucen, pero que en nada benefician a los clientes.

¿Por qué hay que hacer 4 ó 5 clicks en una página para llegar hasta la información de un producto específico si en realidad pudo hacerse en 2?

¿Por qué hay que llegar a sitios web que necesitan programas especiales de navegación si en la mayoría que usan los internautas no hacen falta?

¿Por qué hay que llamar a una empresa por teléfono si no presentan suficiente información sobre sus productos o si la que publican es incomprensible?

El primer mensaje que leen los visitantes en un sitio web es acerca de lo fácil y rápido que funciona. La experiencia de los clientes al respecto es extrapolada a lo fácil y rápido que puede ser o no relacionarse con la empresa que está “detrás” del sitio web.

Querer “deslumbrar” puede ser contraproducente

Vea detalladamente los sitios web más utilizados y encontrará que la razón del interés que generan en los internautas es su significativa funcionalidad, y su diseño gráfico no compite con la misma.

La gente aprecia los sitios web por su funcionalidad y por su utilidad. Si usted quiere apoyar los objetivos de negocio de su empresa con una página en Internet debe orientarse hacia estos dos preceptos.

El diseño gráfico del sitio web tiene una gran importancia siempre y cuando ayude a que la persona que está navegando sienta que está en un lugar práctico y útil. De lo contrario el diseño se convierte en un obstáculo de la efectividad comunicacional.

No debe forzarse a la web a ser lo que no es.

¿Ha notado que cada día hay menos sitios web que tienen una “introducción” animada, realizada con el programa “Flash”?. Por lo menos, hay menos sitios web verdaderamente profesionales que no las tienen.

Hasta hace un par de años todo el mundo quería tener una animación en Flash para “presentar” su sitio web. Pero si uno le preguntaba a alguien que hacía al ver una animación de estas todo el mundo respondía: “Buscar la forma de saltar o evadir esa introducción”.

Por eso cuando me preguntan qué opino sobre este recurso siempre he respondido: ¿No comprendo cómo es que una empresa puede presentarle aun cliente un mensaje con la opción de “Saltar Intro”, que en otras palabras significa “si esto le fastidia pase a la página siguiente”?.

El botón “Saltar Intro” (o “Skip Intro” en inglés) quiere decir ante el internauta que estamos reconociendo que lo que estamos presentando no es útil ni funcional: Sólo es un adorno.

Los objetivos de su negocio son más importantes.

Una introducción en Flash ayuda principalmente a que el diseñador gráfico de su página web se luzca como “creativo”, pero no ayuda con el mercadeo y la promoción de su negocio. Si no fuera así, ¿por qué los internautas quieren evitarla?.

Una “introducción” en Flash que es comunicacionalmente “inútil” y de poco valor más bien parece un acto de desesperación por mostrar una especie de comercial de TV por parte de alguien que no tiene chance de diseñar un verdadero comercial de TV, o de alguien que sólo quiere ganar un premio de diseño gráfico.

Animaciones en Flash resultan especialmente útiles cuando cumplen funciones didácticas o demostrativas. Por ejemplo, si se desea ayudar a los clientes explicándoles como se usa una herramienta o cómo es el detalle de un procedimiento determinado.

Cuidado con clichés como “arte” e “innovación”.

Se ha abusado tanto de palabras como “creatividad”, “arte”, o “innovación”, que el camino para ganar premios de diseño gráfico parece que es el del “deslumbramiento visual”.

Una gran cantidad de jóvenes y talentosos diseñadores gráficos están siendo confundidos con esta idea. En consecuencia, su trabajo se orienta más a “deslumbrar” que ayudar a hacer dinero a las empresas que los contratan.

¿De qué sirve la “innovación” si no ayuda a que los clientes se sientan satisfechos con la calidad del contenido que encuentran en una página web?

Si usted es el empresario o gerente que tiene la responsabilidad del sitio web de su negocio, siga el ejemplo del diseño gráfico de los sitios web que tienen más visitantes y que hacen más dinero a través de Internet.