Webサイトをプロとして制作されている個人＆法人の方が苦労することの一つに
新規案件の受注ということがあるかと思います。

MKK WORKS でも営業スタッフの負担減と新規案件増を期待し
様々なサイトで受注＆提案を行っています。

そんな便利なBtoBマッチングサイトをご紹介します。

サンプルページ

CSSのソースは下記だけです。

a:hover img{
opacity: 0.5;
filter: alpha(opacity=50);
}

要するにaタグ内のimgに対し、hover時に50%半透明化させて表示するだけの簡単なものですが
ソースも数行で済む為、意外と使えるテクニックです。

filterは対応ブラウザが少ないのでopacityでfirefoxなどをカバーしています。
数字を変えれば透明度を変更することが可能なので最適な数字で使用して下さい。

サンプルソース
a:hover img { opacity: 0.5; filter: alpha(opacity=50); }

簡単でしかも割とカッコイイとは言え、あまり推奨される方法ではないので
サンプルページや、ちょっとした事例を紹介するだけの
あまり細かく作りこまなくても支障の無いページに使うようにするのが無難だと思われます。

以前、ヤフーのトップページのデザインが変わるといったニュースを見たときはもっと先になる記憶が

あっただけに不意をつかれました。

どうやら無作為にブラウザを抽出し、アンケートをとっているようです。

yahoo!japanはこういった方法でレイアウトのテストをよくやるのですが今回はトップページの全面改装ですから少々びっくりしました。

一応このようなトップページですね。

アメリカのYahooに似てますね。MSNなんかもこんな形ですよね。

実際に自分で触ることになってみると、「なんだかガチャガチャしてるなぁ～」という印象。

あと、Web制作者にとって気になるのは「カテゴリ登録サイト」への経路が変わった点。

正式公開時にはどうなっているのでしょうか。

レイアウト変更に加えて、検索精度向上にも努めていただけるとありがたいものです。

少し時間があったのでGoogle Analyticsを見てみたところ、ブログの更新は全く行っていない為
やはりアクセス数は激減しています。

ご存知の方は当然の知識として知っていますが、意外と知らない方も多いようですので・・・。

実は、変わりません。

厳密に言えば、リニューアル後のサイトが旧サイトより検索エンジンから見て魅力的であれば
評価は上昇しますし、魅力的でなければ評価は下がります。
ただ、リニューアルや引越しという行為に対して評価が下がることはありません。

続きは以下からどうぞ。

ホームページを導入したことによる成功例は多くありますが、やはり全く成約に繋がらない、お問い合せがこないといった目的達成のためにホームページが機能していないという失敗のケースが多く見受けられます。

多くのホームページ管理者はSEO対策などアクセスの増加などに問題があると考えられていますが、「ホームページの機能面」を無視したことによるリピーターの低さも非常に重要な問題です。

では、「ホームページの機能面」を高めるにはどのようにしたらいいのか。。。

「ＬＰＯ」を高め、ユーザーの視点に立って「ユーザビリティ」を高める！

有名横文字です。意味もこのブログを読まれる皆さんはご存じでしょう。

具体的には！？
中小企業専門コンサルの「WorksTrust」様を例にワンポイントテクニックを簡単に解説したいと思います。
このサイトは、「Markezine」の記事にも出てくるほどの、有名サイトで、実際に高いコンバージョン率があると考えられます。

「何屋さん」なのか明確

プライバシーマークなどで上位表示されています。
このときにユーザーは「プライバシーマーク」に何らかのニーズがあり実際にサイトを訪れたときにこのサイトが「プライバシーマーク」の専門コンサルであるということがすぐにわかります。
Ｆ理論(ユーザーの視線)や、文字の大きさから明確です。

1サイト＝1キーワード

これは、SEO対策上でも非常に重要な要素ですが、これはユーザーの立場に立てばそのサイトを去るか去らないかの決定項目にもなります。このケースだと、「プライバシーマーク」意外に、ファイナンスやマーケティングなどのコンサルなども同じボリュームで紹介されていたら、「あ、このサイトは違う」といった事になりかねません。また、専門性が高いと言うことをユーザーが認識できれば成約率が上がるということも有名な事実です。

お客様の声

