FQA|「トップページに戻る」 「任意のページに飛ぶ」タグはどう記述する?

FQA|「トップページに戻る」 「任意のページに飛ぶ」タグはどう記述する?

「トップページに戻る」 「任意のページに飛ぶ」タグの記述?

A タグを貼っておきますのでコピーして利用下してさい

内部リンクタグ

内部リンクタグは、ユーザビリティやSEOに関わる重要なタグです。ホームページは使いにくいと、訪問者さんはページを閉じますので最適化させる必要があります。その代表的なタグが次の7っで重要性が高くなります。

内部リンク

  1. 「閲覧しているページのトップに戻る」
  2. 「トップページに戻る」
  3. 「閲覧しているページ内の別の箇所に移動」
  4. 「他ページへの移動」
  5. 「他ページの任意の場所への移動」
  6. 「別カテゴリーへの移動」


例えば「ページトップに戻る」リンクは、ページが縦に長くなった場合は必須です。特にブラウザ5枚分以上縦に長いページでは、閲覧者さんがページの一番下まで閲覧した場合に「ページトップに戻る」リンクが無いと、ページの先頭に戻るためにスクロールするのが面倒になりサイトを閉じてしまう可能性もあります。


ページトップに戻るリンクと共に「関連ページ」へのリンクがあると他のページも閲覧してもらえる可能性は高くなります。このように閲覧者さんにサイト滞在の機会を与えるのが内部リンクの役割です。


SEO対策ではユーザビリティと共に訪問者さんを長い時間サイトに引き止める事も重要なポイントになります。


そのためには、サイトを使いやすくする内部リンクが必要になります。これらのリンクはグーグルがサイトの価値を判断し検索順位を決めるためのロボット(クローラー)の通り道にもなりますので、意識して作業する必要があります。


またクローラーは内部リンクを巡り、新しいページや更新されたページをグーグルのデータベースにインデックスします。


リアルの店舗でも来店者の滞在時間を長くするために、様々な工夫がされています。特に「アパレル関係」などは顕著で「購入する意思が無いお客さんも必要」で、滞在時間と滞在数が重要になります。


訪問者が多く、滞在時間の長いサイトは、有益な情報が掲載されているとグーグルは判断します。なので一旦サイトに訪れてくれた訪問者に対しては、なるべく多くのページを見て頂き、長い時間サイトに滞在して頂く必要があります。そのために必要なのが内部リンクで、この内部リンク配置の最適化が長時間滞在のために必須なのです。


閲覧者さんにとっての内部リンクとは、関連するページや興味を持った記事に飛んだり、また余計なスクロールをする事なく目的の場所に自由に行き来できる便利なワープ機能と言えます。サイト訪問者はこのような適切な内部リンクの配置が無いとユーザビリティに不満を感じて次のような行動を起こします。


サイトからの離脱

  • 他のサイトに移動する
  • グーグル検索画面に戻る
  • 戻るボタンで前の別サイトに帰る
  • ×ボタンを押しブラウザを閉じる


上記の方法で、閲覧者さんはいつでもあなたのサイトから離脱できます。この離脱を阻止するのも内部リンクの役割と言えます。自分がサイトを作成していると、サイトの構成が解っているので、つい知らずのうちに内部リンクを軽視してしまいがちです。内部SEOの基本なので、ぜひ見直して下さい。以下にソースを貼りますので、コピペでご活用下さい。


シリウス2の場合

シリウス2で内部リンクを設置する場合はボタンリンクで作成する事が多いと思いますが、ボタンリンク作成も内部リンクを記述するための基本理論が必要になりますので、それぞれのHTMLをご参考にして下さい。

「ページトップに戻るリンク」

<p style="text-align:right;"><a href="#">ページのトップ</a></p>

  • "text-align:right;"はリンクテキストを右寄せにする。
  • エントリーページ、カテゴリーページ共に"#"でページ先頭に戻る。


シリウス2ではページの一番右下にデフォルトで「ページトップに戻る」リンクが設置されていますが、縦に長いページではページの途中に「ページトップに戻る」ボタンを設置する事があります。その場合のボタンリンクの設定は下記画像のようになります。リンク先のURLの記述は#とします。



