PRこの記事には商品プロモーションを含む場合があります。

書き方

【WordPressでリンクを設定】内部リンクや外部リンクの貼り方を画像ベースで解説

上記の悩みは、この記事ですべて解決できます。

この記事では、WordPressで可能なリンクの貼り方網羅的にまとめています。

画像ベースで丁寧に解説しているので、参考にしていただけたら嬉しいです。

では、『目次』から知りたい情報を探して、一緒に設定していきましょう。

 

WordPressのリンクの貼り方

リンクとは『Webページ上の文字や画像をクリックすると、別のページに移動できる仕組み』のこと。

これをうまく活用することで、訪問者に別ページを案内したり、情報を補足したりすることができます。

リンクには大きく4つのタイプがあります。

  1. 外部リンク
    別のサイトの記事に移動するリンク
  2. 内部リンク
    同じサイトの他の記事に移動するリンク
  3. ページ内の内部リンク
    同じ記事のなかの別の箇所へ移動するリンク
  4. 別記事の特定の場所へのピンポイントでのリンク
    他の記事の特定の箇所へピンポイントで移動するリンク

WordPressでは、画面上でボタンをポチポチするだけで簡単にリンクを設置できるので、それぞれのリンクの貼り方をわかりやすくお伝えしていきます。

 

外部リンクの貼り方

外部リンクは『別のサイトの記事』へのリンクのこと。

他サイトの記事を参考にしたり、内容を引用する際に活用します。

なお、リンク先のサイトの信頼性もSEOに影響するため、外部リンクを設定する際には必ず信頼できるサイトを選びましょう。

外部リンクは次の5ステップで設定します。

 

STEP
WordPressの投稿(固定ページ)画面にアクセス

まずはWordPressにログインして、投稿(固定ページ)画面にアクセスします。

 

STEP
外部リンクを設置したいテキストを選択

記事の中で外部リンクを貼りたいテキストを選択してください。

 

STEP
リンクボタンをクリック

ツールバーの中から「リンク」ボタンを選択します。

 

STEP
リンク先のURLをコピー&貼り付け

リンク先として設定したいページにアクセスして、URLをコピーします。

 

WordPressの投稿画面に戻り、コピーしたURLを貼り付けます。

 

STEP
リンクを設定

最後に「Enter」を押して設定完了です。

 

設定したら、リンク部分が青字で表示されます。

Taka
外部リンクの設置は以上で完了です。

 

内部リンクの貼り方

内部リンクは『同じサイトの別の記事』へのリンクのこと。

自分のブログの重要なページや、関連記事に誘導したい時に使います。

また、内部リンクはSEO上とっても重要

トピッククラスター構造を作って内部リンクで記事を関連付けることで、Googleに評価されやすいサイトを作れます。

 

それでは、内部リンクの設定手順を見ていきましょう。

内部リンク次の5ステップで設定します。

 

STEP
WordPressの投稿(固定ページ)画面にアクセス

まずはWordPressにログインして、投稿(固定ページ)画面にアクセスします。

 

STEP
内部リンクを設置したいテキストを選択

記事の中で内部リンクを貼りたいテキストを選択してください。

 

STEP
リンクボタンをクリック

ツールバーの中から「リンク」ボタンを選択します。

 

STEP
リンク先の記事を指定

リンク先として設定したい記事のタイトルを入力します。

 

STEP
リンクを設定

STEP4.で入力した文字を『タイトルに含む』記事が出てくるので、該当するものを選択したら設定完了

 

設定したら、リンク部分が青字で表示されます。

 

Taka
以上で内部リンクの設置は完了です。

 

ページ内リンクの貼り方

つぎにお伝えするのは、同じ記事の中で『指定した特定の位置』へリンクする方法です。

通常のリンクの場合は、記事の先頭部分に遷移しますが、ページ内リンクを使うことで、記事の途中の意図した位置にダイレクトで飛ばすことができます。

ページ内リンクは次の6ステップで設定します。

 

STEP
WordPressの投稿(固定ページ)画面にアクセス

まずはWordPressにログインして、投稿(固定ページ)画面にアクセスします。

 

STEP
リンク先にしたい箇所にID(目印)を設定

リンク先として設定したいブロック(h2・h3見出しなど)を選択した後、右側パネルで『ブロック』タブ >『高度な設定』をクリックします。

 

HTMLアンカーの入力欄に『任意のID』を指定 してください。

 

なお IDを設定には、いくつかのルールがあるので注意が必要です。

  • 複数のブロックに対してIDを設定する場合、その記事の中でIDが重複してはならない
  • IDはアルファベットで設定すること
  • 単語のつなぎはハイフン( - )とすること