非常に有名な事実なので、ご存じの方も多いのではないかと思います。ここでは、お客様の声を記載するときのワンポイントテクニックをご紹介します。よく情報商材のお客様の推薦などのコーナーでドアップの写真を掲載しているケースをよく見受けられますが、、、

• ・WorksTrust様のケースのように背景も入った写真
  ・社長と一緒の写真
  ・サービスによって手に入れた写真（現金や車など以外。。）

このような工夫をすることで、ユーザーに対するイメージは自然なものとなり
プラスな印象を持ってもらえるため成約が高まります。

サイドメニュー

サイドメニューは全ページ同じものを使用し、ページごとに変更しないようにしましょう。
特に、サイドメニューにはサービスのコースや詳細に関するメニューを設置しましょう。ユーザーはピックアップバナーや、サービスの特徴・価格などを先に見る傾向があります。そこで、気に入ってもらったときにいつでもサービスのコースや詳細に関するものをみてもらえるように工夫することで、スムーズにサイト内を移動できるためユーザーにストレスを感じさせません。

いかがでしたでしょうか。
アクセスアップにばかり力を注ぐのではなく、成約率を高めるための工夫も
是非、貴サイトに取り込み、成約率の向上に繋げましょう。

動的なURLを含まない確実に効果のあるリンクとなっていますので
登録すればMKK WORKSからの被リンクが1件獲得できる形になります。

登録は無料で、悪質なリンクファームサイトや公序良俗に反するサイト等でない限り
どのようなサイトでも登録可能となっております。

MKK WORKSでもそうですが、サイトを制作したばかりやアクセス数が伸び悩んでいるサイトには最適です。

MKK WORKSでは、全力をあげてページランクや検索順位の上昇を目指しております。
当サイトがページランク上昇することによりリンク先サイト様の価値も上昇致しますので相互協力の上、アクセスアップを目指したいと考えている次第です。

ぜひ、ご登録下さいませ。

MKK WORKS検索エンジン型相互リンク集はコチラ

いわゆるリンクベイティングに近い形になりますが
無理矢理釣るというよりも、引き付けるというイメージです。

ブログの記事には人がどうしてもクリックしたくなる記事タイトルがあるようで、
そのタイトルの付け方をするとアクセスが増える傾向にあるようです。

ちなみにわざと今回のエントリータイトルもこのエントリールールに従ったタイトルの付け方になっています。

○○する為に○○する○個の方法

最近ではファッション誌にもこういう見出しがついていたりして本屋で笑いをこらえるのに必死になったりします。
私も最近はこういったタイトルに「またか」と思っています。ついクリックしてしまいますが・・・・。

その他、非常にクリックされやすいタイトル。
以下の通りです。

○○を増やす○○個の○○（ポイント、戦略、コツ等）

最低限○○（知っておきたい、心がけるべき）の○○（デザイン、最適化、構造）の○○（ポイント、戦略、コツ）

○○（何か）に対する○個の○○（提案、警告、不安）

○○に学ぶ○○の方法

○○に役立つ○○、まとめ○○個

代表的で特に多いものは以上でしょうか。
そういったタイトルをつけているとよくクリックされる反面、
内容がともなっていないと離脱率、直帰率が非常に上がってしまいます。
普段は通常の記事をUPし続け、何回かに１回だけ使うようにすると効果的なように思えます。

皆さんもタイミングを見極め、ここぞというときに使って見て下さい。

続きは以下からどうぞ。

タイトルは内容よりもよく考えてつける

もう一度言いますが、読まれる以前に、見てもらえなければ全く意味がありません。
その後、その大風呂敷を広げたタイトルの記事を読む読まないはユーザーの判断に委ねられるのですから。

長々と書かない

どうしてもクリックしたくなるタイトルをつける

行間や文字サイズは余裕を持って

プロモーションは必ず行う

以上を大前提として記事を書くように心がければ必ずアクセス数は増えていきます。
しかし、毎回全力投球するとすぐにネタが切れてしまったりいつの間にか記事の質が低下していたりします。

本当に大切なことは継続して記事をUPし続けることです。
記事の数が増えれば検索にもひっかかりやすくなり、サイト内のリンクも量的な力を持ち始めます。
まずは難しく考えすぎず気楽に上記の5つを守りながら更新を続けてみて下さい。

ただ、場所は取るし広告みたいだしいちいち各社のソースを貼り付けるのもなかなかの手間です。
そんな手間はこれから必要ないのかもしれません。

