Как вы тестируете метатеги schema.org веб-приложения AngularJS в инструменте тестирования Google richsnippets?

Код сайта создается с помощью javascript-фреймворка AngularJS. Когда я посещаю веб-страницу, она отображает страницу полностью, но исходный код загружается частями, которые не полностью присутствуют в исходном коде, например:

<body>
    <div class="wrapper">
        <div ng-include="'partials/header.html'"></div>
        <div id="ng-view" ng-view class="main_view wrapper"></div>
        <!--div ng-include="'partials/home_content.html'"></div-->
        <a href="#"> </a>
    </div>
    <div ng-include="'partials/footer.html'" class="footer"></div>
</body>

Как протестировать частичный код (заголовок, контент, нижний колонтитул) в https://www.google.com/webmasters/tools/home?


javascript angularjs google-rich-snippets schema.org rich-snippets
person user3141592653589793238462643    schedule 19.01.2015    source источник

Ответы (4)


arrow_upward
4
arrow_downward

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

Поэтому я просто даю инструменту тестирования предварительно обработанную страницу для работы, и я думаю, что это хорошая идея, потому что именно так сканеры в любом случае будут получать вашу страницу.

Я использую предварительную визуализацию, которую можно установить на вашем сервере или использовать через их серверы (за определенную плату), дополнительная информация по адресу: https://prerender.io/documentation

person beauchette    schedule 29.04.2015

arrow_upward
1
arrow_downward

Попробуйте вставить сгенерированный источник страницы во вкладку «HTML» здесь:

http://www.google.com/webmasters/tools/richsnippets

Вот несколько ресурсов, которые помогут вам получить копию сгенерированного источника страницы:

ОБНОВЛЕНИЕ:

Здесь есть улучшенный, обновленный инструмент тестирования HTML:

https://developers.google.com/webmasters/structured-data/testing-tool/

В этом сообщении это описано более подробно.

person Bungle    schedule 21.01.2015

arrow_upward
0
arrow_downward

Вам необходимо использовать автономный браузер, такой как phantomjs, чтобы Google индексировал ваше веб-приложение angular js.

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

Проверьте http://googlewebmastercentral.blogspot.com.au/2009/10/proposal-for-making-ajax-crawlable.html

person Bharathwaaj    schedule 19.01.2015

arrow_upward
0
arrow_downward

У меня такая же проблема, как и у вас. Как только инструмент тестирования Google доходит до «нг-если», он не продвигается вперед, потому что он не собирается принимать это (нг-если) решение. К сожалению, именно здесь живут наши структурированные данные.

I believe that I may try to have the SD inserted into the DOM back outside and before the ng-if. Hoping to work on the in the next day or two. Please let me know if you have found any solutions to working with Angular and Google SD.

Изменить: кстати, я не думаю, что дело просто в разделении кода, чтобы его можно было протестировать с помощью инструмента тестирования Google или браузера без заголовка. Речь идет о том, что Google вот-вот увидит это, когда сайт будет доставлен в Google. Если он по-прежнему находится в тех же недоступных местах, то его отделение только для тестирования не принесет особой пользы.

Спасибо!

person IR GenericPerson    schedule 20.04.2015