SEO para imágenes con WordPress: guía para comunicadores

Una parte muy importante de los contenidos, tanto de cibermedios como de blogs de cronistas y comunicadores, consiste en imágenes, ya sean fotografías, infográficos, gráficos o bien ilustraciones. Indudablemente un primer motivo para su amplia utilización es la total sencillez que el medio digital da para el uso de información multimedia.

Pero lo más esencial es que el empleo de imágenes en los contenidos digitales cumple al menos 2 grupos de funciones:

• Para los usuarios: asisten a interpretar la información y proporcionan verosimilitud al contenido. Tanto si se trata de una nueva como de cualquier otro género (periodístico o bien no), realmente, un contenido carente de imágenes podría, simplemente, ser percibido como algo incompleto. 
• Para los buscadores: dan señales de autoridad al sitio, porque los buscadores web interpretan el contenido multimedia como indicador de calidad (a igualdad de otros factores), además de administrar puntos auxiliares de acceso al lugar, merced a los índices separados de imágenes que mantienen.

En lo que sigue, revisamos ambos aspectos con más detalle.

1) Funciones de las imágenes para los usuarios

• Las imágenes cumplen una función intrínseca en el procesamiento cognitivo de la información: el cerebro humano procesa mejor cualquier contenido cuando va acompañada de imágenes, más aún cuando las imágenes acompañan una información cuya naturaleza no es inherentemente visual. 
• Las imágenes añaden credibilidad a un contenido, siempre que la imagen esté debidamente relacionada con la información.
• Como consecuencia, los sitios web y los weblogs de comunicación que incorporan imágenes de forma regular son percibidos como sitios con mayor autoridad en su tema.
• Para que estas funciones tengan sitio, las imágenes en sí mismas deben ser relevantes, es decir, deben estar relacionadas  con los contenidos, y deben ser de calidad.

2) Funciones para los buscadores

• Las imágenes actúan como señal de contenido de calidad para los buscadores.
• Las imágenes asisten a los motores de búsqueda a interpretar el contenido y la relevancia de un sitio para un tema determinado.
• Los buscadores web como Google y Bing mantienen índices especializados en imágenes, lo que da puntos de acceso auxiliares a los blogs y sitios web.
• Como consecuencia, el empleo de imágenes mejora de forma muy considerable la visibilidad y el posicionamiento SEO de weblogs, noticias y sitios normalmente.
• Para que estas funciones tengan lugar, las imágenes deben estar tratadas mediante metadatos.

Como síntesis, podemos decir que se ha observado repetidamente que, como resultado de lo anterior, los contenidos digitales que incluyen imágenes tienen mucho más éxito en la red de redes. Un éxito que se mide en distintas métricas: número de visitas, permanencia, comparticiones, etc.

Back to top

1) Autoria y derechos de uso

Un componente auxiliar de calidad muy importante está relacionado con la autoría y los derechos de la imagen empleada. La autoría quiere decir que es importante, de manera especial para blogs y medios de comunicación, que el origen y la autoría de las imágenes esté bien determinada.

Por otro lado, solamente podemos emplear imágenes de las que dispongamos de derechos de empleo de forma totalmente clara, lo cual únicamente puede ocurrir en ciertos cuatro siguientes supuestos: (1) por ser los autores de la imagen, (2) por contar con de derechos de reproducción, (3) por tratarse de una imagen con derechos de reproducción liberados de forma explícita por el propietario de los mismos (p.e. imágenes con licencias de tipo Creative Commons) o bien, finalmente, (4) por tratarse de imágenes de dominio público por caducidad de los derechos de autor.

Para cada caso tenemos fuentes libres, lo que estimamos en el próximo apartado.

Back to top

2) Fuentes de imágenes

Para poder cumplir el primer grupo de funciones, la mejor imagen va a ser siempre o bien la que podamos generar por nuestros medios como una parte del esfuerzo de producción de nuestros contenidos, o bien a que esté directamente relacionada con el tema tratado en todos y cada caso (p.e. si la entrada es la recensión de un evento, la imagen conveniente va a ser la que hayamos podido captar en el curso del mismo, o la que faciliten los organizadores con permisos de difusión)

