オートリンクネットのバナーの貼り方を解説!FC2ブログに設置する方法

  • LINEで送る

オートリンクネットは自然な被リンクが自動的に増えるのでSEO対策に有効です。
【参考】オートリンクネットでSEO対策

この記事では、FC2ブログにオートリンクネットのイメージリンク(バナー)を貼る方法を説明していきます。
その他のブログサービスでの設置方法は、オートリンクネットのサイト内で確認できますよ。

※オートリンクネットのリンクは、必ずトップページから確認できる場所(サイドバーなど)に設置してください。トップページから確認できない場合は規約違反となり、紹介制度が機能しなくなります。

【当サイトの環境】OS:Windows8.1 ブラウザ:Google Chrome

STEP1:イメージファイルをダウンロードする

1.仮登録完了メールに記載されているダウンロード用URLをクリックします。
バナーのタイプは登録時に選択できます。本登録後に変更も可能です。

オートリンクネット バナーの貼り方1

2.zip形式のファイルがダウンロードされますので解凍(全て展開)してください。

オートリンクネット バナーの貼り方2

3.イメージファイルをダウンロードできました。
利用するのは赤枠で囲んだ5つの画像です。

オートリンクネット バナーの貼り方3

STEP2:イメージファイルをFC2ブログにアップロードする

1.FC2ブログにログイン後、ホーム欄のファイルアップロードをクリックします。

オートリンクネット バナーの貼り方4

2.ファイル選択をクリックして、さきほどダウンロードした5つのファイルをアップロードします。Ctrlキー+クリックで複数選択して、開くをクリックします。

オートリンクネット バナーの貼り方5

オートリンクネット バナーの貼り方6

3.タイトルはお好みでOK。タイトル入力後、アップロードをクリックします。

オートリンクネット バナーの貼り方7

4.これでアップロード完了です。

オートリンクネット バナーの貼り方8

STEP3:HTMLソースを編集する

1.仮登録完了メールに記載されているイメージリンクタグをメモ帳などにコピペします。
私はHTMLソースの編集はCrescent Eveを利用しています。⇒CrescentEveダウンロードページ

オートリンクネット バナーの貼り方9

以下は、例として当サイト用のHTMLソースを表示しています。

<!--オートリンクネットSTART-->
<table border="0" cellpadding="0" cellspacing="0" width="88">
<tr>
<td rowspan="3"><a href="http://www.automatic-link.net/" target="_blank"><img name="autolink_m_r1_c1" src="autolink_m_r1_c1.gif" width="15" height="31" border="0" alt="無料SEO対策・アクセスアップ" style="margin:0px;"></a></td>
<td rowspan="3"><a href="http://www.automatic-link.net/regist.php?user=biicosite" target="_blank"><img name="autolink_m_r1_c2" src="autolink_m_r1_c2.gif" width="55" height="31" border="0" alt="リンクが自動で増殖オートリンクの登録はこちら" style="margin:0px;"></a></td>
<td><img name="autolink_m_r1_c3" src="autolink_m_r1_c3.gif" width="18" height="18" border="0" alt="" style="margin:0px;"></td>
</tr>
<tr>
<td><img name="autolink_m_r2_c3" src="autolink_m_r2_c3.gif" width="18" height="6" border="0" alt="" style="margin:0px;"></td>
</tr>
<tr>
<td><img name="autolink_m_r3_c3" src="autolink_m_r3_c3.gif" width="18" height="7" border="0" alt="" style="margin:0px;"></td>
</tr>
</table>
<!--オートリンクネットEND-->

2.アップロードした画像ファイルのURLを調べます。URLはファイル情報で確認できます。

オートリンクネット バナーの貼り方10

私がアップロードした画像ファイルのURLは以下の5つです。

http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c1.gif
http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c2.gif
http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c3.gif
http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r2_c3.gif
http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r3_c3.gif

