Angularjs против SEO против pushState

Очевидно, Квентин не читал сообщение, на которое вы ссылаетесь. Вся суть http://html5.gingerhost.com/london заключается в следующем. что он использует pushState и доказывает, что ему не требуется статический HTML в интересах поисковых роботов.

«Этот сайт использует HTML5 wizrdry [sic] для асинхронной загрузки «фактического контента» [sic] с остальной частью кода: это делает его быстрее для пользователей, но он по-прежнему полностью индексируется поисковыми системами».

Помимо хитроумной орфографии, эта демонстрация показывает, что асинхронно загружаемый контент индексируется.

Насколько я вижу, когда я напрямую обращаюсь к определенной странице, контент, который считается динамическим, возвращается сервером.

Это не так. Вы загружаете пустую страницу с некоторым JavaScript, и этот JavaScript сразу же загружает контент, который должен отображаться для этого URL.

Вам нужно, чтобы сервер создавал HTML, который вы получаете после запуска JavaScript, и не зависел от JS.

Google интерпретирует страницы Angular, как вы можете видеть на этой быстрой демонстрационной странице, где заголовок и метаописание правильно отображаться в результат поиска.

Весьма вероятно, что если они вообще интерпретируют JS, то они интерпретируют его достаточно для тщательного анализа ссылок.

Тот факт, что некоторые страницы не индексируются, связан с тем, что Google индексирует не каждую страницу, которую они анализируют, даже если вы добавите ее в карту сайта или отправите на индексацию в инструментах для веб-мастеров. На демонстрационной странице как обычная, так и ограниченная ссылка в настоящее время не индексируются.

Обновление: чтобы конкретно ответить на вопрос, на тестовом сайте нет проблем с pushState. Эти страницы просто не содержат ценного контента для Google. (См. их общие рекомендации).

Срей, недавно я задал тот же вопрос в другой ветке, и мне сообщили, что Googlebot и Bingbot индексируют SPA, использующие pushState. Я не видел ни одного примера, подтверждающего мою уверенность, но это то, что мне сказали. Чтобы затем охватить свои базы в отношении Facebook, используйте метатеги open graph.

Я все еще не уверен в том, что можно продвигаться вперед без отправки фрагментов HTML ботам, но, как и вы, я не нашел учебника, рассказывающего, как это сделать при использовании pushState, или даже предлагающего это. Но вот как я представляю, как это будет работать с Symfony2...

1. Используйте пререндеринг или другой сервис для создания статических фрагментов всех ваших страниц. Храните их в доступном для вашего маршрутизатора месте.

2. В файле маршрутизации Symfony2 создайте маршрут, соответствующий вашему SPA. У меня есть тестовый SPA, работающий по адресу localhost.com/ng-test/, поэтому мой маршрут будет выглядеть так:

   # Adding a trailing / to this route breaks it. Not sure why.
# This is also not formatting correctly in StackOverflow. This is yaml.
NgTestReroute:
----path: /ng-test/{one}/{two}/{three}/{four}
----defaults:
--------_controller: DriverSideSiteBundle:NgTest:ngTestReroute
--------'one': null
--------'two': null
--------'three': null
--------'four': null
----methods: [GET]

3. В вашем контроллере Symfony2 проверьте пользовательский агент, чтобы узнать, является ли он googlebot или bingbot. Вы сможете сделать это с помощью приведенного ниже кода, а затем использовать этот список для выбора интересующих вас ботов (http://www.searchenginedictionary.com/spider-names.shtml)...

   if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), "googlebot"))
{
// what to do
}

4. Если ваш контроллер находит совпадение с ботом, отправьте ему фрагмент HTML. В противном случае, как и в случае с моим приложением AngularJS, просто отправьте пользователя на главную страницу, а Angular сделает все остальное.

Кроме того, на ваш вопрос был дан ответ? Если да, выберите один из них, чтобы я и другие могли сказать, что сработало для вас.

HTML-фрагменты для приложения AngularJS, использующего pushState?