専門医局様デザイン制作
NSproduceでデザイン制作させていただいた医療関係専門の転職サイトです。
今回はデザインのみの制作でしたが、ユーザビリティと機能性を重視し、洗練されたイメージを大切にしてデザインさせていただきました。
事業内容
事業内容
- WEB制作全般やってます!!
- WEBデザイン・フルCSSコーディングはもちろん、MovableTypeやZencartの導入(及びサポート)やFlash制作も行っております。
- また、よりお客様のホームページを見ていただくためにSEO対策やマーケティング戦略などもご相談可能です。
- ホームページをただ作るだけではなく、どのようにホームページを活用するかを考えて制作に入りますので、打ち合わせ段階でイメージを完成させ、お客様のニーズに対応できるようにいたします。
- 詳しくはお問い合わせいただき、ご相談していただければと思いますので、よろしくお願いいたします。
画像置換スクリプトを使用してみる
JQIRというjqueryを使用した画像置換スクリプトを使用してみました。
jquery.jsとjquery-jqir.jsをダウンロードする必要があります。
詳しくは詳細サイトなどで調べてほしいですが、これを使うことで何となく嫌だったマイナスインデントによる画像置換をしなくて済むな〜とおもって喜んでますw
またコツを覚えるとリンク等で使われる画像切替もCSSと併用して簡単にできます！
SEOにも効果があるのではないかと思っています。idに画像のファイル名、クラスにJQIR用のコードを入れるわけですが、divタグにこれらを入れちゃってその中にh1とかh2とかタグを入れて文章化しても画像一つで表示することもできちゃいます。
さすがjquery。。恐るべし！
ロボットにわかりやすいコーディング
今ほとんどの優良サイトはXHTML+CSSでコーディングされたサイトになっています。
XHTMLは通常のHTMLにXMLでも解釈できるように組まれたページです。
WEB2.0的なページコーディングには欠かせない要素でもあります。
そこにレイアウト・デザイン要素であるCSSを読み込ませることで文書構造を損なわずに様々なページを作り出せるようになっています。
これと検索エンジンとどのように関係しているかと言うと、つまり、検索エンジンでサイトを巡回しているロボットは人間とは違い、見た目でサイトを判断しているわけではなくコードそのものを見て判断しているわけです。
コーディングは、ただ文章だったり背景だったり画像だったりを入れて行うものではなくある程度規則に従って行うものです。
本にもタイトルがあって、見出し・小見出しがあって、文章や画像があるように、ホームページにも同じようなことが言えます。
テーブルレイアウトではこの文書構造が崩れ、本当に伝えたいことがロボットには伝わらないということになります。
SEO対策で被リンクばかりを気にされる方もいらっしゃいますが、その前にページを見て誤ったコーディングを修正する方が良いと思われます。
ガイドラインをチェックしよう！
大手検索サイトGoogleやYahooでは、その検索エンジンでのスパム行為などに関するガイドラインを公開しています。
まずはこれらを参考にサイトを作る必要があります。
ガイドラインにもあるように、スパムと判断されてしまうとサイトは一切検索しても表示されない(下位に表示されてしまう)ことがあります。
1 2