3.イメージリンクタグを確認して、src属性を差し替えます。

メモ帳などにコピペしたイメージリンクタグを見ると、下記のようにimgから始まっている「imgタグ」が見つかると思います。

<img name="autolink_m_r1_c1" src="autolink_m_r1_c1.gif" width="15" height="31" border="0" alt="無料SEO対策・アクセスアップ" style="margin:0px;">

5つあるimgタグそれぞれで

src="autolink_m_r1_c1.gif" /*1つめのimgタグの中にあります*/
src="autolink_m_r1_c2.gif" /*2つめのimgタグの中にあります*/
src="autolink_m_r1_c3.gif" /*3つめのimgタグの中にあります*/
src="autolink_m_r2_c3.gif" /*4つめのimgタグの中にあります*/
src="autolink_m_r3_c3.gif" /*5つめのimgタグの中にあります*/

となっている部分を確認しておきましょう。

imgタグは画像を表示するタグ、src属性は画像の場所を設定する属性です。src属性の””で囲まれた部分を、先ほどアップロードした画像ファイルのURLと差し替えていきます。

src属性と画像ファイルのURLを見比べてr1_c1・r1_c2・r1_c3・r2_c3・r3_c3の部分が一致するもの同士を差し替えてください。

たとえばsrc属性が「autolink_m_r1_c1.gif」となっていたら、

<img name="autolink_m_r1_c1" src="autolink_m_r1_c1.gif" width="15" height="31" border="0" alt="無料SEO対策・アクセスアップ" style="margin:0px;">

r1_c1が一致する画像ファイルのURL、
「http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c1.gif」と差し替えます。

<img name="autolink_m_r1_c1" src="http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c1.gif" width="15" height="31" border="0" alt="無料SEO対策・アクセスアップ" style="margin:0px;">

4.5つ全てのsrc属性を差し替えたら以下のような形になります。

<!--オートリンクネットSTART-->
<table border="0" cellpadding="0" cellspacing="0" width="88">
<tr>
<td rowspan="3"><a href="http://www.automatic-link.net/" target="_blank"><img name="autolink_m_r1_c1" src="http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c1.gif" width="15" height="31" border="0" alt="無料SEO対策・アクセスアップ" style="margin:0px;"></a></td>
<td rowspan="3"><a href="http://www.automatic-link.net/regist.php?user=biicosite" target="_blank"><img name="autolink_m_r1_c2" src="http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c2.gif" width="55" height="31" border="0" alt="リンクが自動で増殖オートリンクの登録はこちら" style="margin:0px;"></a></td>
<td><img name="autolink_m_r1_c3" src="http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r1_c3.gif" width="18" height="18" border="0" alt="" style="margin:0px;"></td>
</tr>
<tr>
<td><img name="autolink_m_r2_c3" src="http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r2_c3.gif" width="18" height="6" border="0" alt="" style="margin:0px;"></td>
</tr>
<tr>
<td><img name="autolink_m_r3_c3" src="http://blog-imgs-49.fc2.com/k/a/s/kasegitaisyufuno/autolink_m_r3_c3.gif
" width="18" height="7" border="0" alt="" style="margin:0px;"></td>
</tr>
</table>
<!--オートリンクネットEND-->

STEP4:サイドバーにイメージリンク(バナー)を設置する

1.サイドバーにフリーエリアを追加します。差し替えが済んだHTMLソースをフリーエリア内容の変更欄にコピペして設定をクリックします。

※フリーエリアを追加する方法はFC2ブログに広告を設置する方法でまとめています。

オートリンクネット バナーの貼り方11

2.これで設置完了!お疲れ様でした!

オートリンクネット バナーの貼り方12

オートリンクネットに登録する

↓こちらのバナーから登録できます。
オートリンクネット紹介バナー
オートリンクネットの詳細はこちらの記事をご覧ください。
⇒[オートリンクネットでSEO対策]

line

  • LINEで送る