MacでWordPressのエディタにコピペをすると、<meta charset=”utf-8″>というタグが追加されてしまうことがあります。
これを放置すると、Google Search Consoleで「AMPエラー」になってしまいます。
検索結果にAMPページが除外されてしまうので、「表示の遅いページ」という評価になってしまいます。
ビジュアルエディターでは見つけにくいエラーなので、いちいち コードエディタに切り替える必要があります。「utf」で検索して、ちまちま修正していたのですが、記事数が多くなるとチェック漏れが増えて大変です。
そこで、AMPページを出力するときに本文内の<meta charset=”utf-8″>を削除してしまうことにしました。
/**
* 本文中に紛れ込んだ <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タグが残ってしまっています。
しかし、AMP Validatorでは、修正済みになっています。
やっぱり面倒くさい作業は、コードに任せるべきですね。
こちらもどうぞ
[AMP] 「ドキュメント ヘッドの外側で、直接の子としてのみ許可されているタグが検出」【コピペでのmetaタグ挿入】
WordPressエディタでコピー・ペーストしたら、文字列前にmetaタグが付くようになっていました。放置すると、AMPエラーになるので、ご注意ください。 ポイント WordPressの段落内に不要なmetaタグが混ざってAMPエラーになっていた。WordPressエディタでコピー・ペーストすると、文字列前にmetaタグが付くようになっているので注意。 環境 WordPress 5.8、Cocoo...
[WordPress] ブログ記事に印刷用のQRコードを追加する【Google APIs】
ウェブページには、リンクをたどっていくことができるメリットがあります。 教室では、ちいラボのブログ記事を冊子印刷にしてお渡ししているのですが、紙媒体では 関連する記事を読むことができません。 そこで末尾にQRコードをつけて、スマホで簡単に元のウェブページにアクセスできるようにしました。 ポイント QRコードはGoogle APIsで自動生成できる。WordPressの記事URLは、<?php th...
QRコードを読み込むと、関連記事を確認できます。