Страница AMP-html не отображается должным образом в поиске Google

Я изучал возможности AMP, но не могу понять, почему моя страница не отображается так, как Google показывает это в своей демонстрации (см. http://g.co/amp). Моя обычная страница такая:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>An example of an AMP Project; a part of a self-writen paper about maintainability</title>
        <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
        <meta name="language" content="NL"/>
        <meta name="description" content="Every software engineering project has a certain degree of maintainability. Period.">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
        <link rel="amphtml" href="http://amptest.millerpreview.nl/indexamp.html">
        <link rel="canonical" href="http://amptest.millerpreview.nl/index.html">
    </head>

    <body>
        <header>
            <nav>
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="/">Another page</a></li>
                    <li><a href="/">Another other page</a></li>
                </ul>
            </nav>
            <h1>Welcome!</h1>
            <img src='http://portal.tugraz.at/portal/page/portal/Files/internationales/Welcome_Center/Welcome_Fotolia_62393747_XXL.jpg' />
        </header>

        <h2>Maintainability of an Open Source Software Engineering Project</h2>
        <p>
            <b>Every software engineering project has a certain degree of maintainability which is directly derivable to the quality of the software, the complexity of the code, the amount and quality of the documentation and the understandability. In this paper, the maintainability of a randomly chosen open source Android application called TeamTalk is measured with the SIG Maintainability Model, created by the Software Improvement Group. The conclusion of the paper is an advice on improving maintainability towards the creators of this application.</b>
        </p>
        <h3>Introduction</h3>
        <p>
            Every software engineering project has a certain degree of maintainability which is directly derivable to the quality of the software, the complexity of the code, the amount and quality of the documentation and the understandability \cite{Heitlager07}. Maintainability is an often forgotten software quality attribute \cite{Radatz90, Swanson76} but a rather important one. Approximately 40 - 80\% of software`s life cycle is spent on maintainability \cite{Coleman94, Dubey11, Kiewkanya05}. Maintaining an application will cost less time and thus less money if the maintainability is given proper attention.<br />
            <br />
            The goal of this paper is to gain insight into the maintainability of a randomly chosen open source application; in this case, it is the Android \cite{Android} app TeamTalk \cite{TeamTalk}. For this, we will measure the software quality attributes \cite{ISO} of maintainability; the analyzability, changeability, stability and testability.<br />
            <br />
            In section 2 we will give more insights about the background of the app TeamTalk and about what the SIG Maintainability Model is. In section 3 the used tools and the approach, based on the SIG Maintainability Model, will be discussed. Section 4 shows and discusses the results, on which an overall adice is given in section 5. The paper will be concluded with a summary of the results and what our advice is for the TeamTalk developers.<br />
        </p>

        <footer>
            <img src='http://www.greetingsfromheart.com/images/bye_bye/bye_bye.gif' />
        </footer>
    </body>
</html>

И моя HTML-страница AMP выглядит так:

<!doctype html>
<html amp lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello, AMPs</title>
    <link rel="canonical" href="http://amptest.millerpreview.nl/index.html" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="Every software engineering project has a certain degree of maintainability. Periods.">
    <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "ScholarlyArticle",
    "headline": "Maintainability of an Open Source Software Engineering Project",
    "datePublished": "2015-10-07T12:02:41Z",
    "image": [
      "logo.jpg"
    ]
  }
</script>
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <style amp-custom>
        main {
            margin: 0 auto;
            max-width: 620px;
        }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
    <body>
        <main>
            <header>
                <nav>
                    <ul>
                        <li><a href="/">Home</a></li>
                        <li><a href="/">Another page</a></li>
                        <li><a href="/">Another other page</a></li>
                    </ul>
                </nav>
                <h1>Welcome!</h1>
                <amp-img src='http://portal.tugraz.at/portal/page/portal/Files/internationales/Welcome_Center/Welcome_Fotolia_62393747_XXL.jpg' width="325" height="200"/>
            </header>
            <h1>Maintainability of an Open Source Software Engineering Project</h1>
            <p>
                <b>Every software engineering project has a certain degree of maintainability which is directly derivable to the quality of the software, the complexity of the code, the amount and quality of the documentation and the understandability. In this paper, the maintainability of a randomly chosen open source Android application called TeamTalk is measured with the SIG Maintainability Model, created by the Software Improvement Group. The conclusion of the paper is an advice on improving maintainability towards the creators of this application.</b>
            </p>
            <h3>Introduction</h3>
            <p>
                Every software engineering project has a certain degree of maintainability which is directly derivable to the quality of the software, the complexity of the code, the amount and quality of the documentation and the understandability \cite{Heitlager07}. Maintainability is an often forgotten software quality attribute \cite{Radatz90, Swanson76} but a rather important one. Approximately 40 - 80\% of software`s life cycle is spent on maintainability \cite{Coleman94, Dubey11, Kiewkanya05}. Maintaining an application will cost less time and thus less money if the maintainability is given proper attention.<br />
                <br />
                The goal of this paper is to gain insight into the maintainability of a randomly chosen open source application; in this case, it is the Android \cite{Android} app TeamTalk \cite{TeamTalk}. For this, we will measure the software quality attributes \cite{ISO} of maintainability; the analyzability, changeability, stability and testability.<br />
                <br />
                In section 2 we will give more insights about the background of the app TeamTalk and about what the SIG Maintainability Model is. In section 3 the used tools and the approach, based on the SIG Maintainability Model, will be discussed. Section 4 shows and discusses the results, on which an overall adice is given in section 5. The paper will be concluded with a summary of the results and what our advice is for the TeamTalk developers.<br />
            </p>
        </main>
    </body>
</html>

Это показано в поиске Google И в демонстрации AMP. Я знаю, что моя страница кэшируется Google: https://cdn.ampproject.org/c/amptest.millerpreview.nl/indexamp.html. Локально мой AMP проверен, но в кешированной версии он говорит, что тег скрипта недействителен, хотя это javascript движка AMP, который следует считать действительным.

Мой вопрос; это еще не реализовано в поиске Google, или я что-то делаю не так?

Мой результат поиска в Google выглядит так:

результат поиска Google


person Stefan Schouten    schedule 25.03.2016    source источник
comment
Пожалуйста, не смотрите на содержание; Мне просто нужно было быстро подать максимально простой пример. Я даже беззастенчиво добавил самые уродливые изображения, которые нашел в Google, просто для тестирования.   -  person Stefan Schouten    schedule 25.03.2016


Ответы (3)


В настоящее время использование AMP-страниц ограничено. Например, в результатах поиска Google не будет отображаться эквивалент AMP вместо вашей страницы.

Одно место, где они реализованы, - это карусель «Главных историй». Эта карусель будет ссылаться на страницы AMP и будет отображать в дополнение к обычным результатам поиска (которые по-прежнему будут ссылаться на версию без AMP - Изменить: больше не верно, как указано выше). При этом будут отображаться страницы только для сообщений NewsArticle, и только тогда, когда поиск, по мнению Google, может потребовать список последних новостей (так что поиск по вашей компании вряд ли отобразит его). Поищите что-нибудь в новостях за последнее время, и вы увидите карусель главных новостей и значок молнии рядом с какой-нибудь статьей из статей. Обратите внимание, что это еще не везде, поэтому попробуйте Google.com, а не Google.nl, если вы этого не видите.

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

Изменится ли это? Вполне вероятно. Twitter заявил, что они начнут использовать версии AMP, Google может использовать его больше (хотя не уверен, заменят ли они когда-либо основные поисковые запросы), а другие могут последовать за ним.

Что касается вашей проблемы с тегом скрипта в кэшированной версии, я не вижу этой проблемы. Обратите внимание, что кешированная версия не очень часто обновляется, поэтому она не «живая». Поэтому, если у вас есть ошибка, посетите кешированный URL-адрес, он загрузит его и отобразит ошибку. Однако, если вы затем исправите ошибку и обновите кешированный URL-адрес, он все равно будет отображать ошибку. Вам просто нужно подождать день-два, пока он не вывалится из кеша, и попробовать еще раз. Они работают над лучшим способом контролировать это (хотя, похоже, закрыли проблему с отслеживанием этого < / а>).

Изменить: со времени написания этого ответа многое изменилось. Теперь AMP-страницы ДОЛЖНЫ отображаться в основные результаты поиска - по крайней мере, для мобильных устройств. Так что теперь есть выгода, выходящая за рамки новостных организаций. Однако оставим ответ таким, каким он был в тот момент на вопрос пользователя.

person Barry Pollard    schedule 26.03.2016
comment
Хорошо, спасибо за огромное объяснение! У вас есть источники для ваших заявлений? Я также собираюсь написать для блога об AMP, чтобы тогда я мог сделать резервную копию своих данных :-) - person Stefan Schouten; 26.03.2016
comment
Эта ссылка пока отображается только для главных новостей: googleblog. blogspot.com/2016/02/amping-up-in-mobile-search.html. Остальное - это предположение, отличное от уже приведенных мною ссылок. Возможно, вам будет интересно проверить мои собственные сообщения в блоге: tunetheweb .com / blog / do-we-really-need-google-amp и tunetheweb.com/blog/implementing-accelerated-mobile-pages - person Barry Pollard; 26.03.2016
comment
Спасибо за большую помощь! Я обязательно проверю ваши сообщения в блоге. - person Stefan Schouten; 29.03.2016

