WordPressで投稿タイトルから外部リンクにリンクする方法

時には、読者にとって最も役立つことは、たとえそれが自分のWordPressサイトのものでなくても、適切なリソースを示すことです。

しかし、デフォルトではWordPressはそのような簡単な方法を提供していません。投稿タイトルはすべて、ユーザーを外部ツール、記事、またはガイドに直接送信したい場合でも、投稿に戻るようにリンクされています。

これは不必要な摩擦を生み出します。読者はあなたの投稿をクリックし、内容をスキャンしてから、実際のコンテンツに到達するために再度クリックする必要があります。わずかなことですが、これらの不便さは全体的なユーザーエクスペリエンスを損なう可能性があります。

このガイドでは、WordPress プラグイン「Page Links To」と「WPCode」を使用して、WordPress の投稿タイトルを直接外部リンクにリンクする方法を説明します。広範なテストの結果、これらのプラグインが最もクリーンで簡単な方法を提供することを発見しました。テーマの編集は不要です。🙌

WordPressの投稿タイトルにリンクを追加する必要があるのはいつですか？

WordPressの投稿、ページ、またはカスタム投稿タイプのタイトルをカスタムURLにリンクすると便利な状況はいくつかあります。

たとえば、WordPressサイトに通常の投稿に似た広告スペースを提供しているとします。タイトルは、コンテンツではなく広告主のウェブサイトにリンクできるため、ユーザーにとって明確なパスが作成されます。

あるいは、独自のコンテンツと他のソースからのキュレーションされた記事の両方を特集するニュースアグリゲーターウェブサイトを実行しているかもしれません。理想的には、ホームページのニュースセクションは、記事のタイトルを、サイト内か外部サイトかに関わらず、正しい宛先に自動的にリンクします。

あるいは、ホームページで商品を紹介しているが、クリックすると個々の商品ページに移動する場合もあります。タイトルをカテゴリの商品カタログページに直接リンクして、より広範な概要を確認することを選択するかもしれません。

これらすべてを踏まえて、WordPressウェブサイトの投稿タイトルを外部リンクにリンクする方法を説明します。このチュートリアルをナビゲートするために、これらのクイックリンクを使用できます。

準備はいいですか？始めましょう！

方法1：Page Links To プラグインを使用する（初心者向け）

この方法は、初心者の方や、投稿またはページのタイトルを外部URLにリンクさせる簡単なソリューションを求めている方に最適です。さらに、ウェブサイト全体でタイトルをカスタムURLにリンクさせたい場合に優れたオプションとなります。

まず、Page Links Toプラグインをインストールする必要があります。ステップバイステップのウォークスルーが必要な場合は、WordPressプラグインのインストール方法に関する役立つガイドがあります。

プラグインがインストールされ、有効化されたら、新しい投稿、ページ、またはカスタム投稿タイプを開くか、ブロックエディターを使用して既存のものを編集します。

「投稿設定」サイドバーに「ページリンク先」という新しいタブが表示されます。

ここには2つのオプションがあります。「通常のWordPress URL」（デフォルト）と「カスタムURL」です。外部リンクにリンクしたいので、「カスタムURL」を選択します。

次に、外部URL全体（https://を含む）を「リンク先」フィールドに貼り付けます。たとえば、WPFormsウェブサイトにリンクする場合は、「https://wpforms.com」と入力します。

「新しいタブで開く」というチェックボックスもあります。これは、外部サイトへの訪問者がタイトルをクリックしたときに、元のタブであなたのページを開いたままにしておきたい場合に使用します。必要に応じてそのボックスをオンにすることができます。

最後に、「更新」または「公開」をクリックして変更を保存してください。

WordPressのブログページ、ホームページ、アーカイブページ、または投稿やページのタイトルが抜粋として表示されるその他の場所に移動すると、タイトルの上にカーソルを置いてみることができます。

指定した外部リンクにリンクされるようになります。

方法2：カスタムコードを使用する（より多くの制御）

この方法は、コードに慣れているユーザーや、投稿タイトルのリンク先を別のURLにしたいページをより細かく制御したい人に最適です。

たとえば、投稿タイトルがシングル投稿テンプレートで表示されている場合は外部URLにリンクさせたいが、ホームページやアーカイブページに表示されている場合はそうしたくない場合があります。

安全を期すために、テーマファイルを直接編集する代わりにWPCodeを使用します。このプラグインは、コードにエラーがあった場合にウェブサイトの破損を防ぐことができるため、カスタムコードをWordPressに安全に挿入できます。

私たちのビジネスパートナーは実際にWPCodeを使用してカスタムコードスニペットを追加および管理しています。プラグインの詳細については、WPCodeの完全レビューをご覧ください。

ステップ1：WPCodeのインストールとセットアップ

まず、WPCodeプラグインをインストールして有効化しましょう。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドがあります。

有効化すると、コードスニペット » スニペットを追加 に移動できます。ここで、‘カスタムコードを追加（新規スニペット）’にカーソルを合わせ、‘スニペットを使用’ボタンをクリックします。

次に、「コードタイプ」を「HTMLスニペット」から「PHPスニペット」に変更します。

