Diseño Web que destroza nuestros resultados SEO
¿Qué prácticas de Diseño Web son perjudiciales para nuestro SEO?. Es muy común que los diseñadores gráficos y los especialistas SEO choquen en lo referente a decidir cómo será el diseño de una web. Si alguna vez te has preguntado si los encargados de la venta online o del marketing de una web se preocupan por el diseño, la respuesta es sí, lo hacen.
En realidad tratamos algo bastante complejo, pues puede llevar años valorar y darse cuenta de cómo un diseño puede incidir negativa o positivamente en la estrategia SEO y de posicionamiento de un sitio.
El problema es que el SEO, en los últimos 20 años no ha cambiado sustancialmente en lo que a la base se refiere, sigue tratándose de posicionar bien, con determinadas palabras clave, un buen contenido y una buena política de enlaces, el diseño web sí ha cambiado mucho; nada tienen que ver las webs de hace 10 años con las de ahora.
Los sitios web pueden ser gigantescos, con miles y miles de páginas, lo que complica la arquitectura de la información y, por ende, la navegación final, la que influye en el usuario. Es lo que se llama Front End, o parte final, lo que se ve. Detrás, en el Back End es donde se ubican los diseñadores y los programadores. En ambos lados, los especialistas de marketing y SEO. Por tanto, si algo hemos aprendido en las últimas dos décadas, es que se necesita un equipo competente y bien compenetrado para tener éxito en un proyecto web. Veamos, pues, qué podemos hacer para que tanto el diseño como el SEO se lleven bien.
Historia del SEO de la página
Cuando analizamos los datos de nuestro sitio web, encontramos muchos motivos para hacernos preguntas realmente pertinentes, tales como:
- ¿Por qué la tasa de rebote es alta?
- ¿Por qué una página determinada funciona mejor que otra?
- ¿Cuál es la razón de un aumento del tráfico de referencia? ¿Se puede duplicar ese dato?
- ¿Quién accede a nuestro site y qué les ha llevado allí?
- ¿Con qué dispositivos han accedido a nuestra web?
Todas estas preguntas -son solo un ejemplo- ya nos dicen cuán importante debe ser nuestro diseño web y cómo, cuándo y dónde hemos de modificarlo. Porque hay más preguntas, por ejemplo: Cuando el usuario llegó a nuestro sitio ¿Qué paso después? ¿Por qué?.
Conectando los cables
Nada permanece igual en el universo del SEO, es cambiante y mucho. Con cada actualización en la tecnología de los motores de búsqueda y las actualizaciones de los dispositivos informáticos que permiten a los usuarios acceder a la web, el comportamiento humano cambia.
Existen innumerables cambios -muy sutiles- que se pueden abordar en el diseño web para mejorar las conversiones. Los especialistas SEO lo saben y aún así su frustración va en aumento. Y están frustrados porque se les paga para conseguir aumentar las ventas, las visitas o el rango de una web, pero si parten de un diseño caótico su misión no solo es frustrante, es casi imposible. El que escribe este artículo abordó una estrategia SEO para una web diseñada por terceros. La carga de la página principal era de 23 segundos -imágenes gigantescas, sin optimizar-, algo así como una invitación a no entrar y, ni mucho menos, volver. Con todo, como quiera que el diseño no se podía tocar, el especialista SEO queda a los pies de los caballos y su reputación -si la tiene- en entredicho.
Los SEO de nivel avanzado agregan pautas básicas de accesibilidad WCAG2.1 porque el código utilizado para los lectores de pantalla también ayuda a los robots de los motores de búsqueda. Con cada cambio en los algoritmos y la visualización de las SERP´s, tanto visuales como activados por voz, la necesidad de afinar y probar constantemente las prácticas SEO es continúa. El rango, el tráfico y el la competencia de marca son feroces en la red.
Prácticas de Diseño NO recomendables
Ciertas opciones de diseño web interfieren con la capacidad para que nuestro sitio sea rastreado, con la usabilidad, legibilidad, accesibilidad y facilidad de búsqueda. Esto hace que el trabajo del especialista SEO sea mucho más difícil, especialmente cuando ves los mismos patrones y conflictos de diseño repetidos por tus clientes.
NAVEGACIÓN
- Hamburguer Menú: Icono de menú de tres rayas horizontales. Poco intuitivo.
- Elementos de navegación desplegables, pero que no se vinculan con una categoría principal y nos obliga a acceder a una subcategoría.
- Navegación mediante acordeón. Dicho en inglés, accordion, efectos de deslizamiento vertical.
- Mega Menús
- Utilizar la búsqueda con el fin de crear categorías en lugar de aplicar filtros, mucho más cómodos e intuitivos.
DISEÑO
- Imágenes de gran tamaño en la parte superior de la página principal.
- Scroll interminable. Se trata de una secuencia de imágenes o texto.
- Usar font-awesome en lugar de fuentes SVG.
- Texto alternativo en las imágenes cuando se cargan no incluidas.
- Redirecciones diferidas: Redirigir la página principal a otra con diseño distinto.
- Rediseño de la web sin hacer antes un análisis completo o tomar decisiones inadecuadas, basadas en sentimientos o intuiciones en vez de utilizar los datos.
- Controles deslizantes: Ralentizan la página porque han de cargarse antes.
- Imagen del control deslizante sin texto alternativo, título o nombre del archivo.
- Logotipo de la web: Utilizar H1 para detallarlo.
- Diseño Responsive: Asumir que siempre, en todos los casos, es el mejor diseño del lado del cliente. No siempre es así.
- No permitir el controlo como Administrador del especialista SEO, para que tenga acceso al archivo robots.txt, páginas canónicas, marcados o alineación de imágenes.
Conclusiones
Es necesario tener un enfoque holístico a la hora de implementar un proyecto web. Hay que rodearse de un gran equipo de diseño y SEO, perfectamente compenetrados. Cualquier conflicto o desacuerdo sobre el desarrollo del sitio web puede provocar síntomas no deseados más adelante.
Si bien las técnicas para la optimización de motores de búsqueda son a menudo precisas y nos permiten su medición, no es tan fácil predecir cómo responderán los usuarios en las páginas web. Hay demasiadas variables. Sin embargo, lo que hemos aprendido es que los usuarios necesitan confiar en que el sitio web tiene exactamente lo que están buscando y que no hay barreras que les impidan acceder a él.