驗證AMP頁面問題

我正在將amp-html添加到我們的商業網站。我不斷收到以下錯誤，驗證AMP頁面問題

The mandatory text (CDATA) inside tag 'head > style : boilerplate' is missing or incorrect.

我下面https://www.ampproject.org/docs/reference/spec.html#required-markup但我似乎無法找到頁面中的這最後一個問題，有人可以告訴我，我缺少的是什麼？

這是我與現在http://purencool.com.au/brand-derived-from-who-you-are/amp#development=1測試它的鏈接和附加的圖像是顯示

來源

2016-03-23 purencool

錯誤您需要AMP Boilerplate code某處文檔的<head>。

來源

2016-03-23 21:09:24 Gregable

是的，你是對的我有一個CSS問題。這不是標籤是風格 – purencool

什麼是混淆錯誤信息給你，是它指向文件的結尾的事實？ – Gregable

術語「樣板文件丟失或不正確」我沒有想到樣式是問題。我一直在想，amp-html在語義上是不正確的 – purencool

我們還發現，當我們使用Chrome Dev時，組件或元素的順序會變得模糊。

目前我們使用與Chrome或谷歌SC AMP

<!doctype html> 
<html amp lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 


<? require_once('_css.php'); ?> **** CSS here does matter **** 


<script type="application/ld+json">{ 
"@context": "http://schema.org", 
"@type": "WebPage", 
"name": "<?= $strTitle ?>", 
"url": "<?= $strCanonicalUrl ?>", 
"description": "<?= $strDescription ?>", 
"breadcrumb":{ 
"@type":"BreadcrumbList", 
"itemListElement":[ 
{ 
"@type":"ListItem", 
"position":"1", 
"item":{ 
"@type":"WebSite", 
"@id":"https://www.chalakilaw.com", 
"name":"Home" 
} 
}, 
{ 
"@type":"ListItem", 
"position":"2", 
"item":{ 
"@type":"WebPage", 
"@id":"https://www.chalakilaw.com/truck-18-wheeler-accidents/", 
"name":"<?= $strKeyword1 ?>" 
} 
}, 
{ 
"@type":"ListItem", 
"position":"3", 
"item":{ 
"@type":"WebPage", 
"@id":"<?= $strCanonicalUrl ?>", 
"name":"<?= $strCity ?>" 
} 
} 
]}, 
"mainEntity": { 
"@type": "Article", 
"@id": "<?= $strCanonicalUrl ?>", 
"author": "Sean Chalaki", 
"datePublished": "<?= date ("c", strtotime($strFileCDate)); ?>", 
"dateModified": "<?= date ("c", getlastmod()); ?>", 
"mainEntityOfPage": "<?= $strCanonicalUrl ?>", 
"headline": "<?= $strTitle ?>", 
"image": { 
"@type": "imageObject", 
"url": "<?= $strImage ?>", 
"height": "500", 
"width": "500" 
}, 
"publisher": { 
"@type": "Organization", 
"name": "Chalaki Law P.C.", 
"logo": { 
"@type": "imageObject", 
"url": "https://www.chalakilaw.com/images/logo-l.png" 

} 
} 
} 
}</script> 

<script type="application/ld+json"> 
{ 
"@context": "http://schema.org", 
"@type": "Product", 
"name": "Chalaki Law", 
"aggregateRating":{ 
    "@type": "AggregateRating", 
    "ratingValue": "5.0", 
    "reviewCount": "34" 
} 
} 
</script> 

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> 
<!-- AMP Specific --> 
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script> 
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> 
<script async src="https://cdn.ampproject.org/v0.js"></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> 

<title><?= $strTitle ?></title> 
<meta name="description" content="<?= $strDescription ?>"> 
<link rel="canonical" href="<?= $strCanonicalUrl ?>" /> 
<meta property="og:locale" content="en_US" /> 
<meta property="og:type" content="article" /> 
<meta property="og:title" content="<?= $strTitle ?>" /> 
<meta property="og:description" content="<?= $strDescription ?> " /> 
<meta property="og:url" content=" <?= $strCanonicalUrl ?> " /> 
<meta property="og:site_name" content="Chalaki Law P.C." /> 
<meta property="og:image" content="<?= $strImage ?>" /> 
<meta name="twitter:card" content="summary_large_image"> 
<meta name="twitter:description" content="<?= $strDescription ?>"> 
<meta name="twitter:title" content="<?= $strTitle ?>"> 
<meta name="twitter:site" content="@chalakilaw"> 
<meta name="twitter:image" content="<?= $strImage ?>"> 
<meta name="twitter:creator" content="@chalakilaw">

希望這可以幫助您在報告中沒有錯誤以下順序。

來源

2017-04-11 16:07:13

驗證AMP頁面問題

回答

相關問題