Pagina Magento 404: come crearlo e personalizzarlo in modo efficace in Magento 2?

Pubblicato: 2022-02-27

Nei siti di e-commerce Magento 2, la pagina “Pagina 404 non trovata” (o la “Pagina 404” in breve) apparirà quando si tenta di raggiungere una pagina web specifica ma non la si trova (viene spostata o eliminata).

Dalla nostra esperienza, quasi tutti i siti di e-commerce Magento 2 dovranno affrontare l'errore 404. Tuttavia, i modi in cui si preparano a gestire questo errore sono molto diversi. Mentre alcuni mostrano semplicemente la pagina 404 per informare i propri clienti della pagina inesistente, altri colgono questa occasione per impressionare i loro visitatori, presentare prodotti nuovi/eccezionali. Oppure creano anche qualcosa di divertente per intrattenere gli spettatori. In questo post del blog, ti mostreremo le conoscenze di base per creare e personalizzare una nuova pagina Magento 2 404 per il tuo negozio Magento.

Come aggiungere la pagina 404 nei siti Web di e-commerce Magento 2?

  • Passaggio 1 : vai al Pannello di amministrazione, vai a CONTENUTI e scegli Pagine (sotto Elementi ). Quindi, fai clic su Aggiungi nuova pagina .

Quindi, fai clic su Aggiungi nuova pagina.

  • Passaggio 2: aggiungi il contenuto per la tua pagina Magento 2 404
  1. È necessario abilitare la pagina selezionando in Abilita pagina .
  2. Impostare il titolo della pagina (ad es. 404 Pagina non trovata).
  3. Aggiungi contenuto alla pagina (incluso l' intestazione del contenuto e la descrizione).
  4. Espandi la sezione Ottimizzazione per i motori di ricerca, imposta la chiave dell'URL, il meta titolo/parole chiave/descrizione che verranno visualizzati nelle pagine dei risultati dei motori di ricerca (SERP).
  5. Seleziona la visualizzazione del negozio in cui si trova questa pagina 404.
  6. Scegli il Layout della pagina e aggiungi Layout Update XML se lo desideri. Per una pagina 404, il suo layout è importante e si basa sul fatto che il negozio può scegliere un layout corretto (1, 2 o 3 colonne con barra laterale sinistra o destra).
  7. Infine, imposta l'ora specifica per l' aggiornamento del design personalizzato.

Consigli utili per migliorare la pagina Magento 404

Per prima cosa, diamo un'occhiata alla pagina predefinita di Magento 2 404:

predefinita Magento 2 404 Pagina

Come puoi vedere, Magento 2 ci fornisce una pagina 404 molto semplice, che spiega i possibili motivi per cui questa pagina viene restituita, e fornisce ai clienti collegamenti rapidi per tornare alla pagina precedente o alla pagina Home o alla pagina Il mio account. Poiché questa pagina predefinita sembra piuttosto noiosa, la maggior parte dei proprietari dei negozi la personalizzerà per adattarla all'immagine del proprio marchio. Ecco alcuni consigli per creare una pagina 404 unica e preziosa per i siti di e-commerce Magento 2:

Occasione perfetta per promuovere prodotti eccezionali

Quando i clienti, purtroppo, vanno alla pagina 404, sarebbe un vero peccato se li lasciaste andare senza fare nulla. Perché non cogli questa opportunità per attirare la loro attenzione sui tuoi prodotti/best-seller/articoli in evidenza a tuo agio? Di conseguenza, gli acquirenti potrebbero dimenticare la loro brutta esperienza sul tuo sito, allo stesso tempo, puoi ottenere alcune conversioni di vendita da questo.

È facile aggiungere i tuoi nuovi prodotti alla pagina 404 aggiungendo un widget al contenuto della pagina:

Qui puoi scegliere il tipo di prodotti e il numero di articoli visualizzati, nonché come mostrarli nel front-end.

Ricorda di aiutare i clienti che non hanno trovato qualcosa che desiderano sul tuo sito

La maggior parte dei proprietari di negozi si preoccupa solo delle cause dell'errore 404 e di come affrontarlo, ma dimentica le ragioni che portano i clienti al loro sito. È un errore così grande!

Quando i visitatori tentano di accedere a una determinata pagina del tuo sito, ma restituisce la pagina 404, il che significa che vogliono qualcosa sul tuo sito ma non possono ottenerlo. Immagina che un acquirente desideri acquistare un articolo di lusso nella tua collezione, ma fa clic sul link della vecchia pagina del prodotto dal motore di ricerca che è stato modificato senza reindirizzare a quello nuovo, quindi ha rinunciato alla sua intenzione di acquistare quel prodotto.

Se tu non facessi nulla per migliorare la situazione, non solo lui, ma anche molti clienti lasceranno il tuo negozio in quel modo e come sarebbero influenzate le tue vendite? Inoltre, se tutti i visitatori lasceranno il tuo sito immediatamente dopo aver recuperato l'errore 404, Google e altri motori di ricerca crederanno che tu abbia una frequenza di rimbalzo elevata e daranno al tuo sito un ranking più basso.

Pertanto, ti consigliamo vivamente di includere una barra di ricerca nella tua pagina Magento 2 404. Grazie a ciò, i clienti possono continuare la loro ricerca direttamente sul tuo sito per ottenere risultati più accurati.

Personalizzazione di una pagina 404 in Magento 2

Cambieremo i contenuti in una forma familiare. Ovviamente, questo dipende dal tuo tema, ma ci stiamo avvicinando a questo in modo predefinito seguendo questi cinque passaggi:

1. Modifica l'intestazione del contenuto

L'intestazione del contenuto è probabilmente l'informazione più evidente con cui verranno rappresentati tutti gli utenti. Questa potrebbe essere una frase accattivante o divertente, quindi potrebbe alleviare l'esperienza spiacevole. Preferibilmente sceglierei uno slogan formattato in base allo stile e al contenuto del sito Web stesso.

2. Sostituisci il contenuto predefinito

Per quanto riguarda il contenuto della pagina, potremmo fare una bella ripulita. Il contenuto è tuo da manipolare. Sto scegliendo di aggiungere un'immagine che rappresenterà il percorso non trovato. Di seguito inserisco un widget che verrà configurato per mostrare gli ultimi prodotti (etichettati come nuovi). Includo anche alcuni collegamenti rapidi che non sono accessibili direttamente dall'intestazione. Stiamo cercando di far fondere la pagina 404 con il resto del sito web.

3. Aggiungi un'immagine di 404 pagine A

L'aggiunta dell'immagine e del widget è abbastanza semplice. Fai clic sul pulsante Inserisci immagine nella scheda contenuto, scegli il file dal tuo computer. Una dimensione dell'immagine suggerita è 1240×420 pixel. Per aggiungere il widget che mostrerà i prodotti più recenti, fai clic sull'opzione Inserisci widget. Il modo in cui l'ho configurato è così.

4. Aggiungi widget

Il tipo di widget è un menu a discesa con un elenco di opzioni. Puoi scegliere di visualizzare un blocco statico o diversi tipi di raccolte di prodotti. Il controllo della pagina di visualizzazione è costituito dalle barre degli strumenti nella parte superiore e inferiore dell'elenco dei prodotti. Per questo esempio l'ho disabilitato poiché stiamo visualizzando solo 5 prodotti. Ho scelto il nuovo modello di elenco prodotti predefinito, ma sono disponibili altre opzioni come mostrare solo il nome o l'immagine per la raccolta o passare dalla visualizzazione griglia a quella elenco. Fai clic su Inserisci widget e ora il contenuto viene trasformato in qualcosa di simile

5. Modificare il layout del contenuto della pagina 404

Il layout è fondamentale e ogni amministratore del negozio dovrebbe usarlo in base alle proprie esigenze, a seconda del contenuto. Le possibilità sono un layout a 1 colonna a larghezza intera, altre sono combinazioni di 2 colonne con barra laterale sinistra o destra o 3 colonne. Ciascuno può svolgere la stessa parte quando il contenuto è posizionato correttamente nei propri contenitori. Il layout può essere modificato nella scheda Design.

Con così poco sforzo abbiamo trasformato la pagina 404 di base in una pagina utile che aiuta i tuoi clienti ma anche il tuo negozio. Le possibilità sono infinite, tocca davvero al creatore di contenuti del tuo team realizzare una fantastica pagina 404 non trovata. Potrebbe passare da un contenuto semplice, ma intuitivo e divertente, a un contenuto complesso e creato dinamicamente che ne sviluppa ulteriormente lo sviluppo. In entrambi i casi funziona, purché rispettiamo il principio di utilizzare ogni possibile pagina che il nostro negozio ha da offrire.

Fai salire di livello il tuo sito web con ArrowHiTech – partner ufficiale di Magento

Cerchi uno sviluppo Magento personalizzato? Cerchi un design personalizzato o un restyling del tuo negozio online? Qualunque siano le soluzioni personalizzate necessarie per il tuo progetto di eCommerce Magento per creare maggiori entrate, siamo qui per affrontare questa sfida. In Magesolution, forniamo servizi end-to-end tra cui consulenza, progettazione e sviluppo personalizzati , nonché servizi di supporto e manutenzione per il tuo sito online. Contattaci per una consulenza gratuita