Webサイトは広告媒体では無いんです。

| コメント(0) | トラックバック(0)
kokokukokuchi.jpg

とってもよく勘違いされていることが、Webサイト(ホームページ)は広告という考え方。「ホームページを作ったからお客さんが増えるはず。」という勘違い、してませんか?

広告代理店に発注してホームページを作る場合も多いので、勘違いして当然といえば当然なんですが、Webサイトは「告知」or「情報提供」の場であって、広告では無いんです。

 

そもそも広告というのは、不特定多数にむけて商品・サービスを知らしめるものなので、自然と目に入ってくるものを差すんです。たとえばテレビだとかラジオだとか雑誌だとか、街頭の看板(デジタルサイネージ含む)だとか。ネットユーザーがホームページを閲覧する行為は、情報を得るor楽しむor購買する事がメインであって、不特定多数のユーザーが自然と集まってくるわけで は無いんですね。

Web上での広告は、たとえばバナーや検索連動型の広告(いわゆるPPC)です。Webサイト(ホームページ)やブログそのものは広告として機能しません。

 

ということは、他の媒体で使っているコンテンツをそのままWebサイトに流用することは、全然意味が無いという事になります。ユーザーの「知りたい」「楽しみたい」という意図を汲んで、売り上げに繋がるような情報を提供したり、告知したりすることが大事なんです。もちろん、他の媒体に出している広告とビジュアルイメージを合わせることは、ブランド力向上に繋がります。

図式としては、広告なりSEOなりでユーザーを集める→ホームページで情報を提供し告知する→クロージング→売り上げを上げる。という事になります。この2番目の「情報を提供し告知する」を怠っているサイトが結構多いんですよね。

TOPページに配置している要素が、そのあたりを顕著にあらわします。まるでCMのプロットみたいなTOPページだったりしている事がありますが、どんなに綺麗で凝ったデザインにしても、ユーザーに与えるのは印象だけであって、情報では無いですね。

告知する内容は、その商品のメリットであったり、強みであったりだけではなくて、ユーザーにとって有益な知識が必要です。不安を取り除くことも大事です。結局は、以前にポストした一番大事なのはサイトマップ、次がデザイン!に繋がってしまうんですが、根本的な部分で勘違いしたままだと、良いサイトは作れません。

 

こんな視点で自社サイトを見直してみてください。

・いきなり自社の歴史とか沿革とか語っていたりしませんか?

・イメージ写真とロマンチックなコピーがFlashでスライドしてませんか?

・最新情報が「ホームページをリニューアルしました。」で止まっていませんか?

・パンフレットやチラシのほうが情報量が多かったりしませんか?

・TOPページに外部サイトへのリンクが貼ってありませんか?

・シンプルが一番!と言って、下層ページに行かないと何の為のサイトなのか分からないことがありませんか?

hetemlサーバにMTを一瞬でインストールする

| コメント(0) | トラックバック(0)
heteml-logo.gif

最近、自社運営サイトのレンタルサーバをhetemlに乗り換えました。

CMSの検証とか色々やるので、データベースが沢山作れるのは良いですね。

 

さて、hetemlに限らず、SSHが使えるサーバにCMSをインストールする時の簡単な方法をご紹介します。

サーバエンジニアの方が見たら、「なにいってんの?」という感じかもしれませんが、たとえばMovableTypeなんかをインストールしようとすると、4000ファイルくらいアップロードしないといけません。

FCKEditorとか、TinyMCEなんかのプラグインもファイル数が多いので面倒なんですね。

STEP1

まず、CMS本体をダウンロードして解凍します。

必要なプラグインをpluginsフォルダやmt-staticフォルダに突っ込みます。

そして、全体をZIP形式で圧縮して、mt.zipとか分かりやすくリネームしてください。短いファイル名が吉

STEP2

サーバにアップロードします。FTPでいいんじゃないかと思います。

STEP3

SSHクライアントを起動します。ワタクシはTera Termが好みです。

hetemlの場合、コントロールパネルでSSHを有効にする必要があります。

アドレスは、ssh***.heteml.jp

パスワードは任意のもので、ポートは2222です。

STEP4

まず、該当するファイルの場所を確認

 

cd web
ls

そうすると、webディレクトリ以下のディレクトリ名が一覧表示されるので、今回MTをインストールするディレクトリを確認しましょう。

仮に「chopstick」としますね。

cd chopstick
ls

そうすると、mt.zip というファイルが出てくるんじゃないかと。

STEP5

このファイルを解凍します。このコマンドも超簡単

unzip mt.zip

そうすると、ズラーっと解凍されたファイル名が表示されます。これがやたらと気持ちいいんですよね。

終わったら、ログアウトします。

コマンドは

logout

 

STEP6

FTPクライアントで、mtディレクトリにアクセスして、cgiという拡張子のファイルの属性を「705」に変更。

mt-config.originalというファイルは、「700」にします。

 STEP7

あとは、普通に/mt/ディレクトリにアクセスして、インストールウィザードに従ってください。

 

とまぁ、こんな感じです。

実は前職のとき、契約しているサーバのSSHアクセス権限はもらっていなかったんですね。

なので、MovableTypeをインストールするときは、お昼休み前にFTPをセットして、4000近いファイルをアップする仕掛けをして離席したりしてました(笑)

サーバエンジニアでは無いので、そんなにゴリゴリとSSHを触れる必要は無いと思いますけど、あのストレスから解放されたいという方は一度お試しあれ。

 

 

ところで、「サーバー」と「サーバ」ってどっちが正しいんでしたっけ?

Another HTML-lintのブックマークレット

| コメント(9) | トラックバック(0)

コーダーは毎日使っていると言っても過言ではない、説明不要のAnother HTML-lint gatewayですが、
いちいちサイトを開いてURLをコピー&ペーストするのが面倒じゃないですか?

既出かもしれませんが、便利なブックマークレットがあります。

コチラ↓

javascript:var%20f%20=%20document.createElement('form');var%20o=new%20Object;o[0]=document.createElement('input');o[0].setAttribute('type','text');o[0].setAttribute('name','Stat');o[0].setAttribute('value','on');o[1]=document.createElement('input');o[1].setAttribute('type','text');o[1].setAttribute('name','Method');o[1].setAttribute('value','URL');o[2]=document.createElement('input');o[2].setAttribute('type','text');o[2].setAttribute('name','URL');o[2].setAttribute('value',location.href);o[3]=document.createElement('input');o[3].setAttribute('type','text');o[3].setAttribute('name','ViewSource');o[3].setAttribute('value','on');for(var%20i%20in%20o){f.appendChild(o[i]);}document.body.appendChild(f);f.action%20=%20'http://openlab.ring.gr.jp/k16/htmllint/htmllint.cgi';f.method%20=%20'POST';f.submit();

こちらをドラッグしてブックマークしてもOK→LINT

もう、手放せませぬ。

 

 

 

あ、クリックすると、このページをチェックすることになりますけど、点数は気にしないでください。(笑)

Chopstickは、基本的に95点以上でサイトを作ってますが、ブログは空白行とか「甘え」が出ちゃいますからね。

 

 

 

アイデアの本2冊

| コメント(0) | トラックバック(0)

books-20100511.jpg面白法人カヤックの柳澤大輔さんの「アイデアは考えるな。」と、ジャックフォスターの「アイデアのヒント」を両方読んでみました。

 

って、これ中身はほとんど同じです。

 

カヤックの柳澤さんは、以前に働いていた会社とお付き合いがあって、一度会議室で色々とお話しをしていただいた事がありました。

ああ、本当に面白い会社なんだなぁと思いつつ、この方はけっこう理論派なんだという印象を受けました。

「すごい企画を1個出すよりすごくない企画を100個出せ!」

「アイデアとは、既存の要素の新しい組み合わせ以外の何ものでもない。」

と、この両方の本で言われている内容です。

 

うーん、どっちがオススメって言えば、ジャックフォスターのほうか。

柳澤さんの文体は身近な人の語り口なので、読みやすいのは「考えるな。」のほうか。

 

いずれにせよ、アイデアで食っている業界の方には読んで欲しい1冊です。

 

パットメセニーのOrchestrionというアルバム

| コメント(0) | トラックバック(0)

パットメセニーって歳取らないよなぁ。

という独り言は置いておいて、ジャズギター界の大御所かつ、独自の路線を突き進んでいる感のある彼が、今年の1月に出したアルバム「Orchestrion 」

自動演奏っていうと、打ち込み的なものをしていたんですが、ピタゴラスイッチ的な恐ろしくアナログな演奏装置でした。

CSS NiTE in OKINAWA Vol.4開催

| コメント(2) | トラックバック(0)

CSS Nite OKINAWA Vol.4

いつもお世話になっている、龍球インクさんが主体になって、今年もやってきます、CSS NiTE in OKINAWA

去年は、ワタクシは参加しなかったのですが、うちの吉田さんが行ってとてもためになったと言ってました。

 

今年はPhotoshopがメインのセミナーをなんと6時間のボリュームで開催するそうです。

いま、Web制作会社ってFireworksでカンプまで作るところが多いんですが、うちはPhotoshop6割、Fireworks3割、Illustrator1割くらいの割合です。
レタッチのお仕事も結構あるので、今回のCSS NiTEは注目です。

早割りとかあるので、皆さん是非!

一番大事なのはサイトマップ、次がデザイン!

| コメント(0) | トラックバック(0)

御社が、対象となる地域(全国・世界全体を含む)で、対象となる性別・年齢層に対して、とてもメジャーな企業で、しかも業界シェアが1位で、不況知らずであれば、この記事は読まなくて大丈夫です。

そういったWebサイトの場合は、ブランド力の向上を主眼に置いて、デザインにこだわりましょう。

サイトの使い勝手を考える必要もさほど無いです。(とはいえ、便利で信頼のおける商品・サービスを扱っているならば、サイトの使い勝手もブランドの一つですが…)

 

