Cosa sono gli attributi "rel=next" e "rel=prev" e in che modo influiscono sul tuo negozio online?

Sai cosa sono "rel = next" e "rel = prev" e come funziona la paginazione del tuo PrestaShop?

Lo sapevi che se non è configurato correttamente puoi perdere il posizionamento? Conoscete gli ultimi cambiamenti che Google sta facendo in questo senso?

Sono consapevole che per capire come creare un negozio online o un sito web aziendale, la programmazione deve assecondare tutte le politiche e le raccomandazioni del motore di ricerca.

Data questa premessa, siamo tutti a scapito dei loro cambiamenti e dei loro capricci, ma:

Sapevi che le ultime modifiche di Google possono influire sul tuo PrestaShop?

L'impaginazione "rel=next" e "rel=prev" è sempre stata uno dei punti di maggiore discussione da parte degli specialisti SEO, e ognuno ha un'opinione a riguardo, ma è chiaro che se non lo facciamo correttamente, può penalizzarci per contenuti duplicati.

Questo è il motivo per cui dobbiamo adattare i nostri negozi alle nuove regole o ai consigli del gigante, in questo post spiegherò cosa è stato fatto finora e come farlo da ora in poi.

 

Cosa sono gli attributi rel = prev/next nella paginazione?

Le denominazioni “rel=next" e “rel=prev" sono attributi HTML utilizzati nello sviluppo web per indicare ai motori di ricerca quale relazione esiste tra le pagine di una sequenza.

Questi sono usati nel blog di un sito web, per indicare la relazione tra una pagina in questa sezione e la successiva / precedente.

Pertanto, nello slang di tutti i giorni, “rel=next" e “rel=prev" sono chiamati "attributi della pagina", che facilitano la leggibilità di queste al motore di ricerca.

 

Cosa c'è di nuovo nell'utilità di rel=”next” e rel=”prev”?

Lo scorso 21 marzo (2019) come novità di primavera, il motore di ricerca ha annunciato nell'account Twitter di Google Webmaster che questi attributi sono stati rimossi.

Ciò che questo tweet espone è che decidono di rimuovere i tag rel=prev e rel=next per le pagine per via dei loro studi, in cui dicono che gli utenti preferiscono vedere tutti i prodotti su una singola pagina quando possibile.

Oltre a questo, indicano che, a seconda del web, è bene usare il paging o no, dato che usano il paging nella loro mega-directory... un po 'assurdo, giusto?

In sintesi, ti consigliano di mostrare tutti i prodotti su una singola pagina ogni volta che puoi, in caso contrario, di lasciare la pagina ma non prestare attenzione agli attributi rel.

Questo è facile da dire per le pagine di piccole dimensioni con pochi prodotti per categoria, ma,

Come interpretare questa direttiva se ho un eCommerce

Quelli di noi che hanno negozi online, ci chiediamo se abbiamo siti web con più di 50 prodotti per pagina, questa novità è applicabile o no...

Non migliora la velocità e, quindi, il posizionamento organico?

Infatti, più contenuti vengono visualizzati, più lento sarà il caricamento del sito e peggiore sarà l'esperienza dell'utente per i nostri visitatori.

Ciò indica che miglioreremo l'esperienza mostrando tutto su un'unica pagina, ma a sua volta peggioreremo la situazione a causa della velocità di caricamento.

Se devo scegliere, preferisco che il caricamento del web sia veloce e che sia impaginato, ovviamente la cosa peggiore è che si carica lentamente e impagina ogni 10 prodotti.

Qui è dove dobbiamo valutare cosa fare nel nostro PrestaShop, o se possiamo raggiungere un compromesso, è per questo che Google dice che a seconda del sito è possibile rimuovere la paginazione o meno.

 

Come funziona la paginazione di PrestaShop?

Questo tema non è mai stato il suo punto di forza, poiché la maggior parte dei template non includeva i tag rel="prev" e rel="next", come raccomandato da Google fino al 21 marzo.

Questi attributi sono inseriti nei tag link HTML, indicando ai motori di ricerca la relazione tra le diverse pagine di una sequenza con il seguente URL della pagina e quella precedente alla pagina corrente.

Un modo semplice per dire ai motori di ricerca che si trattava di una paginazione e di tenerne conto, e in aggiunta a questo dovevamo assegnare l'URL canonico a se stesso.

» Esempio di come usare rel="prev" e rel="next"

