スマホイメージ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. ブログ

    TablePressというプラグインで、テーブルを作ってみる(WordPress)

    TablePressというプラグインで、テーブルを作ることを知ったので…

  2. ブログ

    個人ブログ pvアップ — 久しぶりにブログについて書きます

    個人ブログ pvアップ というのが、今回の記事のタイトルです。…

  3. ブログ

    パーマリンクとサイトマップ(Word Press)

    パーマリンクとサイトマップ(Word Press) についての記事…

  4. ブログ

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

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

  5. ブログ

    テーマを「stinger7」に変更して、リニューアルしました

    ひさしぶりにブログ更新します。しばらく放置していましたが、またブログや…

  6. ブログ

    iphoneからの投稿

    iphoneから投稿してみます。 (さらに…)…

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

このブログの運営者


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

アーカイブ

  1. 160303アイデアの方向性の説明-01

    デザイン初心者

    グラフィックデザインのアイデアの絞り方
  2. デザイン未経験からの転職

    美大卒がグラフィックデザイナーの就職に有利なのはなぜでしょうか
  3. エディトリアル ポートフォリオ-未経験

    雑誌のリデザインを就職活動ポートフォリオに載せる時のちょっとした工夫
  4. 梱包の説明01

    デザイン初心者

    データ入稿から搬入まで — 朝日広告賞応募のレポート
  5. フィギュアスケート

    フレンズオンアイス2016の感想
PAGE TOP