携帯サイトの作り方

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

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

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

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

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

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

くらいです。

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

ページの軽さが重要

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

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

使うタグは非常に少ない

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

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

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

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

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

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

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

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

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

必要なものとしては、

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

サンプルページ(PCで見る)
▼サンプルページのHTMLタグ
<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モバイルサイトビューア 携帯サイトを携帯で観覧するのと同じように、PCでも観覧できるサービス。パケ代節約にも便利な無料おすすめツールです。



携帯サイトが作れたら、収入が得られる広告サービスにも登録してみましょう。
登録・利用料共に無料なので損することはありませんよ(^^)


クリックによる報酬を得られる広告代理店
クリック広告収入が得られるサービス

成果による報酬を得られる広告代理店
成約広告収入が得られるサービス

このエントリーをはてなブックマークに追加
Yahoo!ブックマークに登録
Clip to Evernote

メールを送る

ご質問やご意見ご感想はこちらのフォームをお使いください。

SEO [PR] @J[hr ₦΍@ Cu`bg SEO