Blog

Visualizzazione mobile in diretta (anteprima) per l’ottimizzazione di web design responsive

Visualizzazione mobile in diretta (anteprima) per l’ottimizzazione di web design responsive – Test Mobile Friendly + Debugger Facebook

Visualizzazione istantanea di un sito web (pagine, articoli, prodotti) per web design responsive su telefono (anche per doppio schermo).

Descrizione

In un’era dove i cellulari dominano l’utilizzo di traffico internet, ha senso creare un sito web che sia adatto ad essere visualizzato su mobile per assicurarsi che lo stesso soddisfi i requisiti degli smartphone. L’ottimizzazione mobile è un fattore cruciale per determinare il tuo successo online, quindi è molto importante assicurarsi che il tuo sito web passi il test “mobile-friendly” per utenti e motori di ricerca.

Quello che dovresti sapere:

  • La fetta di mercato mobile per quanto riguarda il traffico web sta crescendo del 30% anno dopo anno, una crescita da attribuire principalmente ai paesi in via di sviluppo (Hootsuite).
  • Più della metà di tutte le ricerche sono effettuate tramite cellulare e il numero continua a crescere (Search Engine Land).
  • Il 57,3% del traffico Internet viene generato da dispositivi mobile e tablet, mentre il 42,7% viene generato da desktop (Stat Counter).
  • Il numero di utenti negli Stati Uniti che utilizzino solo ambienti desktop sta diminuendo. Il numero è già diminuito da 25 milioni nel 2015 a 18 milioni nel 2017. Si stima che calerà ad 11 milioni entro il 2021 (Wiredseo).
  • Invece, il numero di utenti internet che passano tramite cellulare è aumentato del 28% negli ultimi due anni, raggiungendo 41 milioni negli Stati Uniti nel 2017 (eMarketer).

Riguardo MOBILBOOK Questo plugin è un’estensione di Google DEVTOOL e ti permette di controllare immediatamente il design responsive delle tue pagine, i tuoi articoli, o i tuoi prodotti su mobile in diversi formati (Apple, Samsung, dispositivi Google e cellulari con schermi pieghevoli come il Samsung Galaxy Fold grazie alla versione PRO).

Una volta installato, questo plugin viene implementato su tutte le tue pagine. Apparirà una sezione al di sotto dell’Editor di Contenuto WordPress e, una volta che il contenuto viene pubblicato, ti verrà mostrata subito un’illustrazione mobile secondo il formato che hai definito.

Non è più necessario controllare come venga mostrato il tuo sito su mobile su ogni dispositivo mobile, tablet e altro ancora (responsive).

FUNZIONALITÀ PRO

MOBILBOOK PRO offre svariate funzionalità:

  • Attivazione del plugin per le pagine generate da WooCommerce, permettendoti di visualizzare il tuo negozio online così che tu possa visualizzare se il design di ogni pagina del prodotto è responsive.
  • Attivazione di formati aggiuntivi – La versione PRO ti permette di accedere ad una lunga lista di formati mobile/tablet (15), anche per telefoni pieghevoli (doppio schermo o DualScreen).
  • Attivazione di tre funzionalità molto utili
    • Debugger Facebook ti permette di far scannerizzare le tue pagine dal bot di Facebook, generando OpenGraph aggiornati
    • Linkedin Post Inspector ti permette di far scannerizzare le tue pagine dal bot di Linkedin, generando OpenGraph aggiornati
    • Lo Strumento di Test Google Mobile-Friendly ti permette di far analizzare la tua pagina da Google per verificare se i tuoi criteri di efficienza siano adeguati.

FORMATI DI DISPOSITIVO DISPONIBILI

  • Samsung Galaxy S9 = 360 x 740
  • iPhone 6/7/8 = 375 x 667
  • Google Pixel 2 = 441 x 731
  • Samsung Galaxy FOLD (Dualscreen – Exp) = 585 x 668
  • iPhone 6/7/8 plus = 414 x 736
  • Samsung Galaxy S8 Plus = 360 x 740
  • iPhone XS Max = 414 x 896
  • Google Pixel 3 XL = 411 x 823
  • Samsung Galaxy S8 = 360 x 740
  • Samsung Galaxy Note 9 = 414 x 846
  • iPhone X = 375 x 812
  • Ipad = 768 x 1024
  • Ipad PRO = 1024 x 1366
  • iPhone 5/SE = 320 x 568
  • Galaxy S5 = 360 x 640

