SEO Magento: Guida all’ottimizzazione SEO di Magento 2 e Magento 1

Magento è una piattaforma e-Commerce basata su tecnologia open-source che consente il controllo su funzionalità, aspetto e contenuti in maniera molto flessibile. In questa guida vediamo nel dettaglio le principali best practices per migliorare la SEO di Magento.

Attraverso la guida completa all’ottimizzazione SEO di Magento scoprirai:

• Funzionalità di Magento
  • Strumenti di Promozione e Marketing
  • Analisi e Report
  • Search Engine Optimization
  • Gestione del sito
  • Gestione del catalogo
  • Navigazione del catalogo
  • Scheda prodotto
  • Checkout
  • Modalità di Pagamento
• Magento SEO Checklist
  • Ottimizzazione degli URL
    • URL rewrite
    • Rimozione index.php
    • Suffissi URL
  • Ottimizzazione Header
  • Duplicazioni
    • Prodotti duplicati
    • Rel canonical
  • Sitemap xml
  • Usabilità
    • Sitemap HTML
    • Breadcrumbs
  • Web Performance
    • Cache di Magento
    • Compressione Gzip
    • MySQL Query Cache
  • Ottimizzazione store multilingua
• Conclusioni

Nota bene: la guida si basa principalmente su Magento 2 essendo la versione più recente. Ciononostante, visto che in molti shop utilizzano ancora Magento 1, ho riportato anche i percorsi della versione 1.9.

Funzionalità di Magento

La piattaforma è stata lanciata nel Marzo 2008 dalla Varien con licenza GPL, ma dopo un anno circa la software house ha pensato bene di rilasciare la versione Enterprise, a pagamento, pur mantenendo gratuita la versione Community.

Ad oggi Magento vanta diversi milioni di download, ad ha stabilito, a detta di molti developer, nuovi standard nella realizzazione di e-commerce.

Sul sito ufficiale di Magento è possibile confrontare costi e caratteristiche delle edizioni disponibili e i requisiti per l’installazione, consultare le guide utili tanto agli sviluppatori quanto ai negozianti e confrontarsi con altri sviluppatori attraverso il forum, in cui è presente anche una sezione in Italiano.

L’intuitivo pannello di controllo fornisce potenti strumenti di marketing, ottimizzazione per i motori di ricerca e gestione del catalogo che consentono la creazione di un negozio online adeguato alle proprie esigenze.

Seguono le principali caratteristiche di Magento suddivise per tipologia:

• Strumenti di Promozione e Marketing
• Analisi e Report
• Search Engine Optimization
• Gestione del sito
• Gestione del catalogo
• Navigazione del catalogo
• Scheda prodotto
• Checkout
• Modalità di Pagamento

Strumenti di Promozione e Marketing

• Buoni sconto con possibilità di limitarli a negozi, gruppi di clienti, periodo di tempo, categorie e prodotti;
• Catalogo con prezzi promozionali;
• Opzione spedizione gratuita;
• Sconti per acquisti combinati.

Analisi e Report

• Pannello di amministrazione con report generale;
• Report sconti e tasse;
• Dashboard sui prodotti più venduti, i prodotti più visti e i migliori clienti in base al numero ed alla quantità degli ordini;
• Report carrelli abbandonati.

Search Engine Optimization

• Creazione Google sitemap xml;
• Controllo totale degli URL tramite URL rewrite;
• Personalizzazione dei meta tags per prodotti e categorie;
• Generazione automatica dei termini più cercati.

Gestione del sito

• Gestione di più siti web e negozi da un unico pannello di amministrazione;
• Web Services API per una facile integrazione tra Magento e altre applicazioni;
• Gestione valute e lingue;
• Controllo sui permessi di accesso al pannello di amministrazione.

Gestione del catalogo

• Importazione ed esportazione del catalogo;
• Integrazione con Google Merchant Center;
• Vendita/download prodotti digitali;
• Gestione tasse per località, clienti e categorie di prodotti.

Navigazione del catalogo

• Filtro prodotti nelle categorie;
• Confronto prodotti;
• Filtro prodotti nei risultati delle ricerche;
• Possibilità di associare layout differenti ad ogni prodotto o categoria di prodotti.

Scheda prodotto