Per vederlo più chiaramente, facciamo un esempio di come si realizza:

• Pagina 1 della categoria:

<link rel="next" target="_blank" href="https:// www. tutorialespresta.com/tutoriales/pagina-2.html">

<link rel="canonical" target="_blank" href="https:// www. tutorialespresta.com/tutoriales/pagina-1.html"/>

• Pagina 2 della categoria:

<link rel="prev" target="_blank" href="https:// www. tutorialespresta.com/tutoriales/pagina-1.html">

<link rel="next" target="_blank" href="https:// www. tutorialespresta.com/tutoriales/pagina-3.html">

<link rel="canonical" target="_blank" href="https:// www. tutorialespresta.com/tutoriales/pagina-2.html"/>

Questo è dovuto cambiare in molti PrestaShop, modificando il codice contrassegnando gli attributi rel e canonici, con un modulo o manualmente.

Ci siamo già dimenticati di questo e se lo hai fatto nel tuo PrestaShop non ha più importanza, semplicemente Google non lo tiene in considerazione.

 

Perché Google ha eliminato la necessità di utilizzare rel="prev" e rel="next"?

Questo cambiamento ha creato molte controversie su questo argomento nell'ultimo mese, qualcosa che Google ha documentato come farlo correttamente per capire il paging e non avere contenuti duplicati, e improvvisamente ha deciso di rimuoverlo.

Nessuno conosce le reali intenzioni che Google ha con i suoi cambiamenti, ma, stesso da twitter, John Mueller afferma di non averlo usato per l'indicizzazione negli ultimi anni, ed è per questo che ha deciso di rimuoverlo completamente.

Hanno persino eliminato la documentazione e le pagine di cui Google ha parlato su come implementarlo, dando ora a 404 questi URL.

Pertanto, secondo quanto dice John Mueller, non hanno usato questi attributi da molto tempo (e nel frattempo, tutti noi che abbiamo o gestiscono siti web, li abbiamo implementati senza sapere veramente che non funzionavano affatto).

Per questo motivo, è evidente dalle sue parole che ci influenzerà allo stesso modo se non lo abbiamo, per quanto riguarda l'indicizzazione.

E i responsabili dei negozi online, ora cosa facciamo?

Quello che John ha detto è di usare il paging il meno possibile, diciamo niente, se possiamo mostrare tutto su una pagina, è meglio.

Questo è davvero migliore per l'usabilità del negozio, ma nella maggior parte dei casi non è adatto per la quantità di prodotti da visualizzare.

Se mostriamo molti prodotti nella nostra pagina di categoria, il tempo di caricamento del nostro sito web peggiorerà e questo è un fattore molto importante per il posizionamento, la conversione e l'usabilità.

Oltre a questo, quando vengono visualizzati un sacco di contenuti, il browser di solito ha un limite in base alla potenza del computer, e potrebbe essere che l'esecuzione della pagina si blocca e il nostro browser smette di rispondere.

Pertanto abbiamo due opzioni per gestire le nostre pagine:

• Lascia la pagina come abbiamo fatto finora, con un senso logico per gli utenti e con il canonico per evitare contenuti duplicati
• Usa lo scroll infinito per continuare a caricare i prodotti mentre scorri verso il basso.
• Implementare lo scroll infinito nel nostro eCommerce a priori sembra essere la soluzione migliore, anche se dobbiamo fare alcuni aggiustamenti SEO che dobbiamo prendere in considerazione.

 

Quando dovremmo usare lo scroll infinito nel nostro eCommerce?

Nell'eCommerce bisogna pensare bene se dobbiamo implementare questa funzionalità o no, se abbiamo un catalogo di prodotti molto ampio, lo scroll infinito di solito confonde e annoia l'utente.

Tuttavia, una buona struttura di categoria e il paging possono aiutare il cliente a trovare più facilmente ciò che sta cercando.

Quando cerchiamo un prodotto e ci sono molti prodotti che non ci importa quanti scroll facciamo, che non ci impediscono di uscire, possono stressare il cliente e causare l'effetto dell'abbandono.

Ma se questo stesso utente vede che c'è un sacco di paging nella categoria, potrebbe filtrare la sua ricerca in più per andare al prodotto più concreto.

Quindi, quando dovremmo usarlo?

Dobbiamo metterci nella logica del cliente e vedere se è consigliabile a seconda della quantità di prodotti che mostreremo e quando verranno mostrati.

