WordPress/履歴：すべてのリンクを現在のタブ/ウィンドウで開く方法（AdSense 収益の増加）

SEO（検索エンジン最適化）のために、内部リンクはブラウザの現在のタブで開き、外部リンクは新しいタブで開くことができます。外部リンクを新しいウィンドウで開くと、直帰率を下げることができ、SEOに有利に作用します。このため WordPress ランクMath SEO プラグインは、外部リンクを新しいウィンドウで開くようにするオプションを提供します。

구글 AdSense 収益を得るには、リンクを現在のタブで開くと便利です。現在のタブでリンクを開くと、フロント広告が表示される可能性が高くなります。新しいタブで開くようにしても前面広告が表示されることはありますが、リンクが新しいウィンドウで開かれると、新しいウィンドウを閉じて元のページに戻って前面広告を表示できます。このため、新しいタブでリンクを開くと効果が低下します。

この記事では、 WordPress1）外部リンクを新しいタブで開くように設定する方法と2）すべてのリンクを現在のタブ/ウィンドウで開く方法について説明します。

ティストリーナ GNUBOARD、XE、Googleブログなどのサイトで、単にすべてのリンクを現在のウィンドウ/タブで開くようにしたい場合は、下記の「ティーストーリーなどですべてのリンクを現在のタブ/ウィンドウで開く「セクションを参照してください。

WordPress：すべてのリンクを現在のタブ/ウィンドウで開く方法

WordPressで外部リンクを新しいタブ/ウィンドウで開く方法（SEOにガラス）

WordPressは Yoast SEOナ Rank MathのようなSEOプラグインを使用して詳細なSEO設定が可能です。

外部リンクを新しいウィンドウで開くようにすると、直帰率を下げるのに役立ちます。

直帰率は、ユーザーがウェブサイトにアクセスした後に別のページに移動せずにすぐに出発する割合を意味します。つまり、訪問者が特定のページを見た後に追加の対話なしにサイトを離れた場合を終了と見なします。直帰率が高いと、そのページのコンテンツがユーザーに十分に魅力的ではないか、希望する情報を提供できない可能性があります。 SEOの観点からは、直帰率はユーザーエクスペリエンスとページ品質を評価する重要な指標と考えられています。

WordPressを使用している場合は、いくつかの方法で外部リンクを新しいタブで開くように設定できます。例えば、 External Links in New Window / New Tabというプラグインを使用するか、Rank Mathの機能を使用できます。

Rank Mathを利用する場合 WordPress 管理者ページ » Rank Math SEO » 一般設定 » リンクに移動し、 新しいタブ/ウィンドウで外部リンクを開く (Open External Links in the New Tab/Window) オプションを有効にします。

外部リンクが強制的に新しいタブで開いている場合は、Rank Mathなどのプラグインで 新しいタブ/ウィンドウで外部リンクを開くようにするオプションを無効にするしてください。

WordPressですべてのリンクを現在のタブ/ウィンドウで開く（AdSense 収益にガラス）

AdSense 自動広告で前面広告を有効にすると、リンクを現在のウィンドウに開くと前面広告が表示される可能性が高くなります。 AdSense 収益の増加に役立ちます。

ただし、外部リンクを現在のタブで開くと、ユーザーがサイトを離れる可能性が高くなり、SEOに不利になる可能性があります。

サイトのすべてのリンクを現在のタブ/ウィンドウで開くようにしたい場合は、次のJavaScriptコードを使用できます。

コード1：

<script>
document.addEventListener("DOMContentLoaded", function () {
    function setupLinks() {
        const links = document.querySelectorAll("a");
        links.forEach(link => {
            link.target = '_self';
        });
    }

    function handleLinkClick(event) {
        const target = event.target.closest('a');
        
        if (!target) return;
        
        const href = target.href;
        
        if (!href) return;
        
        event.preventDefault();
        window.location.href = href;
    }

    setupLinks();
    document.body.addEventListener("click", handleLinkClick);

    const observer = new MutationObserver(setupLinks);
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
});
</script>

ブログ記事の本文に含まれているリンクにのみ適用したい場合は、以下のコードでテストしてみてください。

コード2：

document.addEventListener("DOMContentLoaded", function () {
    function setupLinks() {
        const contentArea = document.querySelector('.single .entry-content');
        if (!contentArea) return;

        const links = contentArea.querySelectorAll("a");
        links.forEach(link => {
            link.target = '_self';
        });
    }

    function handleLinkClick(event) {
        const contentArea = document.querySelector('.single .entry-content');
        if (!contentArea) return;

        const target = event.target.closest('a');
        if (!target || !contentArea.contains(target)) return;
        
        const href = target.href;
        if (!href) return;
        
        event.preventDefault();
        window.location.href = href;
    }

    setupLinks();
    document.body.addEventListener("click", handleLinkClick);

    const observer = new MutationObserver(setupLinks);
    observer.observe(document.querySelector('.single .entry-content') || document.body, {
        childList: true,
        subtree: true
    });
});

