2016-03-31 27 views
1

this question ile aynı soru ve semptomlar ancak belki farklı bir neden (cevap benim için herhangi bir ipucu sunmadı), artı yeni bir soru oluşturmak zorundayım çünkü yeni imzaladım çünkü yukarı ... şimdi yardım için umut: o) bir AMP sayfasını doğrulanırkenUmbraco 7 şablonunu kullanarak AMP sayfasında doğrulama hatası

Bu doğrulama hatası alıyorum: Ben AMP Demirbaş kodu ekleme gibi tüm yönergelere here izlediyseniz

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

head bölüm.

AMP projesi tarafından reçete edildiği gibi bu kod yığın, için doğrulayıcı noktaları

: Yukarıda ile ilgili bir sorun göremiyorum

<noscript><style amp-boilerplate> 
    body { 
     -webkit-animation: none; 
     -moz-animation: none; 
     -ms-animation: none; 
     animation: none; 
    } 
</style></noscript> 

... başkası herhangi bir tavsiye veya işaretçiler sunabilir Lütfen?

Bunun bir fark yaratır mı bir Umbraco 7 şablonda AMP sayfası oluşturarak ki ...

DÜZENLEME:

İşte

HTML çıktısı var ...

GÜNCELLEME: Sadece bulundu ve bu işaretleme https://developers.google.com/structured-data/testing-tool/ üzerinden çalıştı ve fark edemediğim Missing ',' or '}' in object declaration. farklı bir hata oluşturdu ... belki sorun JSON-LD'm ile ilgilidir ...?

