¿Qué es un texto alternativo para imágenes de sitios web?
Publicado: 2020-09-29Introducción
Diseñar imágenes excelentes dentro del contenido de su sitio web es vital para una presencia en línea exitosa. Sin embargo, tener imágenes de calidad no es suficiente para garantizar que su página produzca el tráfico, las ventas y los clientes potenciales esperados. Con el rediseño de Google de la interfaz de usuario de búsqueda de imágenes, debe optimizar sus fotos para lograr los mejores resultados de SEO. Por lo tanto, los motores de búsqueda los entenderán fácilmente, lo que aumenta la visibilidad de su sitio para su público objetivo. Sería útil si utilizara texto alternativo en sus imágenes para lograr mejores resultados en las SERP.
Este artículo tiene como objetivo brindarle una explicación detallada de qué es el texto alternativo y el proceso para agregarlo a su estrategia de SEO. Si también se pregunta cuándo una imagen debe tener texto alternativo nulo, continúe leyendo para obtener todos los conocimientos esenciales.
HECHO : Las imágenes se devuelven para el 22,6% de las consultas de búsqueda en Google. Además, el 62 % de los consumidores de la generación Z y la generación del milenio quieren la búsqueda visual más que cualquier otra tecnología nueva.
¿Qué es el texto alternativo para las imágenes?
El texto alternativo, también conocido como atributos alternativos o descripciones alternativas, es un elemento HTML breve de unos 100 caracteres asignados para describir las imágenes de su página web. No siempre es visible para los visitantes frecuentes, pero ayuda a los rastreadores de los motores de búsqueda a comprender la función y la apariencia de sus fotos. Además, sus imágenes obtienen una mejor indexación que mejora la visibilidad de su sitio.
Además, el texto alternativo de la imagen HTML también ayuda a proporcionar un mejor acceso web a los usuarios con discapacidades visuales. En caso de que un archivo de imagen no se cargue en su página, la descripción alternativa aparece en su lugar para brindarles a los visitantes una imagen completa de su contenido. Así es como se vería en la práctica:
Mejores prácticas de texto alternativo
Al escribir texto alternativo para sus imágenes, debe cumplir con algunas de las mejores prácticas, como se explica a continuación;
Use palabras clave en sus descripciones alternativas
Siempre que utilice descripciones alternativas en sus imágenes, aproveche la oportunidad para indicar palabras clave dentro de su contenido. Facilita la comunicación con los motores de búsqueda sobre la relevancia de su página para una consulta de búsqueda específica.
Si le resulta difícil determinar las palabras clave altamente relevantes y rentables que debe utilizar, el generador de texto alternativo puede ser de gran ayuda. Le ayuda a conocer los términos correctos para usar que optimizarían sus descripciones alternativas para sus imágenes. Sin embargo, tenga en cuenta que debe evitar rellenar sus atributos alt con todas las palabras clave generadas. Dará como resultado un texto alternativo mal elaborado que puede ser penalizado por Google. Por ejemplo, en la imagen a continuación, notará que el buen ejemplo de texto alternativo explica fácilmente la imagen. Sin embargo, el ejemplo de abajo no va muy lejos al explicar de qué se trata la foto:
Mantén tu texto alternativo corto
Es una buena práctica usar un texto alternativo descriptivo, pero debes evitar escribir un párrafo completo para describir una imagen. Tenga en cuenta que la mayoría de los lectores de pantalla capturan hasta 125 caracteres del atributo alt, lo que garantiza que se ciña a un texto breve y conciso.
Sería mejor ir directo al grano y resaltar las características más destacadas de la imagen cuando los elementos son demasiados. Los aspectos esenciales deben brindar amplios detalles a los motores de búsqueda, y los usuarios relacionarán la foto con el contexto de su página.
Por ejemplo, el texto alternativo a continuación es demasiado largo cuando describe dos perros;
- Alt = perro gris a la izquierda y perro negro con orejas largas a la derecha acostado en el sofá con cubierta amarilla
Una excelente descripción alternativa sería la siguiente;
- Alt = perro gris y negro tirado en el sofá
Además, evite algunas descripciones que serían demasiado cortas de modo que no resalten un significado conciso como;
- Alt = dos perros
¡Pon a prueba tu SEO en 60 segundos!
Diib es una de las mejores herramientas de SEO del mundo. Diib utiliza el poder de los grandes datos para ayudarlo a aumentar rápida y fácilmente su tráfico y clasificaciones. Incluso le informaremos si ya merece una clasificación más alta para ciertas palabras clave.
- Herramienta SEO automatizada fácil de usar
- Monitoreo de palabras clave y backlinks + ideas
- Velocidad, seguridad, + seguimiento de Core Vitals
- Sugiere inteligentemente ideas para mejorar el SEO
- Más de 250,000k miembros globales
- Comparación integrada y análisis de la competencia
Utilizado por más de 250 000 empresas y organizaciones:
sincroniza con 
Se específico
Siempre que cree un texto alternativo, tenga en cuenta que debe describir la imagen de su página web. Por lo tanto, debe asegurarse de que sea lo más específico posible para la imagen. El objetivo es garantizar que todos los buscadores entiendan inmediatamente la imagen, incluso sin verla. Al diseñar el HTML de texto alternativo de su imagen, pregúntese si comprendería la relevancia de la descripción sin necesariamente ver la imagen.
usted estará interesado
Tendencias del tamaño del mercado de ropa de comercio electrónico 2021
Por qué es importante el SEO orgánico y cómo conseguirlo
¿Cuál es la tasa de conversión promedio de un sitio web?
Compare el SEO de su sitio web con el de sus competidores
¿Qué es el SEO en la página?
¿Cómo hacer SEO?
Por ejemplo, si tiene la intención de resaltar una imagen de perros jugando en un parque, puede hacerlo de la siguiente manera;
- Alt = perros pastores alemanes negros machos y hembras jugando en el parque
La descripción da una representación clara y precisa de lo que representa la imagen.
Por otro lado, sería un error escribirlo de la siguiente manera;
- Alt = perros jugando en el pasto
Evite escribir su texto alternativo solo para SEO
Es comprensible apuntar a mejorar la visibilidad al escribir sus descripciones alternativas. Sin embargo, no se concentre únicamente en mejorar el SEO, sino que también tenga en cuenta a sus buscadores. Recuerde, su atributo alt debe seguir siendo relevante para una imagen y contenido de página específicos. El texto alternativo se usa específicamente para personas con problemas de visión.
Cuadro de cotización: "Hay un número total estimado de 2 140 000 de personas que viven con pérdida de visión (2021) en el Reino Unido" (Herramienta de datos de pérdida de sitio, RNIB 2021)
Por lo tanto, rellenar su texto alternativo con palabras clave terminará perjudicando las clasificaciones de los motores de búsqueda en lugar de mejorar sus esfuerzos de SEO. Además, evite usar palabras clave similares y atributos alt para numerosas imágenes, ya que ambos escenarios pueden generar spam.
No omita los botones de formulario
En caso de que tenga un formulario en su sitio que utilice una imagen como botón de 'enviar', sería mejor darle un texto alternativo. Se supone que el botón de la imagen tiene una descripción alternativa que describe su función, como 'aplicar ahora', 'buscar', 'regístrate', entre muchas.
No incluya especificaciones adicionales
Recuerde que los usuarios y los motores de búsqueda asumen que el texto alternativo se refiere a una imagen en su sitio. Por lo tanto, no es necesario agregar otras especificaciones en sus atributos alt como 'imagen de', 'imagen de' y más.
Recuerda usar longdesc
Es posible que tenga algunas imágenes más complejas en su sitio web, por lo que necesita descripciones más largas. En tal caso, no olvide usar longdesc = 'explorar usando longdesc.' Aquí hay un buen ejemplo de cómo se vería técnicamente:
Evite usar imágenes como texto
Para un desarrollo web compatible con SEO, evite usar fotos en lugar de palabras, ya que los motores de búsqueda no leerán el texto dentro de las imágenes. Sin embargo, si es necesario, asegúrese de exponer lo que dice su imagen dentro de su atributo alt.
Cómo funciona el texto alternativo
Tenga en cuenta que los motores de búsqueda no pueden ver las imágenes de la misma manera que nosotros. Por lo tanto, sería útil que ofreciera ayuda a Google para asegurarse de que comprende de qué se tratan las fotos. Esta es una de las razones por las que es crucial que asigne nombres a sus imágenes para que tengan accesibilidad de texto alternativo y nombres de archivo para ayudar a los rastreadores a "ver" las imágenes en su página.
Cómo agregar texto alternativo a las imágenes
La mayoría de los CMS que puede utilizar para diseñar y realizar cambios en el texto alternativo son sencillos. Con solo un clic en una foto en el cuerpo de la publicación, obtiene un módulo de texto enriquecido o una optimización de imagen para diseñar el atributo alt.
También varía según el diseño web de su página. En la mayoría de los casos, la mayoría de los sitios te proporcionarán una sección donde ingresas tu descripción alternativa cuando se carga una foto. Además, también tiene la oportunidad de realizar modificaciones adicionales en la imagen cargada. Luego se codifica en su página en un formato HTML de texto de imagen.
Si utiliza la 'función de inspección' de un navegador, verá el código HTML. Por ejemplo, cuando use Chrome, haga clic en una foto en la página web y toque las funciones de inspección del menú desplegable. Luego verá aparecer una ventana con la etiqueta HTML del sitio que muestra 'alt = seguido de la descripción alt'.
Aquí hay una ilustración de cómo agregar texto alternativo en diferentes plataformas;
· WordPress
Al usar WordPress, el proceso es sencillo. Vaya a la ventana del editor y toque una imagen. Verá un campo en la configuración de la imagen para su 'texto alternativo (texto alternativo)' para crear o realizar cambios en su descripción alternativa.
Alternativamente, puede ir a la biblioteca de medios y hacer clic en una imagen preferida. Verá las opciones donde puede editar o diseñar su texto alternativo.
(Crédito de la imagen: wpbeginner)
· Wix
Wix también ha intensificado sus esfuerzos para hacer que la plataforma sea más compatible con SEO. Ahora puede agregar descripciones alternativas a las fotos en su tienda y realizar las modificaciones necesarias.
Vaya a la ventana de edición y presione la imagen a la que desea agregar el texto alternativo. En la configuración, verá una opción para "¿Qué hay en la imagen?" En esta área, agregue su descripción alternativa. Aquí está esa página:
(Crédito de la imagen: wix.com)
· Magento
Magento es otra plataforma que ofrece un procedimiento sencillo para agregar el atributo alt.
Toque en la sección del catálogo para elegir el producto preferido que desea agregar el texto alternativo. Luego desplácese a la categoría de videos e imágenes y haga clic en una foto específica para agregar o editar la descripción alternativa. Aquí está la pantalla de texto alternativo de Magento:
(Crédito de la imagen: Magento)
· Shopify
El uso de Shopify le permite agregar el atributo alt tanto al producto como a las imágenes del tema.
Si desea optimizar la descripción alternativa en las fotos de productos, vaya a la sección 'productos' y luego haga clic en la lista de artículos que desea editar. En la página de detalles del elemento, toque el elemento multimedia y busque la página de vista previa multimedia. A continuación, agregue su texto alternativo. Por ejemplo:
(Crédito de la imagen: cada vez más)
Al agregar el atributo alt a las imágenes de su tema, vaya a la sección 'tienda en línea', busque 'temas' y luego toque para personalizar el tema de su tienda. Verá la sección de menú en el lado izquierdo donde hace clic en bloques de imágenes y fotos individuales. Luego verá un cuadro de texto donde puede editar o agregar su descripción alternativa.
¿Por qué el texto alternativo es esencial para un buen SEO?
Ahora que ha aprendido cómo agregar texto alternativo a las imágenes, es posible que se pregunte por qué necesita usarlos en su sitio web y a quiénes benefician. Los tres grupos principales que son los primeros beneficiarios de los atributos alt son;
- Motores de búsqueda : cuando usa la descripción alternativa, ayuda a los motores de búsqueda a interpretar el tema en una imagen específica. Por lo tanto, Google puede determinar rápidamente cuándo incluir su foto en los resultados de búsqueda relevantes, dando a las imágenes de texto alternativo una mayor probabilidad de ser encontradas.
- Visitantes con discapacidad visual : el uso de descripciones alternativas proporciona a los visitantes con discapacidad visual un sustituto de las imágenes. Por lo tanto, permite a los usuarios utilizar programas que leen el texto en voz alta para comprender qué agregan las fotos a su contenido.
Por ejemplo, si esas personas navegan a través de un sitio web que utiliza imágenes de navegación, será un desafío descubrir varias categorías. Sin embargo, si las fotos contienen atributos alternativos, pueden moverse por todo el sitio.
- Comercializadores : cuando utiliza descripciones alternativas en sus imágenes, su página tiene más posibilidades de obtener clasificaciones más altas en los resultados de búsqueda. Como resultado, su sitio recibe más tráfico en Google gracias a la optimización.
Le ayuda a mejorar el conocimiento de su marca, especialmente cuando sus imágenes contienen el nombre de su empresa. Además, cuanto más alto esté su página en los resultados de búsqueda, más personas harán clic en los resultados de la imagen para visitar su sitio web.
HECHOS :
- Dan Morgan de WebSpection consiguió que una de sus fotos ocupase el primer lugar en Google Images como "mejor persona de Cardiff" en menos de cuatro días mediante la optimización de su imagen.
- Y, Robbie Richards generó 150,732 visitas agregando etiquetas alternativas de imagen, comprimiendo imágenes y algunos otros trucos de SEO.
—Diario del motor de búsqueda
Razones principales por las que el texto alternativo es vital para su sitio web
- Para mejorar la accesibilidad: tenga en cuenta que la mayoría de los buscadores suelen tener problemas de visión; por lo tanto, utilizan lectores de pantalla mientras consumen contenido en línea. Se supone que las descripciones alternativas describen diferentes imágenes en su página para los visitantes que no pueden verlas. Si no utiliza los atributos de texto alternativo en sus imágenes, los usuarios no podrán entender el contenido de su página. Los lectores de pantalla terminan omitiendo esas fotos o incluso leen nombres de archivo largos e inútiles.
- Para mejorar la relevancia temática: para que Google comprenda el contenido de su página, analiza los diferentes términos utilizados. Por otro lado, cuando incluye imágenes en su sitio, los motores de búsqueda no pueden averiguar su propósito. Por lo tanto, debe tener un atributo alt ya que el contexto puede estar "bloqueado" en las imágenes.
- Para ayudarlo a clasificarse en Google Images: el uso de texto alternativo también ayuda a su página a clasificarse más alto en el motor de búsqueda de imágenes de Google. Además, la gente lo pone cada vez más por delante de otras plataformas como Bing y YouTube cuando buscan fotos.
- Para servir como textos de anclaje para enlaces de imagen: En muchos sitios, los textos de anclaje vinculan una página a otra. Los motores de búsqueda los usan para comprender más sobre su sitio web y lo que implica. También puede usar atributos alt para cumplir el mismo propósito.
- Cuándo debe tener una imagen un texto alternativo nulo : es una buena práctica asegurarse de incluir siempre el atributo alt en sus imágenes para obtener una mejor clasificación en los motores de búsqueda. Al mismo tiempo, es posible que se pregunte cuándo una imagen debe tener texto alternativo nulo.
No tienes que usar texto alternativo en algunos casos, especialmente cuando la imagen no contiene detalles vitales o se usa con fines decorativos.
Por ejemplo, si su sitio web usa íconos para separar varias secciones de contenido, las imágenes están destinadas a hacer que su página se vea bonita. Por lo tanto, no es necesario agregar texto alternativo, ya que puede terminar molestando a los usuarios con lectores de pantalla y no agregará valor de SEO a su página.
Además, las imágenes genéricas y de stock no necesitan accesibilidad de texto alternativo. Además, insertar uno no sería útil para los lectores con discapacidad visual.
Esperamos que este artículo le haya resultado útil.
Si desea obtener más información interesante sobre el estado de su sitio, obtener recomendaciones y alertas personales, escanee su sitio web por Diib. Solo toma 60 segundos.
Cómo puede encontrar y solucionar problemas con el texto alternativo
Si desea obtener mejores resultados con el texto alternativo, le será útil realizar una auditoría en las páginas con tráfico para realizar las mejoras necesarias. Este es el procedimiento que puede utilizar para realizar el escrutinio;
Encuentra las páginas más visitadas
Primero, comienza por hacer una verificación exhaustiva para conocer tus páginas más visitadas orgánicamente por tu audiencia. Puede pasar por varias plataformas como Google Search Console, Google Analytics o el informe en 'páginas principales' en el explorador de sitios de Ahrefs.
Audita tus descripciones alternativas
Al realizar una auditoría en sus descripciones alternativas, puede usar la extensión de Chrome Alt Text Tester. Comience instalando la herramienta gratuita, luego cargue la página con más tráfico y active la extensión. Esto es lo que parece:
Cada vez que pasa el cursor sobre una foto, verá la descripción alternativa que se muestra en la plataforma. En caso de que falte el atributo alt, debería mostrar una advertencia como 'falta el texto alternativo'.
Para todo el texto alternativo en su contenido, revise varios de ellos en sus imágenes. Después de algunos controles, la herramienta lo ayuda a determinar si sus imágenes están mal o bien optimizadas o no están optimizadas.
Repita para más páginas
El último proceso debería implicar repetir el mismo procedimiento para las páginas que han generado más tráfico. El proceso debería darle una idea de si la optimización de su descripción alternativa es excelente o si necesita algunas mejoras.
Diib: ¡Proporcionando estadísticas y monitoreo de texto alternativo!
Como propietario de un sitio web, agregar descripciones alternativas es sencillo, independientemente de la plataforma web que utilice. Además, tenga en cuenta que no todas las imágenes de su página requieren texto alternativo, ya que no tendrían sentido para los motores de búsqueda o para las personas con problemas de visión. El Panel de usuario de Diib analiza todo el texto alternativo en su sitio web y perfil de Facebook, brindándole información procesable para mejorar. Estas son algunas de las funciones que sabemos que te encantarán:
- Alertas personalizadas, que lo mantienen informado sobre el estado de su sitio web y cualquier cambio en los algoritmos de Google que pueda afectar sus patrones de tráfico.
- Objetivos con sugerencias personalizadas sobre formas de mejorar la salud de su sitio web y el tráfico orgánico.
- Información no solo sobre su propio estado de texto alternativo, sino también sobre el de sus competidores clave.
- Sincronice su perfil de Facebook para obtener información sobre los detalles de su campaña en las redes sociales. Cosas como el rendimiento de las publicaciones individuales, la demografía de los usuarios, la mejor hora del día para publicar y las conversiones.
- Proporcione una sesión colaborativa mensual con un experto en crecimiento de Diib que pueda ayudarlo a ajustar sus esfuerzos de SEO y guiarlo hacia el crecimiento y el éxito de Shopify.
Llame hoy al 800-303-3510 o haga clic aquí para obtener su escaneo gratuito de 60 sitios web y obtener más información sobre sus fortalezas y debilidades de SEO.