wikipediaillustrated

marketing

Texto alternativo de imagen: qué es, cómo escribirlo y por qué es importante para el SEO

image alt

Si dedica tiempo a optimizar el contenido, los encabezados, los subtítulos y las meta descripciones de su blog o sitio web para los motores de búsqueda, la siguiente imagen debería alarmarlo:

La captura de pantalla anterior es la primera página de resultados del motor de búsqueda (SERP) que Google produce para el término de búsqueda «ejemplos de tablas de Excel». Observe cómo, además de la pestaña «Imágenes» en la parte superior, Google atrae un paquete sustancial de imágenes en las que se puede hacer clic al comienzo de la página principal de resultados, antes de que los resultados de texto orgánico sean visibles.

Hoy, casi 38% de las SERP de Google mostrar imágenes, y es probable que aumente. Eso significa que, a pesar de sus mejores esfuerzos de SEO, aún podría estar perdiendo otra fuente de tráfico orgánico: las imágenes de su sitio web. ¿Cómo entras en esta fuente de tráfico? Texto alternativo de la imagen.

Mejore su sitio web con SEO técnico efectivo.  Comience por realizar esta auditoría.

Ya sea que realice o no SEO para su negocio, optimizar el texto alternativo de la imagen de su sitio web es su boleto para crear una mejor experiencia de usuario para sus visitantes, sin importar cómo lo encontraron por primera vez.

Cómo agregar texto alternativo a tus imágenes

En la mayoría de los sistemas de administración de contenido (CMS), hacer clic en una imagen en el cuerpo de una publicación de blog produce una optimización de imagen o módulo de texto enriquecidodonde puedes crear y cambiar el texto alternativo de la imagen.

Veamos cuáles son los siguientes pasos para CMS Hub y WordPress a continuación.

Cómo agregar texto alternativo en HubSpot CMS

En HubSpot, una vez que hayas hecho clic en una imagen y hayas hecho clic en el icono de edición (que parece un lápiz), aparecerá un cuadro emergente de optimización de imagen.

Así es como se ve esta ventana de optimización de imagen en la CMS dentro de tu portal de HubSpot:

Campo de texto alternativo dentro de la ventana emergente Optimización de imágenes en el Editor de contenido de CMS Hubs

Luego, su texto alternativo se escribe automáticamente en el código fuente HTML de la página web, donde puede editar más el texto alternativo de la imagen si su CMS no tiene una ventana de texto alternativo fácilmente editable. Así es como se vería esa etiqueta alt en el código fuente de un artículo:

Etiqueta de texto alternativo de imagen resaltada en el código fuente HTML de una publicación de blog en CMS Hub

Cómo agregar texto alternativo en el CMS de WordPress

En WordPress, al hacer clic en una imagen se abrirá automáticamente la Cuadra pestaña en la barra lateral. En la sección denominada «Configuración de imagen», agregue el texto alternativo en el campo vacío.

Agregue texto alternativo en la sección Configuración de imagen de la pestaña Bloquear en la barra lateral de su panel de WordPress

Cuando esté listo, haga clic en Actualizar desde la barra de herramientas en la parte superior de la pantalla.

¿La regla más importante del texto alternativo? Sea descriptivo y específico. Sin embargo, ten en cuenta que esta regla de texto alternativo puede perder su valor si tu texto alternativo no tiene en cuenta el contexto de la imagen. El texto alternativo puede fallar en la marca de tres maneras diferentes. Considere los siguientes ejemplos.

3 ejemplos de texto alternativo de imagen (lo bueno y lo malo)

1. Palabra clave vs detalle

Mural naranja que dice

Texto alternativo incorrecto

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

¿Qué tiene de malo la línea de texto alternativo de arriba? Demasiadas referencias a HubSpot. El uso de texto alternativo para rellenar palabras clave en oraciones fragmentadas agrega demasiada pelusa a la imagen y no tiene suficiente contexto. Esas palabras clave pueden ser importantes para el editor, pero no para los rastreadores web.

De hecho, el texto alternativo anterior dificulta que Google comprenda cómo se relaciona la imagen con el resto de la página web o el artículo en el que está publicada, lo que impide que la imagen se clasifique para el contenido relacionado. cola larga palabras clave que tienen mayores niveles de interés detrás de ellos.

