06: WordPress – 余分なヘッダの削除
<head> 内に追加される不要なタグを取り除く
標準でいろいろ不要だと思うものが<head> タグ内に追加されています。これらを消していきます。SEO的にあった方が良いものもあるのかもしれませんが、わからないものはとりあえず削除の方向で進めます。
個別ページ(is_single()になるページ)を開発者ツールで見るとこんな感じになっています。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Hello world! – Artemis</title>
<link href="//s.w.org" rel="dns-prefetch">
<link title="Artemis » Hello world! のコメントのフィード" href="http://artemis.xii.jp/wp/1/feed" rel="alternate" type="application/rss+xml">
<script type="text/javascript"> window._wpemojiSettings = {"baseUrl":......</script>
<script src="http://artemis.xii.jp/wp/wp-includes/js/wp-emoji-release.min.js?ver=4.1.3" defer="" type="text/javascript"></script>
<style type="text/css">img.wp-smiley, img.emoji { dis......</style>
<link id="bootstrap-style-css" href="http://artemis.xii.jp/wp/wp-content/themes/project-artemis/css/custom-bootstrap.css?ver=4.9.8" rel="stylesheet" type="text/css" media="all">
<link href="http://artemis.xii.jp/wp/wp-json/" rel="https://api.w.org/">
<link title="RSD" href="http://artemis.xii.jp/wp/xmlrpc.php?rsd" rel="EditURI" type="application/rsd+xml">
<link href="http://artemis.xii.jp/wp/wp-includes/wlwmanifest.xml" rel="wlwmanifest" type="application/wlwmanifest+xml">
<meta name="generator" content="WordPress 4.9.8">
<link href="http://artemis.xii.jp/wp/1" rel="canonical">
<link href="http://artemis.xii.jp/wp/?p=1" rel="shortlink">
<link href="http://artemis.xii.jp/wp/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fartemis.xii.jp%2Fwp%2F1" rel="alternate" type="application/json+oembed">
<link href="http://artemis.xii.jp/wp/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fartemis.xii.jp%2Fwp%2F1&format=xml" rel="alternate" type="text/xml+oembed">
<link href="http://artemis.xii.jp/wp/wp-content/themes/project-artemis/css/app.css?ver=0.1.1" rel="stylesheet">
</head>
黄色を付けたところが、自分でつけたつもりのないタグで、要らないと思うものです。ほとんど全部w
という訳で、さっそく削除していきます。
// 不要なheadタグの削除
remove_action('wp_head', 'wp_generator' );
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'feed_links', 2);
remove_action('wp_head', 'feed_links_extra', 3);
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'wp_resource_hints',2);
remove_action('wp_head', 'rest_output_link_wp_head');
remove_action('wp_head', 'wp_oembed_add_discovery_links');
remove_action('wp_head', 'wp_oembed_add_host_js');
remove_action('wp_head', 'rel_canonical');
remove_action('wp_head', 'adjacent_posts_rel_link_wp_head');
remove_action('wp_head', 'wp_shortlink_wp_head');
色々なページを参考にさせていただき、切り貼りしました。
削除後
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello world! – Artemis</title> <link id="bootstrap-style-css" href="http://artemis.xii.jp/wp/wp-content/themes/project-artemis/css/custom-bootstrap.css?ver=4.1.3" rel="stylesheet" type="text/css" media="all"> <link href="http://artemis.xii.jp/wp/wp-content/themes/project-artemis/css/app.css?ver=0.1.1" rel="stylesheet"> </head>
すっきり～♪
ページの表示速度も検索エンジンが考慮しているというのを聞いたので、ちょっとムキになって消しましたが、ヘッダを少しくらい削ってもあまりスピードに差がないような気がします。むしろSEO的に有利になるものを削っている気がしますw
とりあえず、今回は要らないと思ったものを消すことが目的だったので、これで良いということにします。SEOのお勉強はまた後日。