Se effettui operazioni di marketing internet tutti i giorni, devi imparare alcuni piccoli trucchi per effettuarle più velocemente.

Che cosa sono Facebook Debugger e Linkedin Post Inspector? Hai condiviso per caso un link del tuo sito su Linkedin o Facebook e non riesci a vedere in maniera corretta l’anteprima di titolo, descrizione o immagini? È normalissimo! In pratica, quando condividi link da WordPress, i bot di Facebook/Linkedin ottengono catturano alcune immagini e altre informazioni relative al contenuto. Facebook e Linkedin di solito scansionano ogni URL relativa alla condivisione, mostrando immagine in evidenza, titolo e descrizione.

Tuttavia, quando crei una nuova pagina da zero e la pubblichi direttamente su Facebook o Linkedin (o cambi il contenuto di una pagina esistente), Facebook e Linkedin non sono sempre in grado di mostrare i tuoi dati meta (anteprima immagini, titolo e descrizione) e l’illustrazione non sarà ideale (spesso, le “immagini in evidenza” non appaiono). Una volta che il tuo contenuto viene pubblicato, le funzionalità disponibili su ogni pagina ti permettono di lasciare che Facebook Debugger/Linkedin Post Inspector scansionino gli URL e generino OpenGraph aggiornati, così che i tuoi contenuti siano visualizzati in maniera perfetta su social media.

Che cos’è lo Strumento di Test Google Mobile-Friendly? Questo strumento, se messo a confronto con Google DEVTOOL, ti dice esattamente la maniera in cui Googlebot (lo spider di Google) visualizza le tue pagine, quindi non la maniera in cui gli utenti le vedono. Questo è molto utile perché ti offre dei feedback per scopi di SEO, oltre ad altro. Se il tuo sito web passa il test, ti verrà mostrato un messaggio verde che ti dirà “Fantastico! Questa pagina è ottimizzata per mobile.” Se invece non passerai il test, il messaggio ti mostrerà “Non ottimizzata per mobile.”

Nel caso in cui il tuo sito web non passi il test mobile, ti verranno elencate anche le ragioni per cui non sarà stato in grado, fra cui il contenuto troppo largo o i link troppo vicini l’uno all’altro. Questo è LO STRUMENTO che ti mostra ciò che Google considera essere “mobile friendly.” Questa funzionalità (disponibile su ognuna delle tue pagine) ti permette di far analizzare gli URL da Google una volta che il tuo contenuto viene pubblicato.

Che cos’è un sito responsive?

Il web design responsive è una tecnica di costruzione di siti web che si adattino ad ogni dispositivo e ad ogni grandezza di schermo, che sia piccolo, grande, mobile o desktop. Il web design responsive si concentra sull’offrire esperienze intuitive e gratificanti a tutti.

Negli ultimi anni, Google ha cominciato a spingere sempre di più sul fatto che tutti i siti web siano mobile friendly. Ciò ha senso dato che le ricerche su cellulare sono in crescita fin dal 2009 ed hanno finalmente sorpassato le ricerche desktop nel 2018 (nel 2018, il 52.2% del traffico web globale è stato registrato da telefoni cellulare).

Perché è importante per l’SEO?

A partire da Aprile 2015, Google ha cominciato a ricompensare i siti mobile-friendly e a penalizzare i siti che non avessero alcuna ottimizzazione, cambiando le posizioni sulle pagine Google. Uno studio da parte di Blue Corona ha rivelato che tutti i siti web che non avevano effettuato i cambiamenti necessari prima dell’aggiornamento del 2015 sono stati penalizzati con una pesante riduzione di traffico del 50%. Questa penalizzazione si è materializzata quando Google ha fatto affondare il loro posizionamento SEO, riducendo le persone che avrebbero visitato e cliccato sul sito web.

Lo stesso studio ha rivelato che, nel 2015, il 70% dei siti web presenti sulla prima pagina di Google fosse ottimizzato per essere visualizzato su dispositivi mobile. Fra i siti che sono stati inseriti nel 70%, le percentuali di conversione sono aumentate in maniera spropositata.

Click to rate this post!
[Total: 2 Average: 5]