<!doctype html> 
<html amp lang="en"> 
<head> 
    <meta charset="utf-8"> 
     <title>Blah shortlisted at Awards for Excellence 2015</title> 
    <link rel="canonical" href="http://somedomain.local/news-media/news-media-headlines/2015/oct/blah-shortlisted-at-awards-for-excellence-2015/" /> 
    <link href='https://fonts.googleapis.com/css?family=Roboto:500,400italic,300,700,400|PT+Sans:700' rel='stylesheet' type='text/css'> 
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 

    <script type="application/ld+json"> 
     { 
     "@context": "http://schema.org", 
     "@type": "NewsArticle", 
     "mainEntityOfPage": "http://somedomain.local/news-media/news-media-headlines/2015/oct/blah-shortlisted-at-awards-for-excellence-2015/", 
     "headline": "Blah shortlisted at Awards for Excellence 2015", 
     "description": "We&#39;re delighted to announce that Blah has been shortlisted for the &#39;Blah &amp; blah blah&#39; award at the...", 
     "datePublished": "10/28/2015 9:43:57 AM", 
     "author": { 
       "@type": "Organization", 
       "name": "Name here" 
      }, 
     "publisher": { 
       "@type": "Organization", 
       "name": "Name here", 
       "logo": { 
       "@type": "ImageObject", 
       "url": "https://www.somedomain.com/img/logo.png", 
       "width": 600, 
       "height": 60 
      }, 
     "image": { 
       "@type": "ImageObject", 
       "url": "https://www.somedomain.com/img/logo.png", 
       "height": 50, 
       "width": 165 
      } 
     } 
    </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> 
     body { 
      font-family: 'Roboto', sans-serif; 
     } 

     .sub-heading { 
      padding-left: 1rem; 
      padding-top: 0; 
      padding-bottom: 1em; 
      margin: 0; 
      color: #fff; 
     } 

     body > div { 
      padding: 1rem; 
     } 

     h1, h2 { 
      color: #fff; 
      padding: 1rem; 
      margin: 0; 
     } 

     h1, .sub-heading { 
      background-color: #009ed4; 
     } 

     h2 { 
      background-color: #00618e; 
      font-weight: 400; 
      font-size: 1.25em; 
     } 

     amp-img { 
      max-width: 100%; 
     } 

     .logo { 
      margin: 1em; 
     } 
    </style> 

    <script async src="https://cdn.ampproject.org/v0.js"></script> 
</head> 
<body> 
    <a href="/"><amp-img width="165" height="50" class="logo" src="https://www.somedomain.com/img/logo.png" alt="Logo"></amp-img></a> 
     <h1>Blah shortlisted at Awards for Excellence 2015</h1> 
      <p class="sub-heading">26 October 2015</p> 
      <h2>We&#39;re delighted to announce that...</h2> 
    <div><p>This year is the 16th... </p> 
<p ><amp-img layout="responsive" width="500"height="281" src="/media/9348/et.jpg?width=500&amp;height=281" /></amp-img></p> 
<p><a href="http://www.google.co.uk/" target="_blank" title="blah">blah blah</p> 
<p ><amp-img layout="responsive" width="500"height="281" src="/media/9349/som.jpg?width=500&amp;height=281" /></amp-img></p> 
<p>orem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque augue nibh, congue eu dictum at, interdum et libero. Etiam malesuada vehicula felis, vel varius odio semper sit amet. Phasellus quis sapien sed turpis porta lobortis. Aenean rutrum risus ut scelerisque mollis. Suspendisse id feugiat erat.</p> 
<p><amp-img layout="responsive" width="500"height="306.452" src="/media/9350/the_shining.jpg?width=500&amp;height=306.4516129032258" alt="alt text here" /></amp-img></p> 
<p>"quote here." orem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque augue nibh, congue eu dictum at, interdum et libero. Etiam malesuada vehicula felis, vel varius odio semper sit amet. Phasellus quis sapien sed turpis porta lobortis. Aenean rutrum risus ut scelerisque mollis. Suspendisse id feugiat erat.</p> 
<p> </p> 
<div> 
<div>orem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque augue nibh, congue eu dictum at, interdum et libero. Etiam malesuada vehicula felis, vel varius odio semper sit amet. Phasellus quis sapien sed turpis porta lobortis. Aenean rutrum risus ut scelerisque mollis. Suspendisse id feugiat erat.</div> 
</div></div> 
</body> 
</html> 

cevap

1

Ekleme İşaretlemeyi düzeltmek için kullandığım resim URL'leri ve JSON-LD hatası Pawel'dan çok yararlı ve ilgili öneriler. Buna ek olarak, benim sorunumun kesin, nihai nedeni, Visual Studio'ya doğru boilerplate kodunun kesilmesi/yapıştırılması sonucuydu ... VS otomatik olarak kodu yeniden biçimlendirdi ve <noscript> etiketindeki stillere boşluk ekledi. Bu, doğrulama işleminin başarısız olmasına neden oldu. Yani, VS'nin 'yardımcı olarak' yeniden biçimlendirmediğinden emin olun - herhangi bir boşluk karakteri olmamalıdır. İçine çek ...

1

Tam amp boilerplate kodunuzun olması gerekir.

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

Daima güncel kod kadar burada: https://github.com/ampproject/amphtml/blob/master/spec/amp-boilerplate.md

Sen Publisher kısmen json sözdizimi hatası vardır bununla

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

:

sizin multiline Demirbaş kodu değiştirin.

"publisher": { 
      "@type": "Organization", 
      "name": "Name here", 
      "logo": { 
       "@type": "ImageObject", 
       "url": "https://www.somedomain.com/img/logo.png", 
       "width": 600, 
       "height": 60 
      } // You forget to close logo object. 
    }, 

Kişisel AMP sözdizimi hataları:

Gerekli:

The width of the image, in pixels. Images should be at least 696 pixels wide. 

Önerilen (ve ekledi eğer testi geçmek):

The date and time the article was most recently modified, in ISO 8601 format. If the article has never been modified, you can omit this property or use the same date as datePublished. 

Diğer bir önemli husus URL olmasıdır resimler için göreli yollar olmamalıdır.

<!doctype html> 
<html amp lang="en"> 
<head> 
    <meta charset="utf-8"> 
     <title>Blah shortlisted at Awards for Excellence 2015</title> 
    <link rel="canonical" href="http://somedomain.local/news-media/news-media-headlines/2015/oct/blah-shortlisted-at-awards-for-excellence-2015/" /> 
    <link href='https://fonts.googleapis.com/css?family=Roboto:500,400italic,300,700,400|PT+Sans:700' rel='stylesheet' type='text/css'> 
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 
    <script type="application/ld+json"> 
     { 
     "@context": "http://schema.org", 
     "@type": "NewsArticle", 
     "mainEntityOfPage": "http://somedomain.local/news-media/news-media-headlines/2015/oct/blah-shortlisted-at-awards-for-excellence-2015/", 
     "headline": "Blah shortlisted at Awards for Excellence 2015", 
     "description": "We&#39;re delighted to announce that Blah has been shortlisted for the &#39;Blah &amp; blah blah&#39; award at the...", 
     "datePublished": "10/28/2015 9:43:57 AM", 
     "dateModified": "10/28/2015 9:43:57 AM", 
     "author": { 
       "@type": "Organization", 
       "name": "Name here" 
      }, 
     "publisher": { 
       "@type": "Organization", 
       "name": "Name here", 
       "logo": { 
       "@type": "ImageObject", 
       "url": "https://www.somedomain.com/img/logo.png", 
       "width": 600, 
       "height": 60 
       } 
      }, 
     "image": { 
       "@type": "ImageObject", 
       "url": "https://www.somedomain.com/img/logo.png", 
       "height": 50, 
       "width": 700 
      } 
     } 
    </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> 
     body { 
      font-family: 'Roboto', sans-serif; 
     } 
     .sub-heading { 
      padding-left: 1rem; 
      padding-top: 0; 
      padding-bottom: 1em; 
      margin: 0; 
      color: #fff; 
     } 
     body > div { 
      padding: 1rem; 
     } 
     h1, h2 { 
      color: #fff; 
      padding: 1rem; 
      margin: 0; 
     } 
     h1, .sub-heading { 
      background-color: #009ed4; 
     } 
     h2 { 
      background-color: #00618e; 
      font-weight: 400; 
      font-size: 1.25em; 
     } 
     amp-img { 
      max-width: 100%; 
     } 
     .logo { 
      margin: 1em; 
     } 
    </style> 
    <script async src="https://cdn.ampproject.org/v0.js"></script> 
</head> 
<body> 
    <a href="/"><amp-img width="165" height="50" class="logo" src="http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg" alt="Logo"></amp-img></a> 
     <h1>Blah shortlisted at Awards for Excellence 2015</h1> 
      <p class="sub-heading">26 October 2015</p> 
      <h2>We&#39;re delighted to announce that...</h2> 
    <div><p>This year is the 16th... </p> 
<p ><amp-img layout="responsive" width="500"height="281" src="http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg" /></amp-img></p> 
<p><a href="http://www.google.co.uk/" target="_blank" title="blah">blah blah</p> 
<p ><amp-img layout="responsive" width="500"height="281" src="http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg" /></amp-img></p> 
<p>orem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque augue nibh, congue eu dictum at, interdum et libero. Etiam malesuada vehicula felis, vel varius odio semper sit amet. Phasellus quis sapien sed turpis porta lobortis. Aenean rutrum risus ut scelerisque mollis. Suspendisse id feugiat erat.</p> 
<p><amp-img layout="responsive" width="500"height="306.452" src="http://i.kinja-img.com/gawker-media/image/upload/s--pEKSmwzm--/c_scale,fl_progressive,q_80,w_800/1414228815325188681.jpg" alt="alt text here" /></amp-img></p> 
<p>"quote here." orem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque augue nibh, congue eu dictum at, interdum et libero. Etiam malesuada vehicula felis, vel varius odio semper sit amet. Phasellus quis sapien sed turpis porta lobortis. Aenean rutrum risus ut scelerisque mollis. Suspendisse id feugiat erat.</p> 
<p> </p> 
<div> 
<div>orem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque augue nibh, congue eu dictum at, interdum et libero. Etiam malesuada vehicula felis, vel varius odio semper sit amet. Phasellus quis sapien sed turpis porta lobortis. Aenean rutrum risus ut scelerisque mollis. Suspendisse id feugiat erat.</div> 
</div></div> 
</body> 
</html> 
+0

Teşekkürler. Bununla birlikte, alıntı yaptığınız bağlantıdan tam kodu zaten kullanıyorum, sadece bu kodun bir kısmının tanımlayıcı olarak tanımladığı kodun bir kısmıdır. – Fatty

+0

Bize tam sayfa içeriği katıyor musunuz? –

+1

AMP sorununun daha kolay ayıklanması, kaynak kodun değil, son html çıktısının alınması olacaktır. –

0

JSON-LD komut bir kapanış } eksik: - (i Demirbaş kodu ve görüntüleri bağlantılar yerini değiştirilmiş) html İşte

senin olduğunu.Yayıncıdan sonra} height

+0

bana iyi bir işaretçi verdi, teşekkürler. Kapanış ayracının sonunda, yayıncı logo nesnesinde eksikti. Ancak, AMP doğrulama hatası önceki gibi kalır (ancak yapılandırılmış veri doğrulama şimdi tamam) – Fatty