Comprender el atributo del título de la imagen

Optimizar las imágenes de su sitio web no es una tarea pequeña. No solo debe asegurarse de que las dimensiones de sus archivos sean manejables para evitar largos tiempos de carga, sino que también tienen muchas oportunidades para mejorar la optimización de su motor de búsqueda (SEO), que son fáciles de pasar por alto. Por ejemplo, es posible que no conozca el atributo del título de la imagen y el papel que desempeñan en los elementos visuales de su sitio en esta publicación, arrojaremos una luz sobre el atributo del título de la imagen, discutiremos la diferencia con el atributo Otro y hablaremos sobre qué significa para su estrategia de SEO. También le mostraremos cómo ocultarlo de los visitantes a su sitio.
¡Vamos a bucear justo adentro! Suscríbase a nuestro canal de YouTube Introducción al título de la imagen Lo primero es el primero: el atributo del título de la imagen no es el mismo que el nombre del archivo de la imagen. Más bien, hay información que puede incluirse en la etiqueta HTML de fotografía o gráfico. Aquí hay un ejemplo, con el atributo de título al final:

El impacto más notable que el atributo del título es que los usuarios pueden ver Como un “consejo de herramienta” en la parte delantera de su sitio cuando paso el mouse sobre la imagen:

No todos los navegadores aceptan esta característica. Sin embargo, Firefox es uno de los pocos que existen y es el tercer navegador más popular en la web. Puede agregar atributos del título de imagen a WordPress a través de su biblioteca de medios. Simplemente haga clic en la imagen en cuestión y complete el campo de título:

También puede agregarlo directamente al editor de bloques. Extienda la configuración avanzada para el bloque de imágenes y complete el campo de atributo de título: el propósito de hacer que el título de la imagen sea visible en flotar es proporcionar un poco de contexto adicional a sus visitantes. Por ejemplo, algunos creadores de contenido incluirán los nombres de las personas descrito o la clave de detalles que los usuarios pueden beneficiarse del conocimiento.

Sin embargo, no desea confiar exclusivamente en el atributo de título, especialmente porque no es visible para los usuarios en todos los navegadores. En algunos casos, una leyenda podría ser más efectiva. También debe asegurarse de agregar texto alternativo a sus imágenes, incluso si tienen atributos de título. Cuando crea sus atributos de título, es mejor mantenerlos solo unas pocas palabras. Sea selectivo y descriptivo para que el texto con el mouse no sea demasiado largo y dé valor a sus visitantes. La diferencia entre el atributo de título y el otro atributo mencionó anteriormente que es importante agregar texto alternativo a sus imágenes. Incluso si ha incluido un atributo de título. Es un error ordinario para los creadores de contenido confundir el atributo del título de la imagen para el otro atributo o suponer que el uso de ambos es una exageración.
El otro atributo especifica el texto alternativo de la imagen en la etiqueta HTML. Es el segundo atributo enumerado en nuestro ejemplo antes:

El propósito del texto alternativo es describir elementos visuales a los usuarios que no pueden Véalos, ya sea porque la imagen no se ha cargado o porque usa un lector de pantalla. Este texto se mostrará en lugar de la imagen en los casos en que no se puede reproducir: en WordPress, puede agregar texto alternativo a su biblioteca de medios o la configuración de cualquier bloque de bloque de bloque. Esta es la clave para garantizar que su sitio cumpla con los estándares de accesibilidad, por lo que le recomendamos encarecidamente que lo haga.
Es extremadamente importante no intentar usar el atributo del título de la imagen para reemplazar el atributo ALT. No todos los lectores de pantalla aceptan el atributo de título y no hay forma de que los usuarios que confían en la navegación del teclado sobre una imagen para verlo, por lo que esto podría conducir a serios problemas de accesibilidad en su sitio. Cómo afecta el atributo del título de la imagen SEO Hay muchos mensajes mixtos cuando se trata de la importancia del título de la imagen para SEO. Algunos argumentan que es una excelente manera de incorporar palabras clave adicionales, mientras que otros dicen que los motores de búsqueda ni siquiera acceden a los rastreadores.


Para reducir la búsqueda, el atributo del título de la imagen no es un factor de clasificación directa. Optimizar sus imágenes agregando títulos a todos estos probablemente no hará un cambio significativo en la visibilidad de sus páginas en los resultados del motor de búsqueda. Sin embargo, incluir los atributos del título no afectará su sitio en términos de SEO. De hecho, Google lo recomienda. Si los motores de búsqueda de los robots acceden a ellos con rastreadores e incorporan palabras clave, es posible que pueda darle a sus imágenes al menos en los resultados de búsqueda de imágenes de Google. Además, los títulos de imágenes pueden mejorar la experiencia del usuario (UX) de su sitio compartiendo detalles clave. Esto puede contribuir indirectamente al SEO influyendo en los factores de clasificación, como las vistas de la página, la duración de la sesión y otros valores. Aun así, como mencionamos, no todos los navegadores y dispositivos aceptan el texto con mouse. -Ul. Cruzar la biblioteca de medios y agregar títulos a cada archivo podría ser un gran desperdicio de tiempo si la mayoría de sus usuarios nunca la verán. Cómo ocultar el consejo del título de la imagen en WordPress puede preferir ocultar el consejo del instrumento del título de la imagen. Es posible que le preocupe que los visitantes encuentren esto molesto o quieran usarlo principalmente para fines de SEO, pero no creen que sea necesario ayudar a los lectores a comprender su contenido.
Solo puede eliminar el atributo de título de sus imágenes del editor de bloques y su biblioteca de medios. Sin embargo, perderá cualquier beneficio potencial de SEO que pueda ver. La mayoría de las personas que desean ocultar el consejo de la herramienta pueden agregar JavaScript a sus sitios, para que puedan mantener el atributo en las etiquetas de imagen, pero para evitar su pantalla en el frente. Recomendamos usar un complemento como insertar encabezados y pies de página para facilitar este proceso. Agregue el siguiente código a la sección , envuelta en etiquetas de script: jQuery (docum) .Ready (function ($) {
$ (‘img [title]’). Cada (function () {$ (this) .removeattr (‘title’);});
});
Si está utilizando DIV, puede omitir la instalación adicional del complemento y agregar este código navegando a la división> Integración: Integración:
El primer editor de código en esta pantalla agregará JavaScript a la sección de su sitio, como lo harían los encabezados y los pies de página. Conclusión Es posible crear contenido en línea durante años y nunca pensar en los atributos del título de sus imágenes. Más importante aún, el uso incorrecto de este atributo podría tener consecuencias negativas en la accesibilidad del sitio y el SEO.