1-3.その他デザイン

【2994】ページ途中への直接リンクを設定する【クリエイティブモード】

同じページに「会社概要」と「代表あいさつ」を並べて載せているけど、「代表あいさつ」は下に来るぶん、なかなか見てもらえないです。。
ページ内リンクを使って、直接そこへリンクできるURLを発行してみては?

ページ内リンクを使用すれば、見たい箇所まで即座にスクロールでき、興味のあるテーマに迅速に移動する事ができます。

また、閲覧者が興味を持っているテーマに簡単に移動できるため、ページの滞在時間が伸びるメリットがあります。

例えば、今見ているこのページでも、ページ内リンクは使用されています。
イメージがつかみにくい場合は、実際にリンクしてみましょう!

・ページの先頭から表示するURL
https://user-manual2.smooooth.jp/archives/2994

・「リンク先にIDを設定する」箇所から表示するURL
https://user-manual2.smooooth.jp/archives/2994#rtoc-2

設定の手順

リンク先にIDを設定する

準備として、リンクを飛ばしたいコンテンツに「ID」を設定する必要があります。

❶ サイト編集からリンクを飛ばしたいコンテンツがあるページをクリックして、「編集を開始する」をクリック。

❷「シンプルモード」をクリックして、「クリエイティブモード」に変更してください。

❸リンクを飛ばしたいコンテンツ箇所をクリックして、選択してください。

ブロック設定のアイコンをクリックしてください。その後に、英数字で任意のIDを入力してください。

・IDはコンテンツに関連した英数字で設定しましょう。
・ページ内リンクを設定する際に必要になるので、IDはメモしておいてください。

さっきの「参考」だと、IDは【rtoc-2】になるってことですね!

❺「公開中サイトに反映する」をクリックしてください。

❻「OK」をクリックして、設定内容を反映させてください。

リンク元にURLを設定する

【715】固定ページの画像・テキストにリンクを追加・編集する【クリエイティブモード】各ページの文章や画像にページリンクを設定する方法を説明します。 まずは、編集を開始するを押してページを編集できる状態にし、左上の編...

❶ サイト編集からページ内リンクを設定したいページをクリックして、「編集を開始する」をクリックしてください。

❷ 「シンプルモード」をクリックして、「クリエイティブモード」に変更してください。

❸ URLの欄に移動したいページのリンクをペーストしてください。

❹ URLの末尾に「#」(半角シャープ)+「設定したIDを追加してください。

❺「OK」ボタンをクリックしてください。

❻「公開中サイトに反映する」をクリックしてください。

まとめ

以上がページ内リンクの設定方法になります。
閲覧者のことを考えて、ページ内リンクを活用し、ホームページの「使いやすさ」を向上させましょう。