リンクの貼り方:
目立たないリンク方法

相互リンクのタグを貼り付けたところ、目立ち過ぎて気になる、ということもあるかもしれません。そこで、文字の大きさや色を変えて目立たなくする方法を紹介します。スタイルシートを使えば可能です。

【注意!】文字を極端に小さくする、背景と文字の色を極端に近づける、などの行為は、検索エンジンからスパム判定されることがあると言われています。極端すぎることはやめましょう。

今ここでは事例として、リンクしたいサイトが2つあり、フッターに2サイト並べて挿入する方法を説明します。

▼トップページに以下のタグを追加
(リンクを<div class="sougolink">と</div>とではさむ)
-------------------------------------------------
<div class="articlelink">
<a href="http://abcd.jp/">相互リンク集</a>
<a href="http://efgh.com/">サイト登録</a>
</div>
-------------------------------------------------

▼スタイルシートに追加
-------------------------------------------------
.sougolink {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}
.sougolink a{
	color: #666666;
	text-decoration: none;
}
-------------------------------------------------

以上でリンク文字がグレーになって、アンダーラインも消えます。
フォント(文字)サイズも12ピクセルなので、
それほど大きくありません。

文字の基本的な条件は、スタイルシートの
.sougolink {
以下の部分で指定しています。

リンクした文字のみの特徴は
.sougolink a{
以下の部分で指定しています。

color:#666666;はグレー
text-decoration: none;は装飾無し(アンダーライン無し)
を意味しています。
相互リンクサイト一覧
相互リンクとは
  • 相互リンクとSEO効果 準備中
リンクの貼り方
相互リンクツールQ&A
  • 登録時のエラー発生 準備中
  • 登録データの修正方法 準備中
  • 登録スピードアップの方法 準備中
  • 自分で相互リンクツールを設置するには 準備中
このサイトについて