• Schede con immagini multiple;
• Zoom sulle immagini;
• Prodotti correlati;
• Inserimento recensioni.

Checkout

• One page checkout;
• Acquisti senza iscrizione;
• Carrello con tasse e spese di spedizione ben in vista;
• Spedizione a più indirizzi in un unico ordine.

Modalità di Pagamento

• Amazon Payment;
• Paypal;
• Google Checkout;
• Carte di credito;

Magento SEO Checklist

Dal punto di vista SEO Magento si presenta come una piattaforma piuttosto intuitiva da ottimizzare, ma come per tutti i CMS bisogna conoscere le principali best practices che permettono di avere una negozio online maggiormente predisposto al posizionamento su Google.

Cominciamo subito ad approfondire le impostazioni più importanti per rendere Magento SEO friendly.

Nota bene: nonostante tratterò configurazioni non particolarmente complesse, è preferibile fare un backup dei file che verranno editati e, se non sapete bene cosa state facendo, forse è meglio che affidate il lavoro ad un consulente SEO esperto.

Indice della checklist:

• Ottimizzazione degli URL
  • URL rewrite
  • Rimozione index.php
  • Suffissi URL
• Ottimizzazione Header
• Duplicazioni
  • Prodotti duplicati
  • Rel canonical
• Sitemap xml
• Usabilità
  • Sitemap HTML
  • Breadcrumbs
• Web Performance
  • Cache di Magento
  • Compressione Gzip
  • MySQL Query Cache
• Ottimizzazione store multilingua

Ottimizzazione degli URL

Una delle tecniche più importanti nell’ottimizzazione per i motori di ricerca è l’utilizzo di URL SEO friendly.

In questa sezione approfondiamo come ottimizzare gli URL attraverso:

• URL rewrite
• Rimozione index.php
• Suffissi URL

URL rewrite

Il primo passo verso l’ottimizzazione di Magento, riguarda proprio la riscrittura degli URL che consentirà di ottenere URL SEO friendly per il nostro shop, del tipo:

www.mionegozio.it/categoria/prodotto.html

invece di

www.mionegozio.it/catalog/product/view/id/01/category/01

Per attivare l’URL rewrite occorre:

Magento 1:

• Andare in System > Configuration > General > Web > Search Engine Optimization;
• Impostare Use Web Server Rewrites su Yes.

Magento 2:

• Andare in Store > Configuration > General > Web > Search Engine Optimization;
• Impostare Use Web Server Rewrites su Yes.

Inoltre, per entrambe le versioni di Magento, nella scheda “Url Options” bisogna impostare su Yes (301 Moved Permanently) l’opzione “Auto-redirect to Base URL”.

