AMP-html页面未在Google搜索中按预期显示

时间：2016-03-25 10:51:04

标签： amp-html

我一直在阅读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>

我的AMP html页面是这样的：

<!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已经过验证，但在缓存版本中，它表示脚本标记无效，即使这是AMP引擎javascript，也应视为有效。

我的问题;这在谷歌搜索中尚未实现，还是我做错了什么？

我的Google搜索结果如下所示：

Google search result

3 个答案:

答案 0 :(得分：4)

AMP页面的使用目前有限。例如，Google搜索结果不会显示AMP等效内容而不是您的网页。

他们实施的一个地方是＃Top;＆＃34; Top Stories＆＃34;的旋转木马。此轮播将链接到AMP页面，并将在常规搜索结果中显示 （将继续链接到非AMP版本 - 编辑：不再如上所述）。这只会显示NewsArticle帖子的页面，并且只有当Google认为搜索可能需要最近新闻列表时（因此搜索您的公司不太可能显示此信息）。最近搜索新闻中的某些内容，您应该看到一些Top Stories轮播和一些文章旁边的闪电。请注意，这还没有推出，所以如果你没有看到这个，请尝试使用Google.com而不是Google.nl。

因此，目前实施AMP的主​​要好处是新闻机构。

这会改变吗？很有可能。 Twitter have stated they will start to use the AMP versions，Google可能会更多地使用它（虽然不确定它们是否会取代主要的搜索列表），而其他人可能会效仿。

关于缓存版本中脚本标记的问题，我没有看到这个问题。请注意，缓存版本不会经常更新，因此它不会＃34;生活＆＃34;。因此，如果您有错误，请访问缓存的URL，它将加载它并显示错误。但是，如果您然后修复错误并刷新缓存的URL，它仍将显示错误。你只需要等待一两天，直到它从缓存中掉出来再试一次。他们正在研究一种更好的方法来控制它（尽管似乎有closed the issue tracking this）。

编辑：自撰写此答案以来，已经发生了很多变化。 Now amp pages DO show in main search results - 至少对于移动设备而言。所以现在除了新闻机构之外还有其他好处。但是会留下答案，就像它当时回答用户的问题一样。

答案 1 :(得分：3)

使用的好处是Structured Data Testing tool并检查要在Google搜索中显示的要求：

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

看起来一个潜在的问题是你正在使用ScholarlyArticle，但目前Google只明确列出了Article，NewsArticle或BlogPosting。您可以尝试使用更通用的文章类型，看看是否有效。

如果这不起作用，那么获取帮助的好地方就在Webmaster Central Forums和搜索控制台的AMP Error Reports中。

答案 2 :(得分：2)

如果您指的是cdn.ampproject.org上的页面没有验证，换句话说https://cdn.ampproject.org/c/amptest.millerpreview.nl/indexamp.html#development=1在开发控制台中显示错误，那么这是预期的。 cdn.ampproject.org将javascript URL重写为具有较长缓存生命周期的特定版本的URL。这意味着转换后的文档不再有效，但这没关系。您的文件仍然有效。

请参阅https://cdn.ampproject.org/c/example.com/，了解如果您的网页实际上无效AMP会发生什么。

相关问题
最新问题