[tatsu_section bg_color= "" bg_image= "" bg_repeat= "no-repeat" bg_attachment= '{"d":"scroll"}' bg_position= '{"d":"top left"}' bg_size= '{"d":"cover"}' bg_animation= "none" padding= '{"d":"90px 0px 90px 0px"}' margin= '{"d":"0px 0px 0px 0px"}' bg_video_mp4_src= "" bg_video_ogg_src= "" bg_video_webm_src= "" overlay_color= "" overlay_blend_mode= "normal" section_height_type= "auto" custom_height= '{"d":""}' vertical_align= "center" top_divider= "none" top_divider_zindex= "9999" bottom_divider_zindex= "9999" bottom_divider= "none" top_divider_height= '{"d":"100"}' top_divider_position= "above" bottom_divider_height= '{"d":"100"}' bottom_divider_position= "below" top_divider_color= "#ffffff" bottom_divider_color= "#ffffff" invert_top_divider= "0" invert_bottom_divider= "0" flip_top_divider= "0" flip_bottom_divider= "0" section_id= "" section_class= "" section_title= "" offset_value= "0px" full_screen_header_scheme= "background--dark" overflow= "" z_index= "0" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rybbacnLDK"][tatsu_row full_width= "0" bg_color= "" border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" no_margin_bottom= "0" equal_height_columns= "0" gutter= "medium" column_spacing= "px" fullscreen_cols= "0" swap_cols= "0" padding= '{"d":"0px 0px 0px 0px"}' margin= '{"d":"0px 0px"}' row_id= "" row_class= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" border_radius= "0" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" layout= "1/1" key= "BJg-a5h8DK"][tatsu_column bg_color= "" bg_image= "" bg_repeat= "no-repeat" bg_attachment= "scroll" bg_position= '{"d":"top left"}' bg_size= '{"d":"cover"}' padding= '{"d":"0px 0px 0px 0px"}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "0" box_shadow_custom= "0px 0px 0px 0px rgba(0,0,0,0)" bg_video_mp4_src= "" bg_video_ogg_src= "" bg_video_webm_src= "" overlay_color= "" overlay_blend_mode= "normal" animate_overlay= "none" link_overlay= "" vertical_align= "none" sticky= "0" offset= '{"d":"0px 0px"}' column_parallax= "0" column_width= '{"d":100,"l":100,"t":100,"m":100}' column_mobile_spacing= "0" image_hover_effect= "none" column_hover_effect= "none" hover_box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" overflow= "" col_id= "" column_class= "" top_divider= "none" top_divider_height= '{"d":"100","m":"0"}' top_divider_color= "#ffffff" flip_top_divider= "0" top_divider_zindex= "9999" bottom_divider= "none" bottom_divider_height= '{"d":"100","m":"0"}' bottom_divider_color= "#ffffff" flip_bottom_divider= "0" bottom_divider_zindex= "9999" left_divider= "none" left_divider_width= '{"d":"50","m":"0"}' left_divider_color= "#ffffff" invert_left_divider= "0" left_divider_zindex= "9999" right_divider= "none" right_divider_width= '{"d":"50","m":"0"}' right_divider_color= "#ffffff" invert_right_divider= "0" right_divider_zindex= "9999" z_index= "0" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" layout= "1/1" key= "SkW6c3LvF"][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SyOCc2LDt"]

Attualmente, ci sono 6,4 miliardi di utenti di smartphone in tutto il mondo (Statista, 2021). Si prevede che l'uso degli smartphone continuerà ad aumentare nei prossimi anni, arrivando fino a 7,5 miliardi di utenti nel 2026.

Considerando che le ricerche su dispositivi mobili rappresentano circa il 60% di tutto il volume di ricerca e WordPress alimenta il 40% di tutti i siti internet nel mondo, ottimizzare il sito per mobile è diventata una priorità assoluta.

Questo articolo vi aiuterà a capire perché il vostro sito web deve essere mobile-friendly e catturare il miglior punteggio UI di Google.

[/tatsu_text][tatsu_image image= "https://www.irbox.it/wp-content/uploads/2021/11/5-consigli-per-ottimizzare-il-tuo-sito-WordPress-per-mobile-nel-2021-2.jpg" image_varying_size_src= "" alignment= "none" border_width= "0" border_style= '{"d":"solid"}' border_color= "" id= "5664" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "1" link= "" new_tab= "0" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' key= "SJyKj2UPF"][/tatsu_image][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rJhai2Uvt"]

Questi sono 5 consigli per guidarti all'ottimizzazione del tuo sito per dispositivi mobile:

1. Perché il Responsive Web Layout è importante?
2. Dare priorità alle prestazioni del sito.
3. Testare il sito WordPress con lo strumento mobile-friendly di Google.
4. Utilizzare Plugin WordPress che siano Mobile-Friendly
5. Scegliere il tema WordPress corretto.

[/tatsu_text][tatsu_animated_heading text= "1. Perché il layout web responsive è importante?" tag_to_use= "h2" anime_type= "anime_split_letter" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "20" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rJz62yKvF"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "ry7Qh2LPF"]

Secondo il nuovo algoritmo di Google, il vostro sito WordPress deve essere responsive e seguire la metrica LCP (largest contentful paint). Dato che la maggioranza del pubblico si sta spostando verso telefoni e tablet rispetto ai tradizionali dispositivi desktop, il vostro sito web deve essere pronto per essere visualizzato su qualsiasi dimensione dello schermo e mostrare un'esperienza utente positiva che porterà i vostri utenti verso ciò che stanno cercando.
Fortunatamente, se il vostro sito WordPress non è ancora mobile-friendly, esistono alcuni plugin per minificare il vostro codice e fornire un miglior layout orientato all'utente e adatto a qualsiasi dimensione dello schermo.

[/tatsu_text][tatsu_image image= "https://www.irbox.it/wp-content/uploads/2021/11/5-consigli-per-ottimizzare-il-tuo-sito-WordPress-per-mobile-nel-2021-1.jpg" image_varying_size_src= "" alignment= "none" border_width= "0" border_style= '{"d":"solid"}' border_color= "" id= "5665" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "1" link= "" new_tab= "0" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' key= "H1Bon2UPF"][/tatsu_image][tatsu_animated_heading text= "2. Dare la priorità alle prestazioni del sito." tag_to_use= "h2" anime_type= "anime_split_word" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "9" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "SkL16yFPt"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "H1z1TnLwt"]

La velocità della pagina sta giocando un ruolo importante da molto tempo in termini di come il vostro sito è posizionato su Google e il tempo di caricamento della pagina ha un impatto diretto sulle prestazioni del vostro sito web. Ottimizzare le immagini, minificare il codice di programmazione, utilizzare meno animazioni sono alcune delle best practices per aumentare la performance del vostro sito.

[/tatsu_text][tatsu_image image= "https://www.irbox.it/wp-content/uploads/2021/11/5-consigli-per-ottimizzare-il-tuo-sito-WordPress-per-mobile-nel-2021-1-1.jpg" image_varying_size_src= "" alignment= "none" border_width= "0" border_style= '{"d":"solid"}' border_color= "" id= "5667" size= "full" adaptive_image= "1" max_width= '{"d":"100%"}' rebel= "0" width= '{"d":"100%"}' shadow= "none" custom_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" drop_shadow= "drop-shadow(0px 0px 0px rgba(0,0,0,0))" border_radius= "0" lazy_load= "1" placeholder_bg= "" offset= '{"d":"0px 0px"}' lightbox= "1" link= "" new_tab= "0" hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' key= "BkTXp3LPK"][/tatsu_image][tatsu_animated_heading text= "3. Testare il sito WordPress con lo strumento mobile-friendly di Google." tag_to_use= "h2" anime_type= "anime_split_word" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "9" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "rydzpkFDF"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "SkPra1FPF"]

Il tuo sito WordPress può sembrare buono su un dispositivo, ma è necessario testarlo su una vasta gamma di dimensioni dello schermo mobile per sapere se è responsive. Questo processo manuale richiede molto tempo, ecco perché vi consigliamo di utilizzare lo strumento di test di Google e controllare che il vostro sito sia completamente ottimizzato per i dispositivi mobili. Basta aprire lo strumento di test di Google e incollare l'URL del tuo sito web (https://www.esempio.com/) e ottenere una rapida valutazione del tuo sito.

[/tatsu_text][tatsu_animated_heading text= "4. Utilizzare Plugin WordPress che siano Mobile-Friendly" tag_to_use= "h2" anime_type= "anime_split_word" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "9" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "HJ6u61twF"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "r1hF63IPY"]

WordPress sta usando per lo più plugin e funzioni personalizzate in modo da non aggiungere nulla nel frontend. Ma assicurati che i tuoi plugin funzionino correttamente. Ad esempio, un plugin widget sidebar è un'aggiunta meravigliosa e aiuta a dare una versione desktop ma non funziona sulla versione mobile. Quindi assicuratevi di utilizzare plugin mobile-friendly per ottimizzare il risultato.

[/tatsu_text][tatsu_animated_heading text= "5. Scegliere il tema WordPress corretto." tag_to_use= "h2" anime_type= "anime_split_word" text_color= '{"id":"palette:0","color":"#000000"}' line_color= '{"id":"palette:0","color":"#000000"}' alignment= "left" anime_duration= "12" typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "HkL36JFwt"][/tatsu_animated_heading][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "rkZAaktPt"]

Scegliere il tema WordPress corretto è la prima decisione. Fai un controllo incrociato tra la tua versione di WordPress e l'ultima versione del tema. Alcuni aggiornamenti conterranno componenti mobile-friendly e possono essere adatti a risolvere il tuo problema. Il tema dovrebbe essere up-to-date e definire il vostro obiettivo di business in modo che gli utenti una volta visitato il tuo sito abbiano la possibilità di soddisfare le loro esigenze.

[/tatsu_text][tatsu_code id= "" class= "" hide_in= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" padding= '{"d":""}' margin= '{"d":""}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":""}' border_color= "" border_radius= "" box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" key= "HkAVRnLwF"][/tatsu_code][tatsu_text bg_color= "" color= "" max_width= '{"d":"100"}' wrap_alignment= "center" text_alignment= '{"d":"left"}' margin= '{"d":"0px 0px 30px 0px"}' box_shadow= "0px 0px 0px 0px rgba(0,0,0,0)" padding= '{"d":"0px 0px 0px 0px"}' border_style= '{"d":"solid","l":"solid","t":"solid","m":"solid"}' border= '{"d":"0px 0px 0px 0px"}' border_color= "" border_radius= "0px" text_typography= '{"d":""}' hide_in= "" css_id= "" css_classes= "" animate= "1" animation_type= "none" animation_delay= "0" animation_duration= "300" key= "BkaHAhIvF"]

Spero che questo articolo ti sia stato di aiuto, se vuoi approfondire leggi anche:

Come costruire un sito web mobile-first nel 2021: i 4 principi chiave

Se hai bisogno di un consiglio, contattami qui.

Un saluto.
Irina

[/tatsu_text][/tatsu_column][/tatsu_row][/tatsu_section]