Show Menu
ARGOMENTI×

Best practice relative alla gestione di SEO (Search Engine Optimization) e URL per Adobe Experience Manager as a Cloud Service

L’ottimizzazione SEO (Search Engine Optimization) è diventato un aspetto cruciale per molti esperti marketing. È quindi necessario affrontare questo tipo di ottimizzazione in numerosi progetti Adobe Experience Manager (AEM) as a Cloud Service.
Questo documento fornisce innanzitutto alcuni consigli e best practice relativi all’ottimizzazione SEO (Search Engine Optimization) , utili per affrontarla in un’implementazione di AEM as a Cloud Service. Vengono quindi approfonditi alcuni dei passaggi di implementazione più complessi illustrati nella prima sezione.

Best practice per l’ottimizzazione SEO

Questa sezione descrive alcune best practice generali relative all’ottimizzazione SEO (Search Engine Optimization).

URL

Quando si parla di URL, esistono già alcune best practice comunemente accettate.
Durante la valutazione degli URL nel progetto AEM, considera le seguenti domande:
“Disponendo del solo URL, senza poter vedere i contenuti della pagina, un utente sarebbe in grado di descrivere la pagina?”
Se la risposta è affermativa, è probabile che l’URL funzioni correttamente per un motore di ricerca.
Ecco alcuni suggerimenti di carattere generale su come creare URL per l’ottimizzazione SEO (Search Engine Optimization):
  • Separa le parole con un trattino.
    • Usa i trattini (-) come separatori nei nomi delle pagine.
    • Evita di usare la notazione camel, caratteri di sottolineatura e spazi.
  • Se possibile, evita l’uso di parametri di query. In caso di necessità, limitali a un massimo di due.
    • Utilizza la struttura di directory per indicare l’architettura delle informazioni, se disponibile.
    • Se non puoi utilizzare una struttura di directory, utilizza i selettori Sling invece delle stringhe di query nell’URL. Oltre a fornire il valore SEO (Search Engine Optimization), i selettori Sling consentono anche di rendere le pagine memorizzabili nella cache per il dispatcher.
  • L’URL ideale deve essere facilmente interpretabile dall’utente e diventa ancor più utile se contiene parole chiave.
    • Se utilizzi selettori in una pagina, scegli quelli che forniscono valori semantici.
    • Se un utente non riesce a interpretare l’URL, non può farlo nemmeno un motore di ricerca.
    • Ad esempio: mybrand.com/products/product-detail.product-category.product-name.html è da preferirsi a mybrand.com/products/product-detail.1234.html
  • Se possibile, evita i sottodomini perché i motori di ricerca li considereranno come entità diverse, frammentando il valore SEO (Search Engine Optimization) del sito.
    • Utilizza invece percorsi secondari di primo livello. Ad esempio, usa www.mybrand.com/es/home.html invece di es.mybrand.com/home.html .
    • Pianifica la gerarchia dei contenuti in modo che corrisponda all’ordine in cui verranno presentati, in base a questa linea guida.
  • Le parole chiave negli URL perdono efficacia se si trovano in URL lunghi e se non sono posizionate all’inizio. In altre parole, scegli URL brevi.
    • Utilizza le tecniche e le funzioni di abbreviazione degli URL fornite da AEM per rimuovere gli elementi superflui.
    • Ad esempio, mybrand.com/en/myPage.html è da preferirsi a mybrand.com/content/my-brand/en/myPage.html .
  • Utilizza URL canonici.
    • Quando un URL può essere gestito da percorsi diversi o con parametri o selettori diversi, assicurati di usare un tag rel=canonical nella pagina.
    • Questo tag può essere incluso nel codice del modello AEM.
  • Se possibile, fai in modo che l’URL corrisponda al titolo della pagina.
    • Invita gli autori dei contenuti a seguire questa pratica.
  • Non richiedere il rispetto della distinzione tra maiuscole/minuscole nelle richieste URL.
    • Configura il dispatcher in modo da riscrivere in lettere minuscole tutte le richieste in entrata.
    • Chiedi agli autori di contenuti di creare tutte le pagine utilizzando solo lettere minuscole.
  • Assicurati che ogni pagina sia gestita da un solo protocollo.
    • A volte i siti vengono gestiti tramite http fino a quando l’utente non raggiunge una pagina contenente, ad esempio, un modulo di pagamento o di accesso, che viene gestito tramite https . Quando il collegamento viene effettuato da questa pagina, se l’utente può tornare alle pagine http e accedervi tramite https , il motore di ricerca ne tiene traccia come se fossero due pagine separate.
    • Google attualmente preferisce le pagine https a quelle http . Per questo motivo è spesso preferibile gestire l’intero sito tramite https .

