{"id":1148,"date":"2018-01-10T09:47:14","date_gmt":"2018-01-10T09:47:14","guid":{"rendered":"https:\/\/sitechecker.pro\/?page_id=1148"},"modified":"2025-02-04T19:05:57","modified_gmt":"2025-02-04T19:05:57","slug":"mobile-friendly-test","status":"publish","type":"page","link":"https:\/\/sitechecker.pro\/it\/mobile-friendly-test\/","title":{"rendered":"Test di ottimizzazione mobile | Strumento basato sull&#8217;API di Google \u1408"},"content":{"rendered":"<p><strong>L&#8217;ottimizzazione delle prestazioni di un sito Web<\/strong> \u00e8 fondamentale e include l&#8217;ottimizzazione delle prestazioni del sito su qualsiasi dispositivo mobile. I moderni approcci SEO e web design si concentrano su telefoni cellulari e tablet, poich\u00e9 il traffico mobile \u00e8 ora dominante. <strong>La facilit\u00e0 di utilizzo delle versioni dei siti web per dispositivi mobili<\/strong> garantisce un posizionamento elevato nei motori di ricerca e un tasso di conversione migliore.<\/p>\n<p>Mobile-Friendly Test \u00e8 uno degli strumenti che aiuta a verificare la compatibilit\u00e0 del tuo sito su dispositivi diversi. Ma cosa significa essere un <strong>sito mobile friendly<\/strong>? Passiamo al cuore di questa domanda e analizziamo passo dopo passo la compatibilit\u00e0 con i dispositivi mobili.<\/p>\n<p>La<strong>versione mobile<\/strong> del sito Web \u00e8 una versione duplicata del sito principale. La versione mobile utilizza un layout speciale. Ti consente di visualizzare e navigare comodamente tra le pagine delle risorse da telefoni cellulari e tablet.<\/p>\n<p><strong>Mobile-Friendly Test<\/strong> \u00e8 uno strumento speciale che ti aiuta a vedere quale punteggio ha il tuo sito web in base ai <strong>parametri di calcolo della ricerca di Google<\/strong>. Questo \u00e8 un insieme di fattori forniti da Google che aiutano a determinare quanto sia conveniente per gli utenti la versione mobile del tuo sito.<\/p>\n<h2 id=\"how_to\">Utilizzo dello strumento di test ottimizzato per dispositivi mobili: una guida passo passo<\/h2>\n<p>Utilizza lo strumento di test di ottimizzazione mobile per capire <strong>quanto \u00e8 amichevole il tuo sito web<\/strong> per i cellulari e come appare su diversi dispositivi.<\/p>\n<h3>Passaggio 1: inserisci il tuo URL<\/h3>\n<p>Inserisci l&#8217;URL del sito web che desideri testare in un campo di ricerca dello Strumento di test ottimizzato per dispositivi mobili. Premi Invio per vedere i risultati.<\/p>\n<div class=\"content__img-wrap\"><img src=\"https:\/\/sitechecker.pro\/wp-content\/uploads\/2022\/01\/mobile_friendly_test_url.png\" alt=\"inserisci l'URL del sito Web per verificare l'usabilit\u00e0 del tuo sito Web su diversi dispositivi\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<h3>Passaggio 2: interpretazione dei risultati del Controllo ottimizzazione mobile<\/h3>\n<p>Subito dopo che l&#8217;analisi \u00e8 terminata, ottieni i risultati direttamente sulla pagina Strumento di test ottimizzato per dispositivi mobili.<\/p>\n<div class=\"content__img-wrap\"><img src=\"https:\/\/sitechecker.pro\/wp-content\/uploads\/2022\/01\/mobile_friendly_test_result.png\" alt=\"al termine dell'analisi, otterrai i risultati dall'estensione Mobile PageSpeed Insights\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<p>Lo strumento di test ottimizzato per dispositivi mobili ti mostrer\u00e0 l&#8217;anteprima del tuo sito Web sui dispositivi mobili. Inoltre, raccoglier\u00e0 <strong>feedback di Mobile Page Speed Insights<\/strong> sul tuo sito web. Mobile Page Speed Insights \u00e8 un&#8217;estensione ufficiale di Google. Analizza i siti Web e fornisce suggerimenti sui miglioramenti delle prestazioni. Tutti questi suggerimenti verranno forniti anche nella pagina Strumento di test ottimizzato per dispositivi mobili. Pertanto, non \u00e8 necessario visitare altri siti Web o utilizzare altri strumenti per verificare quanto sia amichevole il tuo sito Web.<\/p>\n<div class=\"content__img-wrap\"><img src=\"https:\/\/sitechecker.pro\/wp-content\/uploads\/2022\/01\/mobile_friendly_test_result_1.png\" alt=\"test di google mobile friendly per verificare il responsive web design delle pagine web\" class=\"description-img description-img-zoom\" loading=\"lazy\" ><\/div>\n<h2 id=\"who_need\">\u00c8 necessario un test ottimizzato per i dispositivi mobili<\/h2>\n<p>Fondamentalmente, ogni sito ha bisogno del Mobile-Friendly Test. Il problema \u00e8 che <strong>gli utenti tendono a visitare i siti Web da dispositivi mobili diversi<\/strong>; pertanto, il tuo sito deve essere facilmente accessibile. Inoltre, <strong>Google SERP<\/strong> analizza anche le informazioni sulle versioni del sito mobile. Usa Mobile-Friendly Test se vuoi:<\/p>\n<ul>\n<li><strong>Guadagna pi\u00f9 traffico<\/strong> comparendo nelle posizioni pi\u00f9 alte nei motori di ricerca<\/li>\n<li><strong>Rispondere alle richieste di Google<\/strong> e migliorare SEP<\/li>\n<li><strong>Aumenta il tempo medio<\/strong> sul sito da diversi dispositivi.<\/li>\n<\/ul>\n<p>Scopri cosa dice Google sulla versione ottimizzata per dispositivi mobili &amp; indicizzazione mobile-first.<\/p>\n<p><iframe width=\"770\" height=\"350\" src=\"https:\/\/www.youtube.com\/embed\/TTUzxHdx2jY\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometro; riproduzione automatica; appunti- scrittura; supporto crittografato; giroscopio; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h2 id=\"tips\">Suggerimenti per rendere il tuo sito web ottimizzato per i dispositivi mobili<\/h2>\n<p>Lo strumento ottimizzato per dispositivi mobili mostrer\u00e0 i problemi sul tuo sito Web e consigli su come risolverli. Inoltre, puoi seguire questi consigli. Con il loro aiuto, puoi facilmente ottenere un punteggio migliore.<\/p>\n<h3>Suggerimento 1: non creare un altro sito web ottimizzato per i dispositivi mobili<\/h3>\n<p>Alcuni sviluppatori hanno avuto l&#8217;idea di creare un <strong>sito separato per la versione mobile<\/strong>. Significa che devi ritagliare contenuti con informazioni importanti come foto, video, ecc., su un sito mobile.<\/p>\n<p>Inoltre, creando due siti web con lo stesso contenuto, otterrai due link separati nei motori di ricerca. Pertanto, causer\u00e0 problemi nel tentativo di visualizzare il contenuto.<\/p>\n<p>Nota: ma se hai deciso di creare versioni separate del tuo sito web, non dimenticare di inserire <strong>rel=&#8221;alternate&#8221; mobile attribute<\/strong>. \u00c8 un passo importante per prevenire problemi di duplicazione dei contenuti sul tuo sito web. Non dimenticare il tuo sito Web per verificare la presenza di contenuti duplicati. Quindi risolviamo come funziona l&#8217;attributo &#8220;rel=mobile&#8221;.<\/p>\n<p>Aggiungi <strong>un tag speciale con l&#8217;attributo link rel=&#8221;alternate&#8221; <\/strong>su ogni pagina della tua versione desktop. Deve portare alla pagina corrispondente della versione mobile. Ci\u00f2 aiuter\u00e0 GoogleBot a trovare il contenuto ottimizzato per i dispositivi mobili. Dobbiamo indicare ai robot di ricerca che esiste un&#8217;altra versione della pagina del sito web.<\/p>\n<p>Il tuo pezzo di codice sar\u00e0 composto come:<\/p>\n<div class=\"code\"><code>link rel=\"alternate\" media=\"only screen and (max-width: 640px)\" href=\"https:\/\/sitechecker.pro\/\"<\/code><\/div >\n<p>In secondo luogo, ogni pagina web della versione mobile dovrebbe contenere il tag canonico, che porta alla versione della stessa pagina ma con la consueta formattazione:<\/p>\n<div class=\"code\"><code>link rel=\"canonical\" href=\"https:\/\/sitechecker.pro\/\" <\/code><\/div>\n<h3>Suggerimento 2: dovresti utilizzare solo il design reattivo<\/h3>\n<p>Il design reattivo \u00e8 la soluzione migliore per un approccio &#8220;utente come amico&#8221; nella progettazione di siti Web. Come mai? Perch\u00e9 consente agli sviluppatori di rendere il sito <strong>visibile su diversi dispositivi e dimensioni dello schermo.<\/strong><\/p>\n<p><strong>Il design reattivo <\/strong>contribuisce a rendere le immagini e i layout pi\u00f9 flessibili. Mantiene anche le query multimediali dei fogli di stile a cascata dall&#8217;inizio. La pagina web scoprir\u00e0 le dimensioni dello schermo dell&#8217;utente e di conseguenza cambier\u00e0 il layout. Semplificher\u00e0 notevolmente l&#8217;attivit\u00e0 per gli sviluppatori durante la creazione di un sito e migliorer\u00e0 l&#8217;usabilit\u00e0 del sito.<\/p>\n<h3>Suggerimento 3: usa sempre un meta tag viewport<\/h3>\n<p>&nbsp;<\/p>\n<p>Il motore di rendering del browser determina la scala delle dimensioni del sito Web tramite il <strong>viewport<\/strong>. Ecco perch\u00e9 \u00e8 fondamentale codificare per risorse multi-dispositivo. Se non utilizzi il meta tag viewport, il tuo sito web non funzioner\u00e0 correttamente sui dispositivi mobili. Dice letteralmente al browser come la pagina dovrebbe adattarsi allo schermo. Quindi, se la pagina non ha tag Viewport, \u00e8 necessario risolvere il problema.<\/p>\n<p>Inoltre, potrebbero esserci altri problemi con il tag, inclusa la scala iniziale del tag errata o quando pi\u00f9 meta tag di viewport vengono trovati nell&#8217;head.<\/p>\n<h3>Suggerimento 4: importanza delle dimensioni dei pulsanti e dei caratteri<\/h3>\n<p>Le <strong>dimensioni dei pulsanti<\/strong> poich\u00e9 le dimensioni dei caratteri sono molto importanti per i dispositivi mobili. Come mai? Con piccoli pulsanti del sito Web, gli utenti potrebbero perderli o colpire accidentalmente quello sbagliato. \u00c8 sempre fastidioso quando le dita non riescono letteralmente a premere il pulsante giusto a causa delle sue dimensioni. Apple consiglia di utilizzare dimensioni dei pulsanti di 44px per 44px o superiori.<\/p>\n<p>Il tuo sito web ottimizzato per i dispositivi mobili dovrebbe avere una dimensione del carattere di almeno 14px; non \u00e8 cos\u00ec grande! Utilizzando una dimensione di 14px, ti assicuri che gli utenti non debbano utilizzare lo zoom per leggere il contenuto del tuo sito. \u00c8 possibile utilizzare una dimensione di 12px solo per etichette e moduli. \u00c8 importante risolvere il problema se la dimensione del carattere \u00e8 troppo piccola per i dispositivi mobili.<\/a><\/p>\n<h3>Suggerimento 5: immagini ad alta risoluzione<\/h3>\n<p>Se consideri il tuo sito web con uno standard elevato, le <strong> immagini ad alta risoluzione<\/strong> sono obbligatorie. Gli ultimi dispositivi mobili IOS, Android e Windows hanno schermi ad alta definizione. Quindi, per evitare immagini sfocate o pixelate, consigliamo di utilizzare immagini ad altissima risoluzione.<\/p>\n<h3>Suggerimento 6: non utilizzare lo zoom predefinito<\/h3>\n<p>Non consigliamo assolutamente di utilizzare lo <strong>zoom automatico<\/strong> per il sito web ottimizzato per i dispositivi mobili. Pu\u00f2 rovinare elementi di layout come contenuti di navigazione e immagini. L&#8217;uso del meta tag risolver\u00e0 automaticamente i problemi di zoom. Ma per impostazione predefinita, le immagini ingrandite possono apparire troppo grandi o troppo piccole, il che infastidir\u00e0 gli utenti a causa della necessit\u00e0 di perdere tempo nella regolazione.<\/p>\n<h3>Suggerimento 7: video di YouTube sul sito mobile<\/h3>\n<p>Non \u00e8 cos\u00ec facile <strong> utilizzare i video<\/strong> sulla versione del sito web per dispositivi mobili. Il video di YouTube \u00e8 la migliore risposta a questo problema. I video su YouTube combattono tutte le difficolt\u00e0 nella visualizzazione di video su dispositivi mobili, infatti YouTube ha gi\u00e0 creato tutto per te; tutto quello che devi fare \u00e8 usarlo.<\/p>\n<h3>Suggerimento 8: ampia esperienza utente mobile<\/h3>\n<p>Cosa significa? Puoi creare un sito web perfetto, ma dovresti sempre <strong>offrire una scelta ai tuoi utenti<\/strong>. &#8220;Visualizza versione desktop&#8221; o &#8220;vai al sito completo&#8221; \u00e8 un pulsante necessario perch\u00e9 ci sono ancora utenti che preferiscono l&#8217;interfaccia completa del sito, quindi dai loro questa opportunit\u00e0.<\/p>\n<h3>Suggerimento 9: prova sempre<\/h3>\n<p>Non smettere mai di testare! Di solito \u00e8 possibile fare una versione migliore. Dovresti sempre pensare come un utente e scoprire cosa pu\u00f2 essere ulteriormente sviluppato, modificato o addirittura eliminato. Puoi provare lo strumento di test ottimizzato per dispositivi mobili di Google e <strong>verificare se il tuo sito \u00e8 perfetto per la ricerca su Google<\/strong>.<\/p>\n<ul>\n<li>Esegui test con diversi dispositivi mobili di diversi sistemi operativi (Android, Windows e IOS)<\/li>\n<li>Esegui test su dispositivi di dimensioni dello schermo diverse (tablet, superfici e altri)<\/li>\n<li>Testa non solo la prima pagina, ma anche tutte, tutti i pulsanti e le azioni dell&#8217;utente<\/li>\n<li>Chiedi ai tuoi amici oa uno specialista di testarlo per te, perch\u00e9 dovrebbero avere un aspetto nuovo.<\/li>\n<\/ul>\n<p>Questi suggerimenti dovrebbero aiutarti a rendere il tuo sito web ottimizzato per i dispositivi mobili. Crea il massimo comfort per gli utenti per trasformarli in un pubblico permanente.<\/p>\n    <div class=\"blog__conversion blog__conversion-app element__logged_out\">\n        <div class=\"blog__conversion-inner\">\n            <p class=\"title\">Controllare l'ottimizzazione per dispositivi mobili \u00e8 importante, ma non abbastanza per posizionarsi in alto!<\/p>\n            <p class=\"description\">Controlla non solo questo problema, ma effettua un audit completo per scoprire e correggere il tuo SEO tecnico.<\/p>\n            <form id=\"audit__form\"\n                  class=\"article__seo-search audit__form Controlla non solo questo problema, ma effettua un audit completo per scoprire e correggere il tuo SEO tecnico.\"\n                  action=\"\"\n                  method=\"POST\"\n                  autocomplete=\"off\">\n                <span class=\"error\"><\/span>\n                <div class=\"error__limits\">Something went wrong. Please, try again later.<\/div>\n                <input name=\"url\"\n                       type=\"text\"\n                       placeholder=\"Inserisci qui il tuo dominio\">\n                                <button type=\"submit\"\n                        class=\"sitechecker__text\">\n                    <span>Launch audit<\/span>\n                    <img src=\"\/wp-content\/themes\/sitechecker\/out\/img_design\/loading.svg\"\n                         width=\"31\"\n                         height=\"30\"\n                         class=\"loading\">\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n    \n<p><div class=\"front__faq-block\"><div class=\"faq__block-title\">FAQ<\/div><div class=\"panel-group\" id=\"faq-accordion\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\" role=\"tablist\" aria-multiselectable=\"true\"><div class=\"panel\" itemscope itemtype=\"https:\/\/schema.org\/Question\" itemprop=\"mainEntity\">\n                            <div class=\"panel-heading\" id=\"headingFaq-1\">\n                                <div class=\"panel-title\" data-toggle=\"collapse\" aria-expanded=\"false\" href=\"#collapseFaq-1\">\n                                    <h3 itemprop=\"name\">Come posso utilizzare un test ottimizzato per dispositivi mobili?<\/h3>\n                                <\/div>\n                            <\/div>\n                            <div id=\"collapseFaq-1\" class=\"panel-collapse collapse\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"http:\/\/schema.org\/Answer\">\n                                <div class=\"panel-body\" itemprop=\"text\">Puoi utilizzare il test ottimizzato per dispositivi mobili direttamente nel tuo browser. Inserisci l'URL del sito web che desideri controllare, premi Invio e ottieni i risultati.<\/div>\n                            <\/div>\n                        <\/div><div class=\"panel\" itemscope itemtype=\"https:\/\/schema.org\/Question\" itemprop=\"mainEntity\">\n                            <div class=\"panel-heading\" id=\"headingFaq-2\">\n                                <div class=\"panel-title\" data-toggle=\"collapse\" aria-expanded=\"false\" href=\"#collapseFaq-2\">\n                                    <h3 itemprop=\"name\">Cosa significa mobile friendly?<\/h3>\n                                <\/div>\n                            <\/div>\n                            <div id=\"collapseFaq-2\" class=\"panel-collapse collapse\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"http:\/\/schema.org\/Answer\">\n                                <div class=\"panel-body\" itemprop=\"text\">Significa che un sito Web mostra prestazioni perfette su tutti i dispositivi mobili, come smartphone e tablet.<\/div>\n                            <\/div>\n                        <\/div><div class=\"panel\" itemscope itemtype=\"https:\/\/schema.org\/Question\" itemprop=\"mainEntity\">\n                            <div class=\"panel-heading\" id=\"headingFaq-3\">\n                                <div class=\"panel-title\" data-toggle=\"collapse\" aria-expanded=\"false\" href=\"#collapseFaq-3\">\n                                    <h3 itemprop=\"name\">In che modo il mio sito web conosce l'ottimizzazione per i dispositivi mobili?<\/h3>\n                                <\/div>\n                            <\/div>\n                            <div id=\"collapseFaq-3\" class=\"panel-collapse collapse\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"http:\/\/schema.org\/Answer\">\n                                <div class=\"panel-body\" itemprop=\"text\">Per rendere il tuo sito web ottimizzato per i dispositivi mobili, esegui un test e controlla i risultati. Puoi utilizzare i nostri suggerimenti per migliorare gli indicatori.<\/div>\n                            <\/div>\n                        <\/div><\/div><\/div><\/p>","protected":false},"excerpt":{"rendered":"L&#8217;ottimizzazione delle prestazioni di un sito Web \u00e8 fondamentale e include l&#8217;ottimizzazione delle prestazioni del sito su qualsiasi dispositivo mobile. I moderni approcci SEO e web design si concentrano su telefoni cellulari e tablet, poich\u00e9 il traffico mobile \u00e8 ora dominante. La facilit\u00e0 di utilizzo delle versioni dei siti web per dispositivi mobili garantisce un&#8230;","protected":false},"author":10409641,"featured_media":3433,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[74],"tags":[],"_links":{"self":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/1148"}],"collection":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/users\/10409641"}],"replies":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/comments?post=1148"}],"version-history":[{"count":59,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/1148\/revisions"}],"predecessor-version":[{"id":35299,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/pages\/1148\/revisions\/35299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/media\/3433"}],"wp:attachment":[{"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/media?parent=1148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/categories?post=1148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitechecker.pro\/it\/wp-json\/wp\/v2\/tags?post=1148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}