ホームページ制作

ホームページ制作の方法。WordPressを使用したホームページ制作など。

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

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


日, 11月 13 2011 » HTMLについて, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments

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

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


火, 9月 6 2011 » モバイルサイト作成 » No Comments

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

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


火, 8月 16 2011 » html5 » No Comments

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

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

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


日, 1月 16 2011 » WordPress, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments

strongタグの効果は?

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


金, 11月 26 2010 » HTMLについて, ホームページのSEO, ホームページ制作 » No Comments

関連キーワードに表示させるSEO?

最近、検索すると出てくる関連キーワードに、自分の好きなワードを表示させるというサービスを良く見る。
実際に検索すると、検索したワードに関連するワードがズラッとでてくるわけだが、明らかに不自然なワードが出てくる。
意図的に狙ってるキーワードの関連ワードを表示させ、結果その関連ワードをクリックさせて自社ホームページが一位に表示されるという手法。
もちろん、最初から一位になるようなワードを出している。

関連キーワードは、本来検索したキーワード関連で多く検索されているワードを表示させて検索する人が打ち込む手間を省いてくれるもの。
つまり、多くの人に検索されているワードでなければならない。
それを意図的に行っている。
おそらく多数で一斉に検索をかけて表示させているのだろう。
だけど、この方法はいかにもスパム扱いされそうな方法。
一時的なアクセスは見込めるが、長くホームページを管理する場合、ペナルティをうけるのはきついので、お勧めできない方法である。


水, 11月 24 2010 » ホームページのSEO, ホームページ制作 » No Comments

ホームページ制作の手順

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

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

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


日, 11月 21 2010 » Fireworks, HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments

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

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


金, 11月 19 2010 » ホームページのSEO, ホームページ制作 » No Comments

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

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

au/aaaa.png

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


木, 11月 18 2010 » HTMLについて, スタイルシートについて, ホームページ制作, モバイルサイト作成 » No Comments

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

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

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


火, 11月 16 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments