スマホイメージ2

ブログ

【AMPエラーの修正】必須の構造化データ要素のエラー

sponsored link

ワードプレスでAMPというプラグインを入れてから、エラーに悩まされていましたが、いくつか原因がわかり、対処できたので、書いておきます。今日は、「必須の構造化データ要素のエラー」についてです。

1 ファビコンを設定する

ファビコンを設定することで、「必須の構造化データ要素のエラー」が消えてくれた記事が複数ありました。わたしは今までファビコンは設定していなかったのですが、AMPでは必須の要素だということです。

ファビコンを設定するには、512px四方の画像を準備します。ちなみにこのサイトのファビコンはこれです。

favicon-eNote

ワードプレスでの設定方法は、「外観→カスタマイズ→サイト基本情報→サイトアイコン」で設定します。

2 アイキャッチ画像を幅1200px(ピクセル)以上で設定する

ファビコンを設定しても「必須の構造化データ要素のエラー」が消えない記事がありましたので、さらに調べて対処してみました。アイキャッチ画像は、AMPでは必須の要素だと思われます。ですから、可能な限りアイキャッチ画像を設定することをおすすめします。

そこで注意したいのが、アイキャッチ画像は、幅1200px(ピクセル)以上にするということが必要です。そうしないと、別のエラーが発生します。

このエラーは最初なかなかわかりませんでした。というのは、従来の常識では、「ネットにアップする画像のサイズは小さければ小さいほど良い」ということだったからです。

その先入観があるせいか、幅1200pxというサイズは大き過ぎるような気がしたのです。「まさか1200px以下の間違いじゃなくって?」なんて思い込んで、エラーに対処できないでいました。

でも、時代は変わったのです。AMPは、スマホ対応のURLが設定されるグーグルのプラグインです。スマホは意外と解像度が高いということなんですね。

幅1200px以上のアイキャッチ画像を設定したら、「必須の構造化データ要素のエラー」は消えました。

余談ですが…

それで、あまり意味はないかも知れませんが、この記事にも幅1200px以上のアイキャッチ画像を設定しているというわけです。わたしは写真ACというところの画像をよく使います。だいたいこのサイトの画像はS、M、Lと3つサイズが提供されています。

以前はネットで使う場合はSサイズを使っていました。でも、Sサイズだと1200px以上はないのです。Mサイズにしなければならないです。わたしは仕事でもよく使うので、プレミアム会員になっています。ですから、どのサイズでも無制限にダウンロードできます。

でも、無料の会員なら、確か制限があったはず? イロイロと時代は変わっていくのですね。

3 AMPをDisabledな記事にする

本当は上記1と2で十分かも知れませんが、ワードプレスの記事投稿画面の右上の、「公開」の枠の一番下に、AMPに対応するかしないか選べるところがあり、デフォルトではEnabledになっています。

これは、AMP対応だということです。それをDisabledにすると、AMP対応の記事ではなくなります。かなり乱暴なやり方ではありますが、「どうしてもエラーが消えないとき」「わからないとき」「これ以上調べるのが億劫なとき」など、Disabledにすると、AMPエラーは出なくなります。

わたしはこのサイトでは、多くの記事をこの方法でAMP非対応にしてしまいました。まだ「2」のやり方に気がついていなかったからです。

それでも、モバイルユーザビリティとか、インデックスに悪影響はないとのことなので、「まあいいかな」と思ってこの方法を使いました。

sponsored link

関連記事

  1. ブログ

    「プロパティの健全性の確認してください」 エラーメッセージが解決しました

    「プロパティの健全性の確認してください」→「重要なコンテンツがアカウン…

  2. ブログ

    カテゴリーとスラッグ(Word Press)

    わたしは、これまで、記事のカテゴリーは、行き当たりばったりに作っていま…

  3. ブログ

    WordPressで、記事内のリンク部分を青字にする

    ワードプレスで記事内のリンク部分を青字にする方法について書きます。 (…

  4. ブログ

    固定ページについて(WordPress)

    今、固定ページを作っています。 (さらに…)…

  5. ブログ

    無料ブログを放置しておくことの危険性 — 更新するか削除するか?

    無料ブログを更新せずに放置しておくと、広告が表示されるようになります。…

  6. ブログ

    投稿ページをトップページに変更する(WordPress テーマ Twenty Fiftee…

    このサイトはワードプレスのテーマTwenty Fifteenを使って作…

ブログランキング・にほんブログ村へ

このブログの運営者


Ema。性別:女性 年齢:50代前半。グラフィックデザイナー。現在フリーランスデザイナー歴約2年。元勤め人デザイナー歴約15年(失業期間含む)。高齢でデザイナーになった高齢者デザイナーです。40代で3度解雇になるなど、転職経験も豊富。

アーカイブ

  1. 160309デザインのワークフロー-01

    デザイン初心者

    グラフィックデザインのワークフローとデザイナーの関わりはどうなっているのでしょう…
  2. 紅葉の写真

    デザイン初心者

    デザインは、用と美。デザインの定義
  3. デザイン初心者

    デザインの提案で、なぜ3案出すのが一般的なのでしょうか
  4. デザイナーの転職

    グラフィックデザイナー転職 ②応募書類_自己PR書
  5. デザイナーの転職

    グラフィックデザイナーの転職 ②応募書類_作品集
PAGE TOP