◆ リンクの使い方を知っておこう

★リンクって何？
リンクというのはWeb上のページとぺーじを繋げることです。（マウスでポチッとクリックすると別のページに移動するアレの事です）
Webの世界はこのリンクがあって初めて成立していると言っても良いでしょう。
もしこのリンクが無かったら、個別のページがバラバラに存在するだけで、目的の情報に辿り着ける可能性は皆無となります。
リンクには自分のサイト（ブログ）内のページどうしを繋ぐ場合もあれば、他のサイトやページと繋ぐ場合もあります。
リンクを上手に活用する事で、自分のサイト（ブログ）の価値をより高めましょう。


★FC2ブログでのリンクの挿入、削除
FC2ブログを例にリンクの貼り方を見てみましょう。

まずはリンクを貼りたい文字列をドラッグなどで選択します。
次にリンクボタン（画像中の赤丸のボタン）をクリックすると、下図のようなリンクするアドレスを入力するウインドウ（ボックス）が開きます。


このボックス内にリンク先のアドレスを入力します。
通常は予めコピーなどしておいた物を貼り付けます。
アドレスの入力が済んだらOKをクリックすればリンクが挿入されます。


上図のようにリンクしたい文字列の前後に<>で囲まれた「a href」で始まる文字列と、「/a」の文字列が挿入されたはずです。
これを「アンカータグ」と呼び、ここにリンクを貼りますよと言う命令になります。
（アンカータグに付いては下で詳細に説明しています）
リンクを削除したい場合は、このアンカータグを削除してやればOKです。


最後にプレビューを押して確認してみましょう。
文字列がクリックできる状態になっているはずです。


★リンクを貼る文字は何が良い？
一般的には以下の３パターンがあり、これらを組み合わせる場合もあります。
１・サイト名やページの題名、または内容の要略
２・アドレス（URL）
３・「こちら」などの文字
この中で一番好ましいのは１、次いで２の方法、極力避けたいのは３の方法です。
なぜ３の方法が好ましくないのか？それには２つの理由があります。
まずはページを見ている人（閲覧者、訪問者）の利便性の問題。
「こちら」とだけ書かれているとページのレイアウトによっては非常に見辛く、ストレスになります。
例えば

---

デジカメのページは　・・・・・　こちら
一眼レフのページは　・・・・・　こちら
ムービーのページは　・・・・・　こちら
パソコンのページは　・・・・・　こちら
携帯電話のページは　・・・・・　こちら
※注　リンク解説用のダミーです。リンク先にページは存在しません。

---

これは極端かもしれませんが、これではどのリンクをクリックして良いのかイライラします。
さらに視力の弱い方などが見るときに、音声読み上げソフトなどを使用しますが、その時にはさらに問題が大きくなります。

---

デジカメのページへ
一眼レフのページへ
ムービーのページへ
パソコンのページへ
携帯電話のページへ
※注　リンク解説用のダミーです。リンク先にページは存在しません。

---

などのようにすると良いでしょう。
もう一つの問題は、検索エンジンの判断方法です。
試しにキーワードを「こちら」としてGoogleなどで検索してみて下さい。
恐らくYahoo!などがトップに表示されると思います。
なぜ一見関係のないキーワードである「こちら」でYahoo!がトップ表示されるのか？、これは検索エンジンが順位、関連性を判断する時に「リンクに使用されている言葉」も判断材料にしている事を表しています。
つまり、様々なサイトの出口として「こちら」と言う単語にYahoo!へのリンクが多く使用されているために、このような現象が起こるわけです。
もちろん自分のサイト、ブログ内でリンクする時もですが、特に他のサイトやブログをリンクするときは、「こちら」やアドレスにリンクを貼るのではなく、できるだけ適切な言葉を使用してリンクするように心がけると、訪問者、リンク先サイト共に喜ばれます。


★アンカータグを知っておこう
アンカータグと言うのは主にリンクを貼る為に使用される、HTMLと言う言語の命令（タグ）の一つです。
<a href="http://www.test.com/this_test.htm" target="_blank">リンクの練習！</a>
前記の例ではこのようになっています。
HTMLのタグは<>の中に書かれ、ほとんどの場合、効果を表す範囲を決めるので、終了する地点に/（スラッシュ）が入ったタグを書きます。
アンカータグの場合は<a>から始まって</a>まで効果が続きます。（大文字の場合も有ります。HTMLは大文字と小文字を区別しません）
上記のタグを分解してみてみると、（）内は説明です。
<a（アンカータグだと言う宣言） href=（アドレスを指定する）"http://www.test.com/this_test.htm（リンク先ページのアドレス）" target=（開く先を指定する）"_blank（新しいウインドウで開く）">リンクの練習！（リンクを貼る文字列）</（ここまで）a（アンカータグの効果が）>
となります。
因みに新しいウインドウではなく、同一のウインドウに開きたい場合は「target="_blank"」の部分を削除します。
マウスがリンク文字に乗った時に、リンク先の説明を出したいときは「title」オプションを使用します。
<a href="リンク先のアドレス" title="ここに説明文を書く">リンクの説明</a>
このように書くと「リンクの説明」こういうリンクが作れます。
タグを少し知っておくと、非常に便利です。