{"id":375,"date":"2024-08-22T14:33:16","date_gmt":"2024-08-22T14:33:16","guid":{"rendered":"https:\/\/blog.devlancer.it\/?p=375"},"modified":"2024-08-23T10:12:27","modified_gmt":"2024-08-23T10:12:27","slug":"seo-javascript","status":"publish","type":"post","link":"https:\/\/blog.devlancer.it\/en\/seo-javascript\/","title":{"rendered":"SEO e Javascript: possiamo indicizzare i contenuti? E i link in Javascript?"},"content":{"rendered":"<h2>Usare Javascript permette la corretta indicizzazione di una pagina web?<\/h2>\n<p><strong>S\u00ec<\/strong>, da qualche tempo ormai <strong>Google<\/strong> indicizza i siti web utilizzando dei <strong>crawler<\/strong> che agiscono come un <strong>browser<\/strong> (i crawler sono software che <strong>scansionano il web<\/strong> alla ricerca dei contenuti, e nello specifico <strong>Google<\/strong> utilizza <strong>Chromium<\/strong> per leggere le pagine web) e quindi esegue il <strong>Javascript<\/strong> anche quando questo modifica <strong>link, testi, immagini<\/strong> o altro.<\/p>\n<p>Ad esempio, <a href=\"https:\/\/www.evemilano.com\/seo-angularjs\/\" rel=\"nofollow noopener\">EveMilano analizza un caso di studio su un sito fatto in AngularJS<\/a> e la conclusione in termini semplici \u00e8 che <strong>Google indicizza i contenuti generati dinamicamente in Javascript<\/strong>.<\/p>\n<p>La <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/javascript\/javascript-seo-basics\" rel=\"nofollow noopener\">Guida di base sulla SEO per JavaScript di Google<\/a> fornisce i dettagli per il <b>corretto utilizzo di Javascript<\/b> a fini SEO.<\/p>\n<p>Inoltre, l\u2019articolo <a href=\"https:\/\/vercel.com\/blog\/how-google-handles-javascript-throughout-the-indexing-process\" rel=\"nofollow noopener\">How Google handles JavaScript throughout the indexing process<\/a> spiega in modo dettagliato <b>come avviene l\u2019indicizzazione<\/b> da parte di Google di contenuti realizzati in <b>Javascript<\/b>. Ci\u00f2 che risulta davvero importante \u00e8 fare attenzione a quello che generiamo con Javascript: se inseriamo molto contenuto in modo dinamico dobbiamo comunque seguire le buone pratiche relative all&#8217;<strong>ordine di caricamento del DOM<\/strong>.<\/p>\n<h2>Link in Javascript<\/h2>\n<p>\u00c8 possibile usare <strong>Javascript<\/strong> per creare\/modificare dei <strong>link<\/strong> in modo che siano indicizzabili dai <strong>motori di ricerca<\/strong>?<\/p>\n<p><strong>S\u00ec<\/strong>, come riportato nel blog ufficiale di <strong>Google<\/strong> riguardo le <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/05\/frequently-asked-questions-about\" rel=\"nofollow noopener\">domande frequenti sull&#8217;uso dei Javascript e i link<\/a>. Ecco il testo interessato:<\/p>\n<blockquote><p>Purch\u00e9 questi link soddisfino i criteri previsti dalle nostre <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/links-crawlable?hl=it\" rel=\"nofollow noopener\">istruzioni per i webmaster<\/a> e come descritto sopra.<\/p>\n<p>Quando esegue il rendering di una pagina, <strong>Googlebot esegue JavaScript<\/strong> e poi <strong>scopre anche i link generati da JavaScript<\/strong>. \u00c8 bene ricordare che il rilevamento dei link pu\u00f2 avvenire due volte: prima <em>e<\/em> dopo l&#8217;esecuzione di JavaScript, in modo che i link nella risposta iniziale del server consentano a Googlebot di rilevare i link un po&#8217; pi\u00f9 velocemente.<\/p><\/blockquote>\n<p>In sostanza \u00e8 importante che i link, anche se generati dinamicamente, <strong>contengano l&#8217;attributo href<\/strong> corretto, e <strong>non usare<\/strong> ad esempio <em>&lt;span onclick=&#8221;goToLink()&#8221;&gt;<\/em> o <em>&lt;a onlick=&#8221;goToPage()&#8221;&gt;<\/em><\/p>\n<h2>Leggi anche<\/h2>\n<ul>\n<li><a href=\"https:\/\/blog.devlancer.it\/seo-core-web-vitals-come-migliorarli\/\">I Core Web Vitals per la SEO: Come funzionano e come migliorarli<\/a><\/li>\n<li><a href=\"https:\/\/blog.devlancer.it\/seo-e-accessibilita-binomio-migliore-indicizzazione\/\">SEO e Accessibilit\u00e0: Perch\u00e9 un sito web accessibile ha una migliore indicizzazione<\/a><\/li>\n<li><a href=\"https:\/\/blog.devlancer.it\/google-dorks-ricerca-avanzata\/\">Google e gli operatori di ricerca avanzata (Google Dorks)<\/a><\/li>\n<li><a href=\"https:\/\/blog.devlancer.it\/seo-eta-dominio-influenza-ranking\/\">L\u2019et\u00e0 di un sito web o di un dominio influenza il posizionamento e la SEO?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Usare Javascript permette la corretta indicizzazione di una pagina web? S\u00ec, da qualche tempo ormai Google indicizza i siti web utilizzando dei crawler che agiscono come un browser (i crawler sono software che scansionano il web alla ricerca dei contenuti, e nello specifico Google utilizza Chromium per leggere le pagine web) e quindi esegue il [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":376,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10,9],"tags":[11],"class_list":["post-375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-approfondimenti","category-guide","tag-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/posts\/375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":2,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/posts\/375\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/posts\/375\/revisions\/378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/media\/376"}],"wp:attachment":[{"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/media?parent=375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/categories?post=375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.devlancer.it\/en\/wp-json\/wp\/v2\/tags?post=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}