Drupal, atributo alt en imágenes para SEO

CMS Drupal – Poner atributo alt en imágenes para mejorar SEO

Cómo seguramente sabéis los atributos alt y title son útiles a la hora de posicionar una web y mejorar su SEO, por eso es muy recomendable ponerlos siempre en todas las imágenes que utilicemos para el desarrollo de la web, especialmente el atributo alt. De hecho el atributo alt es obligatorio para cumplir con el Markup Validation de W3C. Cualquier URL se puede mirar si cumple los requisitos con el Markup Validation Service

No obstante, a pesar de la obligatoriedad del Markup Validation y el beneficio para el posicionamiento web que pueda representar el atributo alt es muy frecuente encontrar diseños para Drupal y/o otros CMS que no han implementado esta característica en algunos de los tipos de contenido que llevan incorporados. Ya sea el típico contenido de portfolio o blog que nos permite insertar imagenes, ya sean únicas para cada contenido o a modo de slider.

En estos casos si utilizáis Drupal y queréis poder indicar los atributos alt y title para mejorar el posicionamiento SEO de vuestra web, lo primero tendremos que ir a habilitar estos atributos para el campo de la imagen del tipo de contenido que queramos modificar. Para ello:

1. Vamos al menú de administración a las opciones Estructura->Tipos de contenido y seleccionamos el tipo de contenido que queremos modificar.
2. Pulsamos sobre Editar del campo de la imagen
3. Vamos a la pestaña Gestión campos
4. Nos desplazamos hacia abajo y habilitamos las check “Activar campo Alt” y “Activar campo Título”

A partir de este momento ya podremos indicar el valor de los campos a la hora de insertar nuevo contenido o bien modificar el existente, sin embargo aún no se mostrarán en el código html que genera la página, al no tenerlo en cuenta el código implementado por el tema. Para habilitar estos atributos deberemos modificar el fichero .tpl.php correspondiente, que suelen estar el el directorio /sites/all/themes/nombe_del_tema/templates.

Una vez localizado el fichero lo editamos (no olvideis hacer una copia antes) y buscamos dónde se renderiza la imagen. Por lo general encontraremos un código similar a:

que substituiremos por:

En caso de tener una campo imagen que nos permite cargar múltiples imágenes el código encontrado será similar a :

que substituiremos por:

Pulsamos sobre Editar del campo de

Una vez echo los cambios vaciad las caches, refrescarías la página y ya os deberían aparecer los alt y titles indicados.