![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
こんな悩みを解決できる記事を用意しました!
私がブログを始めて1年半。
これまで渾身の記事を70記事以上書いてきました。
その結果、累計で5桁を達成することができました
この記事では、「WordPressブログでリンクを貼る方法」を紹介します。
「リンク」と一言で言っても、テキストのリンク、画像リンク、ブログカード、SNSの投稿埋め込みなど、いろいろな種類が存在します。
この記事では、以下の内容について図解を交えてわかりやすくご説明します。
この記事を読んで実践すれば、リンクの貼り方を完璧にマスターできますよ。
それではさっそく始めましょう!
※以下の記事では、内部リンクがSEOにどのように影響を与えるのか、内部リンクの貼り方と注意点を詳しく説明していますので参考にご覧ください。
![](https://affi-weblog.com/wp-content/uploads/2024/01/000480a50a943b16e8857671c8e6e7f4-300x164.png)
![](https://affi-weblog.com/wp-content/uploads/2024/01/000480a50a943b16e8857671c8e6e7f4-300x164.png)
「リンク」って何?
![「リンク」って何?](https://affi-weblog.com/wp-content/uploads/2024/02/c47cca7d0661681768257354a48a2680.png)
![「リンク」って何?](https://affi-weblog.com/wp-content/uploads/2024/02/c47cca7d0661681768257354a48a2680.png)
この章では、リンクに関する以下のことについて詳しく説明します。
「リンクを貼る」ってどういうこと?
ブログ記事の「リンク」とは、読者がブログ内の他の記事や、他のウェブサイトのページに簡単に移動できるようにするための仕組みをいいます。
テキストや画像に設定したリンクは情報の出典を示したり、関連する内容へ導いたりする役割を果たします。
リンクを使うことで、読者は興味のある追加情報をすぐに見つけられ、ブログの利便性と価値が高まります。
なお、リンクを利用して他のページへ移動できるような仕組みを作ることを「リンクを貼る」と表現します。
リンクのメリット(読者の役に立つ)
ブログ記事にリンクを貼ることは読者にとって非常に有益です。
理由は二つ。
- リンクによって読者は迅速に求めている情報にアクセスできるから
- リンクは読者が記事の内容をより深く理解するのに役立つから
例えば、「健康的な朝食のレシピ」について書いている場合に、具体的なレシピへリンクを貼れば、読者は興味を持ったレシピをすぐに確認できます。
また、読者が新しい用語に出会っても関連するリンクがあれば、その場でクリックして詳細を確認できます。
このようにリンクを活用することで、読者は情報を手軽に得られるだけでなく、内容を理解できるようにもなります。
リンクのメリット(SEOに有利)
リンクがSEO(検索エンジン最適化)にもたらす利点は非常に大きいと言えます。
具体的には以下のような効果があります。
- 内部リンクでインデックスされやすくなる
検索エンジンがあなたのサイトをより速く認識し、検索結果に表示します。
- 外部リンクで豊富な情報源を提供していると評価される
他のサイトへの参照がある記事は情報が豊富であると評価され、SEOに有利に働きます
内部リンクを貼ることで検索エンジンにインデックスされると、あなたのブログ記事がより多くの人に見つけられる可能性が高まります。
また、検索エンジンは外部リンクを評価し、あなたの記事が豊富な情報源を提供していると認識します。
これにより、SEOの観点からもあなたの記事の価値が高まります。
このように、リンクを適切に使用することは、読者にとってだけでなく検索エンジンにとっても価値のある行為だといえます。
基本的なリンクの分類
リンクの貼り方を分類すると次の3つに分類することができます。
![内部リンク 外部リンク ページ内リンク説明](https://affi-weblog.com/wp-content/uploads/2024/02/27de662beb450b8f120fa18549460186-1024x559.png)
![内部リンク 外部リンク ページ内リンク説明](https://affi-weblog.com/wp-content/uploads/2024/02/27de662beb450b8f120fa18549460186-1024x559.png)
WordPressでリンクを貼る
![WordPressでリンクを貼る](https://affi-weblog.com/wp-content/uploads/2024/02/743ba9082bbd0c60ac1faa7d2bd0a80f.png)
![WordPressでリンクを貼る](https://affi-weblog.com/wp-content/uploads/2024/02/743ba9082bbd0c60ac1faa7d2bd0a80f.png)
ここではWordPressブログでリンクを貼る方法を説明します。
まずは記事内のテキストにリンクを貼る方法です。
貼り方は分類すると次の3つ。
以下でそれぞれのリンクを貼る手順を紹介します
外部リンクの貼り方
まずは、外部リンクの貼り方です。
【外部リンクはこんな時に使います】
- 出典を明示する場合
- 外部サイトへ誘導したい場合
投稿画面を開く
ダッシュボードの投稿⇒投稿一覧・新規投稿を追加をクリックし投稿画面を開きます。
![投稿画面を開く](https://affi-weblog.com/wp-content/uploads/2024/02/fa20ddefedfe27306a8de80ce8f06690-1024x619.png)
![投稿画面を開く](https://affi-weblog.com/wp-content/uploads/2024/02/fa20ddefedfe27306a8de80ce8f06690-1024x619.png)
- 投稿済みの記事を編集する場合
投稿⇒投稿一覧をクリックして表示される記事タイトルをクリックします。 - 新規で記事を作成する場合
投稿⇒新規投稿を追加をクリックします。
外部リンクを貼るテキストを選択
外部リンクを貼るテキストを選択します。
![外部リンクを貼りたいテキストを選択する](https://affi-weblog.com/wp-content/uploads/2024/02/a293764c82e8fe8d0f011f4071154ec2-1024x503.png)
![外部リンクを貼りたいテキストを選択する](https://affi-weblog.com/wp-content/uploads/2024/02/a293764c82e8fe8d0f011f4071154ec2-1024x503.png)
「リンク」マークをクリックする
ブロックツールバーの「リンク」マークをクリックします。
![リンクマークをクリックする](https://affi-weblog.com/wp-content/uploads/2024/02/b0aaa9c4df3806a8bf823e0d44c52347-1024x503.png)
![リンクマークをクリックする](https://affi-weblog.com/wp-content/uploads/2024/02/b0aaa9c4df3806a8bf823e0d44c52347-1024x503.png)
リンク先のURLをコピー
リンク先として設定したい外部サイトのURLをコピーします。
![リンク先の外部サイトのURLをコピー](https://affi-weblog.com/wp-content/uploads/2024/02/3a7c0679e8d4e703039bd942fbf00d69-1024x649.png)
![リンク先の外部サイトのURLをコピー](https://affi-weblog.com/wp-content/uploads/2024/02/3a7c0679e8d4e703039bd942fbf00d69-1024x649.png)
リンク先の外部サイトのURLを貼り付け
リンク先として設定したい外部サイトのURLを貼り付けます。
![コピーしたURLを貼り付ける](https://affi-weblog.com/wp-content/uploads/2024/02/d5dcded578101dab68688d620e4eed37-1024x355.png)
![コピーしたURLを貼り付ける](https://affi-weblog.com/wp-content/uploads/2024/02/d5dcded578101dab68688d620e4eed37-1024x355.png)
外部リンクの貼りつけ完了
URLを貼り付けた部分の下部をクリックすることで外部リンクの貼り付けが完了します。
(「Enter」を押下してもOK)
![URLの下部をクリックすると貼り付け完了](https://affi-weblog.com/wp-content/uploads/2024/02/f3ee2694b694c39b5eca99aa7a795c51.png)
![URLの下部をクリックすると貼り付け完了](https://affi-weblog.com/wp-content/uploads/2024/02/f3ee2694b694c39b5eca99aa7a795c51.png)
正確に設定されているか確認
外部リンクを貼り終わったら更新ボタンをクリックし、プレビュー画面でリンク先がきちんと表示されるか確認しましょう。
![外部リンクが正確に貼れているかを確認](https://affi-weblog.com/wp-content/uploads/2024/02/9f0ab1e917fb0ab66f44f3f913ce981a-1024x611.png)
![外部リンクが正確に貼れているかを確認](https://affi-weblog.com/wp-content/uploads/2024/02/9f0ab1e917fb0ab66f44f3f913ce981a-1024x611.png)
これで外部リンクの貼り付けは完了です。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
外部リンクは信頼性の高いサイトを設定するようにしましょう!
リンク先のページを新しいタブで開く設定
WordPressのデフォルト設定では、リンク先ページが同じタブで開くようになっています。
WordPressではリンク先のページを新しいタブで開くようにも設定できます。
新しいタブで開くメリットは主に次の2つです。
新しいタブで開くメリット
- 直前に開いていたページに戻りやすい
- ブログ記事の読者離脱率が下がる
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
記事を見ながら設定をするときは新しいタブで開いた方がやりやすいですよ!
自分の記事を開いたまま、リンク先ページを新しいタブで開くようにする設定は次のように行います。
リンクの一部をクリックするとチェック欄と「新しいタブで開く」が表示されます。
![リンクの一部をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/5736fc7af4e5edf937b68d0ff4f1b5bc-1024x350.png)
![リンクの一部をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/5736fc7af4e5edf937b68d0ff4f1b5bc-1024x350.png)
「新しいタブで開く」の前にチェックを入れると、リンク先ページが新しいタブで開くようになります。
![「新しいタブで開く」にチェック](https://affi-weblog.com/wp-content/uploads/2024/02/6f20a18cb5d23a5d765e1ce78336d552-1024x350.png)
![「新しいタブで開く」にチェック](https://affi-weblog.com/wp-content/uploads/2024/02/6f20a18cb5d23a5d765e1ce78336d552-1024x350.png)
これで外部リンクをクリックしたときに、リンク先ページが新しいタブで開きます。
なお、リンク先ページを新しいタブで開くようにする設定は、内部リンク、ページ内リンクともに同じ手順です。
内部リンクの貼り方
続いて、内部リンクの貼り方を見ていきましょう。
【内部リンクはこんな時に使います】
- 記事の内容を別の記事で補足する場合
- ブログの重要な記事へと誘導する場合
投稿画面を開く
ダッシュボードの投稿⇒投稿一覧・新規投稿を追加をクリックし投稿画面を開きます。
![投稿画面を開く](https://affi-weblog.com/wp-content/uploads/2024/02/fa20ddefedfe27306a8de80ce8f06690-1-1024x619.png)
![投稿画面を開く](https://affi-weblog.com/wp-content/uploads/2024/02/fa20ddefedfe27306a8de80ce8f06690-1-1024x619.png)
- 投稿済みの記事を編集する場合
投稿⇒投稿一覧をクリックして表示される記事タイトルをクリックします。 - 新規で記事を作成する場合
投稿⇒新規投稿を追加をクリックします。
内部リンクを貼るテキストを選択
内部リンクを貼るテキストを選択します。
![内部リンクを貼るテキストを選択する](https://affi-weblog.com/wp-content/uploads/2024/02/2516291ce00febea03b3e6afa068ae9c-1024x248.png)
![内部リンクを貼るテキストを選択する](https://affi-weblog.com/wp-content/uploads/2024/02/2516291ce00febea03b3e6afa068ae9c-1024x248.png)
「リンク」マークをクリックする
ブロックツールバーの「リンク」マークをクリックします。
![リンクマークをクリックする](https://affi-weblog.com/wp-content/uploads/2024/02/54e4ae56f021830f82d5a7cf83d9fa5e.png)
![リンクマークをクリックする](https://affi-weblog.com/wp-content/uploads/2024/02/54e4ae56f021830f82d5a7cf83d9fa5e.png)
タイトルの一部で記事を検索
記事のタイトルの一部を入力し記事タイトルを表示します。
![記事タイトルの一部を入力して記事タイトルを表示する](https://affi-weblog.com/wp-content/uploads/2024/02/6ec1dfc61b9dd464cfcf82e663e0983c-1024x453.png)
![記事タイトルの一部を入力して記事タイトルを表示する](https://affi-weblog.com/wp-content/uploads/2024/02/6ec1dfc61b9dd464cfcf82e663e0983c-1024x453.png)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
リンク先のURLをコピペしなくてもいいので、簡単ですね
リンク先に設定したい記事を選ぶ
リンク先に設定したい記事をクリックすると内部リンクの貼り付けが完了します。
![リンク先に設定したい記事タイトルを選択する](https://affi-weblog.com/wp-content/uploads/2024/02/de21e3f85c4eacb9aa908ae3a3ad8c78-1024x453.png)
![リンク先に設定したい記事タイトルを選択する](https://affi-weblog.com/wp-content/uploads/2024/02/de21e3f85c4eacb9aa908ae3a3ad8c78-1024x453.png)
正確に設定されているか確認
内部リンクを貼り終わったら更新ボタンをクリックし、プレビュー画面でリンク先がきちんと表示されるか確認しましょう。
![内部リンクが正確に貼れているかを確認](https://affi-weblog.com/wp-content/uploads/2024/02/185d8b357785c60ea280f93ca0ada71b-1024x362.png)
![内部リンクが正確に貼れているかを確認](https://affi-weblog.com/wp-content/uploads/2024/02/185d8b357785c60ea280f93ca0ada71b-1024x362.png)
これで内部リンクの貼り付けは完了です。
ページ内リンクの貼り方
皆さんは記事を書いているときに「同じ記事のあの部分にジャンプしたい!」と思ったことありませんか?
実はWordPressブログでは、同じ記事の中の特定の部分に移動することができるんです。
このように記事のある部分から特定の部分へ移動するリンクを、「ページ内リンク」と呼びます。
【ページ内リンクはこんな時に使います】
- 同じ記事内の情報を参照する場合
- 同じ記事の特定の場所に直接移動する場合
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
「ページ内リンク」は「アンカーリンク」とも呼ばれます
ページ内リンクを設定する場合は、ジャンプする先に目印をつけておく必要があります。この目印のことを「HTMLアンカー」といいます。
それでは、ページ内リンクを貼る方法を紹介しましょう。
ダッシュボードの投稿⇒投稿一覧・新規投稿を追加をクリックし投稿画面を開きます。
![投稿画面を開く](https://affi-weblog.com/wp-content/uploads/2024/02/fa20ddefedfe27306a8de80ce8f06690-2-1024x619.png)
![投稿画面を開く](https://affi-weblog.com/wp-content/uploads/2024/02/fa20ddefedfe27306a8de80ce8f06690-2-1024x619.png)
- 投稿済みの記事を編集する場合
投稿⇒投稿一覧をクリックして表示される記事タイトルをクリックします。 - 新規で記事を作成する場合
投稿⇒新規投稿を追加をクリックします。
ページ内の移動したいブロックの画面右側のメニューで「ブロック」⇒「高度な設定」をクリックします。
![画面右側のメニューで「ブロック」⇒「高度な設定」をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/a659aaaeac0de42f99f0e3ac015a0e08-1024x458.png)
![画面右側のメニューで「ブロック」⇒「高度な設定」をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/a659aaaeac0de42f99f0e3ac015a0e08-1024x458.png)
HTMLアンカーに任意のテキストを入力します。このテキストが移動先の目印になります。
![テキストを入力する](https://affi-weblog.com/wp-content/uploads/2024/02/5285e16b90f4e48569441ea5dfe334b3.png)
![テキストを入力する](https://affi-weblog.com/wp-content/uploads/2024/02/5285e16b90f4e48569441ea5dfe334b3.png)
任意のテキストは以下の規則に従って決めましょう。
引用:WordPressサポートフォーラム
- HTML アンカーは文書内で固有でなければなりません (同一のアンカーは一度だけ使えます)。
- HTML アンカーでは大文字と小文字が区別されます。
- HTML アンカーには、ハイフン (-)、アンダースコア (_)、コロン (:)、ピリオド (.) などの半角記号を含めることができます。スペースを含めることはできません。
- HTML アンカーの先頭はアルファベットでなければなりません。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
今回はHTMLアンカーに「h2-1」と入力しました。
H2見出しの1つ目という意味でつけました。
この方法、結構便利ですよ!
ページ内リンクを貼りたいテキストを選択します。
![ページ内リンクを貼るテキストを選択](https://affi-weblog.com/wp-content/uploads/2024/02/307908af5b5237bbef6017db82ab9193.png)
![ページ内リンクを貼るテキストを選択](https://affi-weblog.com/wp-content/uploads/2024/02/307908af5b5237bbef6017db82ab9193.png)
ブロックツールバーの「リンク」マークをクリックします。
![ブロックツールバーの「リンク」マークをクリックする](https://affi-weblog.com/wp-content/uploads/2024/02/b2d6a207f70171923fadcb8ad7ab77fa-1024x514.png)
![ブロックツールバーの「リンク」マークをクリックする](https://affi-weblog.com/wp-content/uploads/2024/02/b2d6a207f70171923fadcb8ad7ab77fa-1024x514.png)
入力部分に
「# + HTMLアンカー」
を入力します。
今回は「#h2-1」と入力しました。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
「#」は半角で入力しましょう
![入力部分に「# + HTMLアンカー」を入力する](https://affi-weblog.com/wp-content/uploads/2024/02/4217a629e2e0160e939d07289aa5b1d0.png)
![入力部分に「# + HTMLアンカー」を入力する](https://affi-weblog.com/wp-content/uploads/2024/02/4217a629e2e0160e939d07289aa5b1d0.png)
「# + HTMLアンカー」を入力した下の部分をクリックするとページ内リンクの貼り付けが完了します。
![「#+HTMLアンカー」を入力した下の部分をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/3947e162163f9e7a358ca9ed54cbb291.png)
![「#+HTMLアンカー」を入力した下の部分をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/3947e162163f9e7a358ca9ed54cbb291.png)
ページ内リンクを貼り終わったら更新ボタンをクリックし、プレビュー画面でリンク先がきちんと表示されるか確認しましょう。
![ページリンクが正確に貼れているかを確認](https://affi-weblog.com/wp-content/uploads/2024/02/93630567d718eb75650c25b5c9e97a47-1024x377.png)
![ページリンクが正確に貼れているかを確認](https://affi-weblog.com/wp-content/uploads/2024/02/93630567d718eb75650c25b5c9e97a47-1024x377.png)
これでページ内リンクの貼り付けは完了です。
ページ内リンクの応用
ページ内リンクの応用で、
B記事の特定の部分から、
A記事「https://example/com/Apage」の特定の部分(HTMLアンカー:h2-1)へ
リンクを貼る
ということもできます。
この場合にはB記事の特定のテキストに「https://example/com/Apage/#h2-1」と入力することになります。
分かりにくいので画像で説明すると以下の通りです!
![ページ内リンクの応用](https://affi-weblog.com/wp-content/uploads/2024/02/dd87491e624da1e9770d1d844c99a5d3-1024x559.png)
![ページ内リンクの応用](https://affi-weblog.com/wp-content/uploads/2024/02/dd87491e624da1e9770d1d844c99a5d3-1024x559.png)
WordPressでテキスト以外にリンクを貼る
![WordPressでテキスト以外にリンクを貼る](https://affi-weblog.com/wp-content/uploads/2024/02/396e64549799b215e2447f0d2ea34da5.png)
![WordPressでテキスト以外にリンクを貼る](https://affi-weblog.com/wp-content/uploads/2024/02/396e64549799b215e2447f0d2ea34da5.png)
ここまではブログ記事の中のテキストにリンクを貼る方法を紹介してきました。
WordPressでは画像やボタンなどいろいろな種類のリンクが設定できます。
それぞれについて画像を使って詳しく紹介しますね。
画像にリンクを貼る
まずは、記事内に挿入した画像ファイルにリンクを貼る方法を紹介します。
画像を挿入したい部分で「+」(ブロックを追加)をクリックしてブロックを追加します。
![ブロックの追加](https://affi-weblog.com/wp-content/uploads/2024/02/bf1e4af1e111fb8bd9f1d1596e8298ad-1.png)
![ブロックの追加](https://affi-weblog.com/wp-content/uploads/2024/02/bf1e4af1e111fb8bd9f1d1596e8298ad-1.png)
「画像」と入力すると下部に画像関係のブロックが表示されるので、画像ブロックを選択します。
![画像ブロックを検索し画像ブロックを選択](https://affi-weblog.com/wp-content/uploads/2024/02/8e06e3c833eaf8753c1b2d3a77f0dd0b-1024x427.png)
![画像ブロックを検索し画像ブロックを選択](https://affi-weblog.com/wp-content/uploads/2024/02/8e06e3c833eaf8753c1b2d3a77f0dd0b-1024x427.png)
「アップロード」をクリックします。
![「アップロード」をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/d1d4d3c294ff7fde8e512f2cef90114f-1024x293.png)
![「アップロード」をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/d1d4d3c294ff7fde8e512f2cef90114f-1024x293.png)
フォルダーから挿入したい記事を選択します。
![フォルダーから挿入したい画像を選択](https://affi-weblog.com/wp-content/uploads/2024/02/9125c2b3b374eef2b9177d075e937e4c-1024x640.png)
![フォルダーから挿入したい画像を選択](https://affi-weblog.com/wp-content/uploads/2024/02/9125c2b3b374eef2b9177d075e937e4c-1024x640.png)
画像を選択すると下図のように記事内に画像が挿入されます。
![画像が挿入される](https://affi-weblog.com/wp-content/uploads/2024/02/eda4534721329b346c742b06c5db09f4-1024x650.png)
![画像が挿入される](https://affi-weblog.com/wp-content/uploads/2024/02/eda4534721329b346c742b06c5db09f4-1024x650.png)
画像をクリックして選択し、ブロックツールバーの「リンクを挿入」ボタンをクリックします。
![画像をクリックし「リンクを挿入」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/83f194d6900bbf583202c6623ff39d10-1024x706.png)
![画像をクリックし「リンクを挿入」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/83f194d6900bbf583202c6623ff39d10-1024x706.png)
入力欄に移動したい先のURLを入力し、「適用」ボタンをクリックします。
![リンク先を貼り付け「適用」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/62a5ad1b2c6dd195c244894dc88f2f36-1024x672.png)
![リンク先を貼り付け「適用」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/62a5ad1b2c6dd195c244894dc88f2f36-1024x672.png)
以上の手順で画像にリンクを貼ることができます。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
リンクがきちんと貼れているか、レビュー画面でチェックしましょう
ブログカードにリンクを貼る
ブログカードとは、下記のような関連記事や外部リンクを設定した際のリンク装飾のことをいいます。
![](https://affi-weblog.com/wp-content/uploads/2023/01/52ca555fbced519f0a834cd7f1327f31-3.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/01/52ca555fbced519f0a834cd7f1327f31-3.jpg)
ブログカードで表示される情報は次の通り。
- アイキャッチ画像
- 記事タイトル
- 記事の一部
ブログカード型のリンクを貼る方法はとても簡単。
URLをブロックに貼り付けるだけでブログカードが貼れます。
![URLをブロックに直接貼り付ける](https://affi-weblog.com/wp-content/uploads/2024/02/7bda35089889b0780b02b90d7b09216b.png)
![URLをブロックに直接貼り付ける](https://affi-weblog.com/wp-content/uploads/2024/02/7bda35089889b0780b02b90d7b09216b.png)
URLを貼り付けると下図のようにブログカードが自動で作成されます。
![ブログカードが貼り付けられた例](https://affi-weblog.com/wp-content/uploads/2024/02/4fcffaa229d8bd0dd802c13bcd1276eb.png)
![ブログカードが貼り付けられた例](https://affi-weblog.com/wp-content/uploads/2024/02/4fcffaa229d8bd0dd802c13bcd1276eb.png)
これでブログカード型のリンクを貼る手順は完了です。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
最後に、ブログガードがきちんと作成されているかどうかをレビュー画面でチェックしましょう
ブログカードはWordPressテーマによりデザインが異なります。
![](https://affi-weblog.com/wp-content/uploads/2022/10/e8bd0a90d8f1ed74bef5ad83403a39a8.png)
![](https://affi-weblog.com/wp-content/uploads/2022/10/e8bd0a90d8f1ed74bef5ad83403a39a8.png)
![](https://affi-weblog.com/wp-content/uploads/2022/10/e8bd0a90d8f1ed74bef5ad83403a39a8.png)
「超初心者のためのブログ塾」で使っている「SWELL」の場合は以下のようなデザインのブログカードが貼れます
【内部リンクの例】
![](https://affi-weblog.com/wp-content/uploads/2023/07/78be55ee93a8e0df28de9bcfbb117f56.png)
![](https://affi-weblog.com/wp-content/uploads/2023/07/78be55ee93a8e0df28de9bcfbb117f56.png)
【外部リンクの例】
![](https://swell-theme.com/wp-content/uploads/2020/04/swell-official-ogp.jpg)
![](https://swell-theme.com/wp-content/uploads/2020/04/swell-official-ogp.jpg)
ボタンにリンクを貼る
WordPressではボタンにリンクを貼ることもできます。
![ボタンにリンクを貼ったサンプル](https://affi-weblog.com/wp-content/uploads/2024/02/6496d345605b536df0ff53a5c2aae1e4.png)
![ボタンにリンクを貼ったサンプル](https://affi-weblog.com/wp-content/uploads/2024/02/6496d345605b536df0ff53a5c2aae1e4.png)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
WordPressテーマSWELLを使っている方は「SWELLボタン」を使いましょう。高機能なのでおすすめです
ボタンにリンクを貼る手順は以下の通りです。
「ブロック挿入ツールを切り替え」ボタンをクリック
記事入力画面の左上にある「+」(ブロック挿入ツールを切り替え」ボタンをクリックします
![「ブロック挿入ツールを切り替え」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/27749bd2bbabb722c202437ce842771c.png)
![「ブロック挿入ツールを切り替え」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/27749bd2bbabb722c202437ce842771c.png)
すると、各種ブロックが表示されます。
![各種ブロックが表示される](https://affi-weblog.com/wp-content/uploads/2024/02/c9384c9c8e47ee8b1ba5421cecbf3b79.png)
![各種ブロックが表示される](https://affi-weblog.com/wp-content/uploads/2024/02/c9384c9c8e47ee8b1ba5421cecbf3b79.png)
「ボタン」と入力・検索してボタンブロックを選択
検索窓に「ボタン」と入力しするとボタンブロックが表示されるので、ボタンブロックを選択します。
![「ボタン」と入力・検索してボタンブロックを選択](https://affi-weblog.com/wp-content/uploads/2024/02/4065a26ed574135fc88f7d809dabb29e.png)
![「ボタン」と入力・検索してボタンブロックを選択](https://affi-weblog.com/wp-content/uploads/2024/02/4065a26ed574135fc88f7d809dabb29e.png)
テキストを入力し「リンク」ボタンをクリック
ボタンの中にテキストを入力して「リンク」ボタンをクリックします。
ボタンは右のメニューから色や形を選択することもできます。
![ボタンの中にテキストを入力して「リンク」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/819d75cd0ae5d363e02545a0ca5cc736.png)
![ボタンの中にテキストを入力して「リンク」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/819d75cd0ae5d363e02545a0ca5cc736.png)
リンクを貼る
リンク先のURLを入力してリンクを貼ります。
![リンク先のURLを入力してリンクを貼る](https://affi-weblog.com/wp-content/uploads/2024/02/d19181ce1df6e51dacae329dd7040bdd.png)
![リンク先のURLを入力してリンクを貼る](https://affi-weblog.com/wp-content/uploads/2024/02/d19181ce1df6e51dacae329dd7040bdd.png)
これでボタンにリンクを貼ることができます。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
リンクがきちんと貼れているか、レビュー画面でチェックしましょう
X(旧Twitter)やYoutubeを埋め込む
WordPressではX(旧Twitter)といったSNSや、Youtubeといった動画を埋め込むこともできます。
XやYoutubeのような外部サービスをブログ上で利用可能にすることを「埋め込む」と呼んでいます。
ここではX(旧Twitter)を埋め込む手順を紹介します。
Xのポストを開きURLをコピー
埋め込みたいXのポストのページを開き、URLをコピーします。
![Xのポストのページを開きURLをコピー](https://affi-weblog.com/wp-content/uploads/2024/02/d8635479fb69886289ce6b40f008e5e3.png)
![Xのポストのページを開きURLをコピー](https://affi-weblog.com/wp-content/uploads/2024/02/d8635479fb69886289ce6b40f008e5e3.png)
「ブロック挿入ツールを切り替え」ボタンをクリック
記事入力画面の左上にある「+」(ブロック挿入ツールを切り替え」ボタンをクリックします
![「ブロック挿入ツールを切り替え」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/884bf5731aa5ea990675cb0483d25fcf.png)
![「ブロック挿入ツールを切り替え」ボタンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/884bf5731aa5ea990675cb0483d25fcf.png)
すると、各種ブロックが表示されます
![各種ブロックが表示される](https://affi-weblog.com/wp-content/uploads/2024/02/68dfe3636d39a42d0c34e8dfa0248fc4-1024x436.png)
![各種ブロックが表示される](https://affi-weblog.com/wp-content/uploads/2024/02/68dfe3636d39a42d0c34e8dfa0248fc4-1024x436.png)
検索欄に「Twitter」と入力・検索してTwitterブロックを選択
検索窓に「Twitter」と入力するとTwitterブロックが表示されるので、Twitterブロックを選択します。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
SWELLでは、「X」ではなくまだ「Twitter」という表現になっていますね
![「Twitter」と入力・検索してTwitterブロックを選択](https://affi-weblog.com/wp-content/uploads/2024/02/4a7ce869d20da4d7f54331a9598f3f8e-1024x286.png)
![「Twitter」と入力・検索してTwitterブロックを選択](https://affi-weblog.com/wp-content/uploads/2024/02/4a7ce869d20da4d7f54331a9598f3f8e-1024x286.png)
ポストのURLを貼り付け
最初にコピーしたポストのURLを貼り付け、「埋め込み」ボタンをクリックします。
![XのポストのURLを貼り付け](https://affi-weblog.com/wp-content/uploads/2024/02/6655db8d1a390f90bb9f678d1caa6cb6.png)
![XのポストのURLを貼り付け](https://affi-weblog.com/wp-content/uploads/2024/02/6655db8d1a390f90bb9f678d1caa6cb6.png)
![ポストが張り付けられた状態](https://affi-weblog.com/wp-content/uploads/2024/02/c8e50eb5f1894e02404dbda48f59ac13.png)
![ポストが張り付けられた状態](https://affi-weblog.com/wp-content/uploads/2024/02/c8e50eb5f1894e02404dbda48f59ac13.png)
以上の手順でX(旧Twitter)のポストを埋め込むことができます。
WordPressのリンクを変更、解除する
![WordPressのリンクを変更、解除する](https://affi-weblog.com/wp-content/uploads/2024/02/5f7e2736bad3f8e5aa1f706ae088847e.png)
![WordPressのリンクを変更、解除する](https://affi-weblog.com/wp-content/uploads/2024/02/5f7e2736bad3f8e5aa1f706ae088847e.png)
ここではWordPressで貼ったリンクを変更したり、解除する方法を紹介します。
リンクのテキストやURLを変更する方法
まずはリンクのテキストやURLを変更する手順を紹介します。
変更したいリンクを選択
変更したいリンクをクリックして選択し、ペンのアイコン(編集)をクリックします。
![変更したいリンクを選択し「編集」をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/9a1bd52719318fcf696db8066f654eea.png)
![変更したいリンクを選択し「編集」をクリック](https://affi-weblog.com/wp-content/uploads/2024/02/9a1bd52719318fcf696db8066f654eea.png)
テキストまたはURLを変更する
テキストとURLが変更できるようになるので、必要に応じて変更して保存をクリックします。
![テキストまたはURLを変更する](https://affi-weblog.com/wp-content/uploads/2024/02/dc8d05954402fa26b18f75fd697b5619.png)
![テキストまたはURLを変更する](https://affi-weblog.com/wp-content/uploads/2024/02/dc8d05954402fa26b18f75fd697b5619.png)
以上の手順でテキストやURLを変更することができます。
リンクを解除する方法
最後に、リンクの解除方法について紹介します。
解除したいリンクを選択し、ツールバーにあるリンク解除アイコンをクリックします。
![リンクを選択しリンク解除アイコンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/1b4b3c953398d6e07fa7dd2a3e2886ed.png)
![リンクを選択しリンク解除アイコンをクリック](https://affi-weblog.com/wp-content/uploads/2024/02/1b4b3c953398d6e07fa7dd2a3e2886ed.png)
以上の作業でリンクを解除することができます。
リンクに関する便利なプラグイン
![リンクに関する便利なプラグイン](https://affi-weblog.com/wp-content/uploads/2024/02/9eda9dd03850102df0568736a46dcb5b.png)
![リンクに関する便利なプラグイン](https://affi-weblog.com/wp-content/uploads/2024/02/9eda9dd03850102df0568736a46dcb5b.png)
ここでは、リンクの設定やリンクの管理に便利なおすすめのプラグインを紹介します。
順番に見ていきましょう。
「Broken Link Checker」
リンク切れを自動検知
「Broken Link Checker」は、リンク切れなどのエラーを知らせてくれるプラグインです。
![Broken Link Checker](https://affi-weblog.com/wp-content/uploads/2024/02/46Broken-Link-Checker.png)
![Broken Link Checker](https://affi-weblog.com/wp-content/uploads/2024/02/46Broken-Link-Checker.png)
内部リンクや外部リンクのリンク切れを検知しメールで知らせてくれます。
リンク切れは読者の利便性を損なう恐れがあります。
また、リンク切れはSEO上もよくありません。
リンク切れをそのままにしないためにも「Broken Link Checker」を導入しておきましょう。
「Pz-LinkCard」
カード型の外部リンクを作れる
内部リンクはURLを貼るだけでブログカードリンクができますが、WordPressテーマによっては外部リンクをブログカードリンクで作成できません。
その場合に使えるプラグインが「Pz-LinkCard」です。
![Pz-LinkCard](https://affi-weblog.com/wp-content/uploads/2024/02/47Pz-LinkCard.png)
![Pz-LinkCard](https://affi-weblog.com/wp-content/uploads/2024/02/47Pz-LinkCard.png)
お使いのWordPressテーマで外部リンクをブログカードで作成できるかどうか確認し、外部リンクをブログカードで作成できない場合は導入を検討してみてください。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
SWELLは外部リンクもブログカード形式で表示できる仕様になっているのでおすすめです
「Pretty Links」
自ドメインの短縮URLが作れる
「Pretty Link」は短縮URLを作成できるプラグインです。
![Pretty Link](https://affi-weblog.com/wp-content/uploads/2024/02/48Pretty-Link.png)
![Pretty Link](https://affi-weblog.com/wp-content/uploads/2024/02/48Pretty-Link.png)
このプラグインはクリック数、クリックされた日時も記録してくれます。
アフィリエイトリンクを短縮すれば、アフィリエイトリンクを隠すことができますね。
「External Links」
自動で新しいタブで開く
WordPressでブログ記事を作っている場合、リンクをクリックすると同じタブで新しいページが開いてしまいます。
これは、元のページから離れたくない時に不便ですよね。そこで役立つのが「External Links」というプラグインです。
![External Links](https://affi-weblog.com/wp-content/uploads/2024/02/49External-Links.png)
![External Links](https://affi-weblog.com/wp-content/uploads/2024/02/49External-Links.png)
このプラグインを使えば、リンクをクリックした時に新しいタブでリンク先のページを開くことができます。
さらに、外部リンクを示す小さなアイコンがリンクの隣に自動で表示されるので、どのリンクが外部へのリンクなのか一目で分かります。
外部リンクをよく使う方には、このプラグインはおすすめです。
まとめ:WordPressのリンクを使いこなそう!
![WordPressのリンクを使いこなそう!](https://affi-weblog.com/wp-content/uploads/2024/02/b65a2c917d16bd770504e6052013a384.png)
![WordPressのリンクを使いこなそう!](https://affi-weblog.com/wp-content/uploads/2024/02/b65a2c917d16bd770504e6052013a384.png)
WordPressブログでリンクを設定する方法を紹介しました。
おさらいしましょう。
リンクのメリット
WordPressのリンクを使いこなすことができれば、読者に役に立ち、SEOにも好影響が期待できます。
この記事を読み実践してリンクの貼り方をマスターしましょう!
今回の内容をが参考になれば幸いです。
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
![](https://affi-weblog.com/wp-content/uploads/2023/05/5fe0981e4b50a55844803fbc0a9ab2e0.jpg)
SWELLなら、おしゃれなブログカードが簡単に作れますよ!