その後、コードエディタページに移動します。

ここで最初に行うことは、スニペットに「投稿タイトルの外部リンク」のような明確な名前を付けることです。これにより、後で簡単に見つけることができます。

次に、以下のコードスニペットのいずれかを選択できます。

オプション1：すべての投稿タイトルを外部リンクにリンクさせる

このコード スニペットは、投稿単体、ホームページ、アーカイブ ページなど、サイトのさまざまな場所で投稿タイトルの URL を変更します。

コードは、投稿単体ページ、ホームページ、フロントページ、またはアーカイブ ページであるかどうかを確認します。そうであり、後述の手順でカスタム URL を設定している場合、コードはデフォルトのパーマリンクの代わりにその URL を使用します。

次のステップでは、ブロックエディターに「custom_url」という名前のカスタムフィールドを追加して、各投稿の外部リンクを指定します。

// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page() || is_category() || is_tag() || is_archive()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}

例えば、このコードをフロントページでのみ実行し、アーカイブページでは実行しないようにしたいとします。

次に、is_category()、is_tag()、またはis_archive()と書かれているコードを削除します。例：

// Change post title URL for single post pages and homepage/front page
add_filter('post_link', 'check_for_custom_url', 10, 3);
function check_for_custom_url($permalink, $post, $leavename) {
$custom = false;
// Check if it's a single post page
if (is_single()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Check if it's the homepage, front page, or archive pages
elseif (is_home() || is_front_page()) {
$custom = get_post_meta($post->ID, 'custom_url', true);
}
// Return the custom URL if set, otherwise return the default permalink
return ($custom) ? esc_url($custom) : $permalink;
}

オプション2：シングル投稿テンプレートの投稿タイトルを外部リンクにリンクさせる

このコードは、ホームページ、アーカイブページなどの他のページではなく、シングル投稿テンプレートの投稿タイトルのみを外部リンクにリンクさせたい場合に役立ちます。

このように、ユーザーはブログ投稿を訪問して読むことができますが、投稿タイトルをクリックして別のリソースを確認することもできます。

この例としては、ポッドキャスト ウェブサイトが挙げられます。WordPress サイトを使用してエピソードの要約やトランスクリプトを公開できますが、オーディオは Spotify でホストします。

この方法を使用すると、ポッドキャストエピソードをサイトに公開できますが、投稿タイトルをクリックしたときにSpotifyに誘導することができます。

以下のコードは、現在のリクエストが単一の投稿に対するものであるかどうかを確認します。もしそうであれば、カスタムフィールドを使用してカスタムURLを設定している場合、投稿タイトルにはそのURLが使用されます。

// Hook into the 'post_link' filter to modify the permalink of a post.
add_filter('post_link', 'check_for_custom_url', 10, 3);
// Define the callback function for the 'post_link' filter.
function check_for_custom_url($permalink, $post, $leavename) {
// Check if the current request is for a single post.
if (is_single()) {
// Retrieve the value of the 'custom_url' custom field for the current post.
$custom = get_post_meta($post->ID, 'custom_url', true);
// If the custom field has a value, use it as the permalink. Otherwise, use the default permalink.
return ($custom) ? esc_url($custom) : $permalink;
} else {
// If the current request is not for a single post, return the default permalink.
return $permalink;
}
}

コード スニペットを貼り付けたら、下にスクロールして「挿入」セクションに進みましょう。

ここから、「挿入方法」が「自動挿入」に、「場所」が「すべて実行」に設定されていることを確認してください。

最後に、トグルを使用してスニペットをアクティブにし、「スニペットを保存」をクリックしてください。

ステップ 2: タイトルでのリンクを有効にする (ブロックテーマユーザーのみ)

ブロックテーマを使用している場合は、コードが機能するようにするために追加の手順を実行する必要があります。

まず、外観 » エディターに移動して、サイト全体エディターを開きます。

ブロックテーマを編集するためのオプションが表示されます。

「テンプレート」をクリックしてください。

この段階で、「単一投稿」テンプレートを見つけたいはずです。

見つけたら、クリックして選択するだけです。

次に、「編集」アイコンの鉛筆をクリックする必要があります。

これでブロックエディターが開きます。

エディターに入ったら、「タイトル」ブロックをクリックしてください。

「ブロック設定」サイドバーで、「タイトルをリンクにする」オプションと、オプションの「新規タブで開く」オプションを有効にします。その後、「リンクリレーション」フィールドは空のままにします。

その後、「保存」をクリックしてください。

ステップ3：新しいカスタムフィールドを追加する

次に、ブロックエディターに「custom_url」カスタムフィールドを追加する時間です。

エディター内で、ブロックエディターの右上にある3点メニューをクリックし、「設定」を選択できます。

ここから、‘一般’タブに移動します。

その後、「カスタムフィールド」までスクロールできます。それを有効にして、「ページの表示と再読み込み」をクリックしてページを更新してください。

新しいカスタムフィールドセクションが表示されます。

そこにある「新規入力」をクリックする必要があります。

「カスタムフィールドの追加」セクションで、「ラベル」フィールドに、コードで前に指定した「custom_url」または任意のカスタムフィールドを入力しましょう。

「値」フィールドに、リンクしたい外部リンクを貼り付けることができます。

完了したら、「カスタムフィールドを追加」をクリックするだけです。

次に、「更新」または「公開」をクリックするだけで、変更をライブにできます。

最後に、ウェブサイトにアクセスしてコードが機能するかどうかを確認できます。投稿タイトルにカーソルを合わせるか、検証ツールを使用して確認できます。

オプション2のコードを使用した場合、投稿タイトルのURLは次のようになります：

ボーナスのヒント: 投稿タイトルに外部リンクを追加するとSEOに影響しますか？

投稿タイトルに外部リンクを直接追加することは、検索エンジン最適化（SEO）への影響は最小限です。

ただし、考慮すべき点がいくつかあります。別のウェブサイトにリンクする場合、検索エンジンに対して、そのサイトが有益な情報源である可能性があることを伝えていることになります。リンクジュースの一部は外部サイトに渡される可能性がありますが、一般的には少量です。

とはいえ、タイトルに多くの外部リンクが含まれている場合、ユーザーを混乱させたり、WordPress サイトをすぐに離れると思わせたりする可能性があります。

タイトルで外部リンクを使用したい場合は、外部リンクがコンテンツに真の価値をもたらし、高品質で、オーディエンスに非常に適している場合に**のみ**リンクすることを推奨します。

タイトル コードの外部リンクに「nofollow」属性を追加することもできます。これは、検索エンジンにランキング目的でこれらのリンクをたどらないように指示します。

一方、古いウェブサイトから新しいウェブサイトにユーザーを誘導するためにこのチュートリアルを読んでいる場合は、代わりにリダイレクトの使用を検討することをお勧めします。

リダイレクトは、特定のページが新しい場所に永続的に移動したことを検索エンジン（およびユーザー）に伝えます。これはWordPress SEO にとって有益な場合があります。元のページのリンクジュースが新しい場所に転送されるためです。

All in One SEO (AIOSEO) は、まさにそれを行うのに役立つ WordPress プラグインです。ユーザーフレンドリーなインターフェイスにより、特定の投稿またはページのredirectを簡単に設定できます。コードは不要なため、このプラグインは初心者にも適しています。

このトピックについては、301 リダイレクトの設定に関する初心者向けガイドで詳しく学ぶことができます。

WordPress投稿タイトルで外部ソースにリンクすることに関するFAQ

始めたばかりの場合（または外部リンクの投稿タイトルの影響について疑問がある場合）は、これらの一般的な質問が明確にするのに役立ちます。知っておくべき重要なことを順を追って説明しましょう。

プラグインなしでWordPressの投稿タイトルを外部URLにリンクできますか？

デフォルトでは、WordPress はこの機能をサポートしていません。テーマのテンプレートファイルを変更するか、カスタムコードを使用する必要がありますが、これはほとんどのユーザー、特に初心者には理想的ではありません。WPCode や Page Links To のようなプラグインは、はるかに簡単で安全なソリューションを提供します。

投稿タイトルのリンクを変更するとSEOに影響しますか？

可能です。ただし、必ずしも悪い意味ではありません。質の高い、関連性の高い外部リソースにリンクする場合、ユーザーエクスペリエンスを向上させ、間接的にSEOを改善することもできます。ただし、リンクアウトのみの薄い投稿で貴重なコンテンツを置き換えないようにしてください。

外部リンクは新しいタブで開く方が良いですか？

はい、ほとんどの場合そうです。外部リンクを新しいタブで開くと、ユーザーのブラウザでサイトが開いたままになるため、直帰率を低下させ、セッション時間を改善することができます。

タイトルを外部リンクにリンクした場合、元の投稿コンテンツはどうなりますか？

投稿自体は存在し続け、検索エンジンにインデックス登録されますが、タイトルをクリックした読者は外部URLに移動します。

SEO、概要、アフィリエイト開示、またはコンテキストのために内部コンテンツを追加することもできます。

この方法はアフィリエイトリンクにも使用できますか？

もちろんです。投稿タイトルから直接アフィリエイトURLにリンクすることは一般的なユースケースです。適切な開示ガイドラインに従い、必要に応じてnofollowまたはsponsored属性を使用していることを確認してください。

カスタム投稿タイプで動作するプラグインは何ですか？

WPCode（正しいスニペットを使用）とPage Linksカスタム投稿タイプでも機能しますが、プラグインまたはテーマがそれらを正しく登録している必要があります。常にテストして、期待どおりに動作することを確認してください。

テーマを変更したら、外部リンクは引き続き機能しますか？

はい。リンクは（WordPressテーマにハードコーディングされるのではなく）投稿メタに保存されるため、テーマを切り替えてもカスタム投稿タイトルのリンクは引き続き機能します。

この記事がWordPressの投稿タイトルから外部リンクにリンクする方法を学ぶのに役立ったことを願っています。また、内部リンクに関する究極のガイドや、WordPress向けの最高の関連記事プラグインの専門家による選び方もご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。