続きは以下からどうぞ。

新しいものが好きな方の中にはもうすでに知っている方もいるかと思いますが

主なソーシャルブックマークサービスを一つのボタンでまとめてくれるWebサービスがスタートしました。

このボタンを本日より使用することにしました。

まだ馴染みは薄いかもしれないので
今まで通り、各社のブックマークボタンはつけておきますが
頃合を見てこちらだけにしようかと思っています。

このWebサービスは

Add Clipsが提供するサービスです。

ただ貼り付けるだけならユーザー登録など面倒な手続きは一切不要で誰でも簡単にブックマークボタンが使用できます。
ユーザー登録をすればブックマーク登録状況などもチェックできるようです。

今後もブックマークできるボタンを増やしていくようなのでますます便利なサービスとなりそうです。

ソースが長かったりなんかするとそれも余計に面倒です。
トリプルクリックすれば段落ごと範囲を選択できるのですが特に段落になっていない場合、全文選択されたりしてイラっとします。

Webサイト制作者ならそんな面倒なサンプルソースのコピーをユーザビリティに配慮し、少しでも楽にしてあげたいものです。

実は上記のサンプルテキストボックスはテキストをクリックするとワンクリックで全てが選択されるようになっています。
あとは右クリックしてコピーするだけですね。
ユーザーからすればそんな数秒、数回の簡単な操作も簡略化されていればストレスが減るわけです。

こちらがサンプルソースなので用途にあわせて使って下さい。

<input type="text" onfocus="this.select()" value="URL" size="55" />

<textarea cols="50" rows="3" onfocus="this.select()"><a href="URL"></a></textarea>


Webサイトの世界は日ごとシビアになってきており、ほんの少しのストレスがウィンドウを閉じる要因になってしまうことがあります。
企画や、デザインに力を注ぐのも当然ですが、こういった小さなことも積み重ねていきたいものです。 ]]> http://mkk-works.com/worksblog/web/post-4.html http://mkk-works.com/worksblog/web/post-4.html Web知識 Thu, 16 Aug 2007 11:13:45 +0900

制作関連

ColorBlender

http://colorblender.com/
配色を教えてくれるカラーミキサーサイト
カラーサンプルのすぐ下にある「Editing mode」はAutoMatchにチェックが入っているのでそのまま
「Edit Active Color」のRGB値のスライダーを動かして下さい。
カラーサンプルが自動的に相性の良いカラーに変化していきます。
配色はセンスによるところが大きいですが、セオリー通りの配色も参考になります。

browsershots.org

http://browsershots.org/
詳しくは色々なブラウザで自分のサイトをチェックできる便利ツールの記事ですが
様々なブラウザでのチェックが行えるサイトです。
できればIE、safari、Firefoxでの表示確認は行いたいものです。

画像関連

Image to HTML Converter

http://neil.fraser.name/software/img2html/
画像をテーブルタグに変更してくれるサイト
使う機会があるのか疑わしいですが、もし実践的な機会があるとすれば、
画像が使えない箇所にテーブルタグが使えるならば、これで画像を使うことができてしまいます。笑

Button Maker

http://tools.dynamicdrive.com/button/
詳しくはブログを彩るアイコン達の記事ですが
ブログによくある



といったボタンを設定を少しイジるだけで色々と作れてしまうサイト。
海外サイトですがWeb制作者にとっては簡単な英語だけなので気軽にどうぞ。

MOJI-Q

http://kazina.com/qr/index.html
無料のテキスト付きQRコード作成サービス。
モバイル対応ブログなどは必須ですね。

favicon2dots

http://favicon2dots.com/
画像URLを入力してワンクリック。
ドット絵のfaviconを作ってくれるサイト。

PSBurshes

http://www.psbrushes.net/index.php
photoshopのブラシを大量に置いてあるサイト。
使い方次第で面白い素材が作れそうです。

ファイル操作関連

メディアコンバート

http://media-convert.com/ja/
様々なファイルを変換してくれる恐ろしく便利なサイト。

bubbl.us

http://www.bubbl.us/
Web2.0風なマインドマップが作れるサイト
保存したり、作り直したりするのは無料ユーザー登録が必要です。
とりあえずすぐ作るだけなら登録不要となっています。
もちろんプリントアウトも可能です。