Poner atributo Alt en imagenes, web desarrolladas en Drupal, pare mejorar el SEO

Dupal, atributo alt en imagenes para SEO

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

Como 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 posicinamiento 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.

    Modificar estructura tipo de contenido en Drupal
  2. Pulsamos sobre Editar del campo de la imagen

    Seleccionar campo a modifciar entructura Drupal
  3. Vamos a la pestaña Gestion campos
  4. Nos desplazamos hacia abajo y habilitamos las check “Acticar campo Alt” y “Activar campo Título”

    Acticar campo Alt y Title en imagen Drupal

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 ovideis hacer una cópia antes) y buscamos donde se renderiza la imagen. Por lo general encontraremos un código similar a:

Código php sin atributo Alt ni Title

que substituiremos por:

Poner atributo Alt y Title en Drupal

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

Código php sin atributo Alt ni Title para Slider

que substituiremos por:

Poner atributo Alt y Title en slider para Drupal

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

Comparte este post

Sobre Nosotros

Connecting eDots es un proyecto de consultoría especializada en consultoría tecnológica, consultoría estratégica, desarrollo y posicionameinto web (SEO y SEM) liderada por profesionales con amplia experiencia en el sector.