Aiutare i motori di ricerca a gestire l'impaginazione

L'impaginazione si trova in tutto il web. Tuttavia, per quanto sia pratico, a volte può causare problemi ai motori di ricerca. In questo articolo imparerai come risolvere questi problemi tramite elementi di collegamento HTML.


Perché i siti Web utilizzano l'impaginazione

Per quanto alcuni visitatori siano irritati dall'impaginazione, spesso può essere molto utile. Può essere uno strumento per aiutare a navigare in un sito Web e trovare le informazioni che l'utente sta cercando più facilmente.

L'impaginazione si trova in tutto il Web e più frequentemente di quanto si pensi. I motori di ricerca, ad esempio, dividono i risultati della ricerca in diverse pagine (di solito comprendono dieci risultati per pagina, ma a volte solo sette). I forum usano la paginazione per spezzare i fili in pezzi più piccoli. I siti Web di recensioni dei prodotti, come TechRadar, lo utilizzano per consentire ai lettori di passare velocemente a una determinata parte dei loro articoli.

Questi esempi sono usati per migliorare l'esperienza utente. Invece di servire una lunga pagina di risultati, presentano diversi pezzi più piccoli (e probabilmente i più rilevanti per primi) che sono più facili da consumare. Un altro vantaggio è che le pagine più corte si caricano più velocemente.


Tavolo semplice, impaginazione semplice Dribbbled di Pete Orme

Ma c'è un altro motivo per cui i siti Web utilizzano l'impaginazione: pagine visualizzate. Tagliando un articolo in due o tre pagine, è possibile raddoppiare o triplicare la quantità di pagine visualizzate. Perché? Perché permette loro di mostrare pubblicità extra e massimizzare le loro entrate.


Il problema con la paginazione

Non sono tutti arcobaleni e farfalle nel mondo della paginazione. A volte può causare alcuni problemi di SEO.

Uno di questi problemi è il contenuto duplicato. Quando la paginazione viene implementata in modo non corretto, può causare problemi di contenuto duplicato (avendo già parlato di contenuti duplicati in questa sessione SEO, non entreremo nei dettagli).

L'impaginazione può anche diluire i tuoi sforzi SEO perché stai dividendo il tuo succo link tra diverse pagine invece di una entità. Per questo motivo è anche possibile che la pagina sbagliata sia in classifica. Se una pagina irrilevante ottiene collegamenti sufficienti, potrebbe diventare una pagina di destinazione e "rubare" il traffico organico dalla pagina principale.


La soluzione

Per fortuna, anche per questo problema c'è una soluzione. Dal 2011 Google riconosce gli elementi di collegamento HTML rel =”next” e rel =”prev”; possiamo usare questi elementi per specificare una relazione tra più URL. Ciò consente di collegare più pagine e identificarle come parte di un set più grande. Google considererà quindi queste pagine come una sola.

Illustriamo questo con un esempio. Abbiamo un lungo articolo che è separato in tre pagine separate con i seguenti URL:

  • http://website.com/long-article-part-1
  • http://website.com/long-article-part-2
  • http://website.com/long-article-part-3

Se vogliamo dire a Google e ad altri motori di ricerca che queste tre pagine appartengono insieme, possiamo usare il rel =”next” e rel =”prev” attributi. Aggiungiamo il seguente codice al sezione di la prima pagina (-Lungo articolo-parte-1):

Se i motori di ricerca eseguono la scansione della prima pagina, vedono che l'URL specificato nell'elemento link è effettivamente correlato a questa pagina. Sopra la seconda pagina abbiamo anche bisogno di aggiungere il rel =”prev” attributo:

 

Sopra la terza pagina dobbiamo solo collegare al penultimo URL:

Poiché questa è l'ultima pagina della serie, non è necessario aggiungere il rel =”next” etichetta.

Nota: alcuni browser eseguono automaticamente il precaricamento della pagina "successiva". L'aggiunta di questo elemento di collegamento a volte può ridurre il tempo di caricamento percepito.


Soluzione alternativa

Oltre all'attributo rel = next / prev, possiamo utilizzare una soluzione alternativa per risolvere i problemi di impaginazione:

rel = canonical

Probabilmente ti ricordi di rel = canonical tag dal nostro articolo sui contenuti duplicati. Per quelli di voi che lo mancavano, ecco una breve spiegazione:

Il rel = canonical tag indica ai motori di ricerca che la pagina corrente è una copia di un'altra pagina. Tramite questo tag, tutto il succo del collegamento verrà trasferito alla pagina originale.

Quindi, come possiamo usare questo tag per aiutare i motori di ricerca con l'impaginazione? Semplice: creiamo una vista su tutta la pagina, cioè una pagina con tutto il contenuto combinato. Possiamo quindi usare il rel = canonical tag per collegare le pagine separate a questa pagina.

Se hai già una vista su tutta la pagina, Google potrebbe averlo fatto automaticamente:

Quando rileviamo che una serie impaginata contiene anche una versione view-all, ora stiamo facendo uno sforzo maggiore per restituire la pagina view-all nei risultati della ricerca quando appropriato. - Benjia Li (indicizzatore presso Google)

Quindi, è probabile che non ti debba nemmeno preoccupare di questo. Ma se vuoi davvero assicurarti che ciò avvenga correttamente, aggiungi il rel = canonical collegamento.

Non dimenticare che usando il rel = canonical tag indica ai motori di ricerca di indicizzare il contenuto solo dall'URL canonico (in questo caso la vista visualizza tutta la pagina). Quindi non usare l'elemento canonico per collegare le pagine 2, 3, 4 ... alla prima pagina.


Conclusione

L'impaginazione può causare problemi di contenuti duplicati e causare la visualizzazione di pagine non pertinenti nei risultati di ricerca. Possiamo usare l'elemento rel = next / prev per risolvere questi problemi. Informano i motori di ricerca che le pagine impaginate fanno parte di un'entità più grande. In alternativa, potremmo creare una pagina di visualizzazione e utilizzare il tag rel = canonical per collegarsi a questa pagina.