it-swarm.dev

Come fare una SEO SEO crawlable?

Ho lavorato su come creare una SPA crawlable da google basato su istruzioni di Google. Anche se ci sono alcune spiegazioni generali, non sono riuscito a trovare un tutorial passo-passo più completo con esempi reali. Dopo averlo terminato, vorrei condividere la mia soluzione in modo che anche altri possano utilizzarla e possibilmente migliorarla ulteriormente. 
Sto usando MVC con Webapi controller e Phantomjs sul lato server, e Durandal sul lato client con Push-state abilitato; Uso anche Breezejs per l'interazione dei dati client-server, che consiglio vivamente, ma cercherò di fornire una spiegazione abbastanza generica che aiuterà anche le persone che utilizzano altre piattaforme.

142
beamish

Google è ora in grado di eseguire il rendering delle pagine SPA: Decrittando il nostro schema di scansione AJAX

32
Edward Olamisan

Ecco un link a una registrazione screencast del mio corso di formazione Ember.js, che ho tenuto a Londra il 14 agosto. Delinea una strategia sia per l'applicazione lato client che per l'applicazione lato server, oltre a fornire una dimostrazione dal vivo del modo in cui l'implementazione di queste funzionalità fornirà all'app Single-Page JavaScript un'evidente degradazione anche per gli utenti con JavaScript disattivato . 

Usa PhantomJS per facilitare la scansione del tuo sito web. 

In breve, i passaggi richiesti sono: 

  • Avere una versione ospitata dell'applicazione Web che si desidera sottoporre a scansione, questo sito deve avere TUTTI i dati che si hanno in produzione
  • Scrivi un'applicazione JavaScript (PhantomJS Script) per caricare il tuo sito web
  • Aggiungi index.html (o "/") all'elenco di URL da sottoporre a scansione
    • Inserisci il primo URL aggiunto all'elenco di ricerca per indicizzazione
    • Carica la pagina e visualizza il suo DOM 
    • Trova tutti i link sulla pagina caricata che collega al tuo sito (filtro URL)
    • Aggiungi questo link a un elenco di URL "crawlable", se non ancora sottoposti a scansione
    • Archiviare il DOM renderizzato su un file sul file system, ma rimuovere prima TUTTI i tag di script
    • Alla fine, crea un file Sitemap.xml con gli URL scansionati

Una volta che questo passaggio è terminato, è il tuo back-end a servire la versione statica del tuo HTML come parte del tag noscript su quella pagina. Ciò consentirà a Google e ad altri motori di ricerca di eseguire la scansione di ogni singola pagina del tuo sito web, anche se la tua app in origine è un'app a pagina singola. 

Link allo screencast con tutti i dettagli: 

http://www.devcasts.io/p/spas-phantomjs-and-seo/#

4
Joachim H. Skeie

È possibile utilizzare http://sparender.com/ che consente di eseguire correttamente la scansione delle applicazioni a pagina singola.

0
ddtxra

È possibile utilizzare o creare il proprio servizio per eseguire il prerender della SPA con il servizio chiamato prerender. Puoi verificarlo sul suo sito prerender.io e sul suo progetto github (Usa PhantomJS e renderizza il tuo sito web per te). 

È molto facile iniziare. Devi solo reindirizzare le richieste dei crawler al servizio e riceveranno l'html renderizzato.

0
gabrielperales