External Links 完全ガイド!主な機能、基本設定、応用、トラブル対策など徹底解説!

External Links

「外部リンクを一つひとつ手動で設定するのが面倒……」
「リンクをクリックしたら同じタブで開いてしまい、直帰率が気になる」
「nofollow設定を忘れてしまい、いつの間にかSEO評価が下がっている気がする」

こんな悩みを抱えていませんか?

  • ブログ記事を公開するたびに、リンク設定を手作業で行うのが大変😥
  • 外部リンクかどうかユーザーに分かりにくく、誤クリックが多発している
  • プラグインを入れたけど、設定がうまく反映されず、何が問題なのかわからない

本記事では、WordPressの定番プラグイン「External Links」を活用し、

  1. 主な機能の理解
  2. 基本設定の手順
  3. 応用テクニックでの運用改善
  4. トラブル対策のポイント

を初心者にもわかりやすく解説します。

導入からメンテナンスまで一貫して読めば、外部リンク管理の手間を大幅に削減し、SEOとユーザビリティを両立できるようになります✨

目次

プラグイン概要:WP External Linksとは何か?

WP External Linksは、WordPressサイト上の外部リンクをまとめて管理できるプラグインです。

リンクごとに個別設定を行う手間を省き、サイト全体の外部リンク挙動を一括でコントロールできます。

主な特徴とメリット

  • 🌐 ワンクリックで外部リンクを新タブ/ウィンドウで開く
    ユーザーがサイトを離脱しにくくなり、回遊率アップに貢献します。
  • 🏷️ 自動アイコン付与
    外部リンクであることを視覚的に示すアイコンをリンクの前後に挿入し、ユーザビリティを向上。
  • 🔒 nofollow属性の一括設定
    SEO対策として必要なrel=”nofollow”を自動で付与。アフィリエイトリンクや広告リンクなど、外部への評価流出を防ぎます。
  • ⚙️ 除外ドメイン・例外設定
    特定のドメインやHTML要素を除外リストに登録し、プラグインの影響範囲を柔軟に調整可能。
  • 🔄 サブドメイン対応/テキストウィジェット適用
    サブドメインを“内部リンク”扱いにしたり、テキストウィジェット内のURLにも適用したりと細かい制御が可能です。

主要機能一覧

スクロールできます
機能説明
新タブで開く設定デフォルトで外部リンクを別タブ(target="_blank")に設定
アイコン表示外部リンクアイコンを自動挿入(リスト型/インライン型から選択可能)
nofollow自動付与リンクにrel="nofollow"を付加
サブドメイン除外自サイトのサブドメインを「内部リンク」とみなす設定
除外ドメイン登録特定ドメインをプラグインの影響対象から外す
ウィジェット対応テキストウィジェット内のリンクにも同じ設定を適用

まとめ
WP External Linksを導入すると、外部リンク管理にかかる作業時間を大幅に削減しつつ、SEOとユーザビリティの両面で効果を発揮します。まずは基本設定だけでも有効化すれば、すぐにサイト運営がラクになるおすすめプラグインです!

プラグインが備える主な機能

  1. 新しいウィンドウ/タブでリンクを開く
    • 📂 ユーザーが外部リンクをクリックした際、自動で別タブまたは別ウィンドウを開きます。
    • メリット:サイトを離れても元ページが残るため、直帰率の低減や回遊率アップに貢献します。
  2. 外部リンクマーク(矢印アイコンなど)の自動追加
    • ➡️ 外部リンクであることを視覚的に示すアイコンを、リンクの前後に好きなデザインで挿入できます。
    • メリット:一目で外部リンクと分かるため、ユーザービリティが向上し、誤クリックを防止します。
  3. rel=”nofollow”属性の自動付与
    • 🚫 外部リンクに対してrel="nofollow"を一括で付加し、SEO上の評価流出を抑制。
    • カスタマイズ:アフィリエイトリンクや広告リンクだけに限定して適用することも可能です。
  4. サブドメインや特定ドメインの扱い設定
    • 🌐 自サイトのサブドメインを“内部リンク”として扱ったり、ホワイトリスト/ブラックリストで特定ドメインを除外したりできます。
    • ユースケース:社内ブログや関連サービスへのリンクはnofollowを外したい場合などに便利です。
  5. テキストウィジェットやショートコードへの適用制御
    • 🔄 ウィジェット内に貼ったURLや、ショートコードで生成されたリンクにも同じ設定を反映可能。
    • メリット:テーマやウィジェットごとに設定をバラバラにせず、サイト全体で一貫した挙動を実現します。

