Cuando escuchamos hablar sobre el Atributo ALT, texto alternativo o directamente siempre pensamos en SEO. El texto ALTernativo es indispensable, veamos ni los bot ni Google es capaz de interpretar la información que ofrecen las imágenes; es por ello que hay que usar el atributo ALT. Como su nombre indica, se trata del texto que se muestra en la web en caso de que el navegador no sea capaz de visualizar una imagen, esta situación se presenta comúnmente en los dispositivos móviles.
Por eso y mas, la importancia de tener esta etiqueta o atributo [ las palabras clave que definen a la imagen], además de ser descriptivas de la misma, ademas de ser muy recomendable especificar la keyword que queremos posicionar, o de lo que se esté hablando… es decir… si estamos hablando de Alimentos para perros… el alt sería: “alimentos para perros”.
Las razones de estar pendiente de este atributo <ALT>:
- Harás tu web sea más accesible para personas con alguna discapacidad visual, este atributo alt es utilizado también por los lectores y navegadores de invidentes.
- Por un SEO mejor, ayudarás al posicionamiento de tu sitio.
- En el caso de que haya algún problema por el que no se puede mostrar la imagen el navegador se mostrará el texto del atributo alt: De ahí lo de texto alternativo.
El atributo ALT es el texto que se muestra cuando una imagen no puede mostrarse al ser cargada, de ahí su nombre ‘texto alternativo’. No se debe confundir con el texto que forma el nombre del archivo de la imagen, por ejemplo “imagen.jpg”.
Ahora bien hay tres formas de colocar este atributo una es manual como te explico en las imágenes mas abajo.
Otra seria con la ayuda de algún plugin como este de SEO Friendly Images. este plugin que te ayuda con este trabajo para evitar que por descuido alguna imagen se nos quede sin “etiquetar”
Pero en mi caso hoy te doy un dato sin necesidad de usar plugins, hay un código que uso aquí mismo en diginota muy efectivo y funcional.
Añadir en tu archivo functions.php este código que buscará todos los alt vacíos, la cadena alt=“ «en el contenido de tus páginas y entradas y los sustituirá por alt=»Título de la página o entrada nº imagen» Si pusiste manualmente el alt no cambiará en nada.
código:
function add_alt_tags( $content ) {
preg_match_all( '/<img (.*?)\/>/', $content, $images );
if ( ! is_null( $images ) ) {
foreach ( $images[1] as $index => $value ) {
if ( preg_match( '/alt=""/', $value ) ) {
$new_img = str_replace(
'alt=""',
'alt="' . esc_attr( get_the_title() ) . ' '. $index . '"',
$images[0][$index] );
$content = str_replace(
$images[0][$index],
$new_img,
$content );
}
}
}
return $content;
}
add_filter( 'the_content', 'add_alt_tags', 99999 );Listo el código arriva es el que colocaras en tu archivo functions.php Recuerda que cuando actualices tu tema, este código se borrara de tu Functions, así que no olvides guardarlo o hacer un plugins propio.
