【wordpress】head内の不要なコードを削除する方法

• wordpressのhead内に出力される『metタグ』や『linkタグ』、『styleタグ』などの不要なコードはすべて消してスッキリさせたいな…

このような疑問にお答えします！

【wordpress】head内の不要なコードを削除する方法

head内の不要なコードを削除するコードは下記のとおり。
（検証：WordPressバージョン『6.2.2』）

// Really Simple Discovery
remove_action('wp_head', 'rsd_link');

// Windows Live Writer
remove_action('wp_head', 'wlwmanifest_link');

// WordPress の generator メタタグ
remove_action('wp_head', 'wp_generator');

// 投稿の shortlink
remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);

// canonical リンク
remove_action('wp_head', 'rel_canonical');

// ほかのフィード、カテゴリーフィードなど
remove_action('wp_head', 'feed_links_extra', 3);

// Emoji 用スクリプト
remove_action('wp_head', 'print_emoji_detection_script', 7);

// Emoji 用スタイル
remove_action('wp_print_styles', 'print_emoji_styles');

// REST API
remove_action('wp_head', 'rest_output_link_wp_head', 10);

// oEmbed タグ
remove_action('wp_head', 'wp_oembed_add_discovery_links', 10);

// リソースの示唆
remove_action('wp_head', 'wp_resource_hints', 2);

// 検索ロボット向け画像プレビュー
remove_action('wp_robots', 'wp_robots_max_image_preview_large');

// 新エディタ（Gutenberg）
function remove_global_styles() {
  wp_dequeue_style('wp-block-library');
  wp_dequeue_style('classic-theme-styles');
  wp_dequeue_style('global-styles');
}
add_action('wp_enqueue_scripts', 'remove_global_styles');

上から順番に解説しますね！

Really Simple Discovery

外部のツールから投稿などをする際に必要となります。

remove_action('wp_head', 'rsd_link');

Windows Live Writer

『Windows Live Writer』というブログ編集ツールを使う時に必要となります。

remove_action('wp_head', 'wlwmanifest_link');

WordPress の generator メタタグ

WordPressのバージョン情報を表示しております。

remove_action('wp_head', 'wp_generator');

投稿の shortlink

投稿のURLを短縮させてます。

特に必要はないかと思います。

remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);

canonical リンク

SEO対策に必要な『Canonical』となります。

必要なタグですので、削除する必要はないかと思います。

remove_action('wp_head', 'rel_canonical');

ほかのフィード、カテゴリーフィードなど

フィードへのリンクを表示しております。

サイトがブログなどの場合は必要ですが、それ以外の場合は特に必要ないかと。

remove_action('wp_head', 'feed_links_extra', 3);

Emoji 用スクリプト

絵文字を使用するために必要なスクリプトとなります。

remove_action('wp_head', 'print_emoji_detection_script', 7);

Emoji 用スタイル

絵文字を使用するために必要なスタイルとなります。

remove_action('wp_print_styles', 'print_emoji_styles');

REST API

WordPress 4.4 から追加された『Embed』

Embedを使用することで、他のウェブサイトで「oEmbed」に対応している記事を、自分のブログに埋め込み可能になるものです。

WordPress4.4 からは記事のURLを貼るだけで簡単に引用表示できます。

remove_action('wp_head', 'rest_output_link_wp_head', 10);

oEmbed タグ

同上（REST API）

remove_action('wp_head', 'wp_oembed_add_discovery_links', 10);

リソースの示唆

WordPress 4.6から追加された『DNSプリフェッチ』

DNSプリフェッチを使用することで、外部ドメインの名前解決を事前に強制でできるため表示速度を上げることが可能です。

外部サイトの写真やスクリプト等の情報を大量に扱うサイト以外は、不要ですので削除してあげます。

remove_action('wp_head', 'wp_resource_hints', 2);

検索ロボット向け画像プレビュー

ページ内の画像が検索結果のプレビューにおいて、最大サイズで表示されるように設定しています。

必要なタグですので、削除する必要はないかと思います。

remove_action('wp_robots', 'wp_robots_max_image_preview_large');

新エディタ（Gutenberg）

新エディタ（Gutenberg）を使用する際に必要なCSSコードなります。
（ボタン用のデザインなど）

function remove_global_styles() {
  wp_dequeue_style('wp-block-library');
  wp_dequeue_style('classic-theme-styles');
  wp_dequeue_style('global-styles');
}
add_action('wp_enqueue_scripts', 'remove_global_styles');