Renderować statyczne strony z indeksowaniem AngularJS do celów SEO?

Question

Aktualnie pracuję nad aplikacją społecznościową za pomocą Angular. Chciałbym mieć publicznie dostępne strony do indeksowania w wyszukiwarkach, takie jak strona domowa z możliwością indeksowania, strona i strona kontaktowa.

Jaki byłby najlepszy sposób na rozwiązanie tego problemu? Jestem niezdecydowany co moja infrastruktura backend będzie, ale to też będzie jeden z następujących elementów:

serwer

1. nginx/apache do vend wszystkie treści z zewnętrznych usług pub/sub czasie rzeczywistym.
2. Oddzielna usługa dla frontendu i backendu - zawartość serwera frontowego serwera Nginx. Oddzielny serwer węzłów dla rzeczy z zaplecza wtyczki.

Wszelkie porady na ten temat świetnie. Chciałbym dowiedzieć się, czy kątowe obsługuje wszystkie trasy, czy też obsługuję statyczne trasy osobno. To moja pierwsza gra z Angular.

Pozdrawiam.

Answer 1

Mogę się mylić, ale myślę, że twój problem nie jest problemem AngularJS, to bardziej fundamentalne.

Twoim problemem jest ten, w którym ładujesz zawartość HTML przez AJAX. A jak Google indeksuje załadowaną zawartość AJAX, jeśli nie może wykonać JavaScript?

To może pomóc: https://developers.google.com/webmasters/ajax-crawling/

To może pomóc, ale jego zbyt ukierunkowane .NET: http://gregorypratt.github.com/Ajax-Crawling/

Jeśli podasz rozwiązanie, w którym pozwalasz angularjs zrobić routing, ale nadal są w stanie służyć statyczne zawartość z serwera, gdy ?_escaped_fragment_= jest obecny w adresie URL, to jesteś gotowy. Dostajesz korzyści z jednej strony, a jednocześnie można je indeksować.

Poniższy przykład jest strona użyciu angularjs routingu i zawartość statyczną są podawane dla Google'a i wsp.

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

http://artelier.co.uk/?_escaped_fragment_=/about(wyłączyć JS, aby zobaczyć to działa)