Полезно использовать инструмент проверки структурированных данных и проверьте требования для отображения в поиске Google здесь:

https://developers.google.com/structured-data/carousels/top-stories#top_stories_with_amp_in_google_search

Похоже, что одна из потенциальных проблем заключается в том, что вы используете ScholarlyArticle, но на данный момент Google явно перечисляет только Article, NewsArticle или BlogPosting. Вы можете попробовать использовать более общий тип статьи и посмотреть, работает ли это.

Если это не сработает, хорошее место для получения помощи находится в Форумы Центра веб-мастеров и в отчетах об ошибках AMP в поиске. Консоль.

person TomRemo    schedule 26.03.2016

Если вы имеете в виду страницу на cdn.ampproject.org, не проверяющую, другими словами https://cdn.ampproject.org/c/amptest.millerpreview.nl/indexamp.html#development=1 с отображением ошибок в консоли разработчика, это предназначено. cdn.ampproject.org заменяет URL-адрес javascript на адрес со специальной версией, который имеет более длительный срок жизни кеша. Это означает, что преобразованный документ больше не действителен, но это нормально. Ваш документ по-прежнему считается действительным.

См. https://cdn.ampproject.org/c/example.com/, чтобы получите пример того, что произошло бы, если бы ваша страница была действительно недействительной AMP.

person Gregable    schedule 28.03.2016