{"id":9175,"date":"2020-09-25T10:49:00","date_gmt":"2020-09-25T08:49:00","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=9175"},"modified":"2021-02-17T23:31:35","modified_gmt":"2021-02-17T22:31:35","slug":"tag-alt","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/tag-alt\/","title":{"rendered":"Tag Alt, come usare la SEO per Immagini"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-medium\"><img decoding=\"async\" width=\"300\" height=\"158\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/09\/tag-alt-seo-300x158.png\" alt=\"tag Alt\" class=\"wp-image-9177\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo-300x158.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo-1024x538.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo-768x404.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo-1536x807.png 1536w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo-610x321.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo-1080x568.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/09\/tag-alt-seo.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>Conosci il <strong>tag Alt<\/strong>? Sai perch\u00e9 \u00e8 importante compilarlo quando carichi gli articoli sul <em>backend<\/em> del tuo blog? Se sei un<a href=\"https:\/\/www.addlance.com\/s\/scrittura-contenuti-web\"> <strong><em>content manager<\/em><\/strong><\/a> con le giuste <strong>competenze SEO,<\/strong> leggi questo articolo solo per rinfrescarti la memoria. Se invece sei un neofita, documentati bene sull&#8217;importanza e sulle potenzialit\u00e0 del tag Alt per <strong>l&#8217;ottimizzazione<\/strong> dei tuoi <strong>contenuti online<\/strong>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Cos&#8217;\u00e8 il tag Alt?<\/h2>\n\n\n\n<p>&#8220;<em>L&#8217;attributo alt \u00e8 l&#8217;attributo HTML utilizzato nei documenti HTML e XHTML per <strong>specificare un testo alternativo<\/strong> che deve essere reso quando l&#8217;elemento a cui viene applicato non pu\u00f2 essere reso<\/em>&#8220;. Questa \u00e8 la definizione che ne d\u00e0 Wikipedia. In parole molto povere \u00e8 la descrizione verbale (da inserire in apposito campo, il tag Alt appunto, dell&#8217;immagine che hai caricato. Questo testo sar\u00e0 utile qualora l&#8217;immagine non possa essere caricata o letta correttamente).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">I benefici SEO di usare correttamente il tag Alt<\/h2>\n\n\n\n<p>Quando scrivi un articolo, affinch\u00e9 questo sia utile per la tua <strong><em>target audience<\/em><\/strong> e affinch\u00e9 possa essere trovato sul web <strong>devi ottimizzarlo correttamente per la SEO<\/strong>. SEO \u00e8 un acronimo che sta per <em>Search Engine Optimization. <\/em>Anche le immagini, se ancora non dovessi saperlo, devono essere ottimizzate per la SEO. Come? Attraverso il tag Alt!<\/p>\n\n\n\n<p>Il tag Alt, oltre a comparire al posto dell&#8217;immagine quando questa non riesce ad essere caricata correttamente, viene usato dalle persone che adoperano gli <strong><em>screen reader<\/em><\/strong> (ad esempio gli ipovedenti, ma non solo) e dai <strong>robot dei motori di ricerca<\/strong> che scansionano le pagine del tuo sito\/blog al fine del tuo posizionamento.<\/p>\n\n\n\n<p>Tra i benefici di usare il tag Alt per l&#8217;ottimizzazione delle tue immagini, ecco cosa puoi ottenere:<\/p>\n\n\n\n<ul><li><strong>Migliore UX<\/strong> (<em>User Experience<\/em> o esperienza utente sul tuo sito)<\/li><li><strong>Migliore accessibilit\u00e0<\/strong> (lo screen reader &#8220;legger\u00e0&#8221; all&#8217;utente il tag Alt per descrivere l&#8217;immagine)<\/li><li><strong>Migliore indicizzazione e posizionamento sulla SERP<\/strong> (pagina dei risultati)<\/li><\/ul>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/heatmap-mappe-di-calore\/\">User Experience, migliorala attraverso le heat map<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come inserire il tag Alt prima di pubblicare un articolo <\/h2>\n\n\n\n<p>Come avrai capito, gli <em>spider<\/em> di Google (e degli altri motori di ricerca) <strong>valutano anche il nome attribuito ad una immagine<\/strong> e non solo il contenuto testuale del tuo sito\/blog. Questo meccanismo serve per indicizzare correttamente le pagine web e restituirle in maniera pertinente all&#8217;utente nella SERP (<em>Search engine result page<\/em>). Il primo <em>step<\/em>, dunque, \u00e8 <strong>rinominare la fotografia prima di inserirla nel <em>backend<\/em><\/strong> del CMS (ad esempio WordPress). Niente numeri progressivi del tipo 00010045.jpeg: molto meglio cascata-delle-marmore.jpeg se l&#8217;immagine ritrae appunto la Cascata delle Marmore e va inserita in un articolo che parla delle pi\u00f9 belle cascate d\u2019Italia. Ancora meglio usare un tag Alt che descriva in modo (molto) sintetico l&#8217;immagine ma che al contempo contenga anche la parola chiave o le parole chiave per la quale\/le quali stai ottimizzando tutto il contenuto.<\/p>\n\n\n\n<p>Attenzione per\u00f2:<\/p>\n\n\n\n<ul><li>A <strong>non eccedere con le parole chiave<\/strong>. Usa (nel caso tu debba caricare pi\u00f9 di una immagine) delle <strong>varianti semantiche alle <em>keyword<\/em><\/strong>. Questo per non venire penalizzati per sovra-ottimizzazione<\/li><li>A <strong>separare con un trattino le parole composte<\/strong>. Questo per agevolare la lettura dell\u2019immagine da parte degli <em>spider<\/em> del motore di ricerca<\/li><li><strong>Nominare sempre i file jpeg con termini specifici e coerenti <\/strong>con il testo dell&#8217;articolo e con il contenuto visivo che si vuole inserire.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4 Buone regole per scrivere ottimi tag Alt<\/h2>\n\n\n\n<p>Il Web Centre della University of Licester ha composto un interessante <em>vademecum <\/em>su come creare un valido tag Alt per incrementare l&#8217;ottimizzazione del tuo articolo.<\/p>\n\n\n\n<ul><li><strong>Sii accurato<\/strong> nella descrizione<\/li><li><strong>Sii conciso<\/strong> (non dilungarti con parole superflue)<\/li><li><strong>Non essere ridondante <\/strong>(ripetendo nel tag Alt le stesse parole contenute nel testo dell\u2019articolo)<\/li><li><strong>Non iniziare il tag Alt con termini tipo &#8220;immagine di\u2026&#8221; o &#8220;grafico di\u2026&#8221;<\/strong><\/li><\/ul>\n\n\n\n<p>Sempre secondo il <em>vademecum<\/em> ci sono casi nei quali comporre un tag Alt potrebbe non essere cos\u00ec necessario. E&#8217; il caso di immagini puramente decorative o immagini (e pi\u00f9 spesso diagrammi e grafici) che spiegano quello che nel testo \u00e8 composto a parole. In questi due casi le immagini non forniscono informazioni aggiuntive rispetto al testo, casomai rafforzano quanto \u00e8 gi\u00e0 descritto. Inserire un tag Alt, quindi, sconfinerebbe nella <strong>ridondanza replicando il contenuto testuale<\/strong> con conseguente (molto probabile) penalizzazione del sito. Meglio optare, in questo caso, per una piccola descrizione ad uso esclusivo dei <em>page reader<\/em>.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/ottimizzazione-seo\/\">Vuoi crescere? Punta tutto sull\u2019ottimizzazione SEO<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">E adesso, al lavoro!<\/h2>\n\n\n\n<p>Adesso conosci l&#8217;importanza del tag Alt (inserito a buon diritto tra i meta tag insieme al tag Title e alla <em>description<\/em>) e l&#8217;importanza di essere accurati nella sua compilazione. Non hai tempo o non hai le competenze necessarie per ottimizzare tutte le immagini del tuo sito web o blog? Ingaggia subito un <strong><em>content editor<\/em><\/strong> che possa farlo al posto tuo!<\/p>\n    \t","protected":false},"excerpt":{"rendered":"<p>Conosci il tag Alt? Sai perch\u00e9 \u00e8 importante compilarlo correttamente? Scopri tutto su questo aspetto della SEO da affidare al tuo content manager di fiducia<\/p>\n","protected":false},"author":6,"featured_media":9177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[34],"tags":[35],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/9175"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=9175"}],"version-history":[{"count":1,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/9175\/revisions"}],"predecessor-version":[{"id":10616,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/9175\/revisions\/10616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/9177"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=9175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=9175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=9175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}