Peor aún, si agrega demasiadas palabras clave, puede incurrir en una penalización de Google.

Buen texto alternativo

Con el mal texto alternativo (arriba) en mente, un mejor texto alternativo para esta imagen podría ser:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. Detalle vs. Especificidad

David Ortiz de los Medias Rojas de Boston bateando desde el plato en Fenway Park

Imagen vía Winslow Townson

Texto alternativo incorrecto

alt="Baseball player hitting a ball at a baseball field"

La línea de texto alternativo anterior técnicamente sigue la primera regla del texto alternativo: sea descriptivo, pero no está siendo descriptivo de la manera correcta. Sí, la imagen de arriba muestra un campo de béisbol y un jugador golpeando una pelota de béisbol. Pero esta también es una imagen de Fenway Park, y el número 34 de los Medias Rojas, David Ortiz, marcando uno sobre el jardín derecho. Estos son detalles importantes que Google necesitaría para indexar correctamente la imagen si está, por ejemplo, en una publicación de blog sobre deportes de Boston.

Buen texto alternativo

Con el mal texto alternativo (arriba) en mente, un mejor texto alternativo para esta imagen podría ser:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. Especificidad vs. Contexto

Profesor de marketing apuntando a la pantalla de la computadora de un estudiante durante una lección sobre texto alternativo

Imagen vía Universidad de California en Los Ángeles

Las dos imágenes anteriores tienen un contexto claro que puede ayudarnos a escribir un buen texto alternativo: una es de una oficina de HubSpot y la otra es Fenway Park. Pero, ¿qué sucede si su imagen no tiene un contexto oficial (como el nombre de un lugar) para describirla?

Aquí es donde deberá usar el tema del artículo o la página web en la que está publicando la imagen. Estos son algunos ejemplos malos y buenos de texto alternativo según el motivo por el que lo publicas:

Para un artículo sobre asistir a la escuela de negocios

Texto alternativo incorrecto

alt="Woman pointing to a person's computer screen"

La línea de texto alternativo anterior normalmente pasaría como un texto alternativo decente, pero dado que nuestro objetivo es publicar esta imagen con un artículo sobre ir a la escuela de negocios, nos estamos perdiendo algunas opciones de palabras clave que podrían ayudar a Google a asociar la imagen con ciertas secciones del artículo.

Buen texto alternativo

Con el mal texto alternativo (arriba) en mente, un mejor texto alternativo para esta imagen podría ser:

alt="Business school professor pointing to a student's computer screen"

Para una página web sobre software educativo para profesores de escuelas de negocios

Texto alternativo incorrecto

alt="Teacher pointing to a student's computer screen"

La línea de texto alternativo anterior es casi tan descriptiva y específica como el buen texto alternativo del ejemplo anterior, entonces, ¿por qué no es suficiente para una página web sobre software educativo? Este ejemplo profundiza aún más en el tema de la escuela de negocios y especifica que la audiencia ideal para esta página web son los profesores. Por lo tanto, el texto alternativo de la imagen debe reflejar eso.

Buen texto alternativo

Con el mal texto alternativo (arriba) en mente, un mejor texto alternativo para esta imagen podría ser:

alt="Professor using education software to instruct a business school student"

Prácticas recomendadas de texto alternativo de imagen

