Najnowsza metoda 2015, aby Twoje projekty Angular były przyjazne SEO

Question

Buduję dużą stronę angularJS i robię ją wielojęzykową poprzez częściowe ładowanie plików json. Moja strona internetowa jest pełna tych ciągów:

{{ 'TITLE' | translate }} 

Nie jestem pewien, jak uczynić je SEO friendly. Znalazłem wiele rozwiązań w Internecie, ale także wiele osób, które stwierdziły, że nie było już potrzebne, ponieważ Google i Bing mogą skanować projekty kanciaste.

Tak więc ustawiłem mój projekt na html5 = true, ale spowodował on błąd, którego brakowało <base>. Więc wdrożyłem <base href="/">, ale mój projekt został później wdrożony do podfolderu/postoju/tak, że wszystkie łącza są uszkodzone. (Mój dev i na żywo środowiska mają różne podstawy)

Nie jestem zadowolony z polegania na osobach 3th jak prerender.io

Jaka jest najnowsza metoda, aby uzyskać kątowe projekty SEO friendly. Czy istnieje również rozwiązanie localhost? Czy Grunt może wstępnie wyrenderować wszystkie moje strony, aby móc zaimplementować je w moim skrypcie kompilacji?

Answer 1

Możesz rzeczywiście stworzyć własną usługę podobną do Prerender.io. Opiera się na wykorzystaniu PhantomJs do renderowania stron.

Najpierw trzeba dodać następujący tag meta na czele swojej strony:

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

Jesse Lawson stworzony moduł SEO dodasz do swojej witryny, a następnie po prostu trzeba skonfigurować PhantomJs na serwer.

Oto szczegóły:

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