Rende le pagine statiche indicizzabili con AngularJS per scopi SEO?

Question

Attualmente sto lavorando a un'app social utilizzando Angular. Sarei desideroso di avere pagine pubbliche, indicizzabili dai motori di ricerca per accompagnare l'app, come una homepage indicizzabile, sulla pagina e sulla pagina dei contatti.

Quale sarebbe il modo migliore per farlo? Sono indeciso mia infrastruttura back-end sta per essere, ma è o sta per essere uno dei seguenti:

server di

1. nginx/apache per vend tutti i contenuti con un servizio pub/sub esterna per tempo reale.
2. Servizio separato per front-end e backend: contenuto front-end del server nginx. Server di nodo separato per roba di back-end.

Qualsiasi consiglio su questo sarebbe grande. Sono curioso di capire se l'angolare gestisce tutto il routing o se gestisco le rotte statiche separatamente. Questa è la mia prima volta che gioco con Angular.

Cheers.

Answer 1

Potrei sbagliarmi ma penso che il tuo problema non sia uno di AngularJS, è più fondamentale di così.

Il problema è uno in cui si sta caricando il contenuto HTML tramite AJAX. E in che modo Google ecc. Esegue la scansione dei contenuti caricati AJAX se non è in grado di eseguire JavaScript?

Questo potrebbe aiutare: https://developers.google.com/webmasters/ajax-crawling/

Questo potrebbe aiutare troppo ma la sua orientati verso .NET: http://gregorypratt.github.com/Ajax-Crawling/

Se si fornisce una soluzione in cui si lascia AngularJS fanno il percorso, ma si è ancora in grado di servire statica contenuto dal server quando ?_escaped_fragment_= è presente nell'URL, quindi sei a posto. Ottieni vantaggi delle app a pagina singola mentre sei ancora sottoponibile a scansione.

Il seguente è un sito esempio utilizzando AngularJS di routing e contenuti statici di essere servito per Google et al.

http://artelier.co.uk/#!/about

http://artelier.co.uk/?_escaped_fragment_=/about(spegnere JS per vedere il lavoro)