Las páginas de resultados del motor de búsqueda de Google (SERP) tienen ahora tantos resultados de imagen como de texto. Antes de que estén disponibles los resultados de texto orgánico, Google coloca un enorme paquete de imágenes en las que se puede hacer clic en la parte superior de la página de resultados principal. A pesar de tus mejores esfuerzos de SEO, las fotos de tu sitio web podrían ser una fuente de tráfico orgánico que estás perdiendo. ¿Cómo puedes conseguir una parte de este valioso tráfico? ¡Texto alternativo de la imagen!
¿Sabes qué es el texto alternativo? El primer concepto de accesibilidad web es incluir texto alternativo para las imágenes. También es uno de los más difíciles de poner en práctica correctamente. Hay muchas imágenes en Internet con un texto alternativo incompleto, erróneo o malo. Determinar una etiqueta de título de imagen adecuada y equivalente, como tantos otros aspectos de la accesibilidad web, es a menudo una cuestión de interpretación personal. Este artículo proporcionará nuestra experimentada comprensión del uso aceptable del texto alternativo de las imágenes y ejemplos de texto alternativo.
Los temas sobre los que muchas empresas y editores crean contenidos requieren cada vez más imágenes para acompañar sus palabras. Si escribes sobre fotografía, los ejemplos fotográficos desde tu perspectiva son esenciales para que el lector disfrute de tu trabajo. Las capturas de pantalla de programas informáticos suelen ser la mejor manera de ilustrar su uso al tiempo que demuestran cómo utilizarlos.
¿Qué es el texto alternativo y cómo funciona?
¿Qué es el texto alternativo? También se conoce como "etiquetas alt de la imagen", las "etiquetas alt" son un tipo de código HTML que describe la apariencia y el propósito de una imagen en una página web.
Si una imagen de un sitio web no se carga en el ordenador de un usuario, el texto alternativo es la copia escrita que aparece en su lugar. Estas imágenes con texto alternativo ayudan al software de lectura de pantalla a describir las imágenes a los lectores con problemas de visión, además de permitir a los motores de búsqueda rastrear y calificar tu sitio web con mayor eficacia.
Tanto si realizas SEO para tu negocio, optimizar la imagen y el texto alternativo de tu sitio web es la clave para dar a tus visitantes una mejor experiencia de usuario, independientemente de cómo te hayan encontrado.
Las etiquetas alt se utilizan para:
- Añadir etiquetas Alt a las imágenes es, ante todo, un concepto de accesibilidad web. El texto alternativo de una imagen será leído por los usuarios con discapacidad visual que utilicen lectores de pantalla para ayudarles a entender una imagen en la página.
- Si un archivo de imagen no puede cargarse, el texto alternativo se mostrará en su lugar.
- Las etiquetas Alt proporcionan a los rastreadores de los motores de búsqueda un mejor contexto/descripción de la imagen, ayudándoles a indexarla correctamente.
3 ejemplos de texto alternativo (bueno y malo)
1. ¿Cuál es la diferencia entre una palabra clave y un detalle?
Imagen tomada del producto Strikingly
Texto alternativo malo: "La página de inicio de Strikingly crea un sitio web en minutos, empieza, es gratis"
¿Qué pasa con esa línea de texto alternativo? Hay demasiadas referencias a Strikingly. Usar el texto alternativo para meter palabras clave en frases rotas añade demasiada palabrería y no suficiente significado a la imagen. El editor valorará esas palabras clave, pero Google no.
En realidad, el texto anterior dificulta que Google entienda cómo se relaciona la imagen con el resto del sitio web o el artículo en el que se encuentra, lo que imposibilita que la imagen se clasifique para palabras clave de cola larga similares con mayores niveles de interés.
Buen texto alternativo: "Página de acceso al constructor de sitios web Strikingly"
2. Especificidad vs. Detalle
Imagen tomada del sitio web in.musafir.com
Texto alternativo malo: "perro en parís"
Aunque la línea de texto alternativo anterior sigue lógicamente la primera regla del texto alternativo, es decir, ser descriptivo, lo hace de forma incorrecta. Sí, la imagen de arriba muestra París, Francia, y un perro. Pero también es una imagen de la torre Eiffel, y un perro chihuahua. Si la imagen se encuentra, por ejemplo, en una entrada de blog sobre un viaje a Francia, Google necesitará estos detalles para indexarla correctamente.
Buen texto alternativo: "Perro chihuahua sentado en una silla roja junto a la Torre Eiffel, París, Francia."
3. Contexto vs. Especificidad
Imagen tomada del sitio web de Strikingly
El significado de las dos imágenes anteriores es sencillo, lo que puede ayudarnos a escribir un buen texto alternativo: una es del sitio web Strikingly, y la otra es de París, Francia. Pero, ¿qué ocurre si tu imagen carece de contexto oficial (como el nombre de un lugar) para explicarla?
Aquí es donde el tema del artículo o sitio web en el que subes la imagen puede ser útil.
Ejemplos de textos alternativos malos y buenos, según el motivo de la publicación
1. Para un artículo sobre el uso de programas de contabilidad
Texto alternativo malo: "Hombre señalando la pantalla del ordenador de una persona"
¿Por qué la línea de texto alternativo anterior no es suficiente para una página web sobre software de contabilidad? Es casi tan descriptivo y preciso como el texto alternativo bueno del ejemplo anterior. Este ejemplo profundiza mucho más en el tema de la escuela de negocios, afirmando que el público objetivo de esta página son los estudiantes. Por lo tanto, el texto alternativo de las imágenes debe representar esto.
Buen texto alternativo: "Hombre de negocios usando un software de contabilidad para instruir a un equipo de contabilidad"
2. Para un artículo sobre la escuela de posgrado
Texto alternativo malo: "Hombre señalando la pantalla del ordenador de una persona"
El texto alternativo anterior normalmente sería suficiente, pero como nuestro objetivo es publicar esta imagen junto a un artículo sobre la escuela de negocios, estamos perdiendo algunas opciones de palabras clave que podrían ayudar a Google a conectar la imagen con partes específicas del artículo.
Buen texto alternativo: "Profesor de una escuela de posgrado señalando la pantalla del ordenador de un estudiante"
Importancia del texto alternativo
1. Accesibilidad
Un principio fundamental del diseño web abierto es el texto alternativo. Su función principal (y todavía primordial) es explicar las fotos a los visitantes ciegos. Esto incluye a los lectores de pantalla y navegadores que bloquean las imágenes, así como a los usuarios discapacitados o incapaces de reconocer visualmente una imagen. Al utilizar texto alternativo con tus fotos, todos los usuarios, independientemente de su capacidad visual, apreciará el contenido de tu sitio.
2. Optimización de las imágenes en los motores de búsqueda
Incluir etiquetas Alt en tus fotos no sólo beneficia a los clientes, sino que también puede ayudarte a obtener beneficios de SEO, tanto explícitos como implícitos. Además de seguir las mejores prácticas para el título de las imágenes y la denominación de los archivos, incluir etiquetas Alt en las imágenes puede ayudar al SEO de las mismas.
Aunque la tecnología de reconocimiento de imágenes ha mejorado mucho con el tiempo, los rastreadores de búsqueda todavía no pueden "ver" las imágenes de una página web como nosotros, por lo que no es buena idea confiar únicamente en ellos para entenderlas. Es probable que, si no lo entienden o se equivocan, te clasifiques para palabras clave no deseadas o se pierda por completo.
Puedes utilizar el texto alternativo de las imágenes para incluir tu palabra clave objetivo. Dado que el uso de palabras clave en la página sigue siendo un factor de clasificación para los motores de búsqueda, te conviene crear un texto alternativo que explique la imagen y que, si es posible, utilice una palabra clave o una frase de palabras clave a la que te dirijas.
¿Cómo optimizar el texto alternativo?: mejores prácticas y cómo escribir buenos textos alternativos
- El texto alternativo de las imágenes debe ser descriptivo a la vez que simboliza la página web a la que da soporte. ¿Has entendido lo esencial hasta ahora?
- Describe detalladamente la imagen. Utiliza el tema y el significado de la imagen para orientarse. Sea lo más descriptivo posible al describir la imagen. En primer lugar, el texto alternativo está destinado a proporcionar descripciones de texto de las imágenes para los usuarios ciegos o con problemas de visión. Si una imagen no tiene ningún significado o importancia y sólo está ahí por motivos de diseño, debería colocarse en el CSS en lugar de en el HTML.
- Mantén las etiquetas Alt con 125 caracteres o menos. Al verbalizar esta explicación para los discapacitados visuales, las herramientas de lectura de pantalla suelen dejar de leer el texto alternativo en esta etapa, cortando el texto alternativo largo en momentos incómodos.
- No empieces tus etiquetas Alt con "foto de..." o "imagen de..." en lugar de "foto de..." o "Imagen de..." Mira enseguida la definición de la imagen. El software de lectura de pantalla (y, por tanto, Google) la reconocerá como una imagen en el código fuente HTML del post.
- Utiliza palabras clave, pero hazlo con moderación. Utiliza la palabra clave de tu artículo en el texto alternativo, si es sencillo hacerlo. Si no, piensa en utilizar palabras clave semánticas, que son simplemente los términos más relevantes dentro de una palabra clave de cola larga. Si la palabra clave principal de tu artículo es "cómo usar los planogramas", por ejemplo, puedes usar "usos de los planogramas" en tu texto alternativo en lugar de "cómo", ya que "cómo" puede ser difícil de incluir en el texto alternativo de una imagen de forma natural.
- No metas tu palabra clave en el texto alternativo de cada imagen. Incluye tu palabra clave en al menos una de las fotos del cuerpo si la entrada de tu blog incluye una secuencia de ellas. Escoge la foto que creas que representa mejor tu tema, y haz que sea tu palabra clave. En los medios circundantes, limítate a detalles más estéticos.
Las imágenes no deben utilizarse como texto. Esto es más un principio general de desarrollo web para el SEO que una mejor práctica específica de texto alternativo. Debes dejar de usar imágenes en lugar de palabras, ya que los motores de búsqueda no pueden leer el texto dentro de las imágenes. Si es necesario, utiliza el texto alternativo para aclarar lo que significa tu imagen.
Añadir texto alternativo a la imagen de tu sitio web
Ahora que has entendido la importancia del texto alternativo como herramienta de SEO y cómo escribir un buen texto alternativo, vamos a avanzar en cómo añadir texto alternativo a tus imágenes web.
Añadir texto alternativo a las imágenes individuales:
1. En tu editor web, navega hasta la imagen que quieras editar.
2. Pasa el ratón por encima de la imagen y selecciona "Editar".
3. Para añadir el texto alternativo, haz clic en "Añadir texto alternativo".
4. Debe seleccionarse "Guardar".
Imagen tomada del producto Strikingly
Añadir texto alternativo a las imágenes en las galerías:
1. En el editor de tu sitio, va a la sección de Galería.
2. Mueve el cursor sobre la imagen y selecciona "Editar".
3. Para añadir un título a tu imagen, haz clic en "Añadir título" (texto alternativo).
4. Para añadir una descripción a tu imagen, haz clic en "Añadir descripción".
5. Debe seleccionarse "Guardar".
Imagen tomada del producto Strikingly
El uso de imágenes en tus artículos inspira a la gente a leerlos, y las imágenes bien elegidas también te ayudarán a posicionarte bien en los resultados de búsqueda de imágenes al apoyar tu publicación. Sin embargo, recuerda ofrecer a tus fotos fuertes atributos: el texto Alt mejora el mensaje de tus artículos con las arañas de los motores de búsqueda y aumenta la usabilidad de tu sitio web.
¡Crea tu sitio web!
Un texto alternativo funciona mejor cuando está bien escrito. Pero, ¿dónde vas a publicar esas imágenes, artículos y blogs que acabas de crear? La respuesta es sencilla. ¡Crea un sitio web!
Imagen tomada del producto Strikingly
Strikingly tiene cientos de plantillas de sitios web impresionantes y gratuitos para elegir. Hay plantillas de sitios web de comercio electrónico, plantillas de sitios web de música, plantillas de fotografía, y mucho más para elegir.
Imagen tomada del producto Strikingly
Todo lo que tienes que hacer ahora es elegir la que mejor se adapte a las necesidades, el aspecto y el sonido de tu empresa. A continuación, regístrate gratuitamente en cuestión de minutos. Por último, personaliza tus páginas incorporando tu propio contenido y estilo.
Haz que tu texto Alt cuente.
¿Cómo puedes crear un texto alternativo para tus entradas de blog y páginas web? Considera la posibilidad de realizar una sencilla auditoría de tu contenido actual para determinar dónde puede añadirse el texto alternativo a las imágenes no etiquetadas anteriormente. Observa cómo cambia tu tráfico orgánico cuando añades nuevas etiquetas Alt a las páginas. Cuantas más fotos perfecciones, más eficaz será tu estrategia de SEO. Para más detalles, ¡contacta con nuestro chat de asistencia hoy mismo!