「トップページに戻るリンク」

<p style="text-align:right;"><a href="<% pageDepth %>index.html">トップページ</a></p>

  • <% pageDepth %>index.html はシリウス2の独自タグでトップページURL
  • トップページのURLの記述でも可


下記画像内赤文字-[サイト内ページ選択ボタン] でリンク先ページをクリック

トップページにリンクさせたい場合は[サイト内ページ選択ボタン] を開いた画面で「トップページ」をクリックする。他のページも同様にクリックしたページのURLが自動で記述されます。この設定は各ページの先頭にリンクで飛びます。



「同じページの任意の場所に飛ぶ場合」

リンク元
<a href="#○○○">リンク先を表すテキスト</a>


リンク先
<a id="○○○"></a>

  • ○○○にリンク元、リンク先で同じ「英数字/記号」
  • クリックした場合○○○の先頭に移動する
  • ○○○はハイフン、アンダーバーなど記号でもOK

※ クリックしてください。


「他ページの任意の場所に飛ぶ場合」

リンク元
<a href="<% pageDepth %>entry5.html#1-1">リンク先を表すテキスト</a>


リンク先
<a id="1-1"></a>

  • 上記の場合[entry5]1-1にリンク。
  • #の後の1-1は、任意の自分が管理しやすい英数字でOK。
  • 下記画像は「サイト内ページ選択ボタン」をクリックしてページを選択た後、#〇〇〇を記述
    トップページを選択したので自動でIDが [top0] で指定されている


最短ホームページテンプレートの場合

「ページトップに戻るリンク」

<p style="text-align:right;"><a href="page1.html">このページのトップ</a></p>

  • rightは右寄せ(中央はcenter、左寄せはleft)
  • page1.htmlはそのページのURL


「トップページに戻るリンク」

<p style="text-align:right;"><a href="index.html">トップページ</a></p>

  • "index.html"は第一階層のみ
  • カテゴリーページの各ページはトップページURL


「同じページの任意の場所に飛ぶ場合」

同ページリンク元
<a href="#○○○">リンク先を表すテキスト</font></a>


リンク先
<a name="○○○"></a>

  • ○○○には任意の [同じ小文字の英数字]
  • クリックした場合○○○の先頭に移動する
  • ○○○はハイフン、アンダーバーなど記号でもOK


「あるページの任意の場所に飛ぶ場合」

リンク元
<a href="page5.html#○○○">リンク先を表すテキスト</font></a>


リンク先
<a name="○○○"></a>

  • ○○○は、任意の半角英数字で記述。
  • 上記の場合[ページ5]○○○にリンク。


内部リンクの注意事項

リンク付けの記述のルールを守る

○○○については管理しやすい任意の半角英数字で記述します。画像のファイル名と同じくHTMLでは大文字は使わないようにした方が良いです。アンダーバーやハイフン、ドットも利用可能ですが文頭や文末には使えません。


「アンカーテキスト」は、リンク先の記事の内容が想像できるようなテキストで記述してください。例えば「こちら」というテキストは抽象的であり、リンク先が予測できません。グーグルのクローラーもアンカーテキストでリンク先の記事内容を判断しています。また、アンカーテキストは羅列でなく記事文中に記述するのがSEO上有利とされています。


内部リンクは内部SEO対策の基本になりますのでサイトのユーザビリティを向上させるために、必要な箇所に正しい記述で設置してください。このような細かい作業を丁寧に積み上げる事が検索順位に影響します。



2025/11/18 04:58:14


 

 

 

 

SIRIUS2 OFFICIAL PAGE
SIRIUS2 OFFICIAL PAGE
リンク先公式サイトからのご購入でシリウス2を快適に始めるための
ユーチューブ動画アクセス権 [全4本-計67分] を特典としてプレゼント!

さらに電話、メールサポートや画像集、Wordテンプレートもお渡ししています。
また、特典ユーザーズページではシリウス2に必要なSEOに関連する記事を閲覧できます。