Bolt CMS: seo en los enlaces de los menus

Hola lectores... (porque me lee alguien, no?)

Después de bastante tiempo sin publicar, quiero retomar la sana costumbre de publicar algún post de vez en cuando. Y esta vez en vista de la caída de visitas por tener la web abandonada, me ha dado por revisar un poco el tema del seo y como esta a nivel de la web.

Y puedo decir que tenía bastantes cosas por arreglar (enlaces rotos, imagenes que no cargan, problemas con las cajas de código, etc). En resumen que he estado corrigiendo cosas, y entre las correcciones y el nuevo contenido espero ir recuperando poco a poco las visitas.

Introducción

Aunque hacía tiempo que había modificado la base de datos para tener campos específicos de seo para la metadescripion, títulos, etc. No tenían ninguna manera de controlar los enlaces de los menús, es decir, quería aplicar un nofollow a un enlace de un menú y no había manera.

Nofollow y noindex ¿todo esto para qué?

Básicamente se trata de optimizar nuestra página web a nivel de seo. Dentro de nuestro blog podemos tener enlaces de secciones que aportan información al usuario, pero que no nos importa que estén indexadas, ni queremos que el bot de google pierda el tiempo escaneandolas. Un clásico ejemplo es la página de aviso legal o política de cookies.

La maneras más sencilla de hacer esto, es añadir un rel="nofollow" a los enlaces del menú que no nos interesa. En el panel de control de bolt, podemos editar los menús (en Configuración > Configuración de menús), pero no hay ninguna opción específica para poder añadir un rel="loquesea" a esos enlaces.

Como van a funcionar nuestros menús a nivel de seo

Por defecto, si no se especifica nada en el panel de configuración de los menús, añadirá por defecto un rel="index,follow" a todos los enlaces.

Si añadimos el parámetro rel="index,nofollow" a la entrada del menu, se mostrará un enlace nofollow en el menu.

Hay que destacar que el sistema no realiza ningún tipo de validación, si añadimos un rel="pericodelospalotes", en el menú el enlace contendrá un rel="pericodelospalotes". Esto es útil por si queremos añadir otros contenidos diferentes en el campo rel del enlace del menú.

A continuación, voy a explicar un método sencillo para implementarlo, vamos a la chicha...

Método para implementar nofollow en los menus

Lo primero que debemos hacer es ir al panel de control de configuración de menús (en Configuración > Configuración de menús). En la entrada del menú correspondiente, añadiremos el campo rel="noindex,nofollow", por ejemplo, yo en el menú inferior en la opción de cookies lo tengo asi

footer:
  - label: Cookies
    title: Política de cookies
    path: politica-de-cookies
    rel: noindex,nofollow
    class: first

A continuación, debemos editar nuestra plantilla .twig correspondiente a los menús, en el tema que estoy utilizando es el fichero _sub_menu.twig. Añadimos el siguiente código:

rel='{% if item.rel is defined %}{{ item.rel }}{% else %}index,follow{% endif %} '

Lo debemos añadir dentro del tag del enlace, por ejemplo yo lo tengo asi:

<a itemprop="name" href="{{ item.link }}" {% if item.title is defined %}title='{{ item.title|escape }}'{% endif %}
       class='{% if item.class is defined %}{{item.class}}{% endif %}'
       rel='{% if item.rel is defined %}{{ item.rel }}{% else %}index,follow{% endif %} '>
        {{item.label}}
</a>

Con estos sencillos cambios tendremos un control total sobre los enlaces de los menús. Como comente anteriormente, esto es muy importante a la hora del seo y así evitar que el bot de google pierda el tiempo escaneando páginas de secciones que no nos interesa que sean indexadas por el buscador.

Si combinamos esto con algun plugin de seo (por ejemplo Bolt SEO extension de Bob den Otter), podremos optimizar el posicionamiento de nuestros post en los principales buscadores.

Otra opción es ampliar nuestros contenttypes con campos específicos para el seo, pero conlleva más trabajo,