Correggere i contenuti a caricamento lento

Il differimento del caricamento di contenuti non critici o non visibili, noto anche come "caricamento lento", è una prestazione comune e una best practice UX. Per ulteriori informazioni, consulta le risorse di web.dev sul caricamento lento di immagini e video. Tuttavia, se non viene implementato correttamente, questa tecnica può inavvertitamente nascondere contenuti a Google. Questo documento spiega come fare in modo che Google possa eseguire la scansione e indicizzare i contenuti caricati con caricamento lento.

Caricare i contenuti quando sono visibili nell'area visibile

Per garantire che Google veda tutti i contenuti della tua pagina, assicurati che la tua implementazione di caricamento lento carichi tutti i contenuti pertinenti ogni volta che sono visibili nell'area visibile. Ecco alcuni metodi per implementare il caricamento lento:

I metodi menzionati non si basano su azioni dell'utente per caricare i contenuti, come scorrimento o clic, il che è importante perché la Ricerca Google non interagisce con la tua pagina.

Non aggiungere il caricamento lento ai contenuti che è probabile siano visibili immediatamente quando un utente apre una pagina. Ciò potrebbe causare un tempo di caricamento e visualizzazione dei contenuti più lungo nel browser, il che sarebbe notato l'utente.

Assicurati di testare la tua implementazione.

Supportare il caricamento suddiviso per lo scorrimento continuo

Ad alto livello, lo scorrimento continuo è una tecnica che carica più contenuti, più pagine distinte, man mano che l'utente scorre verso il basso in una pagina lunga. Potrebbe trattarsi di un articolo lungo suddiviso in più blocchi o di una raccolta di elementi divisi in blocchi in modo simile. Per implementare lo scorrimento continuo in modo indicizzabile, assicurati che il tuo sito web supporti il caricamento suddiviso di questi blocchi procedendo come indicato di seguito:

  • Assegna a ogni blocco un URL univoco e permanente.
  • Assicurati che i contenuti mostrati su ogni URL rimangano invariati ogni volta che vengono caricati in un browser. Un modo per farlo è utilizzare numeri di pagina assoluti nell'URL, ad esempio utilizzando ?page=12 come parametro di query.
  • Evita di utilizzare elementi relativi come ?date=yesterday in questi URL. In questo modo, i motori di ricerca e gli utenti possono trovare in modo coerente gli stessi contenuti a un determinato URL, consentendo ai motori di ricerca di indicizzare più facilmente e in modo corretto i contenuti e agli utenti di condividere e interagire di nuovo con quella parte dei tuoi contenuti.
  • Inserisci in sequenza i link ai singoli URL in modo che i motori di ricerca possano trovarli in un insieme impaginato. Scopri di più sulle best practice per l'implementazione dell'impaginazione.
  • Quando un nuovo blocco di pagina viene caricato in risposta allo scorrimento dell'utente e diventa l'elemento visibile principale per l'utente, aggiorna l'URL visualizzato utilizzando l'API History. In questo modo, l'utente può aggiornare, condividere e rimandare all'URL corrente visualizzato nel browser.

Test

Dopo aver impostato l'implementazione, assicurati che funzioni correttamente. Puoi utilizzare lo strumento Controllo URL in Search Console per verificare se tutti i contenuti sono stati caricati. Controlla il codice HTML visualizzato per assicurarti che i tuoi contenuti siano presenti lì cercandoli nello strumento Controllo URL. Se gli URL di immagini o video appaiono nell'attributo src degli elementi <img> o <video> nel codice HTML visualizzato, la tua configurazione funziona correttamente.