スクロールできます
機能デフォルト設定カスタマイズ例
新タブで開く有効_self(同タブ)への切り替え
アイコン表示有効アイコン選択/非表示設定
nofollow自動付与無効(初期)外部広告リンクのみ有効
サブドメインを内部扱い無効*.example.com を内部リンクに設定
テキストウィジェット適用無効有効化して全ウィジェットに適用

これらの機能を活用することで、手間いらずでリンク管理を統一し、SEO対策とユーザー体験の両面を強化できます。

導入手順:インストールから有効化まで

  1. 管理画面からプラグイン検索
    • WordPressダッシュボードのサイドメニューから 「プラグイン」>「新規追加」 を選択
    • 検索ボックスに WP External Links または External Links と入力 🔍
  2. プラグインのインストール
    • 該当プラグインが表示されたら、「今すぐインストール」 ボタンをクリック ⏳
    • インストールが完了したら、「有効化」 ボタンが オレンジ色 に変わるのを確認
  3. 有効化後の初期確認
    • サイドメニューに 「External Links」 (または「WP External Links」)の項目が追加されているかチェック ✅
    • 最低限、外部リンクを新タブで開く 設定が有効になっていることをブラウザでテスト

ポイントまとめ

スクロールできます
ステップ操作チェックポイント
プラグイン検索「プラグイン>新規追加」でキーワード検索正しい名前がヒットすること
インストール「今すぐインストール」をクリックインストール完了の表示が出ること
有効化「有効化」をクリックメニューに項目が追加されること
初期動作確認任意の外部リンクをクリックして挙動を確認別タブで開くかどうか

基本設定:各タブの役割と操作

外部リンクタブ

  • リンクの開き方
    • target="_blank" を選択すると、外部リンクが別タブで開きます🌟
    • セキュリティ配慮で noopenernoreferrer の併用も可能
  • アイコン表示のオン/オフ
    • リンクの前後に矢印アイコンなどを付与🎯
    • 表示位置(前/後)やサイズを細かく調整できる
  • nofollow付与の有無
    • 有効 にすると自動で rel="nofollow" が付き、SEO評価の流出を抑制🚫
    • 特定のリンクのみ除外するホワイトリスト機能も搭載
スクロールできます
設定項目デフォルトカスタマイズ例
target設定_blank_self(同タブ)
アイコン表示ONOFF、アイコン種類変更
nofollow属性OFFON、特定ドメインのみON

内部リンクタブ

  • ローカルドメイン除外
    • 自サイト/サブドメインを「内部リンク」とみなす設定✅
    • example.comblog.example.com をまとめて除外可能
  • パスベースの除外
    • /wp-admin/assets など特定パスを除外リストに追加

除外ドメイン・除外要素

  • HTMLコードブロックのスキップ
    • <pre><code> 内のURLはプラグイン処理対象外に
  • ドメイン単位の除外
    • trusted.com など、nofollowやアイコン付与をしないドメイン登録
  • ウィジェット適用の切り替え
    • テキストウィジェット内リンクへの設定反映をON/OFF

