Inserire in automatico alt 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:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
//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); |
Salva il file e non preoccuparti più, il tuo WordPress aggiungerà in automatico l’attributo per Te!
