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 (2 metodi)

L’aggiunta degli attributi del titolo alle immagini in WordPress è un modo semplice ma efficace per aumentare l’accessibilità e fornire un contesto aggiuntivo alle immagini.

Gli attributi del titolo offrono informazioni aggiuntive al passaggio del mouse su un’immagine. Questo aiuta gli screen reader e i motori di ricerca a capire chi è l’immagine, il che è ottimo per la SEO.

Gestiamo un blog da oltre 16 anni e abbiamo imparato l’importanza di rendere le pubbliche relazioni visivamente coinvolgenti. Per far risaltare i nostri contenuti, aggiungiamo costantemente immagini per spezzare il testo e catturare l’attenzione dei lettori.

Inoltre, includiamo sempre gli attributi del titolo per ogni immagine. Nel corso del tempo, abbiamo visto come questi piccoli dettagli possano creare un aspetto curato e migliorare l’interazione degli utenti con i nostri contenuti.

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 tag alternativo, che il sito web WordPress visualizza se non può mostrare l’immagine vera e propria, 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 link 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 dei media. 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, il plugin consente di disabilitare le pagine dell’allegato. Queste pagine mostrano solo una versione più grande dell’immagine reale, incidendo negativamente sulla SEO.

Per disabilitare le pagine dell’allegato, visitare la pagina “Aspetto della ricerca” di All in One SEO e passare alla scheda “SEO immagini”. 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 usare l’IA per generare immagini in 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

14 commentiLascia una risposta

  1. Costas Draco

    How can you change attribute title for the hero image?

    Thanks
    BR

    • WPBeginner Support

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

      Admin

  2. Dave

    How do I change the html title for existing images on the website?

    • WPBeginner Support

      You would be able to go back and edit the title by editing the post.

      Admin

  3. Rubb

    “Restore Image Title” is not available anymore

    • WPBeginner Support

      Thank you for letting us know, we’ll be sure to look into updating this article as we are able

      Admin

      • Rubb

        Thanks, hope someone will create plugin or share the code

  4. Roshni

    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

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

      Admin

  5. Ehsan

    thanks for this great article !

  6. Diana Auerhammer

    Like it!! Now, I have to decide if I will go back and fix old images.

  7. Miha

    Is there a way to add tite tags to all old pics?

  8. Daniel

    This method does not appear to work images in WP galleries.

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.