この決まりが守れていないと、リンククリック時に変な動きをしたり、Googleからの評価が下がってしまう恐れがあります。

 

STEP
リンクを設置したいテキストを選択

つぎにリンク元となる記事にアクセスして、リンクを貼りたいテキストを選択します。

 

STEP
リンクボタンをクリック

ツールバーの中から「リンク」ボタンを選択します。

 

STEP
「# + ID」でリンク先を指定

リンク先は、先ほど設定したIDの前にシャープ(#)をつけて指定します。

 

STEP
リンクを設定

最後に「Enter」を押して設定完了です。

 

設定したら、リンク部分が青字で表示されます。

Taka
これでページ内リンクの設置は完了です。

 

別記事の特定の場所へのピンポイントでのリンク

ページ内リンクと同じように、別の記事に対しても『記事の途中の特定の場所』を指定して、リンクを設置できます。

設定方法はとても簡単。

リンク先を指定する際に、リンク先の記事のURLを指定するだけで完了です。

リンク先の記事のURL#ID

その他の手順はページ内リンクの設定手順と同じになります。

 

知っておくと便利な設定

ここからはリンクを設定するうえで、知っておきたいノウハウをお伝えします。

では、ひとつずつ見ていきましょう。

 

リンクを新しいタブで開く設定

通常、リンクをクリックすると、同じタブの中でページが切り替わってしまい、元の記事が見えなくなってしまいます。

そこで、この設定!

新しいタブでリンクを開くように設定することで、元のページを残したままリンク先を開けるようになります。

設定方法はとても簡単で、リンクを設定するときに『高度』の『新しいタブで開く』にチェックを入れるだけでOKです。

これでリンクをクリック時に、新しいタブでリンク先の記事が表示されるようになります。

 

リンク先のサイトにSEOパワーを与えない設定

外部リンクを設定すると、リンク先のサイトのSEO評価が高まることがあります。

もしリンク先が競合サイトだと、自分のサイトにとって不利になってしまいますよね。

そんなときに便利なのが、「nofollow」設定です。

「nofollw」を設定するだけで、リンク先のサイトにSEOパワーが渡るのを防ぐことができます。

この設定も簡単で、リンクを設定するときに「nofollowをマーク」にチェックを入れるだけでOK。

無意識でライバルをサポートしないためにも「nofollw」はかならず設定しておきましょう。

 

特殊なリンクの設定方法

ここからは、テキスト以外のリンクの貼り方をお伝えします。

では、ひとつずつ見ていきましょう。

 

ブログカード形式のリンクの貼り方

WordPressの各テーマでは、ブログカードという『カード形式のリンク』が用意されています。

たとえば AFFINGERの場合は、こんなブログカードが標準搭載されてます。

 

関連記事
ブログアフィリエイトのニッチな穴場ジャンル|おすすめ15選

続きを見る

ブログカードのデザイン、挿入方法はご利用のテーマによって異なるので、次のワードで検索してみてください。

検索ワード:『 テーマ名 ブログカード 』

もしもご利用のテーマに「ブログカード」がなかったり、デザインが気に入らない場合は、オシャレなリンクカードが作れるプラグイン「Pz-LinkCard」を利用する方法もあります。

 

画像にリンクを設定する方法

つぎに画像にリンクを設定する方法をお伝えします。

手順は次の5ステップです。

 

STEP
WordPressの投稿(固定ページ)画面にアクセス

まずはWordPressにログインして、投稿(固定ページ)画面にアクセスします。

 

STEP
投稿画面の左上+ボタンをクリック

つぎに投稿画面の左上  ボタンをクリックします。

STEP
画像ブロックを挿入

画像ブロックを選択して、任意の画像を挿入してください。

 

STEP
リンクボタンをクリック

画像を選択して、ツールバーの中から「リンク」ボタンをクリックします。

 

STEP
リンク先を指定して適用

リンク先を指定してEnterを押したら設定完了です。

これで画像のリンク設定は完了です。

 

ボタンにリンクを設定する方法

次に紹介するのは『ボタン型』のリンクです。

ボタン型のリンクは次の5つの手順で設定します。

 

STEP
WordPressの投稿(固定ページ)画面にアクセス

まずはWordPressにログインして、投稿(固定ページ)画面にアクセスします。

 

STEP
投稿画面の左上+ボタンをクリック

つぎに投稿画面の左上  ボタンをクリックします。

 

STEP
ボタンブロックを挿入

ボタンブロックを選択して、ボタンを挿入してください。

 

STEP
リンクボタンをクリック

ボタンを選択して、ツールバーの中から「リンク」ボタンをクリックします。

 

STEP
リンク先を指定して適用

リンク先を指定してEnterを押したら設定完了です。

Taka
これでボタン形式のリンクが設置できました。

 

YouTube・SNS の埋め込みリンク

X(旧ツイッター)や、インスタグラムなどのSNS や、YouTube については、リンク先のコンテンツを自分のブログ記事に埋め込んだ形で表示することが可能です。

YouTube・SNSを埋め込む手順は次の5ステップ。

 

STEP
WordPressの投稿(固定ページ)画面にアクセス

まずはWordPressにログインして、投稿(固定ページ)画面にアクセスします。

 

STEP
投稿画面の左上+ボタンをクリック

つぎに投稿画面の左上 ボタンをクリックします。

 

STEP
埋め込みたいSNSコンテンツを選択

埋め込みたいSNSのブロックを選択して記事に挿入します。

 

STEP
リンク先のURLをコピー&貼り付け

SNS・YouTubeにアクセスして、任意のコンテンツのURLをコピーします。

 

STEP
URLを貼り付けてリンク先を指定

コピーしたURLを貼り付けて「埋め込み」をクリックします。

 

コンテンツを記事に埋め込んだらこんな感じで表示されます。

■ YouTubeを埋め込んだ場合

 

■ X(旧ツイッター)を埋め込んだ場合

これで完了です。

 

リンクを編集・解除する方法

設定済みのリンクに対しても、かんたんに設定を変更・解除することができます。

それぞれ詳しく見ていきましょう。

 

リンクを解除する方法

変更したいリンクの一部をクリックして、「解除」ボタンを押したら簡単にリンクを解除できます。

 

リンク先を変更する方法

リンク先の変更は次の2ステップで行います。

 

STEP
変更したいリンクを選択

変更したいリンクの一部をクリックして、「編集」ボタンを押します。

 

STEP
リンク先の指定を変更

リンクを編集して「保存」ボタンを押したら完了です。

これでリンク先を変更は完了です。

 

オシャレなリンクカードが作れるプラグイン

使っているWordPressのテーマに『リンクカードがない』という場合は、無料のプラグイン「Pz-LinkCard」がオススメ。

Pz-LinkCard」を使えば、だれでも簡単にリンクカードを設置できます。

デザインはこんな感じですが、柔軟にカスタマイズもできますよ。

 

QA

WordPress のリンク機能について、よくある質問をまとめました。

 

URLを入れると自動的にテキストリンクになるんだけど?

テキストでURLを入れたいのに勝手にテキストリンクになってしまうケースでお困りの方が多いかと思います。

この問題は「カスタムHTML」ブロックを活用すれば解決します。

手順は次の3ステップ。

 

STEP
投稿画面の左上+ボタンをクリック

投稿画面の左上  ボタンをクリックします。

 

STEP
カスタムHTMブロックを挿入

カスタムHTMブロックを選択して、ブロックを挿入してください。

 

STEP

カスタムHTMに『<p>URL</p>』を入力

以下の形式でURLを入力したらOKです。

<p>https://example.com</p>

 

これで自動変換されずに、URLを表示できます。

 

記事に『直接』外部サイトを埋め込む方法は?

他のサイトの記事を『直接』記事に埋め込みたい場合は、iframeタブを利用します。

埋め込み後のイメージはこんな感じ。

埋め込み先のサイトが iframeタグを許可していない場合は、そのサイトを埋め込み表示することはできません。

 

手順は次の3ステップです。

 

STEP
投稿画面の左上+ボタンをクリック

投稿画面の左上  ボタンをクリックします。

 

STEP
カスタムHTMブロックを挿入

カスタムHTMブロックを選択して、ブロックを挿入してください。

 

STEP

カスタムHTMに『<iframe src="URL"></iframe> 』を入力

以下の形式でURLを入力したらOKです。

<iframe src="https://takarogu.com/blog-tool-recommended" width="100%" height="400"></iframe>

 

 

これで埋め込み完了です。

 

リンクを使いこなしてSEO評価をアップしよう

この記事では、WordPressにおけるリンクの貼り方を解説してきました。

リンクはSEO的にも非常に重要です。

トピッククラスターで、リンクを使いこなせるようになれば、競争の激しいキーワードでも上位を狙えるようになるので、リンクの知識は必ず把握しておきましょう。

no image
SEOに強いブログサイト構造『トピッククラスター』の概要と作り方を徹底解説

続きを見る

以上になります。

ここまで読んでいただき、ありがとうございました。

 

-書き方

PHP Code Snippets Powered By : XYZScripts.com

Copyright© タカログ , 2024 All Rights Reserved Powered by AFFINGER5.