Configurazione del server

Dal punto di vista della configurazione del server, puoi adottare le seguenti misure per garantire che venga effettuata la ricerca per indicizzazione solo del contenuto corretto:
  • Utilizza un file robots.txt per bloccare la ricerca per indicizzazione di qualsiasi contenuto che non deve essere indicizzato.
    • Blocca tutte le operazioni di ricerca per indicizzazione negli ambienti di test.
  • Quando lanci un nuovo sito con URL aggiornati, implementa i reindirizzamenti 301 per non perdere il tuo ranking SEO esistente.
  • Includi un favicon per il tuo sito.
  • Implementa una mappa del sito XML per facilitare la ricerca per indicizzazione del contenuto da parte dei motori di ricerca. Assicurati di includere una mappa del sito mobile per i siti mobili e/o reattivi.

Configurazioni AEM

Questa sezione descrive i passaggi di implementazione necessari per configurare AEM in modo che segua queste raccomandazioni SEO (Search Engine Optimization).

Utilizzo dei selettori Sling

In precedenza, per la creazione di un’applicazione web aziendale si usavano in genere i parametri di query.
Negli ultimi anni, la tendenza è stata quella di rimuovere tali parametri per cercare di migliorare la leggibilità degli URL. Su molte piattaforme, questo approccio comporta l’implementazione di reindirizzamenti sul server web o sulla rete CDN (Content Delivery Network), ma grazie a Sling questa operazione è estremamente semplice. I selettori Sling:
  • Migliorano la leggibilità degli URL.
  • Consentono di memorizzare le pagine nella cache del dispatcher e spesso di migliorare la sicurezza.
  • Consentono di gestire il contenuto direttamente, invece di utilizzare un servlet generico per il recupero del contenuto. In questo modo è possibile sfruttare i vantaggi dell’applicazione degli ACL all’archivio e dell’applicazione dei filtri al dispatcher.

Utilizzo dei selettori per i servlet

AEM offre due opzioni per la scrittura di servlet:
  • Servlet bin
  • Servlet Sling
Gli esempi seguenti illustrano come registrare i servlet conformi a questi modelli che consentono di sfruttare i vantaggi ottenuti utilizzando i servlet Sling.

Servlet Bin (un livello inferiore)

I servlet Bin sono conformi al modello a cui molti sviluppatori sono abituati dalla programmazione J2EE. Il servlet viene registrato in un percorso specifico, che nel caso di AEM si trova in genere in /bin . I parametri di richiesta necessari vengono estratti dalla stringa di query.
L’annotazione SCR per questo tipo di servlet sarà simile al seguente:
@SlingServlet(paths = "/bin/myApp/myServlet", extensions = "json", methods = "GET")

Estrai quindi i parametri dalla stringa di query tramite l’oggetto SlingHttpServletRequest incluso nel metodo doGet ; ad esempio:
String myParam = req.getParameter("myParam");

