WordPressにリンクを追加するときに新しいウィンドウで開くオプションを選択して、リンクを新しいウィンドウで開くように設定できます。 どのような状況でリンクを新しいウィンドウで開くように設定することをお勧めしますか?
外部リンクを現在のウィンドウで開くようにすると、訪問者がリンクに乗ってサイトを離脱するため、SEO(検索エンジン最適化)のために外部リンクは新しいウィンドウで開き、内部リンクは現在のウィンドウで開くように設定することを考えることができます。
AdSense 収益を上げたい場合は、内部リンクと外部リンクの両方を現在のウィンドウ/現在のタブで開くように設定します。 AdSense 収益面で有利です。内外のすべてのリンクを現在のウィンドウで開く方法については、下の「すべてのリンクを現在のウィンドウで開く方法」のセクションを参照してください。
内部リンクvs。 外部リンク
Yoast SEO 또는 Rank Mathのような WordPress SEOプラグインでは、内部リンクと外部リンクを追加することをお勧めします。
内部リンクは私のサイト内の他の記事へのリンクであり、外部リンクは他のサイトへのリンクです。
外部リンクをかけるときは注意が必要です。 外部サイトにリンクするリンクをかければ、私のサイトの評判(Authority)の一部をそのサイトに渡すことになるので、SEOの模範慣行の一つは、権威あるサイトではないか、私が制御できないサイトにリンクをかけるときにはrel=」 nofollow"プロパティを追加することです。 詳しくは「WordPressでのリンクにnofollowを追加する「を参考にしてください。
外部リンクを現在のウィンドウに開くように設定すると、訪問者がそのリンクをクリックしてサイトを離れるため、SEOに悪い可能性があります。
リンクを新しいウィンドウで開くことと現在のウィンドウで開くこと AdSense 収益にどのような影響を与えますか?
リンクを現在のウィンドウに開くように設定すると、リンクをクリックすると次のページが読み込まれ、モバイルフロント広告が表示される可能性があり、ユーザーにフロント広告が表示される可能性が高くなります。
구글 AdSenseが新しいウィンドウで表示するときにも前面広告が表示されるように更新されましたが、効果はあまりないようです。新しいウィンドウとして表示されると、リンクされたウィンドウが開き、ユーザーは新しいページに移動し、元のページに戻るとフロント広告が表示されることがあります。
SEOと AdSense 収益の両方を考慮して、内部リンクと外部リンクに対して次のように設定することを検討してください。
- 内部リンク:「新しいウィンドウで開く」をオフにする(つまり、現在のウィンドウで開く)
- 外部リンク:「新しいウィンドウで開く」設定
実際に内部リンクを現在のウィンドウで開くように設定すると AdSense 収益が上がります。
より収益を上げるには、内部リンクだけでなく外部リンクも現在のウィンドウで開くように設定できますが、この場合、離脱率が高くなるという欠点があります。収益を重視する場合は、すべてのリンクを現在のウィンドウで開くようにし、SEOを考慮する場合は、外部リンクを新しいウィンドウで開くように設定することをお勧めします。
内部リンクを現在のウィンドウで開くように設定する(JavaScript)
WordPressで外部リンクを新しいウィンドウで開くようにしたい場合 External Links in New Window / New Tabのようなプラグインを使用することができます。
しかし、すべての内部リンクを現在のウィンドウで開くようにする方法については見つけるのは簡単ではありません。 「Internal links in same tab」でグーグルしてみると」Internal links in same tab, external links in new tab「という文が検索されますが、この記事で提示されたvanilla JS関数でテストしてみるとうまく動作しませんでした。
Googleで検索されたいくつかの記事を参考にして作ってみました。 以下のコードを使用すると、必要に応じて動作しますが、JavaScriptの知識が不足しているため、コードが正しく機能しているかどうかはわかりません。 下記のコードで修正する内容をコメントでお知らせください。修正いたします。
※初めて私が作り上げたJSコードをチャットGPTにお願いし、改善したバージョンに置き換えました。
内部リンクを現在のウィンドウとして表示したい場合は、以下のコードを参考にしてください。
// 내부링크를 현재창으로 열기
// Open internal links in same tab
<script>
var links = document.getElementsByTagName("a");
var currentHostname = window.location.hostname;
for(var i = 0; i < links.length; i++) {
var link = links[i];
var linkObject = createLinkObject(link.href);
if (linkObject.hostname === currentHostname) {
link.removeAttribute("target");
}
}
function createLinkObject(href) {
var linkElement = document.createElement("a");
linkElement.href = href;
return linkElement;
}
</script>
上記のコードは、 WordPressだけでなく、ティーストーリーなど他のプラットフォームでも使用できます。 ティーストーリーブログにも上記のコードを追加してテストしてみるとうまくいきました。
以下の「Enqueue方法でJSファイルをロードする(推奨)」セクションを参照してJavascriptコードを追加できます。あるいは、あまり望ましくない WPコード (旧名「Insert Headers and Footers」) プラグインを使用してフッタ領域に上記のコードを追加すると便利です。
Enqueue方式でJSファイルをロードする(推奨)
エンキュー方式でロードしたい場合は、次の手順に進みます。
1. このリンクをクリックしてし Naver カフェの投稿からjsファイルをダウンロードしてください。
ダウンロードしたファイルをFTP経由でチャイルドテーマ内のjsディレクトリ(/ WP-コンテンツ/themes/チャイルドテーマフォルダ/js)としてアップロードします。例えば、 GeneratePress テーマを使用し、チャイルドテーマフォルダ名 generatepress-childの場合は、次のディレクトリにアップロードします。 jsフォルダがない場合は1つ作成します。
- /public_html/wp-content/themes/generatepress-child/js
チャイルドテーマ作成して作業しなければ、今後のテーマの更新時に変更は消えません。
FTPの使い方は ここを参照してみてください。
2.チャイルドテーマ内のfunctions.phpファイルに次のコードを追加します。
function enqueue_custom_js_script() {
wp_enqueue_script(
'remove-target-internal-links', // A unique handle for your script
get_stylesheet_directory_uri() . '/js/remove-target-attribute-internal-links.js', // The full URL of the script
array(), // An array of dependencies (if any)
'1.0.0', // Version number of the script
true // Whether to place it in the footer (true) or head (false)
);
}
add_action('wp_enqueue_scripts', 'enqueue_custom_js_script');
投稿(投稿)にのみ適用したい場合 独身だ() 条件文を追加します。
function enqueue_custom_js_script() {
if (is_single()) {
wp_enqueue_script(
'remove-target-internal-links',
get_stylesheet_directory_uri() . '/js/remove-target-attribute-internal-links.js',
array(),
'1.0.0',
true
);
}
}
add_action('wp_enqueue_scripts', 'enqueue_custom_js_script');
GeneratePress テーマを使用する場合:フックを使用してJSファイルをロードする
GeneratePress テーマを使用している場合は、上記の方法ではなくフックを使用してJSコードをフッタ領域にロードすることができます。
付録:内部リンク(前の記事)を簡単に追加するハニーチップ
WordPressで内部リンクを追加するとき [[で簡単に追加できます。たとえば、[[のみ入力すると、最近10個の投稿を挿入できるようにするためのドロップダウンリストが表示されます。
また、 「[[キーワード] 形式で入力すると、そのキーワードがタイトルに含まれている記事のリストが表示されます。
内部リンクを挿入する方法の詳細については、次の記事を参照してください。
すべてのリンクを現在のウィンドウで開くようにする方法
すべてのリンクを現在のウィンドウで開くようにすると AdSense フロント広告が表示される可能性が高まり、収益も増加する可能性があります。すべてのリンクを現在のウィンドウで開くようにする方法は、以下の記事で確認できます。
別の方法で以下のコードを使用することも可能です。以下のJavaScriptコードには、個々の投稿にのみ適用される条件文が追加されています。
GeneratePress, Astraのようなほとんどのテーマでうまく機能しますが、 Newspaper など一部のテーマでは、シングルポストをチェックする要素名を変更する必要があります。うまくいかない場合は、以下の「Enquque方式でJavaScriptコードをロードする」のセクションで説明する方法を使用してください。
以下のコード WPコードのようなプラグインのフッター領域に追加するだけです。 (フッタ領域に追加しても機能しない場合は、ヘッダ領域にコードを移動してみてください。)
<script>
document.addEventListener('DOMContentLoaded', () => {
const container = document.querySelector('.single .entry-content');
if (container) {
const links = container.getElementsByTagName('a');
Array.from(links).forEach(link => {
if (link) {
link.target = '_self';
}
});
}
});
</script>
サイトのすべてのページですべてのリンクを現在のウィンドウとして表示したい場合は、次のコードを使用できます。
<script>
document.addEventListener("DOMContentLoaded", function () {
// 모든 링크의 target을 '_self'로 설정
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
links[i].target = '_self';
}
// 클릭 시 1초 지연 후 현재 창에서 열기
document.body.addEventListener("click", function (event) {
if (event.target.tagName.toLowerCase() === "a") {
event.preventDefault();
const href = event.target.href;
if (href) {
setTimeout(function () {
window.location.href = href;
}, 1000);
}
}
});
});
</script>
上記のコードは1秒遅れて現在のウィンドウに開く機能を適用します。
EnququeでJavaScriptコードをロードする
enquque 方式で進む場合は、次のようなコードを使用できます。以下の方法はテーマに関係なくすべて WordPress サイトでご利用いただけます。
JSファイル( /js/open-links-in-current-tab.js ):
function openLinksInCurrentTab() {
const links = document.getElementsByTagName('a');
Array.from(links).forEach(link => {
if (link) {
link.target = '_self';
}
});
}
document.addEventListener('DOMContentLoaded', openLinksInCurrentTab);
チャイルドテーマの関数ファイル:
// 차일드 테마의 functions.php
function child_theme_enqueue_single_post_js() {
if (is_single()) {
wp_enqueue_script(
'open-links-in-current-tab', // 스크립트 핸들
get_stylesheet_directory_uri() . '/js/open-links-in-current-tab.js', // JS 파일 경로 (차일드 테마)
array(), // 의존성
null, // 버전 (캐싱을 위해 null)
true // true로 설정하여 footer에 스크립트를 로드
);
}
}
add_action('wp_enqueue_scripts', 'child_theme_enqueue_single_post_js');
シングルポストにロードする条件文をenquque関数に追加したため、JSコードから削除しました。
これを行うには、FTPに接続できる必要があります。
最後に、
AdSense 収益を増やしたい場合は、リンクを現在のウィンドウ/現在のタブで開くようにすると、フロント広告が表示され、収益の増加が期待できます。最近 AdSense ポリシーが変わり、新しいウィンドウで開かれてもフロント広告が表示されることもありますが、効果は現在のウィンドウで開くようにするよりは少ないようです。 (新しいウィンドウで開く場合は、リンクをクリックして新しいウィンドウに移動し、後ろに移動すると前面広告が表示されるため効果が低下します。)
参考までに WordPressでリンクを追加するときは、リンクがかかる単語やフレーズをマウスで選択し、キーボードショートカット Ctrl + Kを押すと、リンクをすばやく設定できます。
Gutenbergで提供されているショートカットを使用すると、マウスの使用を最小限に抑えて書くことができます。
いつもお得で迅速な情報ありがとうございます。
おかげで簡単に解決しました。
ありがとうございます。
ティーストーリースキンはBook Clubです。
単純にスクリプトだけの前にインストールしました。
私が助けてくれたら、私は内部リンクを現在のウィンドウに、外部リンクは新しいウィンドウで開くようにコードを少し変更して使用しています。
運営者様、ご回答いただきましたが、親切にお返事いただきありがとうございます^^;
私がブログウィンドウを表示した状態で別のウィンドウにコードを修正し、既存のウィンドウに続くかどうかをクリックしてみたら新しいウィンドウが浮かんでいます。
とても役に立つ情報ありがとうございます^^
最近新しく作成したティーストーリーブログがあり、適用してみません。.ㅜㅜ
特定のスキンだけに作用するのか..
私が基本スキンにあるscriptと書かれていることをすべて知らないので、いつも消して確認することが可能かと思いますねㅠ
他の方法はありませんか?
そのコード WordPress ブログにも適用しています。 プラットフォームに関係なくうまく機能するようです。
どのようにコードを追加したのかスクリーンショットを作成して教えてください。
(履歴ブログにプライベート投稿をXNUMXつ作成し、画像を投稿して画像URLを教えてください。)
そして、使用しているスキンは何ですか?
こんにちは、速い答えをありがとう!
headの上でもやってみたけど、同じくダメですね。
おっしゃったjavascriptを検索してみると
と思われるコードがいくつかありますが、
やっぱりで始まりを変えたのにヘッドボディの上ではダメですねㅠ
ぜひ書きたい機能なのに…もしかしたら他の方法は思い出せないのでしょうか?
java関連をすべて無効にしても同じです。
scriptで検索してみてください。
別の方法として、ティーストーリースキンをバックアップした後に別のスキンに置き換えてもテストできます。
ちなみにコメントにHTMLコードを追加できず、削除/head、/bodyと表現しました。 または直前にスクリプトを追加する必要があります。
こんにちは、最近手動でtargetコードを削除していますが、本当に良い機能だと思います。
ティーストーリースキンによって異なる場合がありますか? コードを直接編むのはうまくいきませんが、書いてくれたコードはスキンの影響を受けそうにありませんが。
一度確認していただけますか?
/bodyのすぐ上に追加しても同じ症状が発生しますか?
それでは/headのすぐ上に追加しますか?
そうでなければ、他のJavaScriptコードと競合する可能性があります。 他のjavascriptを削除してテストしてください。
非専門家は難しくて慎重です。
AdSense 広告を掲載していて、内部リンクを「新しいウィンドウで開く」オプションで開くように設定した場合がある場合は、この記事を参照してJavaScriptコードを適用できます。 そうでない場合は無視してください。
ティーストーリーの場合は、スキン編集> HTML編集> HTMLタブに移動してタグの直前に上記のコードを追加してください。