ホームページ制作

3キャリア向け携帯サイト制作はスマホによってどうなるか？

admin — Sun, 13 Nov 2011 14:56:40 +0000

今まで、モバイルサイトを３キャリア向け表示できるように制作するには、それぞれの仕様の違いもあり苦労したが、逆に制作できるなら強みになる部分もあった。
しかし、スマートフォンの普及につれその需要は徐々に減っていくのではないかと思う。
さすがに、即ガラパゴス携帯が消えるという訳ではないが、時間の問題でほぼすべての携帯電話がスマートフォンにとって代わる日も近いのではないだろうか。
現に関連企業では今、スマートフォン向けアプリのエンジニア確保の熾烈な競争が起こっているらしい。
モバイルサイト制作者もスマートフォン用サイト制作者（HTML5、CSS3）への移行が必要かもしれない。

携帯サイトのアフィリエイト

admin — Mon, 05 Sep 2011 15:11:36 +0000

携帯サイトに複数のアフィリエイト会社の広告を載せている。
ときどき、張り替えているのだが極端にクリック数が変わる。
もちろん広告内容も影響しているのだろうが、あからさまに怪しいトコロも・・・・。
徐々にしぼっていこうかと思います。

スマートフォンの普及とhtml5

admin — Mon, 15 Aug 2011 16:16:21 +0000

スマートフォン普及率が上がり、html5もW3Cの勧告を待たずしてどんどん使用されています。
早目に覚えないといけないが、ちょっと後伸ばし気味です・・。

WordPress用プラグインでスマートフォン用の表示にしてみた

admin — Sat, 15 Jan 2011 15:10:23 +0000

スマートフォンでPCサイトをみるとすごく見づらいので、WordPress用プラグインでスマートフォンの場合はスマートフォン用サイトレイアウトになるようにした。
MobilePress

スマートフォンで確認してみるとなかなかいい感じです。

strongタグの効果は？

admin — Thu, 25 Nov 2010 16:33:23 +0000

最近、ホームページ制作でstrongタグをあまり使わなくなった。
昔は、SEOに効果的なので重要なテキストにはstrongタグを付けていた。
でも、最近では、さほどSEOにも効果的に感じなくなり、あまり使っていない。
strongタグというと、昔大量のstrongタグを使用したスパムサイトが蔓延したため、多すぎるstrongタグはスパムとみなされてペナルティが与えられるということだった。今でもほどほどに入れるなら良いが、入れてもさほど効果が得られそうにない。
検索して上位表示されているサイトのソースをみてもあまり使ってるサイトはないようだ。

ホームページ制作の手順

admin — Sat, 20 Nov 2010 18:45:41 +0000

ホームページを制作する場合の手順や方法、使うソフトなどは人それぞれで多少ちがうと思うがここでは自分の手順。

つくるサイトのコンテンツを書き出してみる。
サイトマップ（紙に書いたもの）をつくる
ラフデザインを紙に書いてみる
Fireworksでデザイン制作
コンテンツのテキスト作成
画像を書き出し
Dreamweaverでコーディングとテキスト流し込み

だいたいこんな感じ。
あと修正や微調整、ブラウザ確認などもチェック。
WordPress使用の場合は、少し行程が増えるが大体の流れは同じ。

YAHOO検索エンジンのgoogle化が本格的に始まった？

admin — Thu, 18 Nov 2010 17:53:08 +0000

最近、検索順位が微妙な上下をくりかえしていました。
YAHOOがgoogle検索ベースになるらしいという事になって大分たつが、つい先日かなりの検索順位の変動があり、どうも本格的にgoogle化が始まったのかも。
調べてみると同一検索ワードでYAHOO、googleともに同じ順位になっている。
いよいよ始まったようです。

モバイルサイトで表示する画像ファイル拡張子をキャリアごとに変更してみる

admin — Wed, 17 Nov 2010 18:16:32 +0000

モバイルサイトで画像の拡張子をキャリアごとに変えて、それぞれ違うファイルを表示させてみた。
理由としては、飾りとしての画像は３キャリアとも同じものを使っているのだが、フレーム画像やスタンプ画像の配布サイトを作っていて、それぞれキャリアごとで拡張子やら記述やら規定が違うので、それぞれのキャリアにあった画像を表示しないといけない必要ができた。
AU、ドコモ、ソフトバンクとそれぞれのページを作成するという選択肢もあるが、修正などが面倒になりそうなので、同一ファイルを使って、PHPでキャリア判別する事にした。キャリア判別でそれぞれのキャリアがわかったら画像の拡張子部分をキャリアにあった拡張子を表示するようにした。また、キャリアごとのファイルを混合しないためにそれぞれAU用、ドコモ用、ソフトバンク用のフォルダに画像を収納して、キャリア判別時にフォルダ指定もするようにした。
例えば、

au/aaaa.png

この場合、最初のauフォルダ、拡張子pngがキャリア判別でそれぞれ変更される。
これによって、それぞれのキャリアごとに適切な画像が表示されることになった。

W3Cチェックでありがちなミス

admin — Tue, 16 Nov 2010 01:30:21 +0000

ホームページ制作時には、W3Cのチェックをしている。
最近では、あまり修正回数は減ったが、昔はかなりのミスがあり修正しまくっていた。
だいたい、こんな部分に気をつければ、１回目にでてくるエラーの量がへるのではないだろうか？

imgのalt属性を必ず記載する。
閉じタグは必ず書く。
改行タグ内のスラッシュを入れる