Pero en muchas ocasiones necesitamos imágenes para complementar contenidos y no disponemos de la posibilidad de producirla por nuestros medios, ni podemos aguardar que ningún actor social esté dispuesto a facilitarla. Esto sin contar con ciertos contenidos que no están asociados con historias o sucesos concretos, sino más bien con temas, los que no siempre y en todo momento tienen necesariamente asociado ninguna imagen específica, sino más bien en todo caso imágenes ideales.

El punto esencial es no trabajar jamás con imágenes de procedencia y autoría ignotas, tomadas de Internet después de una búsqueda utilizando Google, por poner un ejemplo, por más que se ajusten a los contenidos, en tanto que no sabremos nada sobre los derechos que pueda tener reservados.

Por el contrario, los bancos de imágenes, como o pueden ser la solución inmejorable. Si disponemos de presupuesto para la producción de contenidos, los bancos comerciales representan la opción preferente por la calidad de sus imágenes y por sus enormes comodidades de busca.

En otro caso, existen algunos bancos de imágenes que proporcionan fotografías o bien imágenes vcctoriales a coste cero y liberadas para su uso a través de licencias CC o afines. Ciertos más importantes son los siguientes:

En el siguiente artículo se proporciona una lista de bancos de imágenes, tanto comerciales (requieren una contraprestación de tipo económico) como de costo cero, y de sus estrategias primordiales de utilización:

En lo que sigue, ilustraremos la forma de optimar el SEO de las imágenes con el empleo de un Content Management System como WordPress, aunque debemos indicar que, de entrada, todo cuanto mostraremos acá se puede llevar cabo con cualquier otro Content Management System, pues utilizaremos metadatos que son comunes a cualquier sitio web al formar parte del estándar .

Como sea, los cuatro puntos de chequeo para el posicionamiento en buscadores de una imagen son los siguientes:

1. Nombre de archivo
2. Leyenda (pie de imagen)
3. Texto alternativo (a través de atributo alt)
4. Título (a través de atributo title)

Los examinamos a continuación.

Back to top

3) Nombre de archivo

Las imágenes son ficheros informáticos y como tales deben tener un nombre. El nombre del archivo es una oportunidad para utilizarlo de manera significativa. No solamente nos va a ayudar a organizar nuestras imágenes, sino que actuará como señal para los buscadores sobre su contenido.

Pongamos un ejemplo. Partimos de la siguiente imagen (en un caso así, una captura de pantalla):

Como vemos, se trata de la captura de pantalla de un sitio en la que vemos la cabecera o título del mismo y el título de una entrada. 2 posibilidades para dar nombre al archivo correspondiente:

• No significativo (empleo errado): captura117.png
• Significativo (empleo adecuado): ocm-guia-revistas-comunicacion-social.png

Back to top

4) Tratamiento de imágenes en WordPress

En primer sitio, presentaremos los 3 principales metadatos de las imágenes, no sin señalar (aunque esperamos que sea ocioso) la necesidad de que las imágenes sean de calidad, relacionadas con el tema de la publicación de la que forman parte y que, o sean de nuestra propiedad o autoría, o bien procedan de un repositorio con licencia CC o similar.

Back to top

5) Metadatos

A continuación mostramos tres metadatos más esenciales para imágenes utilizando la terminología de WordPres y con una pequeña explicación. Después, los vamos a mostrar  en el formulario de administración de imágenes de Wordpress y por último los vamos a mostrar en el código fuente.

• Leyenda: corresponde a lo que se suele llamar en Periodismo pie de foto (o de imagen) y, en ocasiones, título, si bien este último término es equívoco en este caso. Como sea, ya se llame leyenda, pie de imagen o bien caption (en ingles) consiste en una frase corta que describe la imagen. Es un factor perceptible en la web y aparece de manera inmediata debajo de la imagen en cuestión. En un caso así, utiliza el factor HTML denominado figcaption, a través de un código propio de WP (shortcode) que sirve para agregar el mentado pie en la página web. Tiene impacto en el posicionamiento web en buscadores porque forma parte del texto de la página y queda asociado a la imagen.

• Texto alternativo: originalmente servía para mostrar un texto gráfico de la imagen en los primeros años de la página web cuando no todos y cada uno de los navegadores podían enseñar elementos gráficos. Con el tiempo, se volvió un factor para facilitar la navegación para invidentes, pues los lectores de pantalla para personas con inconvenientes de visión leen el contenido de este metadato. También se emplea para apuntar a los motores de búsqueda el contenido de la imagen. En un caso así se trata de un atributo del elemento img (imagen) y su nombre es alt. Actualmente, se considera el metadato más importante y útil para describir imágenes y el de mayor impacto en el posicionamiento SEO.

• Title: se trata de otro atributo. En un caso así, se trata de uno de los atributos que pueden formar parte de cualquier elemento HTML y, por tanto, puede formar parte del elemento img (imagen). Se emplea a fin de que el navegador despliegue un texto breve cuando ubicamos el cursor sobre la imagen. Su función es proporcionar, tal como señala el nombre, un título para la imagen que puede completar tanto la leyenda como el texto alternativo. De forma adicional, puede ser empleado para informar del destino del link cuando la imagen. ciertamente, es un link. Tiene, como es lógico, una función de metadato por el hecho de que se supone que los buscadores emplean el contenido de este atributo para identificar el tema de la imagen, si bien se discute el impacto que puede tener en el posicionamiento en buscadores. El nombre del atributo es title.

Leyenda: corresponde a lo que se acostumbra a llamar en Periodismo pie de foto (o de imagen) y, a veces, título, aunque este último término es equívoco en este caso. Como sea, ya se llame leyenda, pie de imagen o bien caption (en ingles) consiste en una frase corta que describe la imagen. Es un factor perceptible en la página web y aparece inmediatamente debajo de la imagen en cuestión. En un caso así, utiliza el factor HTML denominado figcaption, a través de un código propio de Wordpress (shortcode) que sirve para añadir el citado pie en la web. Tiene impacto en el SEO por el hecho de que forma parte del texto de la página y queda asociado a la imagen.

Texto alternativo: originalmente servía para enseñar un texto descriptivo de la imagen en los primeros años de la página web cuando no todos y cada uno de los navegadores podían mostrar elementos gráficos. Con el tiempo, se volvió un factor para facilitar la navegación para invidentes, pues los lectores de pantalla para personas con inconvenientes de visión leen el contenido de este metadato. Asimismo se emplea para señalar a los buscadores web el contenido de la imagen. En un caso así se trata de un atributo del elemento img (imagen) y su nombre es alt. En la actualidad, se considera el metadato más importante y útil para describir imágenes y el de mayor impacto en el posicionamiento en buscadores.

Title: se trata de otro atributo. En un caso así, se trata de uno de los atributos que pueden ser parte de cualquier elemento HTML y, en consecuencia, puede formar parte del elemento img (imagen). Se usa para que el navegador despliegue un texto breve cuando ubicamos el cursor sobre la imagen. Su función es administrar, tal como señala el nombre, un título para la imagen que puede llenar tanto la historia de leyenda como el texto alternativo. De manera adicional, puede ser usado para informar del destino del enlace cuando la imagen. efectivamente, es un link. Tiene, lógicamente, una función de metadato por el hecho de que se supone que los buscadores web usan el contenido de este atributo para identificar el tema de la imagen, aunque se discute el impacto que puede tener en el posicionamiento web en buscadores. El nombre del atributo es title.

Back to top

6) Ficha de imágenes 

Vamos a examinar ahora como se agregan estos metadatos utilizando la ficha de descripción de imágenes de WP (esta ficha se abre cuando, en modo edición, situamos el cursor sobre una imagen y hacemos click sobre el icono del lápiz que aparece en un menú emergente):

En la captura precedente mostramos la forma de añadir metadatos a una imagen mediante la ficha correspondiente de WP, de arriba abajo vemos los próximos componentes de la ficha:

• Leyenda > equivalente HTML: figcaption
• Texto alternativo > equivalente HTML: atributo alt
• Atributo «title» de la imagen> equivalente HTML: atributo title
• Adicionalmente, vemos el destino del enlace (en el caso de una imagen que actúa como el principio de un enlace)

Si tomamos de nuevo el ejemplo de la imagen superior la distribución de contenidos en cada metadato vemos que nos ha quedado así:

• Leyenda: Captura del Portal OCM
• Texto alternativo: Cabecera del sitio del Observatorio de Cibermedios (OCM)
• Atributo «title» de la imagen: Ir al sitio web del OCM (por el hecho de que hemos empleado la imagen como enlace hacia el sitio mencionado

Back to top

7) Palabras clave

Dado que los metadatos, además de cumplir una función gráfica, pueden tener un esencial impacto en el posicionamiento web en buscadores, es conveniente que por lo menos en el componente Texto alternativo (atributo alt) aparezca la palabra o palabras clave por la cuales deseamos posicionar nuestra entrada.

Por este motivo, en el que encabeza este artículo he procurado que tanto en el Leyenda como en alt y en title, aparezcan las palabras clave posicionamiento web y también imágenes, para las que se supone que estoy interesado en posicionar esta entrada:

En la atrapa precedente podemos ver que he procurado emplear las palabras clave SEO + imágenes en los 3 lugares adhoc de la ficha correspondiente al diagrama de la parte superior de esta página, si bien también hubiese podido usar la expresión SEO para imágenes. Elegir la palabra clave más adecuada puede requerir algo de , cosa que no he llevado a cabo en esta ocasión (me agrada vivir peligrosamente).

En el futuro, se supone que cuando alguien use Google o Bing para buscar páginas web que traten de los temas señalados, esta entrada tendrá alguna ocasión de aparecer entre los primeros resultados (o no, primero por el hecho de que nadie puede tener esta seguridad con los variables algoritmos de los buscadores, y segundo por el hecho de que competir para la combinación de palabras clave SEO + imágenes, o bien incluso para la frase SEO para imágenes parece estar muy complicado).

En cualquier caso, es esencial no sobreoptimizar el posicionamiento de las páginas repitiendo demasiadas veces las mismas palabras, por el hecho de que Google puede penalizar la página si considera que tal cosa ha tenido sitio.

Una forma de supervisar que esto no suceda es contar el total de veces que aparece la palabra clave dividido por el número total de palabras de la página. Esto se puede hacer de manera automática merced a algunos plugins, por poner un ejemplo, con Yoast posicionamiento en buscadores. Hay discusión sobre el porcentaje óptimo, mas se puede considerar como sostener la densidad de palabra clave alrededor del dos por ciento.

, específicamente, uno de los complementos más usados considera inmejorable sostener la densidad de palabras clave entre el 0,5 y el 2,5 por ciento.

7.1) Componente Descripcion

Hay un componente auxiliar que podemos emplear para completar la descripción de las imágenes que no aparece en la ficha de imágenes cuando estamos editando una entrada.

Este componente, se llama, de forma diáfana, Descripción y solamente está libre cuando trabajamos desde la biblioteca de Medios del escritorio de WordPress.

Su función es la de permitir incorporar una descripción más larga que las precedentes y que WordPress emplea en el momento en que una imagen individual es accedida como una página web individual.

Aclaremos lo anterior: cada vez que agregamos una imagen a una página o bien una entrada, Wordpress crea una página web auxiliar que contiene esta imagen de forma individual. Como tal, puede ser accedida desde un navegador, y en tal caso, si hemos usado el componente Descripción (y el tema del sitio lo deja), en la página individual de la imagen aparecerá la descripción.

Back to top

8) Código fuente

Veamos ahora como queda en el código fuente de la página el tratamiento otorgado a una imagen. La siguiente captura de una fracción del código fuente de esta página muestra la codificación que ha generado WordPress de forma directa al cumplimentar la ficha anterior:

Back to top

9) Conclusiones

Las imágenes cumplen diferentes funciones en las publicaciones de un lugar o bien de un blog de comunicación. Hemos señalado que, en primer lugar, cumplen importantes funciones cognitivas y de verosimilitud de la información. 

Además, dan una importante ayuda para el posicionamiento SEO pues aportan señales de calidad para los buscadores, proporcionan puntos de acceso complementarios a la información mediante los indices de imágenes de los buscadores y proporcionan también indicaciones sobre la relevancia de los contenidos.

Para un lugar o un weblog de comunicación es esencial vigilar la calidad de las imágenes, su ocasión y el empleo de imágenes de las que dispongamos de licencia. Igualmente, es esencial aplicar al menos los 4 puntos de chequeo que hemos examinado y que, en el caso de emplear un Content Management System como WP, hemos mostrado acá la forma concreta de hacerlo.

Back to top

10) Para saber más

Back to top