Cómo diseñar Webs listas para SEO y para posicionar en Google

Si te dedicas al diseño web, seguro que tienes clientes que te han pedido que su negocio aparezca en los primeros puestos de Google y por tanto te han pedido una web posicionable en google. No sería de extrañar que hayas hecho ya tus pinitos en esto del SEO – o tengas la intención de hacerlo – y así ofrecer tus webs como “sites diseñados bajo las demandas de Google”, listos para que empiecen a escalar puestos en el buscador. Puede que de lo contrario te hayas enfrentado a un SEO listillo que quiere llenar tu diseño de texto cambiando por completo toda la estructura que tanto te ha costado crear, ¿verdad?

Si cumples alguna de las premisas anteriores, este post te interesa. Vamos a intentar plasmar de forma sencilla qué necesitará un buen diseño web para ir más allá y llegar hasta los primeros puestos de Google.

El objetivo principal de la web de cualquier empresa es vender u obtener visibilidad por lo tanto, si consigues ofrecer diseños que faciliten esta tarea, si consigues que los profesionales del SEO te recomienden a ti como diseñador y no a otro, conseguirás ganarte un puesto muy importante dentro del sector del diseño y te posicionarás como el gran experto que eres. Empecemos…

#1. ¿CMS o diseño a medida?

Como profesional del SEO te diré que hacer un diseño a medida no es para nada una mala idea siempre que se haga en PHP (puede ser obvio pero muchas veces me he encontrado webs diseñadas directamente en html cuyos archivos duplicaban header y footer a diestro y siniestro) y que tenga las funcionalidades necesarias para que no sea una web estática, es decir, debe poder incluir líneas de código, texto, imágenes, editar atributos de los diferentes elementos incluidos, etc. y además, se pueda actualizar y ser una web “viva”.

En definitiva debe ser una web que permita implementar estrategias de marketing digital que van más allá del posicionamiento:

• Estrategias de email marketing: debe poder captar suscriptores y enlazarlos a una herramienta adecuada;
• Ofertas puntuales o descuentos;
• Estrategias de branding;
• Etc.

Si eres de los que cree que los profesionales de mi campo somos fieles incondicionales de los gestores de contenidos como wordpress o prestashop, estás muy equivocado. Los seguimos por una serie de beneficios que nos brindan:

Sobre WordPress:

Beneficios de usar WordPress:

1. Su código es sencillo, lógico y está ordenado
2. Se gestiona de forma muy sencilla y rápida
3. Hay multitud de tutoriales que muestran en internet cómo funciona o qué hacer al encontrarte un error
4. Tienen millones de plugings que consiguen hacer cualquier «marcianada» que se te ocurra (y la mayoría son gratuitos)
5. Los desarrolladores han tenido en cuenta que el contenido es el rey y no encontramos dificultad a la hora de incluir un texto en cualquier parte
6. Tienen en cuenta las distintas estrategias de marketing digital que las empresas pueden poner en marcha y facilitan la gestión de todas ellas, la conexión con otras plataformas, etc.

Inconvenientes de WordPress:

1. El único inconveniente que encuentro es que son susceptibles de sufrir ataques siendo muy necesario disponer de un servicio de mantenimiento web adecuado que mantenga todo actualizado (me recuerda a Windows y sus continuas actualizaciones, lo bueno es que Wp es gratis…)
2. Encima, las actualizaciones siempre provocan incompatibilidades entre los plugings y siempre se rompe algo

Sobre Prestashop:

Beneficios de usar Prestashop:

1. Al igual que WordPress hay muchas funcionalidades que vienen incluidas de forma gratuita
2. Es el gestor ideal para tiendas online medianas pues la gestión de stock de grandes almacenes es bastante eficiente y fácil
3. En el caso de temas básicos de SEO vienen incluidos en la propia plantilla y no se necesita ningún plugin para disponer en cada apartado del lugar donde incluir el title, la meta description, etc. Incluso el Robots.txt viene ya configurado para restringir aquellos lugares de la web que no son interesantes para los robots

Inconvenientes de Prestashop:

1. Personalmente opino que la estructura de los Prestashops es demasiado grande y pesada, contiene demasiados archivos de todo tipo
2. Me parece un atraso que sigan teniendo las URL con IDs y encima en las de fabricantes o proveedores usen guiones bajos. ¿A qué esperáis señores desarrolladores?
3. Siguiendo con los atrasos del prestashop: ¿por qué usais los títulos y subtítulos (headers) en frases normales o que carecen de importancia? Por ejemplo, en la frase “Producto añadido correctamente al carrito”
4. La mayoría de plugings buenos son de pago
5. Las categorías no incluyen la posibilidad de incluir texto largo en la parte de abajo, sólo en la parte de arriba. ¿Por qué en las páginas de fabricantes/marcas sí y en las de categorías no?

#2. Requisitos mínimos de SEO y de navegabilidad

Veamos entonces los requisitos mínimos que deberá tener la web tanto interna como externamente para que cumpla el objetivo principal: estar preparada para posicionarse en el buscador más usado por los clientes de tu cliente:

Requisitos internos de una web:

1. Código limpio y lógico (puedes verificar si tu código está limpio en esta web: https://validator.w3.org/)
2. Evitar estilos inline (con el típico style=»» dentro del propio código)
3. Diseño Responsive (e incluso incluir la versión AMP para el blog)
4. Espacio disponible de texto de entre 400-800 palabras en todos los apartados de la web
5. Estilo en Headers lógico (que el h3 no sea más grande que el h1, por ejemplo, ni que esté por encima el uno del otro de forma desordenada)
6. No usar <H> en sitios irrelevantes (por ejemplo en el logo o en frases que no sean importantes)
7. Espacio para meta etiquetas varias (lo ideal sería incluir un apartado en el que se incluyan lineas que se sitúen entre el head de la página)
8. Tiempo de carga óptimo para lo que por ejemplo se debe evitar subir imágenes más grandes del espacio que utilizarán o no crear páginas infinitas (tan de moda últimamente)
9. Debe poderse editar cada una de las url de las páginas así como los ítems del menú
10. Debe poderse minificar el código html
11. Debe incluir el archivo htaccess disponible para editar en caso, por ejemplo, de tener que realizar redirecciones
12. Etc.

Requisitos externos o visibles de la web:

En la parte visible de la web vamos a necesitar que no sólo sea bonita sino que convierta, de nada nos servirá que aparezca en los primeros puestos de Google si no genera contactos o ventas, e incluso si es demasiado complicada para que el usuario interactúe.

Veamos varios ejemplos:

1. Necesitaremos llamadas a la acción situadas en la parte cálida de la web y que destaquen además de que se entienda claramente lo que va a ocurrir si se hace clic en dicho lugar
2. Facilitar el contacto con la empresa. Muchas veces creemos que queda mal poner el teléfono en la parte más superior de la web y nos limitamos a ponerlo en el footer sin tener en cuenta el canal de comunicación que necesitan los clientes de dicho negocio, ¿necesitan llamar por teléfono, mandar un mail o simplemente apretar un botón de “añadir al carrito”?
3. Necesitaremos reducir el camino al máximo, es decir, que el lugar donde queremos llevar a nuestros visitantes esté fácilmente accesible y no necesiten infinidad de clics para llegar.
4. Necesitamos que el cliente no tenga necesidad de hacer clic en “atrás” para volver a la página anterior sino que el camino sea siempre hacia adelante aunque el usuario crea que ha vuelto atrás.¿Cómo? Incluyendo siempre enlace a la home, por ejemplo.
5. Enlaces con formato distinto al resto del texto (no nos valen los que se encuentran camuflados)
6. Las páginas legales básicas deben estar incluidas (Aviso Legal, Cookies, etc.)

#3. Estructura de categorías del Site

Al plantear un diseño muchas veces los clientes se preocupan demasiado por lo que se ve y no tanto por la estructura que tendrá su web, es decir, por el árbol de categorías y subcategorías y, sin embargo, esta es una de las partes más importantes de cualquier negocio online, uno de los aspectos clave a la hora de que un usuario la elija o no para realizar su compra online.

¿Por qué? Porque es la primera manera de entender la lógica y contenido de un sitio. Se trata del esquema del mismo. La forma que nos guía por el camino adecuado hasta llegar a un lugar u otro de nuestra web.

Y dirás, ¿y a mi como diseñador en qué me afecta? Directamente a ti te da igual si hoy quieren tener 3 categorías y 20 subcategorías, y mañana cambian de opinión. Pero conoce los efectos devastadores de un cambio así…

¿Qué ocurre cuando cambiamos la estructura de una web cuando ya se ha indexado en Google?

1. Se produce un incremento de errores 404 de todos los enlaces que estaban enlazados en Google o en otros sitios externos
2. Si quien sigue el enlace es un cliente, puede provocar una experiencia negativa
3. Aumenta el rebote
4. Empeora el posicionamiento
5. Da sensación al usuario de ir por el panorama virtual como títere sin cabeza, sin tener las cosas claras

Por tanto no significa que la estructura determine el posicionamiento de una web o sea muy importante para Google, ya que podemos saltarnos niveles a través de enlaces internos contextualizados de los que ya hablaremos en otra ocasión, pero como hemos visto, hay otros problemas resultantes que provocarán efectos negativos y que pueden provocar el descontento de un cliente que pagó por un diseño web óptimo para el posicionamiento SEO en Google.

Lo mejor para todos es que el cliente tenga claro el esquema de la web desde el principio, así no habrá sorpresas innecesarias.

#4. Requisitos finales que harán de tu trabajo un diseño de 10

La guinda del pastel la pondrás si la entregas preparada para empezar a trabajar. Me explico, con aquellas herramientas que usan los SEOs más profesionales y básicas, es decir: Analytics y Search Console, con ellas conseguirás que empiecen a registrar las visitas desde el día en que se lance la web y acelerarás el proceso de indexación de la misma. No hablo de plugins porque no soy partidaria ni de unos ni de otros, todos tienen sus pros y sus contras, pero lamentablemente en WordPress son necesarios.

Volviendo a las recomendadas, si vas más allá y las implementas a través del Google Data Studio, no sólo tendrán la información anterior sino que podrán poner en marcha con más facilidad estrategias de CPC a través de AdWords que acelere el proceso de conseguir ventas de sus productos.

Además debe poder ser dinámica y poder ofrecer:

• bonos de descuento
• pop ups para la versión escritorio
• formularios de suscripción conectados a una base de datos
• descuentos por secciones

En definitiva, apta para potenciarla con las campañas de marketing online, tan importantes hoy en día, si queremos que una web llegue hasta lo más alto.

¿Estás preparado para crear tus mejores diseños?