En última instancia, el texto alternativo de la imagen debe ser específico pero también representativo del tema de la página web que respalda. ¿Tienes la idea tan lejos? Aquí hay algunas claves importantes para escribir texto alternativo de imagen efectivo:

  • Describa la imagen y sea específico. Usa tanto el tema de la imagen como el contexto para guiarte.
  • Agregue contexto que se relacione con el tema de la página. Si la imagen no presenta un lugar o una persona reconocible, agregue contexto según el contenido de la página. Por ejemplo, el texto alternativo para una imagen de archivo de una persona escribiendo en una computadora podría ser «Mujer optimizando el sitio web de WordPress para SEO» o «Mujer investigando plataformas de blogs gratuitas», según el tema de la página web.
  • Mantenga su texto alternativo de menos de 125 caracteres. Las herramientas de lectura de pantalla normalmente dejan de leer el texto alternativo en este punto, cortando el texto alternativo extenso en momentos incómodos al verbalizar esta descripción para las personas con discapacidad visual.
  • No comience el texto alternativo con «imagen de…» o «Imagen de…» Salta directamente a la descripción de la imagen. Las herramientas de lectura de pantalla (y Google, para el caso) lo identificarán como una imagen del código fuente HTML del artículo.
  • Utilice sus palabras clave, pero con moderación. Solo incluye la palabra clave objetivo de tu artículo si se incluye fácilmente en tu texto alternativo. Si no, considere semántico palabras clave, o simplemente los términos más importantes dentro de una palabra clave de cola larga. Por ejemplo, si la palabra clave principal de su artículo es «cómo generar clientes potenciales», puede usar «generación de clientes potenciales» en su texto alternativo, ya que «cómo» puede ser difícil de incluir en el texto alternativo de la imagen de forma natural.
  • No introduzca su palabra clave en el texto alternativo de cada imagen. Si su publicación de blog contiene una serie de imágenes corporales, incluya su palabra clave en al menos una de esas imágenes. Identifique la imagen que crea que es más representativa de su tema y asígnele su palabra clave. Cíñete a descripciones más estéticas en los medios que te rodean.
  • Revisión de errores ortográficos. Las palabras mal escritas en el texto alternativo de la imagen pueden dañar la experiencia del usuario o confundir a los motores de búsqueda que rastrean su sitio. Debe revisar el texto alternativo como lo haría con cualquier otro contenido en la página.
  • No agregue texto alternativo a cada imagen. Debe agregar texto alternativo a la mayoría de las imágenes en una página web por el bien de SEO, UX y accesibilidad; sin embargo, hay excepciones. Las imágenes que son puramente decorativas o que se describen en un texto cercano, por ejemplo, deben tener un atributo alt vacío. Para obtener un desglose más detallado de cuándo agregar texto alternativo y cuándo no, consulte esto árbol de decisión.

Cómo afecta el texto alternativo al SEO

De acuerdo a Googlese usa texto alternativo, en combinación con algoritmos de visión por computadora y el contenido de la página, para comprender el tema de las imágenes.

Por lo tanto, el texto alternativo ayuda a Google a comprender mejor no solo de qué tratan las imágenes, sino también de qué trata la página web en su conjunto. Esto puede ayudar a aumentar las posibilidades de que sus imágenes aparezcan en los resultados de búsqueda de imágenes.

Al crear contenido sobre un tema, considere cómo su audiencia podría preferir encontrar respuestas a sus preguntas sobre ese tema. En muchos casos, los buscadores de Google no quieren el clásico resultado de búsqueda azul con hipervínculos, quieren la imagen en sí, incrustada dentro de su página web.

Por ejemplo, un visitante que busca cómo eliminar duplicados en Excel podría preferir una captura de pantalla para que pueda comprender cómo completar la tarea de un vistazo.

La publicación de blog que describe cómo eliminar duplicados en Excel incluye imágenes con texto alternativo para respaldar el contenido

Fuente de imagen

Debido a que esta imagen tiene texto alternativo optimizado, aparece en los resultados de búsqueda de imágenes para la palabra clave de cola larga «cómo eliminar duplicados en Excel». Dado que la publicación también aparece en los resultados de búsqueda web para la misma palabra clave, los visitantes pueden llegar a la publicación del blog a través de estos dos canales diferentes.

¿Por qué es importante el texto alternativo de la imagen?

Ya hemos aludido a varias razones por las que el texto alternativo de la imagen es importante: a saber, la accesibilidad, la experiencia del usuario y el tráfico de imágenes. Comprender estas razones lo ayudará a escribir el mejor texto alternativo posible para sus imágenes. A continuación, veremos más de cerca las principales razones por las que el texto alternativo de la imagen es importante.

Accesibilidad

En 1999, W3C publicó su Pautas de accesibilidad del contenido web 1.0 con el fin de explicar cómo hacer que los contenidos sean más accesibles para los usuarios con discapacidad. Una de estas pautas fue «Proporcionar alternativas equivalentes al contenido auditivo y visual». Eso significaba que cualquier página web que incluyera imágenes (o películas, sonidos, applets, etc.) debería incluir el equivalente…

Puede que también te guste...

Deja una respuesta

Tu dirección de correo electrónico no será publicada.