SEOコンサルタント.comとはSEO情報・SEOサービス・SEOコンサルタントのサイトです。最新のSEO・Google情報ニュースを配信。SEOについてのアドバイス、作業を行う仕事をしています。運営者はSEOコンサルタント・白石竜次です。お気軽にお問合せください。

SEOコンサルタント.com

PR




SEO

【体験談】AMP実装エラーの修正「AMP HTMLタグの属性で指定されたレイアウトが無効です」の修正方法

更新日:

【体験談】AMP実装エラーの修正「AMP HTMLタグの属性で指定されたレイアウトが無効です」の修正方法

Search Consoleで「AMP HTMLタグの属性で指定されたレイアウトが無効です」というメッセージを修正した体験談です。

AMP HTML タグの属性で指定されたレイアウトが無効です。

2019/5/28

Search ConsoleでAMPの所を見たらエラーが表示されていました。

「このページには AMP 実装エラーがあります。」

Search Consoleの「AMP」の中の「型」という所にはこのように書いてありました。

『AMP HTML タグの属性で指定されたレイアウトが無効です。』

これはどう直したらよいのでしょうか?

▼AMP 実装エラーの修正
Search Consoleで該当の部分をクリックすると右側に問題個所を表示してくれました。
調べてみたところ

https://******.com/wp-content/uploads/2018/09/sf-1-e1536220102920.png

の画像が問題のようでした。

▼ソースはこのようになっていました。

layout="fixed"></amp-img>
「必須属性「height」がタグ「amp-img」にありません。
<amp-img alt="******日記" src="https://******.com/wp-content/uploads/2018/09/sf-1-e1536220102920.png"
layout="fixed"></amp-img>

▼ネットで調べてみるとこのような事が書いてありました。

■資料
AMP HTML タグの属性で指定されたレイアウトが無効です。が解決した!![elemorcs]

『必須属性「height」がタグ「amp-img」にありません。』の修正方法

エラー『AMP HTML タグの属性で指定されたレイアウトが無効です。』の修正方法

「layout=”responsive”」を実際の画像サイズwidth=”〇〇″ height=”〇〇″に変えればOKです。

また、responsive表記がない=サイズの表記がない場合もあります。
その場合もwidth=”〇〇″ height=”〇〇″を入れましょう。

とは言え大量にエラーが出ている場合など、画像のサイズを調べて数字を打ち込んでいくのはしんどい。
大丈夫、すべて手動で打ち込まなくても良いんです。

ビジュアルモードで画像の詳細を開く→「更新」を押すと、widthとheightが自動的に入力されます。

(elemorcs より)

2019/5/28
▼どうやら「ロゴ画像」に問題があるようでした。
ですのでこの画像

https://******.com/wp-content/uploads/2018/09/sf-1-e1536220102920.png

を非表示にしてみました。


▼検証を開始をクリックして検証を始めました。
[検証: 開始]

2019/5/30

▼Googleからの通知。

▼Search Consoleを確認したところエラーが大幅に減っていました。
「ロゴ画像」がやはり問題だったようです。

 

PR



SEOコンサルタント問い合わせ

・SEOコンサル
・SEOアドバイス
・講演依頼/セミナー/ワークショップ

SEOコンサルタント問い合わせ

記事執筆/サイト管理者

記事執筆/サイト管理者


名前:白石竜次 Shiraishi Ryuji
肩書:SEOコンサルタント
高校卒業後、調理師を経て数々の職業を経験し、その後IT企業でHTMLおよびSEO対策を学ぶ。
その経験を知識を生かしながら各企業でSEO担当者となりインハウスSEOを行う。
現在ではフリーで様々な企業のSEOコンサルティングを行っている。
2011年11月 「SEO対策<検索上位にヒットする>コレだけ!技(技術評論社)」を出版。
2014年1月「世界一わかりやすいSEO対策 最初に読む本(技術評論社)」を出版。
2014年1月「たった30分でできるSEO検索エンジン最適化(秀和システム)」を出版。
2017年 書籍「DeNAと万引きメディアの大罪(宝島社)」に寄稿。

[PR]サクラサクLABO

SEOコンサルタント
[PR]SEOコンサルティングサービス - サクラサクLABO
seoコンサルティングサービスとは、貴社サイトを徹底的に分析し、サイト内部改善、阻害要因排除、外部施策と、総合的に最適化し、検索流入を増加させるサービスです。

-SEO
-

Copyright© SEOコンサルタント.com , 2019 All Rights Reserved.