WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】

2021.10.24

MacでWordPressのエディタにコピペをすると、<meta charset=”utf-8″>というタグが追加されてしまうことがあります。

これを放置すると、Google Search Consoleで「AMPエラー」になってしまいます。

[AMP] 「ドキュメントヘッドの外側で、直接の子としてのみ許可されているタグが検出」【コピペでのmetaタグ挿入】

WordPressエディタでコピー・ペーストしたら、文字列前にmetaタグが付くようになっていました。放置すると、AMPエラーになるので、ご注意ください。ポイントWordPressの段落内に不要なmetaタグが混ざってAMPエラーになっていた。WordPressエディタでコピー・ペーストすると、文字列前にmetaタグが付くようになっているので注意。環境WordPress 5.8、Cocoonバージョン: 2.3.2Mac OS Big Sur 11.5、Chrome バージョ...

検索結果にAMPページが除外されてしまうので、「表示の遅いページ」という評価になってしまいます。

ビジュアルエディターでは見つけにくいエラーなので、いちいちコードエディタに切り替える必要があります。「utf」で検索して、ちまちま修正していたのですが、記事数が多くなるとチェック漏れが増えて大変です。

WordPressの編集画面の右上の「︙」から「コードエディター」に切り替えることができる

そこで、AMPページを出力するときに本文内の<meta charset=”utf-8″>を削除してしまうことにしました。

WordPressでのコピペに混ざる<meta charset=″utf-8″>をまとめて削除する【PHPコード】

/**
 * 本文中に紛れ込んだ <meta charset="utf-8"> を削除する
 * */
function delete_meta_charset_for_amp( $content ) {
  if ( is_amp() === false ) {
    return $content;
  }

  $pattern = '<meta charset="utf-8">';
  $append  = '';
  $content = str_replace( $pattern, $append, $content );

  return $content;
}
add_filter( 'the_content', 'delete_meta_charset_for_amp', 999999999 );

「functions.php」にこのようなコードを追加すると、AMPページを出力するときに、自動的に削除してくれます。

記事の「コードを編集」で確認すると、metaタグが残ってしまっています。