これから業界に打って出よう!もしくは、もっと売り上げを上げたい!という場合は、どうすれば良いかについて考えてみます。

・SEOで上位表示する

・奇抜なデザインで目立つ

・情報量を増やす

・ペルソナを利用して、ターゲットを明確に戦略を立てる

 

どれもこれも、Web制作会社に提案されていいる内容だと思います。

Chopstickが考える最良の選択は、「Webサイトに掲載する情報を絞り、読んでもらう順番を考える」です。

ChopstickのWebサイト、リニューアル中

| コメント(0) | トラックバック(1)

自社サイトはどうしても後回しにしがち。という体質は、どこのWeb制作会社でも同じようです。
もっとも活用すべき営業ツールなのにどうしてなんでしょうね。

という事で、開業から無事1年を経過したChopstick(チョップスティック)は、公式Webサイトをリニューアルして、新商品の発表も行う予定です。

さらに、サテライトサイトである「外注請けます.com」もスタートします。
これは、沖縄県内外のWeb制作会社やホームページ制作を商品として持ちたいコンサルタントの方や、税理士事務所・会社設立支援会社・グラフィックデザイナーの皆様へ向けた商品です。

この他にも、Webを活用した目新しいサービスをリリースしていきますので、ご期待くださいませ。

こういう自社案件にも、きっちり納期を決めないとダメですよね。自分がクライアントなのでどうしても甘えてしまいます。いっそ社員にやってもらったほうが良いのかな…なんて、甘ったれた独り言も飛び出す始末。

5月中にはリリース予定です。

(と、自分でハードルを上げてみる。)

ブログのリニューアルをしました

| コメント(0) | トラックバック(0)
oldSite.jpg

このChopstickBrunchというブログは、ハヤマタカシの個人事業プロジェクトChopstickの公式ブログというか、いわゆる社長ブログみたいなモノなんですが、最初に制作したのは2004年頃だったと思います。

IT系(ってバズワードですねw)の企業でサラリーマンをやりつつ、Web業界に未練タラタラだった頃に始めたブログというかWebサイトが元になっています。

で、MovableTypeを入れてブログ化したのが、2008年。サンネット株式会社に居た頃です。

当時、いわゆるグランジ系と呼ばれる汚しを聞かせたデザインが流行り始めていて、こう見えてミーハーなワタクシなので、木目+汚れ紙みたいなデザインにしてました。

まぁ、今回のこのデザインも似たようなものなんですけど、ちょっと綺麗目にしてみました。

というのも、私がオススメする「セルフブランディング・ブログ」としては、こっちのほうが断然いいんです。どいういう事かというと…

HOTPINK様のホームページ制作

| コメント(0) | トラックバック(0)
少し前になりますが、恩納村のマリンスポーツを中心としたショップ、HOTPINK(アイランド倶楽部グループ)さんのホームページをリニューアルしました。

このご依頼は、3月まで勤めていた制作会社でのオファーだったんですが、独立のタイミングとばっちりマッチしまして、制作会社とのコンソーシアムでの制作になりました。

デザインは、かなりチャレンジをしたというか、マリンスポーツ・ダイビングのショップとしてはあり有り得ない配色を使ってます。
かなり自由にやらせてもらったので、各部にちょっとしたギミックをあしらっております。

たとえば...

TOPページのメインビジュアルが横にスライドしますが、コレはFlashではなく、jQueryというjavascriptライブラリをフル活用してます。
Flashでも作ったんですが、このサイトはSEO重視なので、ちゃんとソースが書かれていたほうが有利なんですね。


たとえば...

TOPページのビジュアルの一番右にある、オススメコース診断。
ここに人数を入れて検索すると、Cookieにその値が記憶されます。
で、どうなるかというと、各コースの詳細ページでは、その人数分の料金が自動計算されて表示します。
地味に便利でしょ。


たとえば...

メモリーアルバムは、写真が正方形でばばばっと表示します。
コレは、1枚あたり3MBを超える大きいサイズの写真を、とあるソフトを使ってサーバー上にアップして、システム側にIDを打ち込むだけで一気にリサイズして、サムネイルまで生成します。
毎日大量の写真をアップしたいという要望もあったので、利便性とデザイン性を追求したシステムです。
サーバー側に置いたPHPで、GDという画像処理モジュールを使用して組んでますので、同じシステムを入れるにはかなりのサーバーパワーを必要としますので、専用サーバーの準備も必要ですね。


他にもいろいろと見どころがあって、ほとんどをjQueryライブラリを活用して作ってますので、興味があったら見てみてください!

[前の10件] [1]  [2]  [3] []

ハヤマタカシ

羽山 毅(はやま たかし)

Chopstick代表

Webデザイナー/ディレクター

IDA高等過程・非常勤講師

横浜生まれ、横浜育ちの35歳

2006年から沖縄に移住し、
Web制作会社勤務を経て、
2009年4月独立開業

ATOM

最近の記事

アーカイブ

カテゴリー

コメント

CSS Nite OKINAWA Vol.4

Powered by Movable Type