本サイトはプロモーションが含まれています。

ワードプレス

ワードプレスでアンカーリンクを設置する方法

ワードプレスでアンカーリンクを設置する方法

こんにちは。hikeyです。

今回はワードプレスでページ内にアンカーリンクを設置する方法をお伝えします。

 

アンカーリンクとは、簡単に言うと同じページの途中に飛ばせるリンクのことです

目次をクリックすると、その見出しにジャンプする感覚です。

 

クリックしたところから記事の下の方に書いてある文章や見出しまで飛ばすことができます。

たとえば、「一気にまとめへ飛びたい人はこちら」のように読み飛ばしたい時に使います。

アンカーリンクのことが詳しく知りたい方は以下のサイトで説明されています。

アンカーリンクとは?使い方やメリット・注意点をわかりやすく解説

 

ここではクラシックエディタでの使用する方法をお伝えします。

クラシックエディタを使用しているテーマの場合はみんな同様の操作です。

 

では1つづつ説明していきます。

 

ワードプレスでページ内アンカーリンクを設置する方法

以下の手順で設定します。

 

アンカーリンクを設定するボタンは2種類の方法があります。

ファイルメニューから行う

  1. 「メディアを追加」の下にあるファイルメニューから「挿入」クリックします。
  2. プルダウンの中に「アンカー」があるのでそれを使用します。

ボタンを編集して行う

① クラシックエディタのボタンを変更できる「TinyMCE Advanced」プラグインを使います。

(もしインストールしていない方は、ダッシュボードから「プラグイン」→「新規作成」→検索窓に「TinyMCE Advanced」→「インストール」→「有効化」します。)

 

② ダッシュボードの「設定」→「TinyMCE Advanced」→「旧エディター」

 

③ 「アンカー」を上の部分へドラッグ&ドロップします。

 

④ 最後に「変更を保存」をクリックします。

 

これでメニューボタンに「アンカー」が設置されました。

 

ワードプレスアンカーリンク設置方法

 

次に設置方法をご説明します。

 

① 飛ぶ先の文章の末尾をクリックして、カーソルの点滅を確認します

 

② 先ほど設置したアンカーマークをメニューかボタンでクリックします。

 

③ 入力窓が出ましたら名前を決め「OK」をクリックします。(名前は半角英数字)

 

 

④ リンク元の文章または画像などで「リンクボタン」をクリックします。

 

⑤ 入力窓に先ほど設定した名前の前に#を付け加えて入力します。

 

⑤ 最後に「OK」をクリック

WordPressでアンカーリンクを最適に活用する方法

WordPressでアンカーリンクを活用することは、ユーザーがサイト内で必要な情報を簡単に見つけられるようにするための素晴らしい方法です。特に長文の記事や、多くのセクションがあるページでは、読者が求める情報に直接ジャンプできるようにすることで、サイトの利便性が飛躍的に向上します。さらに、アンカーリンクを適切に設置することで、SEOの観点からもメリットがあります。Googleは、ユーザー体験を重視するため、サイト内のナビゲーションが容易なページを好みます。これにより、検索結果での表示が改善される可能性があります。WordPressでアンカーリンクを最適に活用する方法

アンカーリンクの基本とWordPressでの設定手順

WordPressでアンカーリンクを設定する方法は、サイト訪問者にとっても、運営者にとっても、非常に便利な機能です。たとえば、あなたが長い記事やレポートを公開している場合、読者が関心のある部分へ直接ジャンプできるようにアンカーリンクを設置できます。これは、情報の検索時間を大幅に短縮し、ユーザー体験を向上させることができます。設定自体は、テキストエディタでのHTMLタグの編集や、プラグインの使用など、いくつかの方法がありますが、いずれも直感的で簡単に行うことができます。WordPressでは、これらのアンカーリンクを用いて、よりナビゲーションしやすい、利用者にとって親しみやすいサイトを構築することが可能です 。

アンカーリンクの活用事例とその効果

アンカーリンクの効果的な活用例としては、ナビゲーションの向上や、特定のセクションへの直接リンクが挙げられます。例えば、あるウェビナーの資料ページにアンカーリンクを設置して、参加者が関連するセクションに容易にアクセスできるようにするといった使い方が考えられます。これにより、情報へのアクセス性が向上し、読者の満足度やサイト滞在時間の向上につながります。また、SNSで特定のセクションを共有する際にも便利で、より具体的な情報提供が可能になります。こうした利用方法は、サイトの使い勝手を大幅に向上させるため、多くのサイト運営者にとって非常に有用な手段です 。

 

ワードプレスアンカーリンクまとめ

ワードプレスのクラシックエディタでページ内(アンカー)リンクを設置する方法をお伝えしました。

 

ブロックエディタは右「ブロック」タブ内の「高度な設定」という仕様になっています。

エディタによって使い方が違うので迷いますよね?

アンカーリンクを使うことによって、ユーザーが探している情報にスムーズにアクセスでき、サイト内の閲覧時間も延長させることができます。

このアンカーリンクを使う事でユーザービリティ(ユーザーにやさしい)が向上します

ぜひ導入して同時にGoogleの評価もアップさせましょう!

アンカーリンクを使うことで、ワードプレスのページの構造を明確に示すことができ、検索エンジンがサイトをクロールする際にも役立ちます。

ぜひ導入して同時にGoogleの評価もアップさせましょう!

最後までお読みいただきありがとうございます。

 

「ホームページが検索されるようにする」3つの方法と対策

初めまして、hikeyと申します。 SEOコンサルタントとして2年以上の実績があり、多くのホームページが検索エンジンでの上位表示を目指すお手伝いをしてきました。 「ホームページ 検索されるようにする」 ...

続きを見る

wordpressでURLを埋め込む方法:画像や文字にURLを埋め込む図解解説

wordpressの文字にurlを埋め込む方法が知りたい方や、 wordpressの画像にurlを埋め込む方法が知りたいあなたに図解にてわかりやすく説明していきます。   わたしはブログ記事 ...

続きを見る

このホームページではアフィリエイトやワードプレスについての情報をお届けしています。

よければ他の記事も読んでみてくださいね。

→ ホームへ戻る

  • この記事を書いた人
  • 最新記事

hikey

このサイトでは50歳にして会社を辞め個人事業主として独立していくまでの過程をブログにて紹介していきます。基本はアフィリエイトに関する記事を掲載しますが、ワードプレスに関する記事も載せていきます。情報商材を購入しての感想なんかも書いていきます。

-ワードプレス
-