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

Question

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

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

<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?

2

javascript angularjs schema.org google-rich-snippets rich-snippets

Источник

user4470543 19 янв '15 в 15:10

4 ответа

Другие вопросы по тегам javascript angularjs schema.org google-rich-snippets rich-snippets

user3989883 29 апр '15 в 14:22 2015-04-29 14:22 · Answer 1 · 2015-04-29 14:22

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

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

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

user167911 21 янв '15 в 17:38 2015-01-21 17:38 · Answer 2 · 2015-01-21 17:38

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

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

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

ОБНОВИТЬ:

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

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

Этот пост описывает это немного подробнее.

user400236 19 янв '15 в 15:17 2015-01-19 15:17 · Answer 3 · 2015-01-19 15:17

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

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

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

user4752089 20 апр '15 в 16:13 2015-04-20 16:13 · Answer 4 · 2015-04-20 16:13

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

Я считаю, что я могу попытаться вставить SD в DOM снаружи и до ng-if. Надеемся на работу на следующий день или два. Пожалуйста, дайте мне знать, если вы нашли какие-либо решения для работы с Angular и Google SD.

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

Спасибо!