AMPエラー「必須属性「height」がタグ「amp-iframe」にありません」 - 不具合報告 https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/ Cocoon ディスカッション掲示板 ja Mon, 17 Aug 2026 02:02:38 +0000 wpForo 60 RE: AMPエラー「必須属性「height」がタグ「amp-iframe」にありません」 https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38163 Mon, 10 Aug 2020 21:59:46 +0000 @akira

ご返信ありがとうございます。

iframe自身にwidth,height属性入れる必要あったのですね汗

解決しました、ありがとうございました。

]]> 不具合報告 さうすうぇすと https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38163 RE: AMPエラー「必須属性「height」がタグ「amp-iframe」にありません」 https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38160 Mon, 10 Aug 2020 15:03:48 +0000 style 属性に height プロパティの指定があっても AMP エラーは解消しません。height 属性が必要です。

また、layout 属性の値が responsive の時は、width 属性も必須です。

そのため、height 属性も width 属性も iframe タグに追加します。

<iframe width="120" height="240" 以下省略
]]> 不具合報告 Akira https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38160 RE: AMPエラー「必須属性「height」がタグ「amp-iframe」にありません」 https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38149 Mon, 10 Aug 2020 13:25:17 +0000 @yhira

ご確認並びご返信ありがとうございます。

GutenbergのカスタムHTMLにてAmazonアソシエイトのコードを埋め込んでおり、上記iframeを見たところ、

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://(以下略)

となっており、heightz属性が指定されております。

ご回答頂いた内容ですが、どのように対応すれば宜しいでしょうか？

ご面倒をお掛けし申し訳ございませんが、宜しくお願い致します。

 

]]> 不具合報告 さうすうぇすと https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38149 RE: AMPエラー「必須属性「height」がタグ「amp-iframe」にありません」 https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38132 Mon, 10 Aug 2020 10:46:11 +0000 こちらのAmazonのiframeに対してheight（高さ）属性を指定してやれば良いかと思います。

]]> 不具合報告 わいひら https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38132 AMPエラー「必須属性「height」がタグ「amp-iframe」にありません」 https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38122 Mon, 10 Aug 2020 09:41:45 +0000 AMPを有効にし、Google AMPテストを実行したところ、

「必須属性「height」がタグ「amp-iframe」にありません」と表示されております。

検索したところ下記投稿同様、Amazonアソシエイトまわりのところでエラーとなっているのでは？と、推測しています。

https://wp-cocoon.com/community/bugs/amp%E3%82%A8%E3%83%A9%E3%83%BC%EF%BC%9A%E3%80%8C%E5%BF%85%E9%A0%88%E5%B1%9E%E6%80%A7%E3%80%8Cheight%E3%80%8D%E3%81%8C%E3%82%BF%E3%82%B0%E3%80%8Camp-iframe%E3%80%8D%E3%81%AB%E3%81%82%E3%82%8A%E3%81%BE/

エラーソースは次の通りとなっています。

<amp-iframe layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" scrolling="no" frameborder="0" src="https://rcm-fe.amazon-adsystem.com/e/cm?ref=tf_til&amp;t=yamavlog-22&amp;m=amazon&amp;o=9&amp;p=8&amp;l=as1&amp;IS2=1&amp;detail=1&amp;asins=B01F9RGJJO&amp;linkId=b47b2bf6fb5f6581fba4c289fd70717a&amp;bc1=000000&amp;lt1=_blank&amp;fc1=333333&amp;lc1=0066c0&amp;bg1=ffffff&amp;f=ifr">

お手数ですが、本件解決にあたりご支援頂けますでしょうか？

対象URL例：https://yamavlog.com/activate-cloud-cdn-on-gae-serverless-neg/?amp=1

 

----------------------------------------------
サイト名：ヤマログ
サイトURL： https://yamavlog.com/
コンテンツURL： https://yamavlog.com/wp-content
インクルードURL： https://yamavlog.com/wp-includes/
テンプレートURL： https://yamavlog.com/wp-content/themes/cocoon-master
スタイルシートURL： https://yamavlog.com/wp-content/themes/cocoon-child-master
Wordpressバージョン：5.4.2
PHPバージョン：7.2
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.1.8
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.6
Category Order and Taxonomy Terms Order 1.5.7.2
Classic Editor 1.5
Easy FancyBox 1.8.18
Google Cloud Storage plugin 0.1.5
Jetpack by WordPress.com 8.8
WebSub/PubSubHubbub 3.0.3
----------------------------------------------

]]> 不具合報告 さうすうぇすと https://wp-cocoon.com/community/bugs/amp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%8c%e5%bf%85%e9%a0%88%e5%b1%9e%e6%80%a7%e3%80%8cheight%e3%80%8d%e3%81%8c%e3%82%bf%e3%82%b0%e3%80%8camp-iframe%e3%80%8d%e3%81%ab%e3%81%82%e3%82%8a%e3%81%be%e3%81%9b/#post-38122