【プラグインなし】nofollowタグを手動で入れる方法(SWELL)

ここでは、プラグインを使わずにnofollowタグを手動で入れる方法をご紹介します。

本来は、「WP External Links」というプラグインを入れておけば、外部リンク設定時にnofollowタグを自動挿入することが可能です。

しかし、SWELLを使っている方で、このプラグインを入れると、稀に記事投稿時にエラーが発生する事例が発生しています。

そこで、本記事では記事投稿時に手動でnofollowタグを設定する方法をご紹介します。

nofollowタグを設定する意味

記事内に外部リンク（自分以外のサイトへのリンク）を付けた際、検索エンジンのクローラー（機械）はその情報まで読み取ろうとします。

そうすると、ドメインパワーを一部明け渡すことになり、SEOにおいてネガティブな影響が出てしまうと言われています。

それを防ぐために設定するのが、nofollowタグという値。

これを入れておくことで、設定したリンクにクローラーが回らないように指示することができます。

リンクにその他の適切な値がなく、そのリンクとサイトを関連付けたくない場合、またはリンク先のページをサイトからクロールさせないようにする場合は、nofollow の値を使用します

引用：Googleセントラル（Google に外部リンクの関係性を伝える）

デフォルトでは、リンク先のページまでたどってしまいますので、サイトと関連付けたくない場合は、nofollowタグの設定をしておきましょう。

【プラグインなし】nofollowタグを手動で入れる方法(SWELL)

プラグインを使わずにnofollowタグを入れる方法は、2つあります。

• テーマファイルを編集する
• 毎回手動で設定する

どちらの方法でも設定可能ですが、毎回手動で設定するのは大変すぎるので、①の方法を強くおすすめします。

テーマファイルを編集する

1つ目は、テーマファイル「function.php」を編集する方法です。

直接親テーマを触ってもいいのですが、そうするとテーマ更新の度に、設定をし直す必要がでてきてしまいます。

そのため、「function.php」の子テーマを作り、そちらを編集していくのがおすすめです。

子テーマの作り方

子テーマができたら、「外観」→「テーマファイルエディター」を選択します。

「SWELL CHILD」を選択し、「funtion.php」ファイルを選択します。

こちらの画像の箇所に、以下のコードを記載します。（改行して入れるといいですよ）

コードはこれ（コピーしてね）

function dont_follow_links( $html ) {
 // follow these websites only!
 $follow_list = array(
$_SERVER['SERVER_NAME'], // my domain
  'google.com',
  'others.com',
 );
	$html = preg_replace_callback('%(<a\s*[^>]*href="https?://(?:(?!(?:(?:www\.)?'.implode('|(?:www\.)?', $follow_list).'))[^"]+)"[^>]*)>%', function($m) {
		$nofollow = preg_replace('%\srel\s*=\s*(["\'])(?:(?!\1).)*\1(\s|$)%', ' ', $m[1]).' rel="nofollow noopener noreferrer">';
		return $nofollow;
	}, 
	$html);
	return $html;
}

add_filter('the_content','dont_follow_links',9999);

コードを入れたら、このような形になります↓

コードを入れられたら、「ファイルを更新」しておきましょう。

ここからは補足説明

ちなみに、このスニペットは、プラグインも使わずに既にrel属性が指定されていても上書きできるというスグレモノ。

rel属性とは、HTMLの要素(タグ)の中で設定することができる属性の一つ。

つまり、SWELLが標準機能で設定しているものがあっても、新しく指定することができるのです。

※ここでは、「nofollow」に加えて、「noopener」「noreferrer」も指定しています。

noopenerとは、外部リンクを新しいタブで開く場合に、セキュリティの低下やパフォーマンスの低下を防ぐためのものです。

これに対してnoreferrerとは、参照先に参照元リンクを渡さないようにするためのもの。（＆古いブラウザへの対応も）

SEOに直接影響するものではないですが、SWELLの標準機能で付いていたので残しました。

毎回手動で設定する

次に、2つ目の方法です。

毎回設定するのは手間ではありますが、ブログ記事作成において毎回いくつも外部リンクを使うようなことは少ないので、そこまで負担はかからないでしょう。

「WP External Links」を使わない場合の代替手段として、本記事の内容が参考になれば幸いです。

ブログカードには設定されない。