Inoltre, a causa dell'uso di app, siamo già molto abituati a utilizzare questa tecnologia nei dispositivi mobili, ma non tanto nel computer, quindi se il nostro negozio ha il traffico più mobile, può essere interessante utilizzare questa tecnica.

Come implementare un "scroll infinito" in PrestaShop?

Per implementare lo “scroll infinito” in PrestaShop abbiamo diversi moduli che fanno questo lavoro senza toccare una riga di codice, non c'è molta scelta ma fanno quello che devono senza problemi.

Se andiamo marketplace ufficiale di PrestaShop (https://addons.prestashop.com) e cerchiamo "infinite scroll", vedremo tutti i moduli che abbiamo a disposizione, tra questi, ho potuto provare in diversi progetti i seguenti:

• Modulo Infinite Scroll Premium
• Modulo Knowband - Scroll Infinito
• Modulo Infinite Scroll | Automatic Load Products

Devo ammettere che tutti quelli che ho testato eseguono correttamente l'operazione "scroll infinito", e non ho visto molte differenze, tipo la possibilità di modificare l'aspetto di pulsanti, testi, ecc.

Ma la funzionalità è praticamente la stessa.

Pertanto, con uno di questi o degli altri moduli disponibili nei componenti aggiuntivi di PrestaShop, ci aiuta a implementare facilmente questa funzionalità nel nostro eCommerce.

 

Lo scroll infinito è buono per la SEO?

Se è fatto correttamente, lo è, inoltre, secondo alcuni studi, migliora la frequenza di rimbalzo e aumenta la permanenza sulla pagina.

Il grosso problema dello scroll infinito a livello SEO è che il robot di Google e gli altri robot non sono in grado di scorrere per continuare a visualizzare i prodotti e non sono visibili a Google, quindi non sono indicizzati correttamente.

Per garantire che lo scroll infinito non danneggi il nostro SEO e che Google possa vedere correttamente tutti i nostri prodotti, dobbiamo seguire i consigli di Google per indicizzarlo correttamente.

Google da un manuale esplicativo in inglese su come farlo e le sue raccomandazioni nel Blog per i Webmaster, ma ora lo spiegheremo.

Il metodo da utilizzare consiste nell'utilizzare l'API della cronologia HTML5, le API pushState, replaceState e popState forniscono un controllo dettagliato sull'operazione del pulsante della pagina precedente e l'URL che viene visualizzato all'utente nel contenuto dinamico.

Questo è il trucco, dire al browser che cos'è la pagina precedente e, soprattutto, cambiare l'URL del browser quando si fa lo scroll, in questo modo Google può scansionare i diversi URL in cui abbiamo i prodotti e gli utenti normali possono vedere tutti i prodotti scorrendo

Se stai facendo bene quando scorriamo e carichiamo quella che sarebbe la seconda pagina, l'url del web dovrebbe cambiare come se fossimo a pagina 2, e così con tutti gli altri.

Possiamo vedere un esempio di scroll infinito correttamente implementato in una pagina creata da Webmaster Trends Analyst, John Mueller.

Come vediamo nell'esempio, mentre scendiamo, l'URL cambia da http://scrollsample.appspot.com/items a http://scrollsample.appspot.com/items?page=2

Con queste regolazioni, possiamo usare lo scroll infinito nel nostro PrestaShop senza problemi di SEO o indicizzazione.

Ma i moduli precedenti lo tengono implementato?

Sfortunatamente, non ho trovato o testato alcun modulo per PrestaShop che si adatti a questi cambiamenti a livello SEO, quindi dovremo implementare o farli implementare ad un programmatore specialista nel nostro negozio.

Conclusione

La mia conclusione su questo argomento di "rel=next" e "rel=prev", è che non dobbiamo ossessionare il paging, se abbiamo già gli attributi rel nel nostro PrestaShop e non vediamo vantaggi in scroll infiniti, lasciamolo così come è.

Se sei irrequieto, puoi provare a cambiare la pagina in scroll infinito e analizzarla con Google Analytics e se in questo caso le statistiche migliorano.

Se no, torna allo stato precedente, dal momento che i tuoi clienti sono più abituati al paging classico.

Alla fine dobbiamo fare vari test, perché non esiste una regola definitiva per tutti i negozi e ogni cliente è diverso.

Immagini principali (elementi) di Freepik.