Последний метод 2015, чтобы сделать ваши угловые проекты SEO дружественными

Question

Я построил большой сайт angularJS и сделал его несколькими языками, частично загрузив json-файлы. Мой сайт полна этих строк:

{{ 'TITLE' | translate }} 

Я не уверен, как сделать их SEO дружественных. Я нашел множество решений в Интернете, но также и многие люди, которые заявили, что больше не нужны, потому что Google и Bing могут сканировать угловые проекты.

Поэтому я установил свой проект в html5 = true, но создал ошибку, которая отсутствовала <base>. Итак, я внедрил <base href="/">, но позже мой проект был развернут в подпапку/постановку/так что все ссылки сломались. (Мой DEV и живая среда имеют разную базу)

Я не доволен, опираясь на 3-х сторон, как prerender.io

Самых современный метод, чтобы получить ваши Угловые проекты SEO дружественными. И есть ли локальное решение? Может ли Grunt, возможно, перенерить все мои страницы, чтобы я мог реализовать его в моем скрипте сборки?

Answer 1

Фактически вы можете создать свой собственный сервис, подобный Prerender.io. Он полагается на использование PhantomJs для рендеринга страниц.

Сначала добавьте следующий мета-тег в голову вашего сайта:

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

Джесси Лоусон создал модуль SEO вы добавляете на свой сайт, а затем вам просто нужно настроить PhantomJs на вашем веб-сервере.

Вот полные данные:

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