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

Question

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

{{ 'TITLE' | translate }}

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

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

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

Какой самый последний способ сделать ваши англоязычные проекты оптимизированными для SEO. И есть ли решение localhost? Может ли 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/