Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere facilmente l’attributo titolo alle immagini in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere l’attributo title alle immagini in WordPress?

L’attributo title consente di fornire informazioni aggiuntive su ogni immagine. Questo aiuta gli screen reader e i motori di ricerca a capire il contenuto dell’immagine, a tutto vantaggio dell’accessibilità e della SEO.

In questo articolo vi mostreremo come aggiungere facilmente gli attributi del titolo alle immagini in WordPress.

Adding the title attribute to images in WordPress

Che cos’è l’attributo Title nelle immagini?

I crawler, i bot e i dispositivi di lettura dello schermo non possono vedere le immagini. Vedono invece HTML come:

<img src="/path/to/image/fruits.jpg" width="100" height="100" />

Nella maggior parte dei casi, questo codice non aiuta gli strumenti di accessibilità e i motori di ricerca a capire il contenuto dell’immagine.

Per questo motivo si consiglia di aggiungere un tag title alle immagini. Ad esempio:

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" />

Un tag title utile e pertinente aiuterà i motori di ricerca come Google a indicizzare correttamente le immagini e a mostrarle alle persone che cercano contenuti simili ai vostri. Questo può migliorare la SEO delle immagini e aumentare il traffico del blog.

Gli strumenti di accessibilità, come gli screen reader, leggono anche il titolo ad alta voce, il che è utile per i visitatori che hanno problemi di vista.

È anche possibile aggiungere un attributo di tag alternativo, che il sito WordPress visualizzerà se non può mostrare l’immagine reale, ad esempio a causa di un errore di WordPress.

Broken image path

Detto questo, vediamo come aggiungere gli attributi del titolo alle immagini nel vostro blog o sito web WordPress. Utilizzate semplicemente i collegamenti rapidi qui sotto per passare al metodo che desiderate utilizzare:

Metodo 1: Aggiungere l’attributo titolo alle immagini utilizzando l’editor di blocchi

È possibile aggiungere facilmente gli attributi alt text e title a qualsiasi immagine nell’editor di contenuti di WordPress. Basta andare su Post ” Aggiungi nuovo e creare un post.

Quindi fare clic sull’icona “+” e selezionare il blocco Immagine per aggiungere un’immagine al post o alla pagina.

Add image block

A questo punto è possibile scegliere un’immagine dalla libreria multimediale o caricare un’immagine dal computer. Indipendentemente dall’opzione scelta, assicurarsi di fare clic per selezionare l’immagine nella mediateca.

È ora possibile aggiungere un testo alternativo digitando nel campo “Titolo”.

Adding a title to an image in WordPress

Esiste anche un campo “Titolo”, ma si tratta del titolo che WordPress utilizza internamente per identificare i file multimediali nella Libreria multimediale. Per saperne di più su questo argomento, consultate la nostra guida Testo alt dell’immagine vs. titolo dell’immagine in WordPress – qual è la differenza?

Per aggiungere un attributo HTML al titolo dell’immagine, occorre aggiungere l’immagine alla pagina o al post, come di consueto. Quindi, fare clic per espandere la sezione “Avanzate” nel menu di destra.

The 'Advanced' image settings in the WordPress page and post editor

Questo ha un campo “Attributo titolo”, che è il vero attributo HTML del titolo dell’immagine.

È sufficiente digitare nel campo le informazioni che si desidera utilizzare.

Adding a title attribute to images in WordPress

Ora è possibile fare clic su “Aggiorna” o “Pubblica” per rendere effettive le modifiche.

A questo punto, è sufficiente passare il mouse sull’immagine per visualizzare un popup contenente il tag title.

An example of an image with a title attribute in WordPress

Metodo 2: Aggiungere l’attributo titolo alle immagini utilizzando l’editor classico di WordPress

Se si utilizza il vecchio editor classico, il processo di aggiunta di un attributo titolo è leggermente diverso. Nell’editor classico, fare clic sul pulsante “Aggiungi media” e selezionare l’immagine.

Add image classic editor

A questo punto, caricare una nuova immagine o scegliere un’immagine dalla libreria multimediale. È possibile aggiungere il testo alt e un titolo utilizzando i campi a destra della libreria multimediale.

Ancora una volta, tenete presente che ‘Title’ è usato internamente da WordPress e non è il vero attributo del titolo dell’immagine che può migliorare la SEO e l’accessibilità.

Select image classic editor

Quando siete pronti, fate clic sul pulsante “Inserisci nel post”.

Da qui, fare clic per selezionare l’immagine e poi selezionare l’icona della matita. Si aprirà il popup “Dettagli immagine”.

È sufficiente fare clic per espandere la sezione “Opzioni avanzate” e digitare il tag del titolo nel campo “Attributo titolo immagine”.

Image title attribute field

Non dimenticate di fare clic sul pulsante “Aggiorna” per salvare le modifiche.

A questo punto si può procedere alla pubblicazione della pagina o del post per rendere effettivi il testo alt dell’immagine e il tag title.

Image title attribute popup

Suggerimenti bonus per aumentare il SEO delle immagini

Una volta caricate le immagini nella libreria multimediale, è il momento di ottimizzarle per i motori di ricerca. In questo modo sarà più facile per Google indicizzare le immagini e classificarle più in alto.

A tal fine, è necessario ricordare di aggiungere parole chiave pertinenti nelle didascalie, nel titolo e negli attributi alt text.

Add relevant keywords in the caption, title, and alt text

Potete anche utilizzare All in One SEO per WordPress, che è il miglior plugin SEO sul mercato.

È dotato di un fantastico addon Image SEO che imposta automaticamente il testo alt, i titoli delle immagini, le didascalie e altro ancora. Inoltre, aggiunge una sitemap di immagini corretta per migliorare il posizionamento SEO.

All in One SEO

Inoltre, con il plugin è possibile disabilitare le pagine degli allegati. Queste pagine mostrano solo una versione più grande dell’immagine reale e nient’altro, influenzando negativamente la SEO.

Per disattivare le pagine degli allegati, visitate la pagina All in One SEO ” Aspetto della ricerca e passate alla scheda ‘Image SEO’. Da qui, assicurarsi che l’opzione “Reindirizza URL allegati” sia impostata su “Allegato”.

Disable attachment pages

Ora le pagine degli allegati saranno reindirizzate alle immagini stesse.

Inoltre, è possibile utilizzare un testo descrittivo per i file immagine, comprimere le immagini e aggiungere backlink per aumentare le classifiche. Per ulteriori suggerimenti e trucchi, potete consultare la nostra guida per principianti sulla SEO delle immagini.

Speriamo che questo articolo vi abbia aiutato ad aggiungere facilmente l’attributo title alle immagini in WordPress. Potreste anche dare un’occhiata alla nostra guida definitiva su come aumentare la velocità e le prestazioni di WordPress e alla nostra scelta dei migliori plugin per la compressione delle immagini.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

15 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      If you mean the featured image then that would read the title set for the image from your media library.

      Admin

  2. Roshni says

    Thank you for the explanation.

    Message on wordpress site for this plugin “This plugin was closed on December 24, 2018 and is no longer available for download. Reason: Guideline Violation.”

    Is there a substitute available?

    • WPBeginner Support says

      While we don’t have a recommendation at the moment, we will be sure to take a look for alternatives.

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.