{"id":2666,"date":"2014-06-06T14:03:32","date_gmt":"2014-06-06T12:03:32","guid":{"rendered":"http:\/\/www.wmtools.com\/news\/?p=2666"},"modified":"2014-06-09T10:15:45","modified_gmt":"2014-06-09T08:15:45","slug":"nuove-linee-guida-per-i-title-tag","status":"publish","type":"post","link":"https:\/\/www.wmtools.com\/news\/web-marketing\/nuove-linee-guida-per-i-title-tag","title":{"rendered":"Nuove Linee Guida per i Title Tag"},"content":{"rendered":"<h1>Nuove Linee Guida per Title Tag &amp; Preview Tool<\/h1>\n<p><a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/tag-title.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2710\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/tag-title.jpg\" alt=\"Nuove linee guida per title tag\" width=\"500\" height=\"281\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/tag-title.jpg 500w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/tag-title-300x168.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Il recente<a href=\"http:\/\/moz.com\/blog\/googles-2014-redesign-before-and-after\" target=\"_blank\"> redesign<\/a> della SERP di Google pu\u00f2 sembrare non molto importante ad un osservatore occasionale, ma almeno uno dei cambiamenti apportati potrebbe avere un impatto reale sul <strong>SEO<\/strong>. Questo post si propone di esplorare l\u2019impatto di questo redesign sui title tag, e definire un nuovo limite di lunghezza basandosi sui dati.<span style=\"color: #ff0000;\"><br \/>\n<\/span><\/p>\n<h2><span style=\"color: #ff6600;\">Title Tag Preview Tool (edizione 2014)<\/span><\/h2>\n<p>Perdonate l\u2019ordine inverso di questo post, ma abbiamo voluto mettere in evidenza per primo un nuovo tool. <a href=\"http:\/\/moz.com\/blog\/new-title-tag-guidelines-preview-tool\" target=\"_blank\">Inserite nel form <\/a>semplicemente il vostro <strong>title<\/strong> e le <strong>keywords di ricerca<\/strong> e in basso potrete visualizzare l\u2019anteprima del vostro risultato col nuovo design:<br \/>\n<span style=\"color: #ff0000;\"><a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/title-tag-preview-tool-2014.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2713\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/title-tag-preview-tool-2014.jpg\" alt=\"title tag preview tool 2014\" width=\"600\" height=\"366\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/title-tag-preview-tool-2014.jpg 600w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/06\/title-tag-preview-tool-2014-300x183.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/span><br \/>\n<strong>Nota:<\/strong> inserite le frasi come delle normali query, senza virgola. Questo tool evidenzia soltanto i testi che corrispondono alla lettera (non i concetti correlati) e bisogna considerarlo solo come un\u2019approssimazione degli effettivi risultati di Google.<\/p>\n<h2><span style=\"color: #ff6600;\">Come riprogettare i Title<\/span><\/h2>\n<p>Il nuovo design di Google ha aumentato la dimensione del font dei title nei risultati di ricerca, mentre mantiene complessivamente inalterata la dimensione del contenitore<span style=\"color: #ff0000;\">.<\/span> Date un\u2019occhiata ai seguenti risultati di ricerca, prima e dopo il redesign:<br \/>\n<a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/Font-nei-risultati-di-ricerca.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2700\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/Font-nei-risultati-di-ricerca.jpg\" alt=\"Font pi\u00f9 grande nei risultati di ricerca su google\" width=\"510\" height=\"162\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/Font-nei-risultati-di-ricerca.jpg 510w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/Font-nei-risultati-di-ricerca-300x95.jpg 300w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><br \/>\nIl title in alto (vecchio design) ha poco spazio libero. Dopo il redesign (sotto), ha perso ben sei caratteri. Le vecchie linee guida non sono piu\u2019 applicabili, quindi il resto di questo post \u00e8 un tentativo di creare un nuovo set di linee guida per stabilire una ragionevole<span style=\"color: #000000;\"> lunghezza dei title tag, basandosi su dati reali presi dalle SERP.<\/span><\/p>\n<h2><span style=\"color: #ff6600;\">E\u2019 piu\u2019 difficile di quanto sembri<\/span><\/h2>\n<p>Potreste pensare: \u201cOk, allora dammi la formula magica!\u201d. Sfortunatamente non \u00e8 cos\u00ec facile.<\/p>\n<p>Mentre cerchiamo di stabilire un ragionevole limite di lunghezza come regola generale, la realt\u00e0 \u00e8 che <strong>Arial<\/strong> (il font del titolo) \u00e8 distanziato proporzionalmente. In parole povere, caratteri differenti hanno larghezza differente. Ad esempio, i seguenti due titoli sono lunghi entrambi esattamente 40 caratteri:<br \/>\n<a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-con-diverse-lunghezze.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2701\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-con-diverse-lunghezze.jpg\" alt=\"Diversi caratteri e diverse lunghezze nei title\" width=\"512\" height=\"165\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-con-diverse-lunghezze.jpg 512w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-con-diverse-lunghezze-300x96.jpg 300w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><br \/>\nCome potete vedere, questi due title di 40 caratteri coprono un\u2019ampia gamma. Analizziamo cio\u2019 che succede \u2026<\/p>\n<h3>(1) Le lettere strette sono strette<\/h3>\n<p>D\u2019accordo, probabilmente \u00e8 ovvio, ma spieghiamolo meglio. Il primo titolo e\u2019 pieno di minuscole<strong> l<\/strong> ed<strong> i<\/strong>, che occupano relativamente poco spazio. Invece <strong>m<\/strong>\u00a0 e<strong> w<\/strong> ne occupano un po\u2019 di pi\u00f9. Con questo font, tre <strong>l<\/strong> minuscole sono effettivamente pi\u00f9 strette di una<strong> w<\/strong> minuscola.<\/p>\n<h3>(2) Tutte le maiuscole occupano piu\u2019 spazio<\/h3>\n<p>Le lettere maiuscole sono pi\u00f9 larghe delle minuscole (di nuovo nulla di sorprendente). Tutti i titoli in maiuscolo tendono ad essere difficili da leggere. In alcuni casi, come nel caso sopra di \u201cLEGO\u201d, l\u2019uso del maiuscolo \u00e8 importante e necessario. In altri casi, come &#8220;BRIDGEWATER COMMONS&#8221;, e\u2019 solo fastidioso.<\/p>\n<h3>(3) La larghezza varia con le query<\/h3>\n<p>Google evidenzia con il grassetto le keywords delle query, quindi una query piu\u2019 lunga metter\u00e0 in grassetto pi\u00f9 keywords. I caratteri in grassetto occupano leggermente pi\u00f9 spazio. Cosi, anche se trovaste un titolo che entra appena entro i limiti di larghezza, l\u2019effettiva visualizzazione di quel titolo cambierebbe a seconda delle keywords utilizzate nella ricerca per trovarlo.<\/p>\n<h3>(4) I Title tagliati hanno meno caratteri<\/h3>\n<p>Google taglia i title con CSS, e il browser aggiunge \u201c\u2026\u201d ogni volta che un titolo viene troncato. In tal modo, un titolo che \u00e8 anche solo leggermente troppo lungo e viene tagliato, risulter\u00e0 effettivamente pi\u00f9 corto di un titolo che rientra appena nei limiti di larghezza, a causa dello spazio aggiuntivo richiesto da \u201c\u2026\u201d.<\/p>\n<h2><span style=\"color: #ff6600;\">Dati provenienti da ricerche reali<br \/>\n<\/span><\/h2>\n<p>Per capire veramente cosa sta accadendo ai title tag, abbiamo bisogno di raccogliere dati. Cosi ci mettiamo a guardare le ricerche reali per capire dove i title tag siano stati tagliati dopo il redesign.<br \/>\nAbbiamo osservato la pagina 1 dei risultati di ricerca di oltre 10.000 query. Dal momento che non tutte le SERP danno 10 risultati, abbiamo ottenuto un totale di 93,438 risultati di ricerca. Un errore di codifica ha causato alcuni problemi con i caratteri speciali, costringendoci a cestinare alcuni dati inutilizzabili \u2013 lasciandoci con 89.787 titoli su cui lavorare.<br \/>\n<span style=\"color: #000000;\">Le keyword vengono messe in evidenza come nelle ricerche originali.<\/span> Questi dati son stati raccolti da Google.com utilizzando query di ricerca in inglese.<\/p>\n<p>Dal momento in cui Google tronca i title che usano CSS, dobbiamo replicarli cos\u00ec come son resi (non guardate unicamente il source code). Una volta estratti i titoli, ognuno di essi \u00e8 stato visualizzato in un browser (Chrome su Windows 7) con le stesse dimensioni e larghezza di un Google search desktop (18px Arial in a 512-pixel wide &lt;div&gt;).\u00a0 A causa di piccole variazioni, la lunghezza delle nostre visualizzazioni pu\u00f2 variare da quella di Google di \u00b12 caratteri.<\/p>\n<h2><span style=\"color: #ff6600;\">La lunghezza dei Title dopo il taglio<br \/>\n<\/span><\/h2>\n<p>E&#8217; arrivato il momento di fare due calcoli. Diamo un\u2019occhiata ai titoli che son stati troncati da Google e scopriamo in che modo \u00e8 cambiata la loro lunghezza. Son rimasti 28,410 titoli per l\u2019analisi. Vi posso dire che la lunghezza media di questi titoli era di 57.7 caratteri, ma aspettate a scappare.<span style=\"color: #ff0000;\"><span style=\"color: #000000;\"> Se questa media fosse un limite ragionevole, questo significherebbe che met\u00e0 dei titoli verrebbe ancora tagliato<\/span>. <\/span>Non e\u2019 certo l\u2019ideale, inoltre non tiene conto dei titoli che non sono stati tagliati.<br \/>\nTuttavia, per curiosit\u00e0, diamo un\u2019occhiata alla distribuzione complessiva della lunghezza dei titoli tagliati (dopo il taglio):<\/p>\n<p><a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliati-nei-risultati-di-ricerca1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2704\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliati-nei-risultati-di-ricerca1.jpg\" alt=\"title tagliati nei risultati di ricerca\" width=\"550\" height=\"300\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliati-nei-risultati-di-ricerca1.jpg 550w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliati-nei-risultati-di-ricerca1-300x163.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><br \/>\nLa buona notizia \u00e8 che questa distribuzione \u00e8 pi\u00f9 o meno normale, con un picco di 57-58 caratteri. I <strong>title tag, dopo i tagli,\u00a0 hanno una lunghezza che varia dai 42 ai 68 caratteri<\/strong>. Ecco un titolo tagliato a 42 caratteri:<br \/>\n<a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliato-su-google.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2705\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliato-su-google.jpg\" alt=\"title tagliato su google\" width=\"500\" height=\"88\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliato-su-google.jpg 500w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/title-tagliato-su-google-300x52.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><br \/>\nRipeto, tutti i titoli in maiuscolo occupano piu\u2019 spazio, e la query (&#8220;anywho reverse lookup&#8221;) e\u2019 piuttosto lunga.<\/p>\n<p>Ecco un titolo che arriva a 68 caratteri dopo esser stato tagliato:<br \/>\n<a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/titolo-tagliato-di-68-caratteri.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2706\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/titolo-tagliato-di-68-caratteri.jpg\" alt=\"titolo tagliato di 68 caratteri\" width=\"508\" height=\"69\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/titolo-tagliato-di-68-caratteri.jpg 508w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/titolo-tagliato-di-68-caratteri-300x40.jpg 300w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/a><br \/>\nIn questo esempio la query e\u2019 breve (\u201cGiftster\u201d), il titolo ha solo due parole in maiuscolo, e ci sono in ballo solo diversi minuscole come <strong>l<\/strong> ed<strong> i<\/strong>. Tenete in mente che tutte le lunghezze riportate nel grafico sopra si riferiscono a dopo il taglio. Giftster potrebbe avere altri 1- 3 caratteri oltre ci\u00f2 che viene visualizzato. Dobbiamo anche tenere in considerazione la lunghezza pre-taglio e i puntini di sospensione.<\/p>\n<p>Quindi, come possiamo trasformare tutte queste informazioni in qualcosa di effettivamente utile? Cosa vogliamo veramente sapere? Fondamentalmente vogliamo trovare una giusta lunghezza che ci dia una qualche certezza che i nostri titoli non vengano tagliati. Per ogni lunghezza ho verificato quale percentuale di title veniva tagliata. I titoli pi\u00f9 lunghi sono stati (come previsto) quelli che con pi\u00f9 probabilit\u00e0 sarebbero stati tagliati.<\/p>\n<p><span style=\"color: #ff0000;\"><span style=\"color: #000000;\">Ecco i dettagli sui tagli analizzati relativi a title di diversa lunghezza:<\/span><br \/>\n<\/span><\/p>\n<p>80% &#8211; 57 caratteri (81.6%)<br \/>\n90% &#8211; 56 caratteri (91.6%)<br \/>\n95% &#8211; 55 caratteri (95.8%)<br \/>\n99% &#8211; 53 caratteri (98.7%)<br \/>\n99.9% &#8211; 49 caratteri (99.9%)<\/p>\n<p>Dal momento che la lunghezza dei caratteri \u00e8 data da numeri interi, non possiamo ottenere percentuali esatte come l\u201980%, 90% ecc., quindi questi sono i risultati che pi\u00f9 si avvicinano (le percentuali effettive sono quelle tra parentesi).<\/p>\n<p>Probabilmente mi faccio condizionare dai miei background di statistica, ma tendo a pensare che il 95% sia un livello piuttosto ragionevole. In parole povere, se tutti i vostri title tag fossero lunghi esattamente 55 caratteri, potreste aspettarvi che circa 1 su 20 venga tagliato.<\/p>\n<h2><span style=\"color: #ff6600;\">Non esiste nessun numero magico<\/span><\/h2>\n<p>Sento di poter affermare con una certa tranquillit\u00e0 che il limite di lunghezza di 55 caratteri, considerando il nuovo design delle SERP, sia ragionevole, ma tenete presente che la lunghezza dei vostri titoli potrebbe variare un po\u2019.<\/p>\n<p>Inoltre bisogna considerare che un titolo tagliato non \u00e8 che sia il bacio della morte (dato che Google continua a processare le keywords oltre il taglio anche ai fini del ranking), e altri formati, come i risultati verticali e Google+, potrebbero visualizzare i vostri title per intero. Ecco un esempio da Google news vertical results:<\/p>\n<p><a href=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/google-vertical-results.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2707\" src=\"http:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/google-vertical-results.jpg\" alt=\"risultati verticali di google\" width=\"501\" height=\"195\" srcset=\"https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/google-vertical-results.jpg 501w, https:\/\/www.wmtools.com\/news\/wp-content\/uploads\/2014\/05\/google-vertical-results-300x116.jpg 300w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a>In questo esempio il primo dei risultati delle news effettivamente mostra per intero il titolo dell\u2019articolo, mentre il secondo risulta troncato. Alla fine, se siete seriamente preoccupati per ogni singolo risultato, dovrete verificarli personalmente.<\/p>\n<p>In certi casi, una scia misteriosa di \u201c\u2026\u201d potrebbe perfino rendere il vostro titolo piu\u2019 cliccabile (non ci metterei le mani sul fuoco, ma e\u2019 possibile). In molti casi, come nel caso dei titoli dei blog post, non vale la pena di tornare indietro e rivedere tutto basandosi su questi nuovi dati. Fossi in voi controllerei attentamente le vostre pagine principali, visualizzerei le SERP per le vostre keywords in base al target, e mi assicurerei che i vostri snippet appaiano come volete voi. Fate le vostre valutazioni e tenete le linee guida in mente per i prossimi sforzi SEO, ma non iniziate l\u2019hacking dei caratteri. Google potrebbe cambiare nuovamente le regole.<\/p>\n<p>Titolo originale dell\u2019articolo <a href=\"http:\/\/moz.com\/blog\/new-title-tag-guidelines-preview-tool\" target=\"_blank\">\u201cNew Title Tag Guidelines &amp; Preview Tool\u201d<\/a> di Peter J. Meyers, pubblicato su Moz Blog il 20 Marzo 2014.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"Nuove Linee Guida per Title Tag &amp; Preview Tool Il recente redesign della SERP di Google pu\u00f2 sembrare non molto importante ad un osservatore occasionale, ma almeno uno dei cambiamenti apportati potrebbe avere un impatto reale sul SEO. Questo post si propone di esplorare l\u2019impatto di questo redesign sui title tag, e definire un nuovo&hellip;","protected":false},"author":57,"featured_media":2716,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,2],"tags":[],"class_list":["post-2666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consigli-seo","category-web-marketing"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/2666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/comments?post=2666"}],"version-history":[{"count":0,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/2666\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/media\/2716"}],"wp:attachment":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/media?parent=2666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/categories?post=2666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/tags?post=2666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}