例外ルール

  • 個別URL指定
    • https://example.com/special-page のみ挙動を変更可能
  • パスマッチング
    • */category/**/2025/* のようなワイルドカード対応
  • 優先順位
    1. 例外ルール
    2. 除外ドメイン
    3. 各タブ設定

これらの基本設定を理解すれば、外部リンク管理の自由度が大きく向上し、サイト全体の一貫した挙動を簡単に実現できます🎉

アイコン&スタイルのカスタマイズ

利用できるアイコンの種類一覧

外部リンクに付与できるアイコンは、プラグインが用意する以下のプリセットから選べます。

スクロールできます
アイコン名説明
デフォルト矢印シンプルな → マーク
外部リンク矢印斜め外向き矢印(↗︎)
四角枠矢印四角で囲まれた外向き矢印
リンクチェーン鎖のようなチェーンアイコン
カスタムSVG (Pro)自作SVGをアップロードして利用可能

🎨 ポイント:テキストやテーマデザインと馴染むものを選ぶと、違和感なく外部リンクを強調できます。

CSSクラスの追加方法

  1. プラグイン設定画面 の「カスタムCSSクラス」欄に、任意のクラス名を入力
  2. テーマの style.css やカスタムCSSエディタに以下のように記述してデザインを調整
/* 例:アイコンとリンクテキストの間隔を広げる */
.my-external-link .el-icon {
  margin-right: 0.3em;
}
/* 例:ホバー時にアイコンの色を変える */
.my-external-link:hover .el-icon {
  color: #1e90ff;
}

🔧 ワンポイント:クラス名は他と被らないように、site-externalel-custom のようにプレフィックスを付けると安全です。

表示パターン(テキスト前後/インラインなど)

外部リンクアイコンは以下の配置パターンから選択可能です。

スクロールできます
パターン説明
テキスト前リンクテキストの前にアイコンを配置(例:🔗 記事へ)
テキスト後リンクテキストの後ろにアイコンを配置(例:記事へ 🔗)
インラインテキストの一部として埋め込み(他アイコンと並列表示向き)
リスト表示リスト形式のリンクのみ別デザインでアイコン表示(ナビメニューなど)

📐 選び方のコツ

  • テキスト後:最も自然な配置で、多くのサイトで使われる定番パターン
  • リスト表示:サイドバーやフッターの外部リンク集を目立たせたいときに有効

これらのカスタマイズを使い分けることで、サイトデザインユーザー体験を両立しつつ、外部リンクをスマートに管理できます✨

詳細設定:SEOとユーザビリティを考慮する

rel属性の追加(noopener, noreferrer など)

外部リンクにrel属性を追加することで、セキュリティパフォーマンスを強化できます。

スクロールできます
属性名効果
noopenerリンク先がwindow.openerを操作できなくする
noreferrerリンク元URLのリファラー情報を送信しない
author著者情報を示す
external“外部リンク”であることを明示

ポイント

  • noopener noreferrer を組み合わせると、新タブで開いた際のセキュリティリスクを防ぎます。
  • 特に不特定多数の外部サイトにリンクを張る場合は、常にこれらを有効化しましょう。

target設定のセキュリティ考慮(_blank時の注意点)

target="_blank" はユーザビリティ向上に役立ちますが、次の点に注意してください。

  1. window.opener攻撃
    • リンク先ページがwindow.opener経由で親ページを不正操作できるリスクがあります。
  2. 対策
    • rel="noopener" を併用することで、この攻撃を無効化。
    • 例:
    <a href="https://external.com" target="_blank" rel="noopener noreferrer">外部サイトへ</a>
  3. ユーザー体験
    • 別タブで開く動作は離脱を防ぎ、サイト回遊率の向上に寄与します🔄。

サブドメインをローカル扱いにする利点

自サイトのサブドメイン(例:blog.example.com)を「内部リンク」とみなす設定は、SEO運営効率の面から有用です。

  • 一貫したSEO評価
    • ドメイン評価が分散せず、親サイトとサブドメイン間で評価を共有しやすくなる📈。
  • nofollow制御の簡素化
    • 本来内部リンクであるサブドメインに不用意にnofollowが付くのを防ぎ、管理負担を軽減。
  • ユーザービリティ
    • サイト内リンクとして自然に扱われるため、違和感なくコンテンツ遷移が可能🚀。

これらの詳細設定を適切に活用することで、安全性を確保しつつ、SEO評価ユーザー体験の両立を実現できます。

