携帯アフィリエイトサイト作成とアクセスアップ

HTMLタグ－画像を表示する

2011-05-18T03:12:19Z

携帯サイトに画像を表示する場合、画像はサーバーにアップロードしなければなりません。

ドメイン直下に画像フォルダ[img]を作ります。
画像は全て[img]の中にアップロードすると分かりやすいです。

[img]フォルダの中の[01.gif]という画像をトップページに表示する場合は、表示したい位置で↓のように書きます。

画像名は省略することもできます。
検索エンジンのロボットに認識させるためには、付けておいた方が良いです。

画像のサイズは、PCに保存されている画像にマウスを合わせると、大きさが○○×○○と表示されますので、その数字を入力します。
省略することもできます。

携帯サイトの場合は、キャリアによって表示できる画像が違います。
Docomo : JPEG,GIF
AU : JPEG,GIF,PNG,BMP
SoftBank : JPEG,PNG

全てのキャリアで表示できるのはJPEG画像です。
デコメ画像はGIFアニメで作ると、SoftBankのデコメ対応機種でも表示されます。
GIFの静止画は、SoftBankの3G携帯なら表示されますので、GIF画像を使っても問題ないと思われます。

あまり容量の大きな画像を使うと、表示に時間がかかったり、表示されないこともありますので注意してください。
5KB以下のものが望ましいです。
　

携帯サイトのHTMLタグ一覧

2011-05-02T16:54:10Z

携帯サイトで使うHTMLタグの一覧です。

クリックすると各HTMLタグの使い方説明ページへ移動します。

全体の表示

背景色などを変える

文字の装飾

表示位置の指定

リンクする

別のページへリンクする

HTMLタグ－左寄せで表示する

2011-05-02T16:50:54Z

何も指定しない場合、ＨＰ上では左寄せ表示になります。

全体を中央寄せにしていて、一部のみ左寄せにしたいような場合は、

を使います。

この部分が左寄せで表示されます。

上のタグで↓のようになります。
　　

この部分が左寄せで表示されます。

HTMLタグ－背景の色などを変える

2011-04-30T16:37:56Z

特別の指定をしない場合、HPの背景は白、文字の色は黒、リンクは青、選択済みのリンクは紫になります。

これらを変更する場合は、
タグをのように変更します。

それぞれの色はカラーコードで指定します。

モバイルトレジャーで携帯サイト作成

2011-04-28T01:30:37Z

携帯サイトを作るツールが発売されました。

モバイルトレジャーです。

ツールを使うと、ブログのような感覚で、HTMLタグを使わなくても携帯サイトを作れます。

テンプレートやトップバナー画像が用意されているので、最初から見栄えの良い携帯サイトが作れます。

RSSや広告の自動取得機能を使って、記事を自動生成することもできます。

この辺のことなら、他にも同じような機能を持ったツールがあります。

モバイルトレジャーは、アクセスアップのための機能も付いています。

リンク集やブックマークに登録することができます。

更に、モバイルトレジャーを使って作成した携帯サイトを相互リンクする機能もあります。

私が一番注目したのは、この相互リンク機能です。

あと、他の人と同じようなサイトを自動生成するだけのツールなら買うつもりはなかったんですが、ヘッダー画像は147個もあるし、テンプレートのカスタマイズも可能なので、スパムになる心配はないかなと思いました。

これから実際にモバイルトレジャーを使ってみます。

携帯サイト作成に無料ソフト「HTML Project2」を使う

2011-04-26T16:58:14Z

携帯サイトは、デザインに凝ることもできませんし、使えるHTMLタグも限られているので、簡単に作ることができます。

ホームページ作成ソフトを使わなくても、TeraPadのようなテキストエディターで作れるのですが、ちょっと問題が・・・

HTMLタグが間違っていても気づきにくいのです。

表示が乱れても、どこがおかしいのか分かりにくかったり、多少の間違いならきれいに表示されてしまったりします。

私が使っているのは、「HTML Project2」という無料ソフトです。
　→　HTML Project2のダウンロードはこちら

HTMLタグをプルダウンメニューから選んで入力できますし、タグのエラーチェック機能もあります。

携帯HP作成に「HTML Project2」のページに図解がありますが、
こうすると携帯サイトの作成には便利です。

プレビュー画面を更新して、確認しながら作成できますよ。

HTMLタグ－HPの構成に使うタグ

2011-04-21T19:41:50Z

携帯サイトの構成に最低限必要なタグの構成は次の通りです。

タイトル

携帯サイトの内容

TeraPadなどにコピーして使ってください。

タイトルを入力し、携帯サイトの内容の所に文章を書いたり、画像を貼ったりします。

「index.html」というファイル名で保存すれば、携帯サイトのトップページになります。
保存したファイルを開くと、ブラウザで表示されます。

実際に携帯で見るには、サーバーにアップロードする作業が必要になります。

HTMLタグ－流れる文字

2011-04-15T05:29:55Z

で流れる文字を表示できます。

携帯サイトは１行に表示できる文字数が少ないので、右から左に流れる文字を使ってアピール文などを書きます。

使い方は、↓のようにします。
流れる文字です。

bgcolorに下地の色、font colorに文字の色を入れます。
キャリア(携帯会社)によっては背景色が出ないので、サイトの背景色と流れる文字の色が同じにならないようにしておきましょう。

下地をピンク、文字を赤にすると↓のようになります。
流れる文字です。

独自ドメインの取得

2011-03-29T23:37:34Z

ドメインとは、インターネット上の住所と説明されていますが、
○○○.com　のように表わされるもので、取得した人だけが使えます。
取得したドメインを独自ドメインと言っています。

