Indicizzazione mobile first

Citazione:

Non è il più forte della specie che sopravvive, ma il più adattabile al cambiamento.
- Attribuito a Charles Darwin

Cercate aiuto per la vostra SEO?

Mi chiamo Łukasz Żelezny, sono il fondatore di SEO.London. Lavoro nel settore da 20 anni.
Come consulente SEO, ho aiutato decine di aziende.
Volete migliorare i vostri risultati SEO?
Discutiamo la questione in videochiamata.

Iniziare

Adattamento al cambiamento dei comportamenti degli utenti

Internet è ancora relativamente nuovo e si sta ancora evolvendo. Quando le persone cercano su Internet, non si siedono più ai loro computer e digitano query di ricerca accuratamente formulate. Dal 2017, circa la metà degli utenti di Internet usano i loro dispositivi mobili invece dei loro computer per cercare su Internet.

Poiché gli utenti cambiano il modo in cui cercano su Internet, i motori di ricerca devono cambiare i modi in cui indicizzano i contenuti per mostrare i risultati più pertinenti e utili. Questo significa che devi cambiare costantemente il modo in cui organizzi e presenti le informazioni attraverso il tuo sito web se vuoi posizionarti più in alto nei risultati di ricerca.

Anche se varia a seconda della regione, circa la metà dei globale gli utenti accedono al sito Internet utilizzando un dispositivo mobile, secondo Statista.

Questo rappresenta un significativo aumento dal 30% circa del 2015. Se il vostro sito web è stato progettato per un computer desktop o non avete un sito mobile-friendly, potete aspettarvi di vedere le vostre cerca I risultati del ranking dei motori diminuiscono nel tempo.

Siti web desktop e desktop-light

I siti web sono stati inizialmente sviluppati con il presupposto che le persone avrebbero avuto accesso a Internet da un computer desktop. Questo ha permesso aziende per costruire siti web che contengono una logica di programmazione complicata che viene caricata ed elaborata da un browser su un computer desktop molto rapidamente.

Tuttavia, con la migrazione degli utenti verso l'uso di telefoni e tablet, questi siti web spesso non possono essere caricati ed elaborati rapidamente da un browser su un dispositivo mobile.
Di conseguenza, alcune aziende hanno creato versioni "light" dei loro siti web che vengono caricati ed elaborati da un dispositivo mobile in un tempo ragionevole. Per creare queste versioni, le aziende devono spesso eliminare molte delle caratteristiche e delle funzionalità delle versioni desktop.

Quando un utente accede a un sito web, il sito determina il tipo di dispositivo utilizzato e serve una serie di pagine web diverse a un utente di dispositivi mobili rispetto a un utente di desktop.

Immaginate di eseguire una ricerca su Google dal vostro cellulare telefono e visualizzare risultati di ricerca che sono esattamente cosa che si sta cercando. Tuttavia, quando si fa clic sui risultati della ricerca, non si ottiene ciò che i risultati della ricerca indicavano di vedere. Al contrario, si ottiene una versione annacquata di ciò che ci si aspettava, perché il sito Web ha servito una serie diversa di pagine Web quando ha determinato che si stava utilizzando un dispositivo mobile.

L'utente medio attribuisce a Google la responsabilità di questa inadeguatezza perché il contenuto non corrisponde a quanto descritto nei risultati della ricerca.

La strategia di indicizzazione Mobile-First di Google

Proprio per questo motivo, Google ha annunciato l'indice mobile-first. strategia nel marzo 2018. Piuttosto che indicizzazione le versioni desktop dei siti web, Google ha iniziato a indicizzare le versioni mobili. Nel luglio 2018, Google ha iniziato a utilizzare anche velocità della pagina nelle classifiche di ricerca mobile, che significa favorire i siti web che si caricano velocemente sui dispositivi mobili nel posizionamento dei risultati di ricerca rispetto a quelli che si caricano più lentamente. Questo non significa che i siti web che non hanno una versione mobile non vengano indicizzati, ma significa che i siti web che si caricano velocemente e che sono compatibili con i dispositivi mobili hanno maggiori probabilità di essere indicizzati. rango più in alto nei risultati di ricerca di Google rispetto ai siti web più lenti e pesanti che richiedono un computer desktop.

Come attivare l'indicizzazione mobile first:

1. Riprogettare il tuo sito web

Una strategia pura di indicizzazione mobile-first di Google spesso significa una completa riprogettare del vostro sito web. Il design sarebbe mirato ai dispositivi mobili e poi adattato ad altre piattaforme come i computer desktop. Un design di indicizzazione mobile-first è tipicamente semplice e conciso e utilizza forme geometriche, colori brillanti, tipografia forte e spazio bianco come elementi di design.

