Inserire in automatico alt alle immagini con WordPress
Molto spesso vengono inserire immagini dentro pagine html senza ottimizzarne il codice e trascurando tag importanti ai fini della SEO, in particolare l’attributo alt.
Il suddetto attributo ALT ovvero testo alternativo alla grafica serve a sostituire l’immagine stessa qualora non fosse presente (magari spostata di directory) con del testo, definito tra le virgolette.
Faccio un esempio
alt=”testo sostitutivo dell’immagine”
Una dicitura corretta è la seguente
<img src=”nome-immagine.png” title=”titolo che appare al passaggio del mouse” alt=”testo alternativo all’immagine” width=”larghezza in px” height=”altezza in pixel” >
Quindi grazie a tale attributo imposto dal W3C (World Wide Web Consortium) il quale ne stabilisce gli standard tecnici del web, avremo anche una maggiore indicizzazione e miglioramento della SEO.
Fattore estremamente importante è l’accessibilità del sito, basti pensare gli utenti non vedenti che grazie a questo attributo avranno letta l’immagine dai lettori vocali a loro dedicati.
Passiamo al codice
Se utilizzi WordPress ti sarai accorto di “questa pecca del CMS” facilmente superabile inserendo a mano l’attributo con l’editor di testo anziché visuale oppure installando plugin di terze parti.
Personalmente sono del parere di installare meno plugins possibili e nel caso sappia farlo di mettere mano al codice php.
Apri il file function.php (molto meglio se hai un tema child) ed inserisci quanto segue:
//creo la funzione
function alt_immagini($html, $id) {
return str_replace('alt=""','alt="'.get_the_title($id).'"',$html);
}
add_filter('image_send_to_editor', 'alt_immagini', 10, 2);
//10 è il parametro $priority predefinito
//2 è il $accepted_args cioè il numero di parametri assegnati alla funzione
function auto_alt_immagini($attributes, $attachment){
if ( !isset( $attributes['alt'] ) || '' === $attributes['alt'] ) {
$attributes['alt']=get_the_title($attachment->ID);
}
return $attributes;
}
add_filter('wp_get_attachment_image_attributes', 'auto_alt_immagini', 10, 2);