GeneratePress, Astra などほとんどの WordPress テーマで上記のコードがうまく動作します。 Newspaper など一部のテーマでは、上記のコードから .entry-content 部分を適切に変更してください。

適用方法

簡単には、上記のコードをWPCodeなどのプラグインをインストールしてフッターセクションに追加するだけです。

ゼネレートプレスの有料版を使用している場合は、Elementを使用してコードをフッタ領域に追加できます。

• GeneratePress テーマフックを使用する

GPテーマでHookを作成し、次のようにコードを入力して設定します。

1. フック名を入力
2. コード入力( ...含む)
3. フックにwp_footerを選択

サイトに影響を与えるより少ない方法として、チャイルドテーマにenquque関数を追加してJSファイルをロードすることです。

このようにして JavaScriptを コードをロードしたい場合は、次のコードをチャイルドテーマの関数ファイルに追加します。

function child_theme_enqueue_scripts() {
    if (is_single()) {
        wp_enqueue_script(
            'link-handler', 
            get_stylesheet_directory_uri() . '/js/link-handler.js', 
            array('jquery'), 
            '1.0.0', 
            true
        );
    }
}
add_action('wp_enqueue_scripts', 'child_theme_enqueue_scripts');

1. チャイルドテーマフォルダにjsフォルダを作成します。
2. jsフォルダ内にlink-handler.jsファイルを生成し、上記のJavaScriptコードを配置します。 （ 와 は含まれません。）
3. チャイルドテーマのfunctions.phpファイルに上記のPHPコードを追加します。

チャイルドテーマ（子テーマ）を作成せずに直接親テーマの関数ファイルにコードを追加すると、今後のテーマが更新されると、追加した内容が消えます。

チャイルドテーマの詳細については、次の記事を参照してください。

上記のコードは、 GeneratePress テーマがインストールされて WordPress サイトでテストされました。うまくいかない場合は、以下のコメントでお知らせください。

すべてのリンクを現在のウィンドウ/現在のタブで開くようにする場合 AdSense 収益には役立ちますが、SEOには不利な場合がありますので、使用するかどうかを慎重に決定してください。

ティーストーリーなどですべてのリンクを現在のタブ/ウィンドウで開く

ティストリーナ GNUBOARD など、ほとんどすべてのサイトで単にすべてのリンクを現在のウィンドウで開くようにしたい場合は、次のコードを直前に追加してテストしてみてください。

<script>
// 모든 링크의 target 속성을 '_self'로 설정
document.querySelectorAll('a').forEach(link => {
    link.setAttribute('target', '_self');
});
</script>

オデッセイスキンが適用されたティーストーリーブログに上記のコードを適用するとうまくいきますね。動的に追加されたリンクにも適用するには、次のコードでテストしてください。

<script>
// 기존 링크에 적용
document.querySelectorAll('a').forEach(link => {
    link.setAttribute('target', '_self');
});

// 동적으로 추가되는 링크에도 적용
const observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
            if (node.tagName === 'A') {
                node.setAttribute('target', '_self');
            }
        });
    });
});

observer.observe(document.body, { childList: true, subtree: true });
</script>

ティーストーリーを利用する場合 飾る»スキン編集»html編集をクリックしてスキン編集ページに移動します。

HTMLタブで一番下までスクロールしてすぐ上にJSコードを追加するだけです。

すべてのリンクを現在のウィンドウ/タブで開くと、フロント広告が表示されます。 AdSense 収益は増加しますが、外部リンクを現在のウィンドウ/タブで開くと、直帰率が増加し、SEOに悪影響を及ぼす可能性があります。

最後に、

以上で WordPressで、すべてのリンクを現在のタブ/ウィンドウで開くようにする方法について説明しました。上記のように、SEOのためには、外部リンクを新しいタブ/ウィンドウで開くようにすることが有利かもしれません。 AdSense 収益が重要な場合は、すべてのリンクを現在のウィンドウで開くようにすることを検討できます。

ティーストーリーでも同様の方法で可能です。ティーストーリーですべてのリンクを現在のウィンドウ/タブで開くように設定したい場合は、上記の「ティーストーリーなどですべてのリンクを現在のタブ/ウィンドウで開く」に示した方法を使用できます。または、 この記事で提示するコードを使用することも可能です。

参照

• 内部リンクを現在のウィンドウとして開くように設定する AdSense 収益を上げる方法
• WordPress: メタ説明 (Meta Description) 欠落の問題を解決する
• GeneratePress テーマヘッダー要素（ページヒーロー）の作成
• WordPressで簡単にランディングページを作成する（feat。エレメント、 GeneratePress, Divi)
• ケミクラウド（ChemiCloud）ソウルサーバー体感速度