Amp html 验证AMP页面问题_Amp Html

Amp html 验证AMP页面问题

amp-html

Amp html 验证AMP页面问题,amp-html,Amp Html,我正在向我们的商业网站添加amp html。我一直得到下面的错误 The mandatory text (CDATA) inside tag 'head > style : boilerplate' is missing or incorrect. 我在跟踪，但我似乎在页面中找不到最后一个问题。有人能告诉我我遗漏了什么吗这是我现在正在测试的链接，附带的图片就是显示的错误您需要在文档的中的某个地方使用。当我们使用Chrome Dev时，我们还发现组件或元素的顺序并不重要目前，我们正在

我正在向我们的商业网站添加amp html。我一直得到下面的错误

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

我在跟踪，但我似乎在页面中找不到最后一个问题。有人能告诉我我遗漏了什么吗

这是我现在正在测试的链接，附带的图片就是显示的错误

您需要在文档的

中的某个地方使用。当我们使用Chrome Dev时，我们还发现组件或元素的顺序并不重要

目前，我们正在使用以下订单，Chrome或Google 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">


****CSS在这里很重要****
{
“@context”：”http://schema.org",
“@type”：“网页”，
“名称”：“，
“url”：“，
“说明”：“，
“面包屑”：{
“@type”：“面包屑列表”，
“itemListElement”：[
{
“@type”：“ListItem”，
“职位”：“1”，
“项目”：{
“@type”：“网站”，
“@id”：”https://www.chalakilaw.com",
“姓名”：“家”
}
},
{
“@type”：“ListItem”，
“职位”：“2”，
“项目”：{
“@type”：“网页”，
“@id”：”https://www.chalakilaw.com/truck-18-wheeler-accidents/",
“名称”：”
}
},
{
“@type”：“ListItem”，
“职位”：“3”，
“项目”：{
“@type”：“网页”，
“@id”：”，
“名称”：”
}
}
]},
“主要实体”：{
“@type”：“Article”，
“@id”：”，
“作者”：“肖恩·查拉基”，
“已发布日期”：“，
“dateModified”：“，
“页面的维护”：“，
“标题”：“，
“图像”：{
“@type”：“imageObject”，
“url”：“，
“高度”：“500”，
“宽度”：“500”
},
“出版商”：{
“@type”：“组织”，
“名称”：“Chalaki Law P.C.”，
“徽标”：{
“@type”：“imageObject”，
“url”：”https://www.chalakilaw.com/images/logo-l.png"
}
}
}
}
{ 
“@context”：”http://schema.org",
“@type”：“产品”，
“名称”：“Chalaki法律”，
“聚合”：{
“@type”：“聚合”，
“额定值”：“5.0”，
“reviewCount”：“34”
}
}
body{-webkit动画：-amp开始8s步骤（1，结束）0s1
正常两者；-moz动画：-amp开始8s步骤（1，结束）0s 1正常两者；-ms-
动画：-amp start 8s步骤（1，结束）0s 1正常两个；动画：-amp start 8s
步骤（1，结束）0s1正常两个}@-webkit关键帧-amp-
开始{from{visibility:hidden}到{visibility:visible}}@-moz关键帧-amp-
开始{from{visibility:hidden}到{visibility:visible}}@-ms keyframes-amp-
开始{从{可见性：隐藏}到{可见性：可见}}@-o-关键帧-amp-
开始{从{可见性：隐藏}到{可见性：可见}}@keyframes-amp-
开始{from{visibility:hidden}到{visibility:visibility}}body{-webkit动画：无；-moz动画：无；-ms-
动画：无；动画：无}
是的，你是对的，我有一个css问题。不是标签，而是样式让您对错误消息感到困惑，是因为它指向了文档的末尾吗？术语“样板文件丢失或不正确”我没有想到样式是问题所在。我一直认为amp html在语义上不正确