{"id":125413,"date":"2023-02-07T10:26:00","date_gmt":"2023-02-07T07:26:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=125413"},"modified":"2022-06-20T13:03:03","modified_gmt":"2022-06-20T10:03:03","slug":"che-cose-il-testo-alternativo-come-utilizzare-lelemento-pagina-per-le-immagini","status":"publish","type":"post","link":"https:\/\/android.inform.click\/it\/che-cose-il-testo-alternativo-come-utilizzare-lelemento-pagina-per-le-immagini\/","title":{"rendered":"Che cos&#8217;\u00e8 il testo alternativo? Come utilizzare l&#8217;elemento pagina per le immagini"},"content":{"rendered":"<ul>\n<li>Il testo alternativo \u00e8 un elemento essenziale del design di una pagina web. \u00c8 una breve descrizione testuale di un&#8217;immagine sulla pagina.<\/li>\n<li>Il testo alternativo viene utilizzato dagli strumenti di accessibilit\u00e0 per leggere le descrizioni delle immagini ad alta voce ai visitatori non vedenti o ipovedenti e ai motori di ricerca per un migliore posizionamento delle pagine web.\u00a0<\/li>\n<li>Puoi vedere il testo alternativo su qualsiasi pagina web controllando l&#8217;HTML della pagina.<\/li>\n<\/ul>\n<p>Il testo alternativo \u00e8 un componente nella progettazione di pagine Web. In particolare, \u00e8 una frase o una frase che descrive un&#8217;immagine sulla pagina.\u00a0<\/p>\n<p>Nella moderna progettazione di pagine Web, il testo alternativo non viene visualizzato dalla maggior parte degli utenti, tuttavia \u00e8 considerato una parte essenziale di un buon design Web e ogni immagine su una pagina dovrebbe avere un testo alternativo associato.\u00a0<\/p>\n<h2>Lo scopo del testo alternativo<\/h2>\n<p>Il testo alternativo ha due scopi principali. Viene utilizzato dagli strumenti di accessibilit\u00e0 per la lettura dello schermo per leggere ad alta voce descrizioni di immagini per utenti non vedenti, ipovedenti o che necessitano di ulteriore aiuto per vedere il contenuto della pagina. Un buon testo alternativo \u00e8 essenziale affinch\u00e9 questi utenti abbiano un&#8217;esperienza soddisfacente sulla pagina web.<\/p>\n<p>Viene anche utilizzato da Google e da altri motori di ricerca per comprendere il contenuto dell&#8217;immagine, che pu\u00f2 utilizzare per classificare meglio la pagina Web nei risultati di ricerca.\u00a0<\/p>\n<h2>Come aggiungere testo alternativo a un&#8217;immagine e vederlo in HTML<\/h2>\n<p>L&#8217;aggiunta di testo alternativo varia a seconda del web design o del sistema di gestione dei contenuti utilizzato per creare la pagina web. In generale, lo strumento fornir\u00e0 un campo per inserire il testo alternativo quando un&#8217;immagine viene caricata sulla pagina web. Nella maggior parte dei casi, puoi anche modificare l&#8217;immagine caricata in seguito per aggiungere o modificare il testo alternativo.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"Che cos&#039;\u00e8 il testo alternativo? Come utilizzare l&#039;elemento pagina per le immagini\" ><\/a><\/p>\n<p>Puoi aggiungere testo alternativo a qualsiasi immagine utilizzando il web design o lo strumento di gestione dei contenuti, come WordPress.<\/p>\n<p>Quel testo alternativo viene quindi codificato nella pagina in HTML. Puoi vederlo in qualsiasi browser web utilizzando la funzione &quot;Ispeziona&quot; del tuo browser. Ad esempio, in Chrome, fai clic con il pulsante destro del mouse su un&#8217;immagine su una pagina Web e fai clic su &quot;Ispeziona&quot; dal menu a discesa. In Firefox, fai clic con il pulsante destro del mouse e scegli &quot;Ispeziona elemento&quot;. In entrambi i casi, dovresti vedere apparire una finestra con l&#8217;HTML della pagina. Per l&#8217;immagine, dovresti vedere un tag HTML che dice &quot;alt=&quot; seguito dalla descrizione del testo alternativo.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"Che cos&#039;\u00e8 il testo alternativo? Come utilizzare l&#039;elemento pagina per le immagini\" ><\/a><\/p>\n<p>Puoi utilizzare lo strumento Esamina in un browser come Chrome per vedere il testo alternativo associato a un&#8217;immagine in una pagina web.<\/p>\n<h2>Best practice per il testo alternativo<\/h2>\n<p>Gli esperti di ottimizzazione dei motori di ricerca (SEO) hanno molte indicazioni sulla progettazione di pagine Web e sugli elementi delle pagine Web come il testo alternativo. Puoi seguire intere lezioni su questo argomento. Ma in generale, ci sono alcune raccomandazioni di base che si possono fare sul testo alternativo. Ecco alcune indicazioni generali sulla formazione di un buon testo alternativo:<\/p>\n<ul>\n<li>La guida sulla lunghezza cambia di volta in volta, ma al momento dovresti mantenere il testo alternativo a meno di 100 caratteri, inclusi gli spazi.\u00a0<\/li>\n<li>Descrivi l&#8217;immagine in modo chiaro, accurato e succinto.\u00a0<\/li>\n<li>Non iniziare il testo alternativo con una frase come &quot;Immagine di&#8230;&quot; o &quot;Foto di&#8230;&quot; Descrivi solo cosa c&#8217;\u00e8 nell&#8217;immagine.\u00a0<\/li>\n<li>Non &quot;riempire&quot; il testo alternativo con parole chiave relative alla pagina web, ma sii il pi\u00f9 specifico possibile. Questo aiuta sia il visitatore non vedente che ipovedente, nonch\u00e9 Google.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il testo alternativo \u00e8 una breve descrizione testuale di un&#8217;immagine su una pagina utilizzata dagli strumenti di accessibilit\u00e0 e dai motori di ricerca.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[225],"tags":[],"class_list":["post-125413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-categorizzato"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/posts\/125413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/comments?post=125413"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/posts\/125413\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/media?parent=125413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/categories?post=125413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/it\/wp-json\/wp\/v2\/tags?post=125413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}