L’URL risultante usato sarà simile al seguente:
https://www.mydomain.com/bin/myApp/myServlet.json?myParam=myValue
Con questo approccio ci sono alcuni aspetti da considerare:
  • L’URL stesso perde valore SEO. Gli utenti che accedono al sito, inclusi i motori di ricerca, non ricevono alcun valore semantico dall’URL, in quanto l’URL rappresenta un percorso programmatico e non la gerarchia dei contenuti.
  • La presenza di parametri di query nell’URL impedisce al dispatcher di memorizzare la risposta nella cache.
  • Se vuoi proteggere questo servlet, devi implementare una logica di sicurezza personalizzata nel servlet.
  • Il dispatcher deve essere configurato con attenzione in modo da esporre /bin/myApp/myServlet . La semplice esposizione di /bin consentirebbe l’accesso a determinati servlet che non dovrebbero essere aperti ai visitatori del sito.

Servlet Sling (un livello inferiore)

I servlet Sling permettono di registrare il servlet in modo opposto. Invece di gestire un servlet e specificare il contenuto di cui vuoi eseguire il rendering in base ai parametri di query, devi indirizzare il contenuto desiderato e specificare il servlet che deve eseguire il rendering del contenuto in base ai selettori Sling.
L’annotazione SCR per questo tipo di servlet sarà simile al seguente:
@SlingServlet(resourceTypes = "myBrand/components/pages/myPageType", selectors = "myRenderer", extensions = "json”, methods=”GET”)

In questo caso, la risorsa gestita dall’URL (un’istanza della risorsa myPageType ) è accessibile automaticamente nel servlet. Per accedervi, chiama:
Resource myPage = req.getResource();

L’URL risultante usato sarà simile al seguente:
https://www.mydomain.com/content/my-brand/my-page.myRenderer.json
I vantaggi di questo approccio sono i seguenti:
  • Puoi incorporare valore SEO (Search Engine Optimization), ottenuto dalla semantica presente nella gerarchia del sito e nel nome della pagina.
  • Poiché non sono presenti parametri di query, il dispatcher può memorizzare la risposta nella cache. Inoltre, eventuali aggiornamenti apportati alla pagina gestita annulleranno la validità della cache quando la pagina viene attivata.
  • Tutti gli ACL applicati a /content/my-brand/my-page diventeranno effettivi quando un utente prova ad accedere a questo servlet.
  • Il dispatcher sarà già configurato per gestire questo contenuto in funzione della gestione del sito web. Non è richiesta alcuna configurazione aggiuntiva.

Riscrittura di URL

In AEM, tutte le pagine web vengono memorizzate in /content/my-brand/my-content . Anche se questo approccio può essere utile dal punto di vista della gestione dati dell’archivio, non corrisponde necessariamente al modo in cui i clienti devono esplorare il sito e può entrare in conflitto con le indicazioni SEO che richiedono di utilizzare URL brevi. È anche possibile che più siti web vengano gestiti dalla stessa istanza di AEM e da nomi di dominio diversi.
Questa sezione esamina le opzioni disponibili in AEM per gestire questi URL e presentarli agli utenti in modo più leggibile e compatibile con SEO.

URL personalizzati

Se un autore vuole che una pagina sia accessibile da una seconda posizione a scopo promozionale, potrebbe essere utile utilizzare gli URL personalizzati di AEM, definiti pagina per pagina. Per aggiungere un URL personalizzato a una pagina, passa alla pagina nella console Sites e modifica le proprietà della pagina. Nella parte inferiore della scheda Base , è disponibile una sezione in cui è possibile aggiungere URL personalizzati. Tieni presente che l’accesso alla pagina tramite più URL comporterà la frammentazione del valore SEO della pagina. Per evitare questo problema è quindi necessario aggiungere alla pagina un tag di URL canonico.

Nomi di pagina localizzati

Può essere necessario visualizzare i nomi delle pagine localizzate agli utenti del contenuto tradotto. Ad esempio:
  • L’URL visualizzato da un utente di lingua spagnola non dovrebbe essere: www.mydomain.com/es/home.html
  • Ma sarebbe meglio che fosse: www.mydomain.com/es/casa.html .
Il problema correlato alla localizzazione del nome della pagina è che molti degli strumenti di localizzazione disponibili sulla piattaforma AEM dipendono dalla corrispondenza dei nomi delle pagine tra diverse lingue per garantire la sincronizzazione del contenuto.
Per risolvere questo problema, puoi utilizzare la proprietà sling:alias . Puoi aggiungere sling:alias come proprietà a qualsiasi risorsa per consentire l’utilizzo di un nome di alias della risorsa. Nell’esempio precedente, avrai:
  • Una pagina nel JCR in: …/es/home
  • Una proprietà aggiunta a tale pagina: sling:alias = casa
In questo modo gli strumenti di traduzione di AEM, come l’utilità di gestione di più siti, continueranno a mantenere una relazione tra:
  • /en/home
  • /es/home
Allo stesso tempo gli utenti finali potranno interagire con il nome della pagina nelle rispettive lingue native.
È possibile impostare la proprietà sling:alias utilizzando la proprietà Alias durante la modifica delle proprietà della pagina .

/etc/map

In un’installazione standard di AEM:
  • per la configurazione OSGi Apache Sling Resource Resolver Factory ( org.apache.sling.jcr.resource.internal.JcrResourceResolverFactoryImpl )
  • la proprietà Mapping Location (Posizione mappatura) ( resource.resolver.map.location )
  • viene impostata sul valore predefinito /etc/map .
È possibile aggiungere definizioni di mappatura in questa posizione per mappare le richieste in entrata, riscrivere gli URL nelle pagine in AEM o eseguire entrambe le operazioni.
Per creare una nuova mappatura, crea un nuovo nodo sling:Mapping in questa posizione in /http o /https . In base alle proprietà sling:match e sling:internalRedirect impostate su questo nodo, AEM reindirizzerà tutto il traffico dell’URL corrispondente al valore specificato nella proprietà internalRedirect .
Anche se questo è l’approccio illustrato nella documentazione ufficiale di AEM e Sling, il supporto delle espressioni regolari fornito da questa implementazione ha un ambito limitato rispetto alle opzioni disponibili quando si utilizza direttamente SlingResourceResolver . Inoltre, una tale implementazione delle mappature può causare problemi con l’annullamento della validità della cache del dispatcher.
Ecco un esempio di scenario in cui si verifica questo problema:
  1. Un utente visita il sito web e richiede https://www.mydomain.com/my-page.html
  2. Il dispatcher inoltra questa richiesta al server di pubblicazione.
  3. Con /etc/map , il server di pubblicazione risolve la richiesta in /content/my-brand/my-page ed esegue il rendering della pagina.
  4. Il dispatcher memorizza nella cache la risposta in /my-page.html e restituisce la risposta all’utente.
  5. Un autore di contenuti apporta una modifica a questa pagina e la attiva.
  6. L’agente di eliminazione del dispatcher invia una richiesta di annullamento della validità per /content/my-brand/my-page **.**Poiché il dispatcher non ha una pagina memorizzata nella cache in questo percorso, il contenuto precedente rimane memorizzato nella cache e non verrà aggiornato.
Sono disponibili vari modi per configurare regole di eliminazione invio personalizzate che mappano l’URL più breve all’URL più lungo per consentire l’annullamento della validità della cache.
Esiste però anche una soluzione più semplice per gestire questo problema:
  1. Regole di SlingResourceResolver
    Utilizzando la console web, ad esempio localhost:4502/system/console/configMgr, puoi configurare Sling Resource Resolver:
    • Apache Sling Resource Resolver Factory
      (org.apache.sling.jcr.resource.internal.JcrResourceResolverFactoryImpl) . È consigliabile creare le mappature necessarie per ridurre gli URL come espressioni regolari, quindi definire queste configurazioni in un nodo OsgiConfignode, config.publish , incluso nella build.
    Invece di definire le mappature in /etc/map , puoi assegnarle direttamente alla proprietà URL Mappings (Mappature URL) ( resource.resolver.mapping ):
    resource.resolver.mapping="[/content/my-brand/(.*)</$1]"
    
    
    In questo semplice esempio rimuoverai /content/my-brand/ dall’inizio di tutti gli URL in cui è presente.
    In questo modo un URL viene convertito:
    • da /content/my-brand/my-page.html
    • a semplicemente /my-page.html
    Questo approccio è in linea con la pratica consigliata di ridurre la lunghezza degli URL.
  2. Mappatura dell’output degli URL nelle pagine
    Dopo aver definito le mappature in Apache Sling Resource Resolver, devi utilizzarle nei componenti per garantire che gli URL generati nelle pagine siano brevi e leggibili. Per farlo, puoi utilizzare la funzione di mappatura di ResourceResolver .
    Se, ad esempio, stai implementando un componente di navigazione personalizzato che elenca gli elementi secondari della pagina corrente, puoi utilizzare il metodo di mappatura nel modo seguente:
    for (Page child : children) {
      String childUrl = resourceResolver.map(request, child.getPath());
      //Output the childUrl on the page here
    }
    
    

mod_rewrite di Apache HTTP Server

Finora, hai implementato le mappature unitamente alla logica presente nei tuoi componenti per utilizzarle durante la creazione dell’output degli URL nelle pagine.
Non resta che definire come gestire questi URL abbreviati quando arrivano al dispatcher, ed è qui che entra in gioco mod_rewrite . Il principale vantaggio associato all’uso di mod_rewrite è che gli URL vengono mappati sulla relativa forma estesa prima di essere inviati al modulo del dispatcher. Questo significa che il dispatcher richiederà l’URL lungo al server di pubblicazione e lo memorizzerà nella cache come al solito. Di conseguenza, qualsiasi richiesta di eliminazione del dispatcher proveniente dal server di pubblicazione potrà annullare la validità di questo contenuto.
Per implementare queste regole, puoi aggiungere elementi RewriteRule nell’host virtuale della configurazione di Apache HTTP Server. Se vuoi espandere gli URL abbreviati dell’esempio precedente, puoi implementare una regola simile alla seguente:
<VirtualHost *:80>
  ServerName www.mydomain.com
  RewriteEngine on
  RewriteRule ^/(.*)$ /content/my-brand/$1 [PT,L]
  …
</VirtualHost>

Tag di URL canonici

I tag URL canonici sono tag di collegamento inseriti nell’intestazione di un documento HTML che consentono di definire la modalità di gestione di una pagina nei motori di ricerca durante l’indicizzazione del contenuto. Questo approccio offre il vantaggio di garantire che una pagina o versioni diverse di essa vengano indicizzate allo stesso modo anche quando l’URL della pagina presenta differenze.
Se, ad esempio, un sito include una versione di una pagina adatta alla stampa, un motore di ricerca indicizza tale pagina separatamente dalla versione normale della stessa pagina. Il tag canonico indica al motore di ricerca che tali pagine sono uguali.
Esempi:
  • https://www.mydomain.com/my-brand/my-page.html
  • https://www.mydomain.com/my-brand/my-page.print.html
Per entrambi viene applicato il seguente tag all’intestazione della pagina:
<link rel=”canonical” href=”my-brand/my-page.html”/>

Il valore href può essere relativo o assoluto. Per determinare l’URL canonico per la pagina e generare questo tag, il codice deve essere incluso nel markup della pagina.

Configurazione del dispatcher per rimuovere la distinzione tra maiuscole/minuscole

Secondo la best practice, è consigliabile utilizzare solo lettere minuscole nei nomi di pagina. Se, però, non vuoi che un utente riceva un errore 404 quando accede al sito web utilizzando lettere maiuscole nell’URL, Adobe consiglia di aggiungere nella configurazione di Apache HTTP Server una regola di riscrittura per mappare tutti gli URL in arrivo utilizzando lettere minuscole. È inoltre necessario chiedere agli autori dei contenuti di utilizzare nomi contenenti solo lettere minuscole quando creano le pagine.
Per configurare Apache in modo che per tutto il traffico in entrata vengano utilizzate lettere minuscole, aggiungi quanto segue alla configurazione di vhost :
RewriteEngine On
RewriteMap lowercase int:tolower

Aggiungi inoltre quanto segue nella parte iniziale del file htaccess :
RewriteCond $1 [A-Z]
RewriteRule ^(.*)$ /${lowercase:$1} [R=301,L]

Implementazione di robots.txt per proteggere gli ambienti di sviluppo

I motori di ricerca devono verificare la presenza di un file robots.txt nella directory principale del sito prima di eseguire la ricerca per indicizzazione del sito. È importante sottolineare la parola “devono” perché mentre i principali motori di ricerca come Google, Yahoo o Bing rispettano tutti questo requisito, alcuni motori di ricerca stranieri lo ignorano.
Il modo più semplice per bloccare l’accesso all’intero sito consiste nell’inserire nella directory principale del sito un file denominato robots.txt con il seguente contenuto:
User-agent: *
Disallow: /

In alternativa, in un ambiente live, puoi scegliere di non consentire l’indicizzazione di determinati percorsi.
Bisogna però prestare attenzione quando si inserisce il file robots.txt nella directory principale del sito. Le richieste di eliminazione del dispatcher, infatti, potrebbero cancellare questo file ed è possibile che le mappature URL posizionino la directory principale del sito in un punto diverso da DOCROOT definito nella configurazione di Apache HTTP Server. Per questo motivo, questo file viene in genere inserito nell’istanza di authoring nella directory principale del sito e replicato nell’istanza di pubblicazione.

Creazione di una mappa del sito XML in AEM

I crawler utilizzano le mappe del sito XML per comprendere meglio la struttura dei siti web. Anche se non è detto che la creazione di una mappa del sito si traduca in un miglioramento dei ranking SEO, si tratta di una best practice comunemente accettata. Puoi gestire manualmente un file XML nel server web da utilizzare come mappa del sito, ma è consigliabile generarne una a livello di programmazione, in modo che, quando gli autori creano nuovi contenuti, le modifiche apportate vengano applicate automaticamente alla mappa.
Per generare una mappa del sito a livello di programmazione, registra un servlet Sling in ascolto di una chiamata sitemap.xml . Il servlet può quindi utilizzare la risorsa fornita tramite l’API del servlet per esaminare la pagina corrente e i relativi elementi secondari, producendo codice XML. Il codice XML verrà quindi memorizzato nella cache del dispatcher. Questa posizione viene specificata come riferimento nella proprietà sitemap del file robots.txt . È inoltre necessario implementare una regola di eliminazione personalizzata in modo che il file venga eliminato ogni volta che viene attivata una nuova pagina.
Puoi registrare un servlet Sling in modo che ascolti il selettore sitemap con l’estensione xml . Il servlet elaborerà quindi la richiesta ogni volta che viene richiesto un URL che termina con      /<path-to>/page.sitemap.xml Puoi così ottenere la risorsa desiderata dalla richiesta e generare una mappa del sito a partire da tale punto nella struttura del contenuto utilizzando le API JCR. Il vantaggio di un simile approccio è che più siti vengono gestiti dalla stessa istanza. Con una richiesta a /content/siteA.sitemap.xml viene generata una mappa del sito per siteA , mentre con una richiesta a /content/siteB.sitemap.xml viene generata una mappa del sito per siteB senza dover scrivere codice aggiuntivo.

Creazione di reindirizzamenti 301 per gli URL legacy

Quando si lancia un sito con una nuova struttura, è fondamentale implementare e testare i reindirizzamenti 301 in Apache HTTP Server per due motivi:
  • Gli URL legacy hanno accumulato valore SEO nel tempo. Implementando un reindirizzamento, il motore di ricerca può applicare questo valore al nuovo URL.
  • Gli utenti del sito potrebbero aver creato segnalibri per queste pagine. Grazie ai reindirizzamenti, gli utenti verranno reindirizzati alla pagina del nuovo sito che corrisponde maggiormente alla pagina a cui erano interessati nel vecchio sito.
Consulta la sezione seguente, dove troverai risorse aggiuntive con istruzioni sull’implementazione dei reindirizzamenti 301, nonché uno strumento per verificare che i reindirizzamenti funzionino come previsto.