SWELLを使ってページ内リンクを作る方法についてお話ししますね。ページ内リンクっていうのは、同じページの特定の場所にジャンプさせるためのリンクのことなんです。これ、別名アンカーリンクとも呼ばれています。
例えば、ブログ記事を読んでいて「ここをすぐに飛ばしたい！」とか、「この部分を早く見たい！」って思ったこと、ありますよね？そういう時に、ページ内リンクがとても役立つんです。ブログを運営している側からすると、読者の皆さんが必要な情報にすぐアクセスできるように誘導する手段として活用できるわけです。
ページ内リンクを設置することで、たくさんのメリットがあるんですよ。ナビゲーションが便利になったり、サイトの使いやすさが向上したり、さらにはSEOにも良い影響を与えることが期待できます。それから、アクセス可能性やページ滞在時間も向上します。
さて、SWELLでのページ内リンクの作り方はとても簡単です！これを使うことで、ユーザーを的確に記事の重要な部分へ誘導できます。これって、ユーザーにとってもとても優しい施策ですよね。さらに使い慣れてくると、外部の特定の場所へのリンクも作れるようになるので、ブログサイトのユーザビリティが一層高まります。
ぜひ、この方法を参考にして、みなさんのブログをより使いやすくしてみてくださいね！
ページ内リンクとは？
ページ内ってどんなもの？
ページ内リンクとは、同じページのある特定の部分へジャンプさせるためのリンクを言います。
アンカーリンクとも呼ばれています。
長い記事を読んでいると、必要な情報がどこかに埋もれてしまうことがありますよね。そんな時に、ページ内リンクを使うと、すぐに意中の情報に飛ぶことができるんです。例えば、特定の情報がページの先の方にあったりすると、飛ばしてアクセスできるのはとても便利ですよね。
目次も同じような役割を果たしますが、意外と記事内にページ内リンクが使われているのは少ないかもしれません。これを取り入れることで、訪問者の方にとってより使いやすいサイトに一歩近づくことができるでしょう。
重要なのは、訪問者様の視点に立って設定を行うことです。ユーザーが何を求めているのか、どのようにしたらスムーズに情報にたどり着けるのかを考えながら、ページ内リンクを活用していくと良いですね。このような配慮が、サイト全体の利便性を向上させる大きなポイントになると思います！
ページ内リンクのメリット
| メリット | 説明 |
|---|---|
| ナビゲーションの利便性 | ユーザーが長いページ内の特定セクションに直接移動できる |
| ユーザー体験の向上 | クロールの手間が省け、サイトの使いやすさが向上 |
| SEOに有利 | 検索エンジンがページの構造を認識しやすく、評価が向上する可能性 |
| アクセス可能性の向上 | 障害を持つユーザーも容易に情報にアクセスできる |
| ページ滞在時間の向上 | 関連情報が簡単に見つかるため、ページに長く留まりやすい |
SWELLのページ内リンクのやり方
- 最初に着地点を設定します
- 着地させたい見出しをクリックします
- 右の設定を下へスクロールして高度な設定を選びます。
- HTMLアンカーに適当な短い文字を入れます。（ここではjumpにしました）
- 出発点のリンクさせたい文字を選びます
- リンクボタンをクリック
- URL入力欄に、先ほど設定したHTMLアンカー「jump」の頭に「#」をつけて「#jump」を入力。Enterで決定します。
- 下記のようにリンクが貼られましたら一度下書き保存して投稿を表示させて確認してみましょう。（ これは画像です）
SWELLのページ内リンク、ここへ着地
「SWELLのページ内リンク、ここから出発」のリンクをクリックして、ここへ着地しましたでしょうか？
まとめ：【SWELL】ページ内リンクのやり方
今回は、【SWELL】のページ内リンクのやり方についてお話ししました。ページ内リンクとは、同じページの特定の部分にジャンプするためのリンクのことです。記事が長かったり、探している情報がページの先にあったりするときに、今の部分を飛ばしてすぐに目的の情報にアクセスできるのが便利なんですよ。
実際、私たちのブログでもこの機能をかなり活用しています。（まあ、無駄な部分が多いかもしれませんが（笑））SWELLのページ内リンクはとても簡単に設定できるので、ぜひ皆さんも使ってみてくださいね！これによって、訪問者の方が必要な情報にスムーズにたどり着けるようになり、より良いユーザー体験を提供できると思いますよ！