応用編:アフィリエイトリンクへの対応

有料広告リンクに特化したnofollow設定

アフィリエイトやスポンサー広告など、報酬が発生するリンクはSEO上の評価流出を防ぐため、nofollow属性を付与するのが基本です。

  • プラグイン設定画面で「除外ドメイン・除外要素」タブに、アフィリエイト専用ドメイン(例:affiliate.example.com)を登録
  • 「外部リンクタブ」で「nofollow自動付与」を有効にし、ホワイトリスト/ブラックリスト機能で有料リンクのみを対象に設定
  • ドメインパターンが複数ある場合は、ワイルドカード(*.affiliate.com)で一括指定
スクロールできます
ドメインパターンnofollow設定備考
affiliate.example.com有効特定のアフィリエイト用
*.adpartner.net有効複数サブドメインを一括指定

💰 ポイント:アフィリエイトリンクだけを明確に区別し、通常の外部リンクとは異なる扱いにすることで、SEOリスクを最小化します。

レビューページやコメントリンクの扱い

商品レビューやユーザーコメント欄には、信頼性向上のために内部リンク扱いしたいケースもあります。

  • レビューページ
    • 自社運営のレビューページは「内部リンクタブ」でドメイン登録し、nofollowを外す設定に。
  • コメント欄のリンク
    • 悪質なスパムを避けるため、コメント内全リンクにnofollowを強制付与するか、特定ユーザーのみ許可するルールを設定。
スクロールできます
リンク種類nofollow備考
自社レビュー無効SEO評価を内部リンクと共有
コメント内リンク有効スパム対策として全体に適用

🛡️ 注意:コメント欄リンクを無差別に許可するとスパム被害が増加する可能性があるため、プラグインの例外ルールを活用して信頼できる投稿者のみ内部扱いにすると安心です。

滞在時間・離脱率への配慮ポイント

リンクの開き方やアイコン表示は、ユーザーの離脱行動に大きく影響します。

  • 新タブで開く
    • target="_blank"noopener noreferrerで設定し、元ページを維持。
    • 効果:訪問者はページを離れにくくなり、平均滞在時間が向上⏳
  • アイコンで注意喚起
    • アフィリエイトリンクには専用アイコン(例:💸マーク)を割り当て、ユーザーに「外部かつ報酬発生リンク」であることを明示
  • 配置の最適化
    • テキスト後配置でリンク意図を損なわず、クリック後の期待感を高める
スクロールできます
対策期待効果
新タブで開く設定離脱率低減、回遊率向上
アフィリエイト用アイコン透明性の担保(信頼感アップ)
テキスト後アイコン配置視認性確保&誤クリック防止

まとめ:アフィリエイトリンクは特性に合わせた細やかな設定が重要です。nofollow属性や新タブ動作、専用アイコンを組み合わせて、SEOリスクを抑えつつユーザー体験を最適化しましょう。

トラブルシューティング&よくある質問

設定が反映されない場合の確認項目

  • キャッシュのクリア
    • プラグイン設定後はブラウザキャッシュやサイトキャッシュ(キャッシュプラグイン)を削除し、最新の状態で動作をチェック🔄
  • テーマのテンプレート上書き
    • テーマ内でthe_contentフィルターをカスタマイズしていると、プラグインの処理がスキップされる場合があります。子テーマのfunctions.phpを確認
  • HTML要素の除外設定
    • <code><pre>ブロック内、あるいは除外ドメインリストに該当していないかを確認🚫
  • JavaScriptエラー
    • ブラウザのデベロッパーツールでコンソールエラーが出ていないかチェック。エラーがあるとアイコンやnofollowが追加されないことがあります
スクロールできます
確認項目対策例
ブラウザキャッシュCtrl + F5で再読み込み
サイトキャッシュキャッシュプラグインの一時停止
テンプレート上書きfunctions.phpsingle.php をレビュー
除外設定除外ドメイン/要素リストを見直す

