ホーム 経験・テクニック共有 標準記事

標準記事

AMPの„必須の構造化データ要素に誤りがあります“という警告を解決する_AMPプラグインのダウンロード

Naibaサイト構築ノートではGoogle推奨のAMPプラグインをインストールしています。本日GoogleからAMP URLにエラーがあるとの通知があり、そのうちの1つが„必須の構造化データ要素に誤りがあります“でした。„必須の構造化データ要素に誤りがあります“の解決方法は非常に簡単です。Google構造化データテストツールを使用して、エラーが報告されたウェブページのソースコードを貼り付け、確認すれば問題がわかります。…

2019年11月21日更新 約3分で読めます
解决AMP提示“必需的结构化数据元素有误”_AMP插件下载

Naibaサイト構築ノートはGoogle推奨のAMPプラグインをインストールしましたが、本日GoogleからAMP URLにエラーがあるという通知を受けました。その一つが„必須の構造化データ要素に誤りがあります

必需的结构化数据元素有误

„必須の構造化データ要素に誤りがあります“の解決方法

解決方法は非常に簡単です。Google構造化データテストツールを使用して、エラーが報告されたウェブページのソースコードを貼り付け、確認すれば問題がわかります。

Google構造化データテストツールのURL:https://search.google.com/structured-data/testing-tool

必須の構造化データ要素のエラー その1:logo

Naibaサイト構築ノートで発生したエラーは、ロゴのアドレスが設定されていないことでした。下図の通りです。

logo的值未填写

問題の原因がわかれば、解決は簡単です。

WordPress管理画面で「外観」→「カスタマイズ」を選択します。「サイト基本情報」でサイトアイコンをアップロードし、再度テストすると問題は解消されます。

站点图标

必須の構造化データ要素のエラー その2:image

もしimageエラーがまだ発生する場合、それはアイキャッチ画像を設定していないためです。解決方法は3つあります:

1. 手動で記事にアイキャッチ画像を追加する

2. ランダムアイキャッチ画像プラグインを使用して、記事に一括でアイキャッチ画像を追加するWordPressランダムアイキャッチ画像プラグイン:Random Post Thumbnails

3. コードを使用してAMPページにデフォルトのアイキャッチ画像を設定する。コードは以下の通りです(Naibaは未検証):

    //修正 AMP image 錯誤
    function bbm_amp_modify_json_metadata( $metadata, $post ) {
    if (!array_key_exists('image', $metadata)) {
    $metadata['image'] = array(
    '@type' => 'ImageObject',
    'url' => get_template_directory_uri() . '/image/default.png',
    'height' => 512,
    'width' => 1024,
    );
    }
    return $metadata;
    }
    add_filter( 'amp_post_template_metadata', 'bbm_amp_modify_json_metadata', 10, 2 );

上記の解決方法は懿古今の記事

AMPとは?

AMPの正式名称はAccelerated Mobile Pages(アクセラレーテッド・モバイル・ページズ)で、モバイル端末でのウェブサイトの表示速度を高速化するためにGoogleが開発したソリューションです。

簡単に言うと、AMPの仕組みはウェブサイトを再コード化し、不要なコードを排除してコンテンツのみを残すことです。また、現在では百度もAMPページを収録しています。興味があれば、WordPress管理画面で直接AMPを検索してインストールできます。

例えば、このページのAMPページは:https://blog.naibabiji.com/skill/amp-jie-gou-hua-yuan-su.html/amp

AMPを有効にするには?

WordPressを使用している場合、AMPを有効にするには管理画面でAMPプラグインをインストールするだけです。

ダウンロードリンク

5/5 - (1票)
前の記事 WordPressミニアプリオープンソース版インストール使用チュートリアル 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 WordPressホームページの記事に„続きを読む“ボタンを表示する方法 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: