L'ultimo metodo 2015 per rendere i tuoi progetti Angular SEO friendly

Question

Costruisco un sito Web angularJS di grandi dimensioni e lo ho reso multi lingue mediante il caricamento parziale dei file json. Il mio sito è piena di queste stringhe:

{{ 'TITLE' | translate }} 

Non sono sicuro di come farli SEO friendly. Ho trovato molte soluzioni su Internet, ma anche molte persone che hanno dichiarato che non era più necessario perché Google e Bing possono eseguire la scansione di progetti angolari.

Così ho impostato il mio progetto su html5 = true, ma ha creato un errore che era mancante a <base>. Quindi ho implementato uno <base href="/"> ma il mio progetto è stato successivamente distribuito in una sottocartella/staging/quindi tutti i link in cui si è verificato un errore. (Il mio dev e ambiente vivo hanno base diversa)

io non sono contento di fare affidamento su parti 3th come prerender.io

Qual è il metodo più recente per ottenere i vostri progetti angolari SEO friendly. E c'è anche una soluzione localhost? Can Grunt potrebbe forse eseguire il prerender di tutte le mie pagine in modo da poterlo implementare nel mio script di compilazione?

Answer 1

In realtà è possibile creare il proprio servizio simile a Prerender.io. Si affida all'utilizzo di PhantomJs per il rendering delle pagine.

In primo luogo si aggiunge il seguente meta tag per la testa del vostro sito:

<meta name="fragment" content="!" /> 

Jesse Lawson ha creato un modulo di SEO si aggiunge al tuo sito, e poi basta solo necessario impostare PhantomJs sul vostro server web.

Ecco i dettagli completi:

http://lawsonry.com/2014/05/diy-angularjs-seo-with-phantomjs-the-easy-way/