他プラグインとの競合への対処

  • 一時的にプラグイン無効化
    • 全てのプラグインを一旦オフにし、WP External Linksのみ有効化して問題再現を試す🛠️
  • 段階的に有効化して特定
    • 1つずつプラグインを戻しながら、どのプラグインで競合が起きるかを特定
  • 代替プラグインの検討
    • 競合が深刻な場合は、同様の機能を持つ別の外部リンク管理プラグインを利用するのも一案
スクロールできます
ステップ内容
1. 全無効化全プラグインをオフに
2. WP External Links有効化問題が消えるか確認
3. プラグイン個別有効化1つずつ戻して競合相手を特定
4. 解決策検討競合回避の設定変更 or 別プラグイン検討

管理画面にメニューが出ないとき

  • ユーザー権限の確認
    • 管理者(Administrator)権限でログインしているか確認🔑
  • プラグインファイルの破損
    • FTPまたはホスティングのファイルマネージャーでwp-content/plugins/wp-external-linksフォルダが存在し、ファイルが正常か確認
  • 再インストール
    • 一度プラグインを削除し、再度インストールすると解消する場合があります
  • デバッグモードでログ確認
    • wp-config.phpdefine('WP_DEBUG', true);を追加し、エラーログにメニュー追加処理の失敗が記録されていないか確認

⚠️ 注意:サブサイト(マルチサイト)環境ではネットワーク管理者側での有効化が必要です。

おすすめの設定パターンと活用のコツ

初心者向けデフォルト設定例

  • リンクを別タブで開くtarget="_blank"rel="noopener noreferrer" を有効化
  • アイコンを自動挿入:シンプルな矢印アイコンをテキスト後に配置
  • nofollowを一括付与:外部リンク全般に適用(アフィリエイトは別途ドメイン設定で強調)
  • サブドメイン除外:自サイトのサブドメインを内部リンク扱いに
  • ウィジェット対応ON:テキストウィジェットにも同じ設定を適用

🎯 ポイント:まずはこの基本セットを有効にして、動作を確認しながらサイト運営に慣れましょう!

サイト運営者が押さえるべき注意点

  • キャッシュクリア:設定変更後は必ずブラウザとサイトキャッシュをリフレッシュ🔄
  • セキュリティ属性noopenernoreferrer の併用を忘れずに🔒
  • 除外リストの管理:ホワイトリスト・ブラックリストに登録したドメインを定期的に見直す
  • プラグイン競合:他のURL処理系プラグインと衝突しないか、アップデート後に動作チェックを

⚠️ 注意:設定が反映されない時は、これらのポイントを順に確認してください。

定期メンテナンス時の設定チェックリスト

スクロールできます
項目頻度実施内容
プラグイン&WordPress更新月1回最新バージョンへのアップデートを実行
キャッシュクリア設定変更後ブラウザ&サーバーキャッシュのクリア
除外ドメイン/例外ルール確認3ヶ月毎新規アフィリエイト・提携先をリストに追加
アイコン表示チェック半年毎テーマ変更時やデザインリニューアル時に見え方を検証
コンソールエラー確認月1回ブラウザ開発ツールでJavaScriptエラーをチェック

コツ:上記チェックリストをカレンダーやタスク管理ツールに登録して、漏れなくメンテナンスを行いましょう!

まとめ

  • 機能把握:新タブ設定、アイコン付与、nofollow自動付与など、外部リンク管理の基本機能をマスター
  • 設定のコツ:インストール直後のチェック項目と、各タブ(外部・内部・除外・例外)の使い分けを習得
  • 応用術:アフィリエイトリンクやコメント欄への最適設定で、SEOリスクを抑えながら収益性を確保
  • トラブル解消:キャッシュクリア、競合プラグインの切り分け、管理画面表示問題のチェックリストを活用

まずは基本設定をしっかり行い、サイトの外部リンク挙動を統一しましょう。

その後、応用編定期メンテナンスを取り入れることで、長期的に安定した運用が可能になります。

今日から「External Links 完全ガイド」を頼りに、手間いらずで安全・快適なリンク管理を始めてみませんか?🚀

目次