Il design pone elementi di call-to-action davanti e al centro, e incorpora metodi di comunicazione moderni come la chat e i chatbot. Inutile dire che un sito indicizzato Google mobile-first si carica rapidamente, e viene costantemente misurato per mantenere o migliorare la velocità.

2. Adattare il tuo sito web

Se non siete pronti per una riprogettazione completa del vostro sito web con indicizzazione mobile-first, potete adattare quello che avete attualmente per renderlo mobile-friendly. Poiché si tratta comunque di una versione desktop adattata ai dispositivi mobili e non il contrario, non si tratta tecnicamente di una strategia Google mobile-first. Tuttavia, si tratta di un passo pratico verso la progettazione di un sito web indicizzato in modo mobile-first, che vi consente di apparire come mobile-first ai motori di ricerca.

Quando adattate il vostro sito attuale a questo ambiente Google mobile-first, l'obiettivo è tipicamente quello di fornire lo stesso contenuto a tutti gli utenti, indipendentemente dal dispositivo che utilizzano.

Tuttavia, il modo in cui i contenuti vengono formattati e presentati è diverso a seconda delle dimensioni dello schermo utilizzato per visualizzarli. In questa transizione è ancora accettabile includere alcune funzionalità aggiuntive, come opzioni di menu o pulsanti, che appaiono solo quando il sito web è accessibile da un computer. Anche Google lo fa.

Fortunatamente, ci sono strumenti che aiutano a rendere questa transizione verso il mobile-friendly più facile che mai. E ci sono strumenti che ti permettono di misurare il tuo successo e identificare le aree che hanno ancora bisogno di miglioramenti.

3. Siti web responsive e indicizzazione Mobile First

Per effettuare questa transizione verso un sito web più mobile-friendly o Google mobile-first, la parola da abbracciare è responsive. Il responsive web design è un approccio che adatta automaticamente la presentazione di un sito web in base alla piattaforma, all'orientamento e alle dimensioni dello schermo o della finestra dell'utente.

Immaginate un sito web aperto sul vostro computer desktop e visibile sul monitor del vostro computer. Quando si fa clic sull'angolo della finestra e si trascinare per rimpicciolire la finestra, cosa succede? Su un sito web non responsive, non succede nulla. Semplicemente viene tagliato tutto ciò che prima era visibile e ora si deve scorrere a destra e a sinistra per vedere il contenuto.

In un sito web responsive, invece, il sito si riformatta automaticamente una volta che la finestra di visualizzazione raggiunge determinate dimensioni, in modo che tutti i contenuti rimangano visibili in quella finestra. Invece di apparire affiancati, i contenuti sono impilati verticalmente. Sebbene sia necessario scorrere la pagina per visualizzare tutti i contenuti, questi ultimi si adattano alla finestra di visualizzazione e non è necessario scorrere a destra e a sinistra per vederli.

4. Sistemi di gestione dei contenuti (per esempio, WordPress)

Se usate un contenuto gestione sistema (CMS) come WordPressDovreste utilizzare un tema responsive. Se il tema attuale non è reattivo ed è disponibile una versione più recente, aggiornatela. Se non esiste una versione reattiva, passare a un tema reattivo.

La maggior parte del lavoro pesante sarà fatto per voi dal tema. Avrete bisogno di recensione come appaiono le pagine responsive su diversi dispositivi mobili e determinare se è necessario cambiare il modo di presentare alcune informazioni che non si convertono bene in pagine responsive.

5. Toolkit di sviluppo web (per esempio, Bootstrap)

Se non utilizzate un CMS, iniziate a usare un toolkit come Bootstrap. Bootstrap è un toolkit open-source per lo sviluppo web che utilizza HTML, CSS e JavaScript. Aiuta a costruire siti web reattivi e con indice Google mobile-first grazie al suo sistema di griglie reattive, ai componenti front-end precostituiti e ai plugin.

6. Strumenti per testare il tuo design mobile-friendly

Per verificare il vostro nuovo design, visitate il Google Mobile-Friendly Test e inserite l'URL del vostro sito web. Otterrete un segnalare che vi dice quanto è mobile-friendly il vostro sito web, con suggerimenti specifici su come migliorare il vostro sito. punteggio.

7. Siti web a caricamento rapido

