携帯サイトの作り方｜携帯サイトで広告収入｜ホームページで広告収入MASTER！

携帯サイトの作り方

携帯サイトを作るのは難しい？

携帯サイトを作るのは難しいのか？
いいえ、とても簡単です。

単純なサイトであればＰＣのホームページ作成経験者であれば30分くらいで作れると思います。

初心者の方でも1日あれば一通り完成までいけると思います。

作り方はＰＣのホームページとほとんど同じで、違うところは大きくいうと

ＰＣのホームページのように大きな画像が使えない
スタイルシートは使えない
JavaScriptが使えない
クッキー、セッションが使えない

くらいです。

要はＰＣのホームページよりもかなりシンプルな物になり、作り方も簡単になると考えてください。

ページの軽さが重要

基本的に携帯サイトは、見る側の画面もＰＣより断然小さいですし（文字数は1行全角では8文字が標準）、読み込みの早さも遅いので携帯サイト作成の際はページの軽さ（容量の縮小）が必要になります。

i-modeで5K、Vodafoneで6K、ez-webで9Kが目安になりますが、文字主体のサイトであれば十分な容量です。

使うタグは非常に少ない

使うのは全角文字、半角文字、区切り線【<HR>タグ】、画像を使うときはGIF形式の静止画像（アニメーションでもいいですが容量は小さい方がいいです）、リンク【<A href="※※※※.html"></Ａ>】だけで作成できます。

作成ソフトなしで携帯サイトを作る

HTMLタグなんて言われても、よくわからない！という方にはＨＴＭＬタグの知識が無くても完全無料で携帯サイトが作れるサイトがあるので紹介します。

利用料も全て無料で、すべて商用可（広告を登載できるということ）なので広告収入を稼ぐこともできます。

サイト名	説明
魔法のiランド	利用者が多い魔法のiランド。アクセスアップに効果があるようです。タグの知識不要で簡単作成！（おすすめ）
ポケットスペース	携帯電話からの作成も可能。ここも利用者多いです。いくつでも携帯サイトを作ることができます。（おすすめ）
ふりーぺ	カメラ付携帯の画像をアップ可能。アダルトサイトの作成も可能です。
FHP	携帯電話からの作成可能。各種機能も充実しています。
FC2ケータイHP	PCでの無料ホームページスペースでも有名なFC2Webが、無料携帯サイトスペースを提供しています。

------------------------------------------------------------
※携帯サイト作成サービスを利用するには最低限メールアドレスが必要です。
フリーの無料で利用できるメールアドレスを使うといいです。
------------------------------------------------------------

無料ソフトを利用して自分で携帯サイト作りたい！

上の自動携帯作成サイトを使わず、サーバーを自分でレンタルしてテキストエディタ（メモ帳でもOK）を使い作成していく方法です。

自分の修正したい部分など自由に手を加えられる点がメリットです。

必要なものとしては、

テキストエディタとFTPソフト

ホームページを編集するソフトです。

無料でダウンロードできる物ではalphaEDITがおすすめです。

初心者の方でも簡単にテキスト編集ができるようになっている上に、ファイルを送るFTPソフトも付いています。

これだけの機能がついて無料というソフトはほとんどないと思います。

使い方が難しい問う方には、メモ帳で作る方法がお勧めです。

メモ帳を使った作り方はホームページを作る前に準備するもので手順を紹介しているので、参考にしてみてください。

ホームページスペースを借りる

上の編集ソフトを使って携帯サイトを作る場合は、ホームページを表示するスペース・サーバーが必要です。

無料サービスでお勧めなのはFC2WEB です。私もこれで作りました。

通常のホームページスペースと、携帯サイトのスペースが両方付いてきます。
ただ携帯サイト方は1ページ5ＫＢまでと容量が決まっているので、注意が必要です。

容量を気にしなくて済む有料のレンタルサーバーを借りるなら、ロリポップがいいと思います。

独自ドメインを取得することで複数携帯サイトが作れます。

参考ページ：格安レンタルサーバ

参考ページ：独自ドメインについて

高性能な携帯サイト作成ソフトは？

市販の作成ソフトを使う場合はＰＣのホームページ作成ソフト『ホームページビルダー7』で作れます。または、『ホームページビルダー8』、『ホームページビルダー for iモード』などもオススメ！

価格的には『ホームページビルダー　for iモード』が安いです。
ＰＣのホームぺージも作ろうと思っている人はバージョン7か8の購入をおすすめします。

ダウンロードから30日間無料で使える体験版もあります。
最新版を体験してみてはいかがでしょう？？

ホームページビルダーV16体験版

簡単な携帯サイトのサンプル

簡単なサンプルページを作成しました。

ＨＴＭＬタグも紹介するので無料ソフトや市販のソフトを使ってサイト作成をする場合、おおまかな作り方はわかると思います。

また、携帯サイトの作り方はPCサイトの作り方と基本は同じなので、ホームページの作り方も参考にしてみてください。

ＰＣサイトと携帯では見え方がだいぶ違うので下のQRコードを読み込んで確認して見てみてください。違いが分かると思います。

▼QRコードを読み込む
携帯サイトサンプルページ

⇒サンプルページ（PCで見る）

▼サンプルページのＨＴＭＬタグ

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<CENTER>
<TABLE border="1">
<TBODY>
<TR>
<TD>ﾀｲﾄﾙﾊﾞﾅｰなど</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<P align="center"><BR>
<a href="http://click-no1.jp/adlink.php?adid=101632">クリック広告</a></P>
<P>
<MARQUEE loop=50 bgColor=ffffcc>サンプル</MARQUEE>■サンプル<BR>
○サンプル<BR>
</P>
<HR>
<P align="center"><A href="http://click-no1.jp/adlink.php?adid=101632">クリック広告</A></P>

<HR>
<P align="center">‐ ‐ ‐ ‐ ‐ ‐ ‐<BR>
since 2012/※/※<BR>
‐ ‐ ‐ ‐ ‐ ‐ ‐<BR>
(c)2012※</P>
</BODY>
</HTML>

携帯サイト作成お役立ちサイト

携帯サイトの作成に役立つお役立ちサイトを紹介します。

サイト名	説明
携帯待ち受け画面一発作成	いろいろな携帯の画面いっぱいきれいな画像が作れます。しかも、作ってそのまま送信できるからとても便利です。
gooモバイルサイトビューア	携帯サイトを携帯で観覧するのと同じように、ＰＣでも観覧できるサービス。パケ代節約にも便利な無料おすすめツールです。