ホームページコンテンツ

ホームページのどこでもドア~!アンカーリンクのご紹介

2015年01月19日(月) ホームページコンテンツ


いつも週刊メルマガをご覧頂き、誠にありがとうございます。
今週は、CMSproサポート担当の沖野が担当させていただきます。

**********************************************************
【ホームページのどこでもドア~!アンカーリンクのご紹介】
CMSproサポート担当: 沖野直人
**********************************************************

今回は、ページの途中に瞬間移動!ホームページのどこでもドアであります
アンカーリンクについて、ご案内をさせていただきます。

日頃ありがたいことに、非常にたくさんのお客様よりお電話での操作サポートを
させていただいています。
その中で、最もと言っていいほど多いご質問に、
「クリックした時に、あのページの【ココに】リンクを飛ばせないの?」というものがあります。
ここで今回のメルマガの主役、アンカーリンクの出番です!

【アンカーリンクとは】
まずは、アンカーリンクの説明をしたいと思います。
調べてみると、
「アンカーリンクとは、ドキュメント内で移動を可能にするハイパーリンクの一種です」とあります。

なんだか、ドキュメント内やらハイパーリンクやら専門の用語が出てきますが、ザックリ咀嚼すると
冒頭の、「クリックした時に、あのページのここにリンクを飛ばせないの?」が実現するもの。
それが、アンカーリンクです。

アンカーリンクの設定は正直、弊社でHP制作させていただく際に使用している、
ワードプレスというソフトのバージョンが古かった以前は、お客様の方で簡単に設定できない機能でした。
しかし、最新のワードプレスの場合、機能が次々と追加され進化しており、
少しコツを掴んでいただければ、実現できるようになりました。

アンカーリンクの操作方法を以下にまとめましたので、是非ご参考ください。

【アンカーリンク設定マニュアル】
********************************************************

1:アンカーの挿入(リンク先の設定)
対象ページを開き、アンカーを挿入したい位置(クリックすると飛ばしたい位置)へ カーソルをセットし、
その後、上部のアイコンのアンカーボタン(下側が三角に切り取られたようなマーク)をクリック。
(下側が三角に切り取られたようなマークのアイコンが表示されない、
また無い場合は、管理画面左側の【設定】→【TinyMCE Advanced】→【Unused Buttons】
の箇所にアイコンがあれば上部にドラッグしてSave Changes をクリックし再度対象ページへ)

2:アンカーの挿入画面が表示されるので、アンカー名(半角英数で好きな名前に設定)を入力してOKボタンすると、錨のマークが出現します。

3:次に通常のリンク設定と同じく、リンクさせたい場所・範囲を選択して、リンクの挿入/編集 ボタンをクリック。

4:★ここがポイント
通常のリンクだと飛ばしたいページのURLのみの設定でしたが、そのURLのあとにプラスして #(2:で設定した半角英数で好きな名前)という形式で入力して更新。

例:2:のアンカー名に okino と設定した場合
http://●●●/●●●#okino となります

以下URLのページ下部の方の(残念ながらこのページはアンカーリンクがないようです)
【WordPress TinyMCE Advanced - アンカーリンク】でも記載がございますのでご参考に!
http://www.plugin-admindocs.com/tinymce-link/

********************************************************

では、アンカーリンクはどのようにホームページの運営に役立ち、
そしてユーザーにとってどれほど便利なのでしょうか?
以下、アンカーリンクの代表的なメリットをご紹介します。

【アンカーリンクを設定することのメリット】
*********************************************************

■ユーザーを迷わせない!(離脱率の減少)
縦に長い文章量の多いページでも、アンカーリンクを設定しておくと、
ユーザーにとって見たい対象のコンテンツを探す手間が省け、離脱率を減少させる効果があります。

■動線を確保!(ユーザーを誘導できる)
このコンテンツを見たあとは、このページのこのコンテンツを見て欲しいなど、
意図的にホームページ内での動線を作り、ユーザーを誘導できやすくすることが出来ます。

■お問い合せ時にURLですぐにお客様へご案内が可能!(ご案内が楽チン)
例えばメールや電話などでお客様に対して、
「ホームページのこのページの少し下側に料金表があります」などの説明する手間が省けます。
アンカーリンクはその場所限定のURLとなるので、そのURLをメールなどでご案内すればOKです。

***********************************************************

※ご注意点※
便利だからといってアンカーリンクを連発し、カオス的な設定は控えてください。
過剰なアンカーリンクは、ユーザーはもちろん、検索エンジンをも迷わせてしまうため、 ペナルティを誘発するおそれもあります。

ホームページの回遊性やユーザビリティ(HPの見やすさ)アップに貢献できるアンカーリンク。
適度なボリュームに抑えてポイントポイントで、是非設定してみてください!

以上でホームページのどこでもドア~!アンカーリンクのご紹介を終わります。
CMSproのドラえもんこと、オキノもんがお送りしました~!

– 沖野直人

ps.
どちらかというと、キャラはのび太に近いです

関連記事

  • 集客対策:お客様の声ページの重要性 こんにちは! 今週はマーケティングチームの松井が担当いたします。 最近では緊急事態宣言も解除され、日常が戻りつつありますね。 今回の新型コロナ騒動で「経営」について深く考える経営者様が増えた印象を受けますが、 同時に「社員」も今まで当たり前に思っていた、「自分と会社との関係性」や「働き […]
  • スマホサイト改善はココを見よ! いつも週刊メルマガをご覧頂き、誠にありがとうございます。 今週は、CMSpro制作担当の大熊が担当させていただきます。 突然ですが、皆さんは現在の日本でのスマホ普及率をご存知ですか? 2017年7月時点でのスマホ普及率は全体で約8割! 今やガラケーの4倍以上の人が利用しています。 年代別で見ても、 […]
  • ホームページの運営者は誰だ?! いつも週刊メルマガをご覧頂き、誠にありがとうございます。 今週は、パキシエルというチョコアイスにハマっている、 CMSproサポート担当の沖野が担当させていただきます。 今回は、運営者は誰だ?!と題しまして、ホームページ上での信用性と […]
  • バナーの魅力を紹介! ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 「バナーの魅力を紹介!」 CMSpro制作担当: 黒田はじめ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ いつも週刊メルマガをご覧頂き、ありがとうございます。 […]
  • 6月から始まる広告規制について GWも明け、肌寒い日が続いていましたね。みなさん、体調崩されていませんか? ということで今週のメルマガは、 年明けに入社した私、細川が担当させていただきます。 僭越ながら、簡単に自己紹介させていただきます。 ・「なにもない、岐阜」から上京してまいりました。本当になにもないです。笑 ・前職は、歯科医 […]
  • お客様の興味を引くHPの作り方 いつも週刊メルマガをご覧いただき、誠にありがとうございます。 今週は、CMSproの北川が担当させていただきます。 今回のテーマはみなさまから良くいただくご質問の1つ 「どうやったらHPを訪れた人の興味を引き付けられるのか?」 についてご紹介します。 今回は、まずはHP全体の構成を中心にまとめまし […]

WEBマーケティング情報一覧
補助金・助成金
契約書のコスト削減!簡単に使える中小企業専用/電子契約サービス

東京都港区芝浦3-14-8芝浦ワンハンドレッドビル2F運営:リンヤ株式会社