In questo modo utilizziamo il redirect 301 invece del 302 per il Base URL (ad esempio per reindirizzare da https://mionegozio.it/store/ verso https://www.mionegozio.it/store/).

Rimozione index.php

Un altro accorgimento per l’ottimizzazione degli URL, è la rimozione di index.php da tutte le URL.

Per far ciò è necessario editare il file .htaccess che si trova nella root dell’installazione di Magento, alla riga:

RewriteBase /magento/

e aggiungere “#” per commentare la riga

#RewriteBase /magento/

oppure, come riportato in altre guide SEO, sostituire /magento/ con /:

RewriteBase /

Suffissi URL

Per terminare l’ottimizzazione degli URL, sarà infine necessario impostare correttamente i suffissi: “/” per le categorie e “.html” per i prodotti e le pagine. Per impostare questo settaggio occorre:

Magento 1:

• Andare nella scheda System > Configuration > Catalog > Search Engine Optimization;
• Inserire nei campi “Product URL Suffix” e “Category URL Suffix” rispettivamente .html e /.

Magento 2:

• Andare in Store > Configuration > Catalog > Catalog > Search Engine Optimization;
• Inserire nei campi “Product URL Suffix” e “Category URL Suffix” rispettivamente .html e /, proprio come nell’immagine.

Ottimizzazione del Header

Per ottimizzare l’header bisogna andare nelle seguenti schede:

Magento 1: andare in System > Configuration > Design > HTML Head;

Magento 2: andare in Content > Configuration > Design > Selezionare lo Store > HTML Head;

In queste schede possiamo quindi ottimizzare:

Favicon Icon: se si desidera utilizzare una favicon personalizzata, da qui è possibile caricare una immagine in formato .png .jpg .ico .gif .apng o .svg

Default Page Title: il tag title di default che verrà utilizzato per le pagine senza un titolo personalizzato.

Page Title Prefix: prefisso che può essere aggiunto al titolo di default. E’ consigliabile non compilarlo.

Page Title Suffix: suffisso che può essere aggiunto al titolo di default. E’ consigliabile compilarlo con il Brand del vostro shop.

Default Description: il meta tag description di default che verrà utilizzato per le pagine senza una meta description personalizzata.

Default Meta Keywords: il meta tag keywords di default. E’ consigliabile non compilarlo.

Scripts and Style Sheets: in questo campo è possibile inserire uno o più script, che verranno inseriti poco prima della chiusura del header, come ad esempio lo script di Google Analytics;

Display Demo Store Notice: serve a visualizzare un messaggio che informi gli utenti che il sito è in versione demo.

In Magento 2, sempre in questa scheda, cliccando sulla tab “Search Engine Robots”, sarà possibile impostare le direttive del per il meta tag robots alla voce “Default Robots”.

Duplicazioni

La duplicazione dei contenuti è stata sempre un grande nemico della SEO.

Quando ci sono più URL che presentano lo stesso contenuto, i motori di ricerca non sanno quale pagina mostrare nelle SERP e tendono a declassare tutte le pagine duplicate.

Questa circostanza, danneggia il posizionamento di un sito in modo grave e significativo. Vediamo dunque come affrontare:

• Prodotti duplicati
• Rel canonical

Prodotti duplicati

È molto frequente che un prodotto sia abbinato a più categorie, provocando problemi di contenuti duplicati dal momento che URL differenti consentono di raggiungere la medesima pagina prodotto (per maggiori informazioni vedere penalizzazioni da Google Panda).

Se, ad esempio, ci troviamo a gestire una enoteca online ed abbiamo organizzato le categorie di Magento in modo da catalogare i prodotti per:

• tipologia (vini rossi, vini bianchi, spumanti, ecc.);
• per Azienda Vitivinicola;
• per Regione (Lombardia, Piemonte, Lazio, etc);

e lo stesso vino viene anche mostrato in home page come prodotto in offerta, sicuramente avremo 4 URL diversi che portano allo stesso prodotto:

1. www.mionegozio.it/prodotto.html;
2. www.mionegozio.it/tipologia/prodotto.html;
3. www.mionegozio.it/azienda-vitivinicola/prodotto.html;
4. www.mionegozio.it/regione/prodotto.html

Questo problema può essere superato disabilitando l’inserimento dei nomi delle categorie negli URL dei prodotti. Per farlo:

Magento 1:

• andare in System > Configuration > Catalog > Search Engine Optimization;
• impostare “Use Categories Path for Product URLs” su No.

Magento 2:

• andare in Stores > Configuration > Catalog > Catalog > Search Engine Optimization;
• impostare “Use Categories Path for Product URLs” su No, come nell’immagine sottostante.

In questo modo avremo per tutti i prodotti URL del tipo mionegozio.it/prodotto.html, senza la categoria, risolvendo così questa potenziale problematica.

Rel Canonical

Il Rel Canonical è uno strumento fondamentale nella SEO per e-commerce, in quanto indica ai motori di ricerca quale tra le varie versioni di una pagina è quella da prendere in considerazione.

Una corretta implementazione di questo tag risolve molti problemi relativi alle duplicazioni sistemiche. Per attivarlo:

Magento 1:

• andare in System > Configuration > Catalog” > Search Engine Optimization;
• attivare il canonical per le pagine prodotto impostando “Use Canonical Link Meta Tag For Categories” su Yes;
• attivare il canonical per le pagine prodotto impostando “Use Canonical Link Meta Tag For Products” su Yes.

Magento 2:

• andare in Stores > Configuration > Catalog > Catalog > Search Engine Optimization;
• attivare il canonical per le pagine prodotto impostando “Use Canonical Link Meta Tag For Categories” su Yes;
• Attivare il canonical per le pagine prodotto impostando “Use Canonical Link Meta Tag For Products” su Yes, come mostrato nell’immagine:

Sitemap XML

La sitemap xml è fondamentale per velocizzare l’indicizzazione delle schede prodotto, soprattutto per gli e-commerce che attingono dai feed dei grandi fornitori.

Per creare una sitemap in formato XML la procedura su Magento 1 differisce notevolmente da Magento 2.

Creare una sitemap XML in Magento 1

Per generare una sitemap xml in Magento 1, dal menu “Catalog” basta andare alla pagina “Google Sitemap”, cliccare su “Add Sitemap” e compilare i campi:

• Filename: il nome del file (solitamente sitemap.xml);
• Path: l’indirizzo in cui verrà salvata la sitemap, inserire “/” se si desidera salvarla nella root.

Subito dopo bisogna cliccare su Save & Generate per creare il file della sitemap.

L’ultimo passaggio consiste nel far sì che la sitemap xml si aggiorni automaticamente. A tal fine:

• Andare in System > Configuration > Catalog > Google Sitemap;
• In “Generation Settings” settare il campo Enabled su Yes.

Dopo questi due passaggi la sitemap xml si aggiornerà automaticamente, ma ricorda di impostare i permessi del file a “777” per consentire la riscrittura automatica.

Creare una sitemap XML in Magento 2

Per generare una sitemap xml in Magento 2 bisogna:

1) Andare in in Stores > Configuration > Catalog > XML Sitemap.

2) Facoltativamente configurare la frequenza e la priorità degli aggiornamenti dei contenuti nella sezioni Categories Options, Products Options e CMS Pages Options.

3) Configurare le impostazioni di generazione impostando il Enabled nel campo Yes, affinché la sitemap xml si generi automaticamente.

4) Facoltativamente configurare i limiti del file Sitemap. Il limite di default di 50.000 URL è corretto e va bene nella maggior parte dei casi.

5) Infine nella sezione “Search Engine Submission Settings” imposta Enable Submission to Robots.txt su Yes se vuoi che venga inserito un riferimento alla sitemap xml nel file robots.txt.

Questo è tutto. Ora sai come generare una sitemap xml in Magento 2, che puoi inviare a Google Search Console e a Bing Webmaster Tools per migliorare la velocità di indicizzazione del tuo sito web.

Usabilità

Durante lo svolgimento di una campagna SEO la prima cosa da fare, ancora prima dell’ottimizzazione dei contenuti e dello sviluppo dei backlink, è accertarsi che il proprio sito sia stato concepito in modo user-friendly.

Il nostro sito deve essere facile da navigare e aiutare gli utenti a trovare tutte le informazioni a disposizione.

Questo migliorerà notevolmente il posizionamento sui motori di ricerca del nostro shop Magento. Vediamo dunque come migliorare l’usabilità con:

• Sitemap HTML
• Breadcrumbs

Sitemap in formato HTML

Per attivare una sitemap HTML generata automaticamente, in Magento 1 bisogna:

• andare in System > Configuration > Catalog > Catalog;
• impostare “Use Tree Like Category Sitemap” su Yes.

A differenza di Magento 1 in cui è possibile generare la sitemap HTML per impostazione predefinita (come abbiamo appena visto), Magento 2 invece non supporta questa funzionalità.

Pertanto dovrai affidarti a moduli di terze parti per fornire una mappa dettagliata del proprio sito.

Breadcrumbs

Le breadcrumbs aiutano gli utenti a tenere traccia delle loro posizioni durante la navigazione del sito.

Gli utenti possono tornare rapidamente alla pagina precedente con un semplice clic su qualsiasi link tracciato nel percorso.

Mentre per le categorie e le pagine prodotto di norma sono abilitate di default, per aggiungere le breadcrumbs anche nella pagine CMS bisogna:

Magento 1:

• andare in System > Configuration > General > Web;
• nella sezione Default Pages settare “Show Breadcrumbs for CMS Pages” su Yes.

Magento 2:

• andare in Stores > Configuration > General > Web;
• nella sezione Default Pages settare “Show Breadcrumbs for CMS Pages” su Yes, come illustrato nell’immagine:

Web Performance

Uno dei punti deboli di Magento è, a mio parere, la velocità di navigazione delle pagine.

Questo aspetto incide su 2 fattori molto importanti:

