ですが、手当たり次第募集している所にしていく…というのは止めましょう。
なんか変なサイトだけど相互リンク募集しているから
とりあえずここと相互しておこう…という考えですね。

最低限ページランク3以上を目安にする感じですが、
必ずしも「ページランク4＞ページランク3」という方程式ではありません。

もちろんページランクに必ずこだわると言った必要性もありません。
理由は長くなるので割愛。
自分がここはいいサイトだなーっと思った直感でも全然いいと思います。

もの凄く理想的な感じはTOPリンクには自分が凄いと思っているサイトを10前後、
リンク集を30ぐらいを目標に相互リンクしていけばそれで色々と物足りるかなっと。

ですが「相互リンク募集中です！」と書いてあってメールを送ったり
掲示板に書き込んだりしたけど、返事が貰えなかったという事はよくある事です。

大体そういうサイトは放置してしまっていてメール、
掲示板をチェックしていなくなっている場合がありますので
「更新日付」などを確認してから相互リンクの書き込みやメールなどを送りましょう。

相互リンクの了承メールやお返事は、
返事が来て当たり前…ではなく
返事が来なくて当然…と思っていた方が気持ちが楽です。

・Javascriptをoffでリンクを非表示

クローラーはJacascriptを読み込んではいますが、現在の所はあまり評価をしません。
そしてjavascriptで表示しているサイトには恐らく何のペナルティも起こりません。

だからと言って、ページのほとんどjavascriptで作り訪問者にはそれ表示でクローラーにはseoを施した文章しか読ませないっていうのは人為的にペナルティが入るので止めておきましょう。クローキングでググると分かりやすいです。

・発リンクが多すぎるサイト

外部リンクが多いサイトです。
リンクする意味があまりありません。
ひとつのページに100前後の外部リンクしているサイトなんかは避けておきましょう。

・TOPリンク同士の相互リンク…のハズがインラインフレームで埋め込み

見た目ではTOPにリンクされているように見えるんだけど、
実は外部ページ（最悪無料サーバーの何も無いページ）からリンクされているだけ。

それなのに向こう側から「TOP相互リンクお願いします」というメールとかが来たら
完全無視でよろしいかと思います。

・aタグにrel="nofollow"が付いてある

ソースを見ないとまず気付けないようになっています。
ブラウザによってはプラグインなんかで見抜けるプラグインもあります。

・meta robotsタグにnoindex

そのページをクローラーに読ませないように設定されています。
相互リンク集などで相互する場合などご注意ください。

・robot.txtで相互リンクページを読ませていない

以前悪徳のSEO業者がよく使っていた手です。今もある？？
相手は何百とも相互リンクを結んでいるけれど
その結果こっちには何のメリットもない相互リンク。
もとい、一方通行リンク。

調べ方はhttp://www.yahoo.co.jp/robots.txt
で付け足す感じです。
404表示でしたら別ページにあるか。ファイル自体を作っていないかです。

本来の使い方は.cgiやphpのincludeの元ページなどを
クローラーに読ませたくない場合に使うものです。

もちろんここに書いてある事はこちらも絶対にやってはいけない事です。
ウェブ初心者を騙せても中級者↑は騙せません。

目標達成してまだリンクを募集するのなら
TOPページ「リンク募集中です」等など書くなど、
募集していないのなら「リンクの募集はしていません」と
ハッキリ書いていた方がいいです。

サブページに書いておくとロクにページを見てなくて、
リンク募集をしていないのに「リンクのお願いです」という
メールが来たりしますので、分かりやすい場所に書いてあげるといいと思います。

それでもリンクのお願いメールが来ちゃったりするんですが、
その補足としては「リンクは募集しておりません、メールくださってもお返事しかねます。」
と書いてあるとこっちはわざわざ「すみません、リンク募集していないんです」
という返事を書かずとも、そのまま削除しちゃっても構いませんよね？

それでもしつこくメールをいただく事もある場合でも完全に放置しちゃいましょう。
大体内容もコピペだと思います…が、熱心にサイトの事を語ってくれていて
「ここのこのコンテンツが好きでどうしても***様（サイト名）と相互していただきたいです」
という風な事があった時、私は場合断れませんでしたけど（笑）

