2017年05月 / 04月≪ 12345678910111213141516171819202122232425262728293031≫06月

--.--.-- (--)

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--:--  |  スポンサー広告  |  EDIT  |  Top↑

2008.05.16 (Fri)

PC/携帯兼用サイトを作る技

PC/携帯兼用サイトを作る技




PCサイトでも、そのままそのサイトを携帯向けのサイトとして公開する技があります。

ここでは、その仕組みについてお教えしますので、具体的な方法については書籍、サイト等でお調べになってください。

それは、

CSSを使ってサイトを作る

ということです。

携帯は、CSSファイルを読み込みません。つまり、サイトのデザイン部分を全てCSSファイルとして切り分けてしまえば、残りはテキストデータだけになり、PC向けのサイトであっても、携帯で問題なく表示されるという仕組みです。

携帯では、容量の大きい画像などは、「?」のついた大きな四角として表示されてしまったりします。こんなものはサイトにとって全く無駄ですので表示させたくないですよね。

そこで、このような画像は、タグを使って表示させるのではなく、CSSとして表示するようにします。そうすると、携帯ではCSSを読み込まないので、表示されないのです。

しかし、そうやって画像を消したとしても、問題がもう一つあります。

それは、内容の並び方です。

PCのサイトでは、だいたいがページの上にメニューをもってきたり、広告を持ってきたり、更新履歴を載せたりしていると思います。

このようなページを仮に携帯に表示させることができたとしても、延々とメニューや履歴が続いて、肝心のコンテンツが下の方に表示されてしまい、スクロールの遅い携帯の表示ではそこまでたどり着くのが一苦労だったりすることがあります。

携帯電話は画面が小さく、表示できる範囲も非常に限られていますので、トップページでこのような状況だと、訪問者は2度と来なくなってしまうでしょう。

そこで、PC/携帯兼用サイトを作る際はまず、「携帯でどう表示されるか」ということを優先して考え、コンテンツの並び方を決定します。

しかし、それだと今度は、PCサイトでの表示に問題がでてしまうのでは?

と思われるかもしれませんが、これもCSSの機能を使って回避します。

CSSの絶対位置指定を使えば、コードの順番にとらわれることなく、ピクセル単位で、好きな位置に、好きなコンテンツを配置することができます。

コンテンツの並べ方は携帯サイト主体で作り、PCに表示する時はCSSでその並びや位置を調節していけば、両方の特性をうまくカバーしたサイト作りが出来るのです。

最後に、肝心のアフィリエイト広告です。

そもそも、PC用の広告が携帯で機能するのか?

というと、残念なことにほとんどが機能せず、収入も得られません。逆もまた然りです。

ただ、機能しない(収入が得られない)というだけであって、貼り付けていること自体にはさほど問題はありません。

広告は、そのサイトがPC主体なのか、携帯主体なのかによってどちらを貼るのか、または混在させるのか、選択すればよいと思います。

ただし、注意が一つ。PC向けのバナー広告は、携帯では「?」のついた大きな四角で表示されてしまう可能性大です。

もしPC主体で広告を貼り付けるとしても、広告は「テキスト広告」を使用するのが無難です。

ぜひ、PCの表示だけでなく、携帯にもやさしいサイト作りを目指してみてください。




オリジナルページ:週末起業できる!アフィリエイト×アクセスアップ
http://www004.upp.so-net.ne.jp/htkt/memo/3-104.htm

出典ページ:フリーアーティクル[著作権フリー記事配信]
著者:htkt [ 作成:2007-02-01 ]
http://www.freearticle.jp/contents-94.htm

スポンサーサイト

テーマ : 自作詩 ジャンル : 小説・文学

00:59  |  アフィリエイト  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑

*Comment

コメントを投稿する

URL
COMMENT
PASS  編集・削除するのに必要
SECRET  管理者だけにコメントを表示  (非公開コメント投稿可能)
 

▲PageTop

*Trackback

この記事のトラックバックURL

→http://raijima2000.blog95.fc2.com/tb.php/23-49461a31

この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

 | BLOGTOP | 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。