サーバーをレンタルし、独自ドメインが使えるように設定し、携帯サイトをアップロードすると、http://○○○.com/ で携帯サイトが表示されるようになります。

PCサイトでも携帯サイトでもドメインに違いはありません。
取得したドメインをPCサイト、ブログ、携帯サイトのどれにでも使えます。

ドメインの取得は有料です。
.com .net .info .biz などなら年間1000円以下です。

ドメインを安く取得できるのは

バリュードメイン

おなまえ.com

ムームードメイン

キャンペーンをやっていると、かなり格安になっていることがあります。
最近は、おなまえ.comが特に安くてお勧めです。

ドメインを取得した後は、設定が必要になりますが、ドメインとレンタルサーバーの運営者が同じだと簡単にできます。

例えば、次のような組み合わせです。
ムームードメイン＋ロリポップ
バリュードメイン＋XREA

さくらサーバーやエックスサーバーでもドメインを取得できますが割高です。

バリュードメインで取得したドメインを、さくらサーバーで使うような場合も、ヘルプもあるし特別難しくないので、料金を基準に選んで問題ありません。

テキストエディター TeraPadで携帯サイト作成

2010-11-01T01:11:16Z

携帯サイトは、HP作成ソフトを使わなくても、テキストエディターでHTMLを書くことで作成できます。

Windowsに付属しているメモ帳でもできますが、TeraPadというフリーソフトの方が使い勝手が良いです。

TeraPadのダウンロードはこちら

TeraPadは、行番号の表示、１行の桁数を指定して折り返し表示、URLのカラー表示などができます。

設定を変更して、使いやすくカスタマイズしてください。

TeraPadで作成したものを通常通りに保存すると文書扱いになりますが、「○○○.html」というように拡張子をhtmlにして保存すると、ブラウザで表示することができます。

ただ、文字を入力するだけでは不十分で、ＨＴＭＬタグを使って書かなければなりません。

携帯サイトで使うＨＴＭＬタグは限られているので、実際に携帯サイトを作りながら覚えていけば大丈夫です。

独自ドメインで携帯サイトを作る場合は、TeraPadで作成したものをサーバーにアップロードすれば完了です。

無料HPスペースで携帯サイトを作る時も、入力スペースが小さくて作業しづらいなら、TeraPadで入力したものをコピーすると作りやすいです。

携帯サイトの構成とＳＥＯへの影響

2010-10-25T14:44:35Z

携帯サイトの構成もＳＥＯに関係しているんじゃないかと思います。

アフィリエイト用の携帯サイトは、ペラサイトと呼ばれる１ページだけのサイトが主流でした。

ペラサイトを量産して、自分の作ったサイト同士をリンクする方法がＳＥＯ対策として有効だと言われていました。

現在でもＳＥＯ効果はあると思います。
ただ、ペラサイト自体を上位表示させるのは難しくなっています。

これからは、アフィリエイトサイトでも複数ページあるサイトが必要になるでしょう。

複数のページを作って、検索エンジンにキャッシュされるためには、サイト構成とページ間のリンクが重要です。

トップページ
　└カテゴリページ
　　　└個別ページ

のような分かりやすい構成が、検索エンジンには好まれるような気がします。

また、各ページからトップページへ戻るリンクを必ず入れて、携帯サイト全体に検索エンジンのクローラーが回るようにしています。

せっかくページ数を増やしてもも、検索エンジンにキャッシュされなければ意味がないですから、できることはやっておこうということです。

かなり基本的なことですけど、携帯サイトばかり作っていると忘れがちになっていました。

HTMLタグ－別のページへリンクする

2010-10-24T14:26:45Z

クリックするとトップページから子ページへ移動したり、別のサイトに移動するにはリンクタグを使います。

リンクさせる文字

このように入力し、ＵＲＬには飛び先のページのＵＲＬを入れます。

リンクさせる文字は「アンカーテキスト」と言いますが、サイト名やそのページの内容を表す言葉にすると良いです。

ＳＥＯ的にアンカーテキストは重要です。

リンクタグはランキングサイトに登録した時や、広告を貼る時など非常によく使うタグです。

HTMLタグ－右寄せで表示する

2010-10-23T22:38:11Z

文字を右寄せで表示するには、
を使います。

何も指定しない場合、ＨＰ上では左寄せ表示になります。

タグでサイト全体を右寄せにしたり、一部分のみを右寄せにすることができます。

この部分が右寄せで表示されます。

上のタグで↓のようになります。

この部分が右寄せで表示されます。

小さな携帯の画面の中ですが、文字の表示位置を変化させることで印象を変えることができます。

HTMLタグ－中央寄せで表示する

2010-10-23T16:48:09Z

文字を中央寄せで表示するには、
を使います。

何も指定しない場合、ＨＰ上では左寄せ表示になります。

タグでサイト全体を中央寄せにしたり、一部分のみを中央寄せにすることができます。

この部分が中央寄せで表示されます。

と書くと↓のようになります。

この部分が中央寄せで表示されます。

でも同様に中央寄せにできます。

無料ＨＰスペースによっては、どちらかのタグしか対応してない場合がありますので、反映されなかったら別のタグを使ってみてください。

【参考】

でサイト全体を中央寄せにした場合で、一部分だけ左寄せにするには、
を使う方法もあります。

HTMLタグ－文字を太字にする

2010-10-23T08:29:16Z

文字を太字にする場合は、タグを使います。

太字にしたい文字をで囲みます。

太字だよ

で↓のようになります。
太字だよ

ﾀｸﾞは文字を太字にするというより、重要なテキスト(文章)なので強調するという意味で使うのが正しい使用法です。