Che si tratti di un sito desktop, di un sito mobile-friendly o di un sito mobile-first, oggi si presuppone che il vostro sito si carichi rapidamente. Sebbene una discussione di tutti i fattori che influenzano la velocità di caricamento del vostro sito web esuli dallo scopo di questo articolo, ci sono alcuni elementi di design che possono rallentare significativamente il caricamento del vostro sito web e di cui dovreste essere consapevoli.

Fortunatamente, la maggior parte dei temi e dei kit di strumenti responsive includono funzioni che almeno in parte indirizzo alcune di queste aree per contribuire a rendere il vostro sito web più veloce su un dispositivo mobile.

8. Come viene elaborato un sito web

Quando si visita un sito web, il codice della pagina che si sta visualizzando viene caricato nella memoria del dispositivo mobile, quindi viene elaborato per formato e visualizzare la pagina sul dispositivo. Quando si fa clic su un link per passare alla pagina successiva, il sistema scarta la pagina in cui ci si trovava e carica in memoria la pagina successiva. Più pagine deve caricare, più tempo ci vuole per recuperarle, inviarle via Internet e caricarle sul dispositivo.

Più codice deve elaborare, più tempo impiega per formattare e presentare ciò che ha caricato sul vostro schermo. Ciò significa che se si carica meno e si elabora meno, il tuo sito web in genere si carica più velocemente.

9. Immagini e Google Mobile First Indexing

I file di immagine sono spesso i colpevoli della lentezza di caricamento di un sito web. Più alta è la risoluzione dell'immagine, più grande è il file e più lungo è il suo caricamento. Siate realistici sulla risoluzione necessaria per il immagini visualizzare e rimpicciolire le immagini per caricarle più rapidamente.

A seconda del formato che usi, puoi ridurre le immagini con o senza sacrificare la qualità. Quelle che sacrificano un po' di qualità sono di solito molto più piccole di quelle che mantengono lo stesso livello di qualità.

10. Codice e Google Mobile First Indexing

Il tuo browser inizierà a formattare la pagina web non appena i dati saranno caricati. Tuttavia, alcuni codici costringeranno il browser a interrompere la formattazione e ad aspettare altro codice o addirittura che l'intera pagina venga caricata prima di riprendere il suo compito di formattazione.

Questo si chiama blocco. Per quanto possibile, si vuole ridurre la dimensione del codice caricato ed eliminare il codice bloccante. Un modo per ridurre le dimensioni del codice è quello di minificarlo, eliminando i commenti e gli spazi bianchi in eccesso.

Questi sono importanti per i programmatori per comprendere il codice, ma non sono necessari per l'elaborazione da parte del browser. Se non è possibile minificare il codice, alcuni server Web invieranno una versione compressa del codice al browser, che caricherà la versione più piccola e poi la decomprimerà.

11. Caricamento in background e Google Mobile First Indexing

Quando si visualizza una pagina Web, si vede solo la parte della pagina che si trova nella finestra di visualizzazione. Se il browser carica e formatta prima ciò che si vede nella finestra, può continuare a caricare e formattare altri dati in background fino al completamento della pagina.

Per l'utente, la pagina Web sembra caricarsi rapidamente e non si rende necessariamente conto che sta continuando a caricare e a formattare il contenuto, a meno che non si debba aspettare un po' di tempo. lungo tempo quando si cerca di scorrere verso il basso.

12. Strumenti di misurazione e miglioramento della velocità

Una pagina del sito di Google Developers chiamata Make the Web Faster fornisce suggerimenti, consigli sulle migliori pratiche e risorse per aiutarvi a rendere il vostro sito web più veloce. Uno degli strumenti principali di questo kit si chiama PageSpeed Insights. PageSpeed Insights mostra cosa succede dal momento in cui si inizia a caricare il sito web al momento in cui viene caricato, formattato e presentato su un dispositivo mobile o desktop.

In questo modo è possibile vedere quali sono le cause del rallentamento del caricamento del sito web, in modo da sapere cosa cambiare. Lo strumento spesso fornisce suggerimenti specifici su come migliorare performance e fornisce anche versioni ottimizzate dei file di immagine che si caricano più rapidamente.

13. Adattarsi per sopravvivere

Anche se non è possibile realizzare subito un design veramente mobile-first per Google, è possibile far apparire il proprio sito web come mobile-first utilizzando pagine Web reattive e riducendo il tempo di caricamento e visualizzazione del sito. Queste due strategie potrebbero non portare a un posizionamento più elevato sui motori di ricerca perché sono obbligatorie, ma dovrebbero aiutarvi a evitare di essere penalizzati per non aver adottato un approccio mobile-first.