如果我的AMP頁面在一臺設備上有效並且在另一臺設備上無效，該怎麼辦？

Question

我有包含amp-iframe的AMP頁面。

其中一個放大器iframe驗證規則是，當滾動到頂部時，其中的必須離頂部600px或不在視口的前75％內 - 以較小者爲準。由於這些文檔：https://www.ampproject.org/docs/reference/components/amp-iframe

目前，我有一種情況，當我放頁的有效期爲某些設備（iPhone4,5,6）和無效的其他（Nexus 7和三星Galaxy S5）僅僅因爲與其他有較長屏幕。

我的網頁在這種情況下會受到怎樣的威脅？作爲有效還是無效？或者僅對某些設備有效？

Answer 1

如在Validate AMP Pages中回答的，如果AMP驗證服務檢測到您的網頁存在問題，則它不會被第三方網站發現和分發，也不會顯示在Google AMP緩存中。

有了這個，讓你的網頁適用於有不同的屏幕尺寸，你可能要檢查Layout & Media queries關於如何創建通過指定width和height，設置佈局responsive，並且指示響應圖像與srcset其圖像資產詳細信息根據不同的屏幕尺寸使用。

要包含<1frames>在你的頁面，你可以設置佈局響應：

<amp-iframe width=300 height=300 
    sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" 
    layout="responsive" 
    frameborder="0" 
    src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDG9YXIhKBhqclZizcSzJ0ROiE0qgVfwzI&q=Alameda,%20CA"> 
</amp-iframe> 

希望幫助！

Answer 2

您可以測試使用AMP Cache URL Format通過AMP緩存加載它是否你的頁面會爲有效或無效的治療，如：

• HTTP：https://cdn.ampproject.org/c/www.example.com
• HTTPS：https://cdn.ampproject.org/c/s/www.example.com

如果您的頁面被視爲無效，AMP緩存將顯示驗證錯誤。

但是，無論如何，我強烈建議修復您的iframe，因爲它們不適用於所有設備。一個簡單的解決方法是提供一個placeholder image：

<amp-iframe ...> 
    <amp-img layout="fill" 
     src="..." 
     placeholder></amp-img> 
    </amp-iframe>