ホームページ制作の方法。WordPressを使用したホームページ制作など。
今まで、モバイルサイトを３キャリア向け表示できるように制作するには、それぞれの仕様の違いもあり苦労したが、逆に制作できるなら強みになる部分もあった。 しかし、スマートフォンの普及につれその需要は徐々に減っていくのではないかと思う。 さすがに、即ガラパゴス携帯が消えるという訳ではないが、時間の問題でほぼすべての携帯電話がスマートフォンにとって代わる日も近いのではないだろうか。 現に関連企業では今、スマートフォン向けアプリのエンジニア確保の熾烈な競争が起こっているらしい。 モバイルサイト制作者もスマートフォン用サイト制作者（HTML5、CSS3）への移行が必要かもしれない。
日, 11月 13 2011 » HTMLについて, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments
スマートフォンでPCサイトをみるとすごく見づらいので、WordPress用プラグインでスマートフォンの場合はスマートフォン用サイトレイアウトになるようにした。 MobilePress スマートフォンで確認してみるとなかなかいい感じです。
日, 1月 16 2011 » WordPress, android, html5, iphone, ホームページ制作, モバイルサイト作成 » No Comments
最近、ホームページ制作でstrongタグをあまり使わなくなった。 昔は、SEOに効果的なので重要なテキストにはstrongタグを付けていた。 でも、最近では、さほどSEOにも効果的に感じなくなり、あまり使っていない。 strongタグというと、昔大量のstrongタグを使用したスパムサイトが蔓延したため、多すぎるstrongタグはスパムとみなされてペナルティが与えられるということだった。今でもほどほどに入れるなら良いが、入れてもさほど効果が得られそうにない。 検索して上位表示されているサイトのソースをみてもあまり使ってるサイトはないようだ。
金, 11月 26 2010 » HTMLについて, ホームページのSEO, ホームページ制作 » No Comments
最近、検索すると出てくる関連キーワードに、自分の好きなワードを表示させるというサービスを良く見る。 実際に検索すると、検索したワードに関連するワードがズラッとでてくるわけだが、明らかに不自然なワードが出てくる。 意図的に狙ってるキーワードの関連ワードを表示させ、結果その関連ワードをクリックさせて自社ホームページが一位に表示されるという手法。 もちろん、最初から一位になるようなワードを出している。 関連キーワードは、本来検索したキーワード関連で多く検索されているワードを表示させて検索する人が打ち込む手間を省いてくれるもの。 つまり、多くの人に検索されているワードでなければならない。 それを意図的に行っている。 おそらく多数で一斉に検索をかけて表示させているのだろう。 だけど、この方法はいかにもスパム扱いされそうな方法。 一時的なアクセスは見込めるが、長くホームページを管理する場合、ペナルティをうけるのはきついので、お勧めできない方法である。
水, 11月 24 2010 » ホームページのSEO, ホームページ制作 » No Comments
ホームページを制作する場合の手順や方法、使うソフトなどは人それぞれで多少ちがうと思うがここでは自分の手順。 つくるサイトのコンテンツを書き出してみる。 サイトマップ（紙に書いたもの）をつくる ラフデザインを紙に書いてみる Fireworksでデザイン制作 コンテンツのテキスト作成 画像を書き出し Dreamweaverでコーディングとテキスト流し込み だいたいこんな感じ。 あと修正や微調整、ブラウザ確認などもチェック。 WordPress使用の場合は、少し行程が増えるが大体の流れは同じ。
日, 11月 21 2010 » Fireworks, HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
最近、検索順位が微妙な上下をくりかえしていました。 YAHOOがgoogle検索ベースになるらしいという事になって大分たつが、つい先日かなりの検索順位の変動があり、どうも本格的にgoogle化が始まったのかも。 調べてみると同一検索ワードでYAHOO、googleともに同じ順位になっている。 いよいよ始まったようです。
金, 11月 19 2010 » ホームページのSEO, ホームページ制作 » No Comments
モバイルサイトで画像の拡張子をキャリアごとに変えて、それぞれ違うファイルを表示させてみた。 理由としては、飾りとしての画像は３キャリアとも同じものを使っているのだが、フレーム画像やスタンプ画像の配布サイトを作っていて、それぞれキャリアごとで拡張子やら記述やら規定が違うので、それぞれのキャリアにあった画像を表示しないといけない必要ができた。 AU、ドコモ、ソフトバンクとそれぞれのページを作成するという選択肢もあるが、修正などが面倒になりそうなので、同一ファイルを使って、PHPでキャリア判別する事にした。キャリア判別でそれぞれのキャリアがわかったら画像の拡張子部分をキャリアにあった拡張子を表示するようにした。また、キャリアごとのファイルを混合しないためにそれぞれAU用、ドコモ用、ソフトバンク用のフォルダに画像を収納して、キャリア判別時にフォルダ指定もするようにした。 例えば、 au/aaaa.png この場合、最初のauフォルダ、拡張子pngがキャリア判別でそれぞれ変更される。 これによって、それぞれのキャリアごとに適切な画像が表示されることになった。
木, 11月 18 2010 » HTMLについて, スタイルシートについて, ホームページ制作, モバイルサイト作成 » No Comments
ホームページ制作時には、W3Cのチェックをしている。 最近では、あまり修正回数は減ったが、昔はかなりのミスがあり修正しまくっていた。 だいたい、こんな部分に気をつければ、１回目にでてくるエラーの量がへるのではないだろうか？ imgのalt属性を必ず記載する。 閉じタグは必ず書く。 改行タグ内のスラッシュを入れる
火, 11月 16 2010 » HTMLについて, WordPress, スタイルシートについて, ホームページ制作 » No Comments
W3CのMarkup Validation Service ホームページのW3Cのチェックができる。今更ながら・・。 URL入れてチェック。 緑色でおめでとうが出るとエラーなしのhtml。 赤色でエラーなので、下の方に掲載されてるエラー内容を見てみる。 修正して、またチェック。 おめでとうが出ると、W3Cのバナー画像掲載ができる。
土, 11月 13 2010 » HTMLについて, ホームページのSEO, ホームページ制作 » No Comments
ホームページを制作するときに、画像を使って角丸や影をつけたりして四角いボックスをデザインする場合が結構ある。 基本ボックスの一番上に上用の画像、背景画像に縦方向リピート画像、一番下に下用画像といった作り方をしている。 その場合、画像に隙間ができてうまくボックスとして表示できない場合がある。 すきまのせいで、画像がとぎれてしまう状態である。 その場合、cssで隙間のある画像に対してvertical-alignにbottomを指定する事で解決する事が結構ある。下記では、sukimaというdiv内の画像にたいして指定したものである。 .sukima img { vertical-align:bottom; }
金, 11月 12 2010 » HTMLについて, スタイルシートについて, ホームページ制作 » No Comments