<script language="JavaScript">
<!--
function kousin()
{this[0] = "日"; this[1] = "月"; this[2] = "火"; this[3] = "水";
this[4] = "木"; this[5] = "金"; this[6] = "土";}
now = new Date();
yr  = now.getYear();
mn  = now.getMonth() + 1;
dt  = now.getDate();
dy  = now.getDay();
fyr = (yr < 2000) ? 1900 + yr : yr;
dys = new kousin();
dyj = dys[dy];
document.write("【最終更新は");
document.write(fyr + "年" + mn + "月" + dt + "日" + "(" + dyj + ")");
document.write("です。】");
//-->
</script>

こちらは+時間表示です。

<script type="text/javascript">
<!--
function kousin()
{this[0] = "日"; this[1] = "月"; this[2] = "火"; this[3] = "水";
this[4] = "木"; this[5] = "金"; this[6] = "土";}
dys = new kousin();
dd = new Date();
document.write(dd.toLocaleString());
document.write("(" + dyj + ")");
// -->
</script>

ちなみにこのスクリプトは右クリックでソースを見るとバレてしまうのですが・・・
PHPで完全に書き換えているように見せる事ができますｗ

date関数を使いパソコンで設定されている西暦、日付、時間まで好きなのを設定できるので、
これを使い毎日更新しているように見せかけますｗ

<?php
echo date("Y/m/d g:i");
?>

一応タグを記載しておきますが、PHPが使えるサーバーじゃないと使えません。

これもJavascriptで可能なんですが、文字化けなど、ちゃんと届かない…などがよく起こります。
さらに、メーラーを起動させてメールを送る事になりますので色々とご注意が必要です。
レンタルのメールフォームなどを借りるとメーラーを起動させる必要もありませんので、
手軽さを選ぶならレンタルをオススメしてみます。

メールフォーム2

メールフォーム1のタグ

<form action="mailto:ここにメールアドレス" method="post" enctype="text/plain">
■お名前<br>
<input type="text" size="20" name="name"><br>
■メールアドレス<br>
<input type="text" name="アドレス"><br>
■ホームページ<br>
<input type="text" name="HP"><br>
性別 <br>
<input type="radio" checked name="性別" value="男">男
<input type="radio" name="性別" value="女">女
<br>
■ご用件内容は？<br>
<select name="where" size="1"><br>
<option value="link">リンク</option><br>
<option value="Q">質問</option><br>
<option value="kansou">感想</option><br>
<option value="sonota">その他</option><br>
</select><br><br>
■ここにメッセージをお願いします<br>
<textarea name="kansou" rows="5" cols="50"></textarea><br>
<input type="submit" value="送信">
<input type="reset" value="クリア"><br>
</form>

メールフォーム2のタグ

<form action="mailto:ここにメールアドレス?Subject=件名" method="post" enctype="text/plain">
<table bgcolor="#bcd1fe" width="330">
  <tr>
      <td><font color="#ffffff">名前</font></td>
      <td><input type="text" name="名前"></td>
    </tr>
    <tr>
      <td><font color="#ffffff">タイトル</font></td>
      <td><input type="text" name="タイトル"></td>
    </tr>
<tr>
      <td><font color="#ffffff">ホームページ</font></td>
      <td><input type="text" name="HP" value="http://"></td>
    </tr>
    <tr>
      <td><font color="#ffffff">メール</font></td>
      <td><input type="text" name="メール" size="22">
    </td>
    </tr>
    <tr>
      <td colspan="2" align="center"><font color="#ffffff"><b>メッセージ</b></font><br>
      <textarea name="メッセージ" cols="40" rows="5"></textarea></td>
    </tr>
    <tr>
      <td colspan="2" align="center"><input type="submit" value="送信">　　
  <input type="reset" value="クリア"></td>
    </tr>

</table>
</form>

これもよく見かけますがパスワードを付けるやつです。
■会員専用のページ

<script type="text/javascript"><!--
function myEnter(){
myPassWord = prompt("パスワードを入力してください","");
if ( myPassWord != "" )location.href = myPassWord+".html";}
// --></script>

この方法では移動先ページの名前(***.html）をパスワードにするのですが、
（秘密のページの名前をhimitsu.htmlにしておくとパスワードがhimitsuになります）
当然indexと入力するとTOPページに移動します（＾＾；

他の方法もあるんですがソースにパスワードが現われる状態になるので、
この方法がJavascriptの中では1番じゃないかな？と思われます。
しかし、ページがバレると直リンクなどされてもパスワードが掛からないので、
ご注意ください。（あくまでも簡易的パスワードです）

このお気に入りのボタンはstyleでカスタマイズできます。

このJavaScriptはブラウザによっては右クリック後メニュー出ます（＾＾；

無断で画像を取られたくない時などに使用しましょう。
しかし、JavaScriptを切られると簡単に右クリックができてしまうので、
その画像をJavaScriptで呼び出す（.js）などにしておいた方が良いと思います。
完全ではありませんがある程度は防げると思います。

右クリック禁止のタグ（警告文）

警告文を出したくない場合はbodyタグに↓を付け加えるだけ

警告文を出さなくてもいいというならこっちの方が手軽ですね！

JavaScriptを使うにあたっての注意点を言うと、
<script type="text/javascript">タグを使う時、
src=で呼び出さない場合、基本的には<head>の中にタグを入れてください。

また、<script>でタグの中身を書く場合は必ず
<!--*****//-->コメントで閉じて、
尚且つ//スラッシュ2本が必要になります。
（.jsで呼び出した場合は逆にエラーになります）

後は、JavaScriptを切っている・切られている状態だと、
表示されない・ボタンが押せないなどの問題が出てきますので注意してください。

簡単にまとめると・・・
■JavaScript
【良い点】　　サーバーに負担かけない、動作が速い、ある程度CGIやPHPのマネをできる…
【悪い点】　　複雑なプログラムにするとPCがフリーズする、切られていると使えない…

■CGIやPHP
【良い点】　　HTMLで出来ない事ができる、自動処理（掲示板、カウンター、検索エンジン等…）
【悪い点】　　無料HPではほぼ使えない、負担掛けすぎるとサーバーダウンする、テストが大変…

簡単にまとめましたけど、JavaScriptはかなり使えます！
次のページにタグを書いてあるのでよければ見てくださいね（＾＾

動く文字2

動く文字2（scrolldelay=スクロール時間の指定　direction=スクロール方向の指定）

動く文字3

alternate=端に来たらスクロール　またslideにすると端で止まります。

他のタグと組みあわせてさらに装飾してみたり、
またこの文字の部分をimgタグにして画像を動かしたりする事もできます。

3つほどありますが、
1は普通の影を付けるだけのタイプ。
2は影の部分をグラデーションにしています。（IE専用）
3は全体的ににじませています。（IE専用）
タグはCSSでまとめるのが良いかと思われます（＾＾；

影の枠1（width:枠の大きさを指定　background-color:影の色　border:枠の太さと色指定）

影の枠2（opacity=グラデーション始まり指定　finishopacity=グラデーション終り指定）

影の枠3（direction=にじませる角度　strength=にじませる強さ）

説明としましては、
margin（上、右、下、左の順番）で場所をずらしておいて、
positionで相対位置に置くというものです。
ぼかしやグラデーションはfilterを使っています。（IE専用です）

影が付く文字（offx=右　offy=下 -（マイナス）指定すると逆になります。）

立体的な枠のタグは↓

説明としましては、
border-top-colorで上の色
border-right-colorで右の色
border-left-colorで左の色
border-bottom-colorで下の色
を指定する事によって立体的に見えます。

簡単な事を言ってしまうと絵を描く時に影を付ける感じと同じで部分によって、
暗くしたり明るくしたりとしているだけですｗ
もっと絵の事に詳しい方だったらもっと上手にできると思いますよ♪

タグは↓

この枠を大きくしたいのであれば、
<table>タグの中にwidth="80%"とかを付け加えると大きくなります。

という風なオークション風にする事も出来ます。

また、<td>の中を<td bgcolor="#ff0000>にすると・・・

応用編のタグです↓ちょっと複雑になっています。

この応用編のタグがどう使えるかというと多分使い所はないんですけどね（笑
ちなみにこのテーブルタグを使って絵を描かれている方もいます。
■テーブルアートのページ
※bodercolor属性は一部HTMLのバージョンがサポートされていない場合があります。