1. il primo è sicuramente l’esperienza utente dei nostri clienti potenziali e acquisiti, che potrebbero decidere di abbandonare lo shop se dovessero annoiarsi un pò troppo per accedere alle pagine desiderate;
2. il secondo riguarda la fase di scansione dei crawler dei motori di ricerca che potrebbero scaricare meno pagine del nostro sito, se queste fossero restituite troppo lentamente dal nostro server.

Vediamo nel dettaglio, come migliorare le web performance tramite:

• Cache di Magento
• Compressione Gzip
• MySQL Query Cache

Cache di Magento

Per migliorare la percezione di velocità del nostro shop, una delle prime operazioni da effettuare riguarda l’attivazione della cache. Per farlo sia in Magento 1 che in Magento 2:

• andare in System > Cache Management;
• abilitare tutte i tipi di cache disposizione.

Nel caso in cui qualche tipo di cache sia invalidata, di solito si risolve cliccando su “Flush Magento Cache”.

Compressione Gzip

Attivare la compressione Gzip potrebbe incrementare notevolmente la velocità di caricamento delle pagine di Magento.

Per attivarla è sufficiente rimuovere il commento alla riga del file .htaccess:

## enable resulting html compression
php_flag zlib.output_compression on

MySQL Query Cache

Magento è una database application, questo significa che effettua svariate operazioni di accesso e lettura al database durante il suo utilizzo.

Molte di queste richieste di accesso e lettura si ripetono nel tempo, per cui per velocizzare queste operazioni è possibile abilitare la cache alle query di MySQL.

Per verificare se sul nostro database è attiva la cache, basta entrare su phpMyAdmin ed eseguire la query:

SHOW VARIABLES LIKE 'have_query_cache';

mentre per visualizzare la quantità di memoria dedicata alla cache, la query è:

SHOW VARIABLES LIKE 'query_cache_size';

I server database con 1Gb di RAM possono tranquillamente gestire una cache di 64Mb.

Per attivare, nel caso in cui sia disabilitata, e impostare la cache, è sufficiente eseguire la seguente query, che la imposta a 64Mb:

SET GLOBAL query_cache_size = 67108864;

Ottimizzazione Store Multilingua

Un problema SEO di chi gestisce negozi multilingua con Magento, è la generazione di URL duplicati dovuti all’aggiunta dei parametri “___store” e “___from_store” all’URL nel momento in cui passiamo da una store view all’altra.

Il parametro “___store” serve a Magento per sapere con esattezza quale store istanziare e si rende necessario nel momento in cui andiamo a definire manualmente l’URL al quale deve rispondere una determinata store view.

Per non renderlo più necessario e quindi evitare che venga aggiunto, la via più semplice è quella di utilizzare store code “parlanti” per le nostre store view (ad esempio “en” per l’inglese) ed indicare a Magento di aggiungere autonomamente lo store code all’URL.

Questa semplice configurazione la troviamo su:

Magento 1: System > Configuration > Web > Url Options;

Magento 2: Store > Configuration > General > Web > Url Options;

dove per entrambe le versioni di Magento bisogna settare su No l’opzione “Add Store Code to Urls” presente nella scheda “Url Options”.

Per rimuovere, invece, il parametro “___from_store”, più utile ai fini statistici che funzionali, occorre applicare una piccola modifica al template, aggiungendo il parametro “false” alla funzione che determina l’URL del contenuto in un’altra lingua.

Nel file:

/app/design/frontend/[mio package]/[mio tema]/template/page/switch/languages.phtml

modificate la chiamata:

< !--?php echo $_lang--->getCurrentUrl() ?>

con:

< !--?php echo $_lang--->getCurrentUrl(false) ?>

Queste semplici indicazioni sono fondamentali per predisporre lo store Magento al posizionamento SEO internazionale per siti multilingua.

Conclusioni

Questa guida completa ha coperto tutti gli aspetti principali dell’ottimizzazione SEO di Magento.

Naturalmente, ogni store presenta le sue caratteristiche e di conseguenza necessita di ottimizzazioni specifiche studiate ad hoc attraverso un SEO audit per ottenere i migliori risultati di posizionamento.

Per un supporto professionale, non esitare a contattarmi.

Per ulteriori informazioni, per feedback o suggerimenti, non esitare ad utilizzare i commenti.