こんなスペシャリスト（クリエーター・エンジニア）のいるWEB屋に仕事を頼もう！

以下のスペシャリストがすべて社内に確保されていなくても外注として活用出来れば問題ない。しかし、パーフェクトに近ければ近いほど当然、制作料も高くなる。しかし、一定の要素を満たしていなければ、ビジネス効果は「無」となる。それでは、企業としてWEBサイトを構築する意味がない。

1. 1,WEBデザイナー（マーケティングを理解出来る存在）
2. 2,WEBデザイナー（コーディング専門）
3. 3,コピーライター
4. 4,海外経験のあるエンジニア
5. 5,SEOエンジニア
6. 6,クリエイティブディレクター

イラストレーターなのどは、外注（下請け）で問題ない。しかし、マーケティングが出来るディレクターやデザイナーは必要となる。特にコピーライターは重要な仕事になる。だが意外と軽視されるのが、このコピーライターである。弊社もこのスペシャリストがすべて在中する訳ではない。しかし、目指すところは、これらの制作スタッフで構成されたWEB屋である。また、海外経験や英語が出来るクリエーターやデザイナーは、WEB先進国アメリカの情報をスムーズに活用出来る。

依頼するべきWEB屋の５か条

1. 1,スペシャリストがいるWEB屋に仕事を頼もう！
2. 2,WEBマーケティングが理解出来、それらなりの企画書で提案してくれるところ
3. 3,SEO対策を含めてWEB制作をしてくれるところ
4. 4,制作の具体的な目的を尋ねてくれるところ
5. 5,公開後の修正やサポートをリーズナブル価格で設定してくれるところ

まず、何かをアピールしたり、モノを売ったりするためには、マーケティングを理解していないWEB屋には制作を依頼するべきではない。また、ソーシャルメディア時代であってもSEO対策は重要である。また、制作の打ち合わせ中では、理解された部分も公開後に修正が必要になる。そんなときリーズナブルな価格で手軽に修正してくれる業者に頼むと助かる。サーバー管理料なるものも数千円でやってくれる事業所を探そう！

Googleの検索エンジン最適化（SEO)によるこんな注意事項がある

以下も確認してWEB屋を選びましょう
SEO業者に確認すべき質問には次が挙げられます。

• 過去の事例のサンプルを見せてもらい、成功事例を紹介してもらう。
• Google のウェブマスター向けガイドラインに従っているか。
• 通常の検索を補完するオンライン マーケティング サービスやアドバイスを提供しているか。
• 期待される結果とその日程、成果を測定する方法。
• 同業種での実績。
• 国内/地域での実績。
• 外国語サイトの開発経験。
• 最も重視している SEO 技術。
• 創業年数。
• 連絡方法。サイトに加えたすべての変更に関する情報、およびアドバイスの内容に関する詳しい情報とその理由を伝えてくれるかどうか。

また、SEO対策がWEB制作のすべてではないが、せっかく構築したWEBサイトが検索されなく、少ない訪問者であれば意味もなくなる。また、以下のPDFを参考にして、業者に質問するのみ良いだろう！
[PDF] Google 検索エンジン最適化スターターガイド
このスターターガイドの条件をほぼ満たせるようにサイトを制作することを依頼してみてはどうだろうか？

成果の得られるホームページとは、クランアントの一生懸命と私たちの一生懸命がぶつかったところからクリエイトされるものだと最近特に感じるようになりました。もちろん、私の経験値ですが、前向きな企業様がやはり成果を得る傾向になります。社員が自ら惜しみなく顔を出されるようなクライアントは、それなりに社員意識も高くホームページの成功を高いと思われます。

他社との大きな違いは以下の点でしょう。

• マーケティングを最大限に活かした制作を行う。
• 月間管理費などリーズナブルなサーバー管理費のみ
• オペーレーションのためのサポートが充実している

実際、WEBサイトを運営して行く上でのサポートが一番大切になります。作りっぱなしではなく、ビジネスツールとして活用して頂くための作業を重視しております。
更にフマートフォン対応やソーシャルメディア、ソーシャルネットワークへの対応も行っています。しかし、一番大事なのは、オンラインの特性を生かした企業のストーリーをサイトでアピールすることだと考えています。ネット上でどのようなコンテンツを顧客への情報提供できるのか？そこにフォーカス酢質用があります。
専門性と便利性を兼ね備えたビジネスだけが反映する時代»

野澤建設株式会社のホームページ»

もちろん、最新のjQueryを活用したスライドで、こだわりの家づくりがユーザーに伝わるように本格的木造注文住宅をキーワードに掲げました。成果を得るのは、まだ時間がかかりそうです。しかし、他の建設会社とは差別化を図ることをススメました。まず、直接販売に結びつける前にこだわりの家づくりを多くのユーザー知ってもらうことが、目的です。物事順番が大切なことも重要なファクターです。いきなり売上を訴求しようとするホームページは、ユーザーの心をつかめないのではないでしょうか？

ATFファクトリーへのお問合せは、こちらから»

今回のマンマ・ミーア！様のホームページを作る前に決めたこと！

　　１，現実離れしたモデル写真を使わない。
　　２，感動のある結婚式をアピールする。
　　３，コミュニケーションが出来るサイト。
　　４，自分サイズの結婚式を提案する。
　　５，スマフォ・タブレットのモバイルに対応する。

上記を制作のコンセプトとして、サイト構築をした。
現実には、モデル画像を使用しないことは、金銭的なメリットがあるように感じるが、実は、結婚式を挙げた現実の画像を使うことは、制作者側からすれば、かなりの負担となる。しかし、クライアントの努力により 質の高い画像をが利用できた。サイト構築の一番の目的は、他社との差別化である。既存のスタイルの結婚式場のホームページの概念をぶち壊すことから始まった。

もし、あなたのビジネスで他社との差別化を図りたいならお気軽にご相談ください。
メールでのお問合せ»

私たちは、妥協を許しません。クライントのビジネスに効果のないホームページやウェブサービスは商品と考えません。
さらにマーケテイングコンサルタントのコンセプトワークに沿ったデザインワークが必要とされます。個性ある人も個性ない人も笑顔で向かいれます。学歴も年齢も障害者でもOKです。問題は、上記の条件を満たしたあなたのやる気です！

今現在の最新のWEBテクノロジーとマーケテイングコンセプトに沿ったデザインワークで日本国内のクライントに最高のサービスを提供するのが、私の仕事です。

　　　・ハローワークトライラル参加WEBデザイナー
　　　・WEBデザイン経験者

条件は、ハローワークで、ご覧ください。
お問合せはメールで»

ローカルでも全国をマーケットにしている事業所でもそうでない事業所でもON LINEが機能していない事業所をON LINEを機能させると簡単に売上げが上がるケースは多い。そして、正しく更新などをマメにして頂ければ、必ずと言っていいくらい成果はある。私たちは、クライントに確かな利益を与えるために真剣に制作する。しかし、クライアントのなかには、忙しい毎日の仕事のなか手の回らないケースの事業所も多い。
そして、ホームページの効果がないと嘆く。経営者が私たちが真剣に作り上げる恐るべきホームページのビジネス効果を想像出来ないのだろう？

ATFは、マーケィングのツールの一つとしてホームページを制作します。そして、それは、費用対効果のある制作物でないとサービスとしての商品でないと考えます。

いま、ある会社の社名で検索するとGoogle AdWordsは、その会社の上に競合の広告が表示される。ようするに競合に自己のSEO対策の成果を横取りされる可能性がある。そこで、Google AdWordとSEOの比較をまとめてみた。

1. １、キャンペーンやタイムリーなキーワードには、SEO対策では対応出来ない。
2. ２、SEO対策のキーワード設定から外れたキーワードでも対応出来る。
3. ３、無料ブログなどやアドセンスをしているサイトでも表示される。
4. ４、Google AdWords広告費の方が経費的に明確で効果がSEO対策より得やすい。

３の部分では、Yahooのリスティング広告とGoogle AdWordsの大きな違いだ。

Google AdWordsの最大の欠点

多機能なGoogle AdWordsは、多機能な上に利用が面倒になる。細かな設定をしっかりやっていれば、その効果があるのだが、間違った設定をしてしまうことがある。Googleは5,000円程度のクーポンを配布しているがm一般の企業が効果的ななGoogle AdWordを利用するには、少しハードが高いようだ。当然ATFでもクライアント様のベネフィットを得る為の戦略の一つとして、Google AdWordsを提案している。もちろん、Google Analyticsと併用した活用をWEBマーケティング戦略と同時に提供している。

Google AdWordsについて、お気軽にお問い合わせください»

もちろん、「いいね！」を一つでも多く押してもらうための制作面からのテクニックや度量は必要になります。ただ、Facebookもウェブコンテンツです。どうしたらユーザーの役に立つのかを考える必要があります。私たちは、多くの成功例から最もあなたのビジネスにあったFacebookページを制作いたします。まずは、下のFacebookで人気のアメリカの企業のページデザインをご参考にしてください。

日本でもおなじみのDunkinDonuts

victoriassecretは、アメリカの下着メーカです。

verizonはスマートフォンの販売会社です。ギャラクシーをこのページで見ることが出来ます。

sonyelectronicsのページです。

ご存知、リーバイスのページです。

新会社を立ち上げのプロセス中にあなたのロゴやブランディングのアイデアは、おそらく最も重要な概念です。
ウェブサイトのデザインやユーザーインターフェース、グラフィックス、印刷作業、マーケティング＆コンバージョンと目標。多分、ランディングも自分勝手な考え方では、モバイルデバイス上を含む追加の要因が全体をスルーされることを考慮する必要があります。そこで、私たちのブランディングを構築するデザイン制作の人としては、ウェブサイトのデザインとグラフィックス、印刷作業は、全く異なった概念でデザイニングすることが必要だということです。もちろん、アイキャッチャーは、一つです。しかし、ウェブサイトのデザインには、ウェブテクノロジーが印刷物の紙質を考慮するより複雑なテクノロジーを理解する必要があるからです。グラフィックスとウェブデザインを異なる概念で制作しなければならないということです。

ブランディングには、あなたの目指す自分のビジネスのポジショニングが必要です。どこに行きたいのか？自分の会社の最終目的地をイメージさせるところから始まります。まず、自分のビジネスで、ユーザーにどうやったら喜んでもえるのか？とてもシンプルでベーシックなことですが、そこがスタートであって、いくら儲けるか？は、その目的を叶えるためのファクターであるべきです。これからのビジネスは、ソーシャルビジネスのイメージが大切になるのではないでしょうか？

ロゴや名刺のデザインだけでなくWork環境である生産拠点であるオフィースのテーブルからすべてデザインすることにより、制作物のクオリティを高めます。それが、A Teamの仕事となります。

Googelが評価する2,000ページのサイトを創り上げるのは容易なことではある。しかし、DBを利用したサイトなら日々の更新で容易に2,000ページのサイトは構築できる。一日、30分程度で住宅会社なら数棟の契約を得ることが出来る。既存のビジネスならそのホームページの作り方にもよるが、10〜20％の売上を拡大できる。

Google Seo対策の基本は、更新回数にフォーカスを置くべきである。ブログの更新により、サイト全体のアクセスに対応させる方法が、一般のビジネスサイトでは必要なことになるだろう？コンバージョン率を高めるよりもアクセスを高める方法の方が意外と簡単であるということです。
正しい知識を持って、サイト内のブログを更新していれば、それだけ十分なSEO対策になる。もちろん、その正しい知識が問題になる。

よくある悪い例が時間が空いたからと行って連続投稿をしたりする。定期的に更新するようにすることはそれほど難しくない。また、一定のテキスト量も必要になる。それでなければ、ソーシャルメディアで十分な対応ができる。どこまで鮮度の高い記事の更新ができるかが？ビジネスサイトで一番大切なことだ！

ソーシャルメディア対応のビジネスサイト

ソーシャルメディアを活用したビジネスサイトの必要な条件を挙げてみた。これらの項目をサイト内で表現するべきである。

• キュレーションされやすいコンテンツを利用する。
• ユーザーに専門的なアドバイスを記載する。
• ユーザーが自慢しやすいコンテンツを利用する。
• 共有できる画像や動画を提供する。
• 顧客のクレームやFQを充実させる。

キュレーションされやすいコンテンツを利用する。
コンテツをソーシャルメディアで紹介されやするページを制作したり、ソーシャルメディアで紹介されやすい記事作りをする。一番簡単なのが、美人写真の画像とコメントなどになるのが、その女性のビジネスへの考え方などの知っかりしたコンテンツが必要になる。つまり、ソーシャルメディアでは紹介できないセンテンスの長い特別な料理のレシピや健康法、美顔などビジネスの裏話などでも良い。
キュレーション＝情報価値があり他に紹介すること。


ユーザーに専門的なアドバイスを記載する。
自己のビジネスで扱っている商品のケアの仕方やお得な利用方法。例えば、「今これを買うより次の商品の方が・・・」などのユーザーが喜ぶ情報やユーザーが知らなくても問題ない製作段階の秘話や製作者の声など特化した情報が必要だ。


ユーザーが自慢しやすいコンテンツを利用する。
よくあるお客さまの声なのだが、もっとユーザーが喜こべるものはないでしょうか？「この製品を使って、このお客さまこんな作品を・・・」と記載されていれば、そのユーザは少なくとも自分の近くにいる人にそれを自慢したくなる。または、お客様の声のクレーム的な部分も記載して、その対処方法と謝罪をする。できるだけ正直で誠実な企業イメージを獲得するためのブランディングが必要だ。


共有できる画像や動画を提供する。
綺麗な画像や面白い画像、又は動画（YouTube)などユーザーがどんどん自分のブログやソーシャルメディアで利用できる体制を作る。これが上手に行くと参加型のサイトが出来る。また、FacebookやGoogle +向けにRSSの設定に気遣いをしておこう。


顧客のクレームやFQを充実させる。
1件のクレームには、無数の同様のユーザーが感じた不快感があると考えるべきである。そして、同様のケースのための対処方法を記載しておくべきである。そこからFQを充実させる必要がある。それをユーザーが紹介してくれるケースがあるからだ。企業にとってマイナスなクチコミでもこの対応さえ良ければ、ユーザーに誠実さを伝えることが出来る。


ビジネスサイトにただ「いいね！」ボタンやTwitterなどのフォローボタンなどを設置しただけでは、ソーシャルメディアに対応したサイトにならない。

あなたのビジネスでホームページが活用されていますか？せっかく、立ち上げたホームページが何も機能していないのなら、あなたは経営者として、ホームページ担当として、大きな影響チャンスを逃したことになります。今回は、売れるホームページの要素をご紹介します。

コンテンツ

コンテンツについて、ホームページに記載されている内容を確認してください。出来れば、あなたのビジネスに関わっていない人に見てもらってください。ユーザー視点でホームページが製作されているでしょうか？もしくは弊社の無料相談でもかまいません。誰かに評価してもらってください。

• ホームページ制作目的は確認していますか？
• そこで働く人の顔が出ていますか？
• コンテツをわかりやすくグルーピングしてますか？
• 経営者の思いや商品についての情熱が記載されていますか？
• 訪問者のターゲッを絞り込んでいますか？

ホームページの目的の重要性は、例えば、企業のサービスや考え方を知ってもらう。直接販売に結びつける。商品を知ってもらう。などのように直接売上に結びつけようとするサイトは、ECサイト（ショッピングサイト、通販サイト）でない限り、１つのホームページで多くの目的を持たせると分かりにくいサイトになる。まず、目的を認知度を高めることを目的にする。

上記の図のように、多くの人にホームページに訪問して、まず、潜在顧客化する。そして、顧客になるのは、比率はプラミッド型となる。その頂点のわずかな人にアプローチをするのではなく、まず、認知してもらうとこに目的を設定する。もしくは、多くの人に認知されていれば、サービスや考え方を知ってもらう。そのビジネスのポジションによって、ホームページ制作の目的はことなる。

検索エンジン最適化

Google検索順位とアクセス評価を確認してください。もし、アクセス評価が出来ていないのならGoogleアナリステックスを設置してもらってください。そして、全体の評価とここのページアクセ数を分析してください。

• Googleアナリスティクスを導入しているか？
• Googleビジネスパートを利用しているか？
• Googleプレスに完全な情報を記載しているのか？
• 定期的に更新をしているのか？

詳しいことが理解出来なければ、制作したホームページ会社にお尋ねください。Googleアナリステックスのタグを設置するのに１万円は掛からないでしょう。（当社は無料です）

ユーザビリティ

ホームページからユーザが何かを調べるのに目的のページに到達出来ないようなサイトを良く見掛けます。また、文字ばかりで読むのが面倒くさく感じるページもあります。

• お問合せやフリーダイヤルがどのページでも目立つことに設置してありますか？
• お問合せフォームは、SSLで暗号されてますか？
• ビジネスの実績が表示されていますか？
• 見やすくて使いやすいサイトですか？

この項目に於いてもあなたのビジネスと直接関係のない人から意見を聞いてください。つまらないことで顧客を失うこともあります。

上記は、基本的な部分です。上記に該当する時は、出来るだけ早くホームページをリニューアルしてください。

住宅受注を得るためのホームページ制作法

効果のある住宅会社のホームページを作るためには、もちろん個性や様々要素はあるとしても高価な出費になるユーザーからしては、手の抜いたホームページではもちろん、効果が得られないどころか、マイナスイメージになる。高額な出費をユーザーにしてもらうための仕組みを作ることです。

1，写真にお金を掛ける…建物の撮影は難しい。そして、建築実績などのページはどうこの会社のホームページもアクセスは高い。更に人の心を惹きつけるのは、文字より画像だ。
２，社員の顔を出す。…大手企業でない限りそこで働く人の画像を出す。ユーザーとの距離が縮む。
３，カスタマーサービスを心がける。…建築中のユーザーに対してのサービスを潜在顧客に見せる。信頼というロイヤリティを獲得する。
４，女性目線で作る。…女性が気に入る小物やアクセサリーを使った画像や分かりやすいサイトを作る。
５，資料に金を掛ける…自社のアピール資料だけではなく、家を建てる人のための読書本を送る。
６，奥様の声を届ける…良かった話も悪かった話も正直にOPENする。


　　


アスリートD　松本市のデザイン住宅»
松本市の工務店：木族の家
住まい工房：松本市の注文住宅

中小企業のブランディングに容易にできる時代になった理由

企業は、直接のセールするより話題性あるコンテンツを提供するためにソーシャルメディアやFacebookページを使う。そして、ブランディングを構築する。今までなら、中小企業の広告費は、セールスか？リクルートに活用されるしかなかった。もしくは、イメージ広告などでは、新聞の名刺広告利用するぐらいだった。ところが、無料で使えるFacebookに多少の経費でページを作り、顧客満足度を高めるための仕掛けづくりが容易にできるのがFacebookなのです。

中小企業のカスタマーサービスをFacebookで行う！

Facebookページで、顧客満足度を高めるための作業を行う。それが、Facebookを上手に活用する方法である。どれだけ「いいね！」を獲得することで、顧客の求めるものも発見できる。また、口コミの効果はここから生まれる。

中小企業はFacebookで販売促進してはいけない！

ソーシャルメディアやFacebookでユーザーは広告を探すために利用するのではない。シェアしたりキュレーションするコンテンツを探している。であるならば、鮮度の高い良質なコンテンツを発信すればいい。つまり、「商売の裏話」「製品の裏話」などあなたのビジネスで知り得た情報がファン獲得の武器になる。利用法さえ間違えなければ、Facebookでローカルの中小企業やお店。飲食店のブランディングが行える。

このサービスを活用して、お店や会社の集客やサイトのSEO対策に役立たせることが出来るのです。GoogleのIDがあれば、約30分くらいで完成することが出来ます。飲食店やお店だけではなく、医療機関や中小企業者のアピールにも役に立ちます。

観光客相手のサービスには特に有効です。飲食店では、livedoorグルメや食べログ.comのレビューにも反映されます。

Googleプレイスの特長

• Google検索で1ページ目に自分のお店や会社の情報を知らせることができる。
• 画像や動画を使ってお店や会社のサービスを紹介できる。
• 営業時間や営業品目を紹介できる。
• スマートフォンで、検索される人にも有効。
• ホームページに誘導できる。
• フォースクエアーにも対応している。

Googleプレイスの活用するテクニック

• 営業時間や営業エリア、その他の情報をできるだけ詳しく記入する。
• 画像やYouTubeを活用する。
• WEBサイトのURLを必ず入れる。
• できるだけ多くの人にレビューを入れてもらう。

Googleプレイスは、GPS情報のアルゴリズム利用して表示されているようですが、キーワードを利用したアルゴリズムによっても表示されます。従って、上記の情報を登録するときには、キーワード設定をして、店名などにもキーワードを挿入することをおススメします。

例：松本ラーメン　→ラーメン店　松本ラーメン


Googleプレイス登録方法は、こちらを参照してください。
Googleプレイスに無料で店舗を登録する方法ガイド→

Facebookにも同様のチエックイン機能があります。

まず、ソーシャルメディアのページとなると楽しさの演出や情報の提供のできるpageイメージが必要となる。また、クライントのサイトを支援したり、facebookの役割は、サイトやブログと異なる。その辺の役割と目的意識を持つことが大切である。





facebook page WEB ATHLETE


中小企業が避けることができるソーシャルメディアの間違い10
レディー・ガガが教える5つのマーケティング術。
企業のソーシャルメディア利用の問題点と対策

• 先代・起業家が健在な企業
• ヒット商品を上げている企業
• ある程度の地域でのポジショニングを得ている企業
• 地域密着型企業

そんなことを感じているなか、私たちは、新しいWEBサイトMOVE21を立ち上げてみた。少しでも新しい時代のマーケティングを理解し欲しいと感じている。人間のこころをつかめるマーケティングこそ長野県内の企業にも知って欲しい！
レディー・ガガが教える5つのマーケティング術。

• Google
• YouTube
• Facebook
• Amazon

上記サイトのようにいろいろなサービスやツールを備えたサイトには非常に便利な手法だが、一般的な企業サイトや商店サイトではそれほど思い切って使えないような気がする。実際、携わった案件では上記サイトのような数十個以上の画像を一つにまとめて使ったことはない。そしてCSSスプライトにはデメリットもあります。

1. 背景画像のリピートさせることができない
2. CSSでサイズを変えると画像も変えなければならない

（1）は、すでに画像がいくつも並んでいるためリピートさせるようなポジショニングが難しくなる。（2）はCSSで対象範囲のサイズを変える場合は画像も変えなければならなくなる。逆の場合も同様に画像を変える場合はCSSも書き直さなければならない。すなわち改修する時に手間がかかってしまう。

導入できる箇所はある

大手サイトのような使い方は出来なくとも、グローバルメニューの背景やボタンなどCSSでマウスオーバー画像を変化させたい時にはCSSスプライトは有効だ。それほど一つのファイルに画像を集約する必要もないので（ボタンなら大体2種類くらいで済むだろう）画像をリピートさせることも出来る。
私はWordPressでサイトを作る際、グローバルメニューとなる部分は絶対にカスタムメニューを使いたいひとなのでCSSスプライトは多用する。

是非、お試しあれ。

行列の出来るホームページとは？

まず、顧客の満足度を高める為のサイトであり、その顧客サービスを見て、ユーザーはそのサイトの企業や店舗を利用する。つまり、ホームページでアピールするものは、商品やサービスではなく、顧客を満足させるためのシステムを良し悪しがキーポイントとなる。簡単にいえば、どれだけ顧客が喜んでいる様子や情熱をもってビジネスを行っているかをアピールすることだ。「この商品いいですよ！」アピールするより「このお店いいよ！」とユーザーが伝えるほうがアピール度は高い。

ホームページの周辺はどうするの？

ホームページをリニューアルする時に過去の失敗例を見つけてみよう。SEO対策も専門の知識のある業者に依頼してサイトのマスタープランを作る必要がある。以下は、グーグルの検索エンジン最適化（SEO対策）の一文です。


SEO 業者に確認すべき質問には次が挙げられます。

• 過去の事例のサンプルを見せてもらい、成功事例を紹介してもらう。
• Google のウェブマスター向けガイドラインに従っているか。
• 通常の検索を補完するオンライン マーケティング サービスやアドバイスを提供しているか。
• 期待される結果とその日程、成果を測定する方法。
• 同業種での実績。
• 国内/地域での実績。
• 外国語サイトの開発経験。
• 最も重視している SEO 技術。
• 創業年数。
• 連絡方法。サイトに加えたすべての変更に関する情報、およびアドバイスの内容に関する詳しい情報とその理由を伝えてくれるかどうか。

下記のようにホームページを取り巻く様々な要素まで、考慮してホームページ作りを行わなければならない。また、WEBマーケティングに十分な知識がある業者に尋ねる必要もある。WEBデザインができるからと言って、WEBマーケティングが理解出来るとは限らない。いや、ほとんどWEBデザイナーは理解していない。つまり、あなたのビジネスに適合したソーシャルメディアや広告などの利用やそのオペーレーションも必要になるということだ。

サイトをリニューアルする前に！

業者に確認しておくべきことがる。既存のサイトの欠点とその対策はもちろんであるが、クライアント（発注）側でも多少の勉強をしておきたい。そして、最低、以下の部分だけは尋ねるようにしてください。


システムの拡張性・・・現在は、CMSが主流で、そのシステムの拡張性を訪ねておこう！例えば、WordPressなどを利用するのでは拡張性の心配はない。
公開後の修正と変更・・・WEBサイトは公開してから変更が生じる場合は少なくない。その辺の対応と料金について
サーバーとドメインについて・・・サーバーの管理は、WEBデザイン会社で管理してもらっても契約は直接レンタルサーバ会社としておこう！ドメインは、WHOSの登録をしっかりしてもらう。この辺は、よく問題になる。ホームページ制作者と連絡が取れなくなり困っているクライアントを多く知っている。
SEO対策について・・・実績を示してもらうこをオススメする。
モバイルの対応・・・スマートフォンや携帯の対応を事前に決めておく
ショップサイトの構築・・・サイトの拡張によりショップサイト・ECサイトの構築が以後可能なのか？サイトの将来性についても訪ねておこう！

大抵は複数のボックス共通のCSSを定義し横に並べて、幅いっぱいに到達したらカラム落ちしてキレイに並ぶといった仕組みだろう。
当然ボックスとボックスの間にはマージンを付けたいのだが、一番端にくるボックスが上手く並ばないことがよくあると思う。

そうした時に、従来ならJavascriptでキレイに並べられるライブラリを使う方法などがあったが、WEB制作者ならそんなところにJavascriptの手を借りたくないというのが本音だろう。
現在ではCSS3のnth-child()という、要素が何番目の子要素かによって該当するものにだけCSSをかけることができる疑似クラスがあるようだが、今のところまだレイアウトに関わる部分はCSS3を使うことは気が進まない。今日も同僚のデザイナーとそんな話をした（IEユーザがまだまだ多いため）。

そんなときに使えるのが親ボックス（親要素）にネガティブマージンを付けてあげる方法。横並びするボックス（子要素）に右マージンを付けているのなら、その親ボックスにマイナスの右マージンを付けてあげればいい。この方法ならIE6にも対応させることができるはずだ。

昔から多用してきたにも関わらずネガティブマージンという名前は知らなかったが、是非ためしていただきたい。サンプルコードは書きませんので。悪しからず。

何かを売るのではなく！まず企業姿勢を知ってもらう！

まず、何かを売るのではなく、企業の姿勢を知ってもらえるサイトを作る。「だれが、どんな思い出この事業をやっているか？」とても重要なことでこれはひつのコンテンツとなりうる。そして、同カスタマーズサービスをするのか？言い換えれば、顧客満足度を挙げるためのサービスを潜在顧客に見てもらことが大切なのです。



WEBディレクターのするべきこと

株式会社住まい工房　ホームページ

ループの直前に記述をするだけ

ループの直前に記述し、カテゴリの絞り込みや投稿者別、記事の表示順、表示件数などを指定すると、それに沿った条件で取得される。

記述コード

query_posts($query_string . “&order=○○&cat=○○&showposts=○○”)

whileの前に記述し、上記コードの赤字部分の引数を指定してあげる。

＜?php while (have_posts()) : the_post(); ?＞
…
＜?php endwhile; ?＞

例えばループ内もカテゴリごとにデザインを変えてあげると、ただのブログからダイナミックなWEBサイトへとガラッと変わる。
カスタムフィールドを併用して商品ページがあるサイトなどには非常に重宝する手法である。

単に固定ページを一生懸命作り込むだけでなく、CMSの一番の特徴となる部分にさらに作り込むことで厚みのあるサイトを作ることができる。
是非、お試しを。

しかし、なるべくプラグインを使わずにWordPressをカスタマイズする方法第2弾。
今回は「カスタムメニュー」。

カスタムメニュー

こちらも、最近お気に入りでWordPressでのサイト制作では毎回使用するようになった機能だ。

functions.phpの編集

まずは「functions.php」。
以下のコードを追加する。

register_nav_menus( array( '○○○' => __( '×××' ) ) );

「○○○」と「×××」の部分に任意で名前を付ける。
「×××」の部分がテーマ内のメニューの場所となる。
複数つくることもできる。

テンプレートファイルの編集

そして、テーマ内のカスタムメニューを表示させたい場所に以下のコードを追加。

wp_nav_menu();

様々なパラメータが設定できる。
詳細はこちらからを参照。

• WordPress CODEX

メニューの作成

管理画面内の「メニュー」から、メニューを作成する。

作成したメニューを先程作った場所に設定すれば完成。

以前ならテンプレートタグで作っていたメニューも管理画面から行えるようになる。

アイキャッチ

今や最初から実装されているテーマがほとんどだが管理画面内の一覧でも設定したアイキャッチが確認できれば、なお便利だ。

functions.php

まずはfunctions.php。

add_theme_support( 'post-thumbnails' );

これでとりあえずはアイキャッチが使えるようになる。

ループ内にコードを記述

if ( has_post_thumbnail() ) {
＜?php the_post_thumbnail(); ?＞
}

管理画面の一覧にも


/* 投稿とページ一覧にもアイキャッチをサムネイル表示 */
if ( !function_exists('fb_AddThumbColumn') && function_exists('add_theme_support') ) {

// for pages
add_filter( 'manage_pages_columns', 'fb_AddThumbColumn' );
add_action( 'manage_pages_custom_column', 'fb_AddThumbValue', 10, 2 );
}


以上、最近お気に入りのカスタマイズでした。

facebookユーザーが企業のページになにを求めているのでしょうか？企業のfacebookページからどんなアクションをおこすのでしょうか？
「Facebookにおける企業の公式ページに対するユーザー意識調査」からわかることがあります。
facebookにおける企業の公式ページに対するユーザー意識調査»
日本でも多くのfacebookユーザーがすでにfacebook内の企業公式ページを活用し、
ページの｢いいね！｣ボタンを押している。
そしてユーザーの約7割がその企業に対して何らかのアクションを起こしているという調査結果。

さらには、Facebook内の企業公式ページに「いいね！」を押した人の3割以上は、実際に売上に貢献ともあります。

「いいね！」から売上に！

企業のfacebookページで価値のある情報やfacebookユーザーに限定したサービス等を提供することで、ファンを増やし売上につながる事が確立されたのではないでしょうか？
「いいね！」を押したくなるコンテンツがもちろん必要ではあるが、
facebookとビジネスの連動・企業のfacebookページ構築はビジネスを大きく発展させるものでしょう。

実績の上がるホームページの業態

ホームページを利用して販売実績が上がりやすい業態は以下の通りです。

• 建設会社
• リフォーム会社
• 全国をターゲットにした物販店
• オーダーメード店
• 旅館ホテル
• 観光スポット
• 特殊なサービス
• 不動産サービスなど

地域に根ざしたビジネスで例えば飲食店などは、宴会や結婚式の二次会などをするお店なら効果は期待できます。

もし、あなたのビジネスが上記になくても
もし、あなたのビジネスが上記にあってもそれなり効果が感じられないのなら
私たちにご相談ください。現在より10〜20％の売上拡大を目指してサイトを構築致します。

全国のホームページを制作・コンサルティングを行なっている私たちがご相談にのります。

SEO対策について

Googleが以下のようにSEO業者選びについて警告をしています。私たちは以下の項目をほぼ満たしています。
SEO 業者に確認すべき質問には次が挙げられます。

過去の事例のサンプルを見せてもらい、成功事例を紹介してもらう。
Google のウェブマスター向けガイドラインに従っているか。
通常の検索を補完するオンライン マーケティング サービスやアドバイスを提供しているか。
期待される結果とその日程、成果を測定する方法。
同業種での実績。
国内/地域での実績。
外国語サイトの開発経験。
最も重視している SEO 技術。
創業年数。
連絡方法。サイトに加えたすべての変更に関する情報、およびアドバイスの内容に関する詳しい情報とその理由を伝えてくれるかどうか。

facebookアプリ開発！

この記事の当初で紹介したホームページで売上を拡大したクライアント様は、先日お会いしたときにfacebookに強い興味を抱いていました。私たちは、すべにfacebookのアプリを開発し、全国向けのECサイト（ショッピンサイト）を運営しているクランアント様の一部においては、facebookページのアプリ構築も行っております。ローカルを主体としたビジネスや上記のホームページを作っても効果が得にくいサービスのビジネスであってもfacebookのページの構築はビジネスの発展に大きな意味を果たします。


後記：
ホームページ担当まで用意してホームページを作成されたクライアント様は多くの利益を上げておられます。また、忙しいなか経営者様自らブログを更新されているクライアント様もいらっしゃいます。私たちの仕事は、WEBに詳しくないクライント様にWEB威力としうものを知ってもらうことが大事な仕事だと感じました。

WordPressのビジュアルエディタは実際の表示をプレビューしながら投稿や固定ページを作成できるわけですが、スタイルシートも編集に反映されたらより便利です。
特にクライアントに納品するWordPressサイトであれば、使える機能かもしれませんね。
今日はその方法を紹介します。

functions.phpを編集

functions.phpに以下のコードを記述をします。（※＜＞は全角で書いています。実際は半角にします。）

＜?php
add_editor_style(‘editor-style.css’);
?＞

ビジュアルエディタ用のCSSの設置

上記コード内の「editor-style.css」がビジュアルエディタに適用させるスタイルシートです。
テーマディレクトリ直下に「editor-style.css」を作成するとビジュアルエディタに反映されるというわけです。

CSSを編集

作成した「editor-style.css」に、通常どおりスタイルを記述するとビジュアルエディタに反映されます。
ビジュアルエディタ用に独立したCSSなので好きに記述して構いませんが、実際の表示に合わせる目的であれば…

＜?php
php the_content();
?＞

…に適用させているスタイルに近い記述が必要になります。
是非お試しください。

WEBサイトを構築してビジネスが簡素化して便利になることを目的にサイト構築をする場合は少なくない。しかし、このサイト作りの最終的な目標はそこにない。私がこのサイトでアピールしたいのは、このサイトのクライアントであるT’s Guitarsの仕事へのこだわりである。カスタムメイドする顧客と代表である高橋さんがエレキギターに使われる木材や部品一つ一つを顧客と打合せするスタイルにある。人気の国外モデルではないのに多くのミュージシャに愛されるその理由を言葉ではなくサイト全体でアピールしたかったのです。

カスタムメイドギターという世界のコンテンツを十分に発信でききるようCMSのシステムをWordPressにし、Flashを使用せず（一部サイドバーに使用）、スマートフォンやiPadにも最適化した。そして、T’S Guitarsの若きスタッフのギターづくりの想いが届けらればと制作をした。

私のホームページ作りは、クライアントの思いや情熱をデジタル化することにある。

ティーズギターWEBサイト

制作中もさることながら、再び改修する際も自分が見て分かるようにマークアップし、IDやクラスのネーミングも統一化させ自分の中で定義付けを行うことで、久しぶりに覗く自らが書いたコードにもすんなり順応できる。

@import

その際に多用してきたのが「@import」。
CSSを細分化し（要するにブロックごとに分けたり、用途によって分けたり…）読み込ませることで、加筆や削除を容易にさせておくことができる。全体的には変えないが、ちょっと大がかりに変えるなどという場合に、他の部分に影響なすることなくスムーズな改修ができる。

しかし、@importはレンダリングが遅いのも事実だ。おそらくPHPやCGIを使ったサイトだと軽く不愉快なほど遅く、昔のWordPressやXoopsではかなり体感できるほど読み込みスピードが遅い。

Object Oriented CSS

最近では「Object Oriented CSS」という手法が採用されているとのことだが、調べてみると既に自分も少し導入していた手法であった。
IDにスタイルを定義付ける手法が一般的だ。つまりロケーション（ヘッダやフッタ…）ごとにスタイルを作る。しかし、Object Oriented CSSとはサイト全体クラスを付けて、必要なプロパティを「パーツ」のように付けていく。
簡単に言うと、よく使うプロパティは色々なところで再利用できるということだ。サイト全体をObject Oriented CSSで作ったことはないが、パフォーマンスも向上するのだろうか？
初動制作時の工数はかかりそうだが、これも自分の中のスタンダードを徐々に構築しておくことで、再び改修する時に手間がかからなそうだ。

サンプル

WebAthlete

text-shadow: 1px 1px white, -1px -1px #444;

WebAthlete

text-shadow:1px 0 #333,0 1px #333,-1px 0 #333,0 -1px #333;
WebAthlete
text-shadow: 1px 1px 0 #e4f1ff;

さらにCSS3のtransitionで装飾

※マウスオーバーでズーム！

Web Athlete

CSS3のtransitionはアニメーションを設定できるプロパティだが、ここまでくると少し遊びがでてしまう。しかしタイトルロゴ・バナー・メニューなど使いどころを考えてサイトのクオリティアップを。

16進数値文字も挿入可能

contentプロパティで挿入出来るものは画像やテキスト。よく使うのは「»」や「«」。リストやボタンに使うことが多い。テキストは2バイト文字でも表示されるようだが、16進数値文字が推奨されている。
ただし、以下の様な一定の規則がある。

• セミコロンを削除
• #とxは削除するか0に変換
• ＆を￥に変換する

使いようによっては非常に便利で、テキストにオススメアイコンやNew!アイコンをつけたり、ダウンロードリンクにexcelやPDFのアイコンをつけたり、印刷リンクにプリンターのアイコンをつけたり…。用途は様々。
ただし冒頭で話したとおりIE7以下は無視されるので、無くても意味は通じる程度の使い方が今の段階では無難である。

Googleパーソナライズドホーム

Googleパーソナライズドホーム（現iGoogle）がリリースされ初めて見たときに、「何かグリグリ動く！」と衝撃を受け、これがAjaxかと度肝を抜かれた。
あれから、WEBが本当に必要な情報を収集することに便利なものとなり、知人にGoogleパーソナライズドホームをブラウザのホームに設定することを勧めていたのを思いだす。
公開されているJavascriptには便利なものがたくさんあり、今やJavascriptは「これを実現するために使う」という観点だけでなく、WEBを彩る重要な要素の一つだと感じる。

膨大になっていくJavascriptファイル

最近Javascriptを外部化しているライブラリをよくみかける。Javascriptの外部ファイル化自体は昔からあるが、ファイル自体を外部サイトから参照しているのだ。
Javascriptも進化し、当然記述も膨大になっていく。中にはテキストファイルにもかかわらず100KBもあるものがあるそうだ。

Google Ajax Libraries API

GoogleはGoogle Ajax Libraries APIというJavascriptライブラリを公開していて、Googleのサーバを使って配布しているそうだ。GoogleはWEBを高速化することを目的としているので、自社の強力なサーバを使って配布している。なんともWEB開発者やWEB管理者にとってうれしいツールだ。自分の制作したサイトを振り返ってみると、知らず知らずのうちにGoogle Ajax Libraries APIを使っていたりする。
JQueryもGoogle Ajax Libraries APIで配布されており、多くのサイト利用されているためキャッシュが効いてWEBページを高速化できるとのこと。
みんなで使うことで相乗効果ということだろうか。Googleはやっぱりすごい。

グローバルメニューを構築するのに便利なツールの紹介

画像のマウスオーバーを簡単にするJavaScript
JavaScriptのダウンロードはこちら»
便利な点は、上記のスクリプトを記述すると、マウスオーバーで変更したい画像の名前の最後に「_off」「_on」を付け加えるだけ！

「2.jpg」をマウスオーバー画像にする場合は、
通常時の画像「2_off.jpg」
オーバーの画像「2_on.jpg」
2つを同じディレクトリに置くだけなのだ。

とても簡単なスクリプトなのだが、画像ファイルにスクリプト書く必要もなくソースもシンプル、導入が非常に簡単なので多くの場所で使用することができる。
もっと詳しくはソースがシンプルなJSによるロールオーバー»で紹介されています。

簡単でデザインのいいjqueryドロップダウンメニュー

JavaScriptでのメニュー機能で参考になるサイト
jQueryプラグイン サンプル（メニュー系）：skuare.net。
jQueryプラグインを使ったドロップダウンメニューやメガメニューなどが数多く紹介されているサイト。デザインや機能の実装に困った際に参考に。
こちらもJQueryで簡単に作るドロップダウンメニュー紹介
JQueryで簡単に作るドロップダウンメニューいろいろ


JavaScript・jQueryをつかってクオリティの高いグローバルメニューデザインでユーザビリティーをアップ！

吹き出しの隠し方

WEBページにGoogleマップの埋め込む際、多くの場合あまり画面を専有するような大きなサイズで埋め込むことはないと思う。私の場合、アクセスページに使うとしたらせいぜい縦横400pxから500pxくらいだ。
しかしそのぐらいサイズだと、吹き出しが非常に邪魔になってくる。個人的には景観上もあまり好きではないので隠すことにしている。表示させたければマーカーをクリックすれば良いし、アクセスページに埋め込むのであればページを開いた時はマーカーだけで十分だ。

隠し方は簡単。

取得したインラインフレームのsrc属性の最後に「&iwloc=B」を付け加えるだけだ。

大きな地図で見る

上記のように吹き出しを簡単に隠すことができる。

WEBサイトのコンバージョン率をアップさせるために重要な要素のひとつであるコンタクトフォーム。
氏名や住所の入力からはじまり、ショッピングサイトになるとクレジットカード番号の入力や配送方法の指定などなど…、様々な入力を求められるフォームには沢山のユーザビリティを実装する必要がある。
自分自身もECサイトでショッピングをする際に、項目の分かりづらさや手間を感じてしまうと購入意欲が失せる。人間が購入意欲をもってから「本当に必要かな…？」と考え始めるまでの時間が約20分と言われている。その為「使いやすい」コンタクトフォームをデザインするのもWEBデザイナーにとって重要な仕事だ。

住所入力を簡単に！

郵便番号から住所を自動入力するツール。よく見かける機能だが、比較的簡単に導入できる自動入力をピックアップ。
Ajax郵便番号→住所自動入力フォーム
Ajaxと JSON フォーマットを利用するJavaScriptライブラリ。JavaScript のみで稼動するため、CGIプログラムが不要。
既存の住所入力フォームを3行書き換えるだけ！

Google日本語入力を利用した自動住所入力
Google日本語入力は郵便番号を入力し変換すると住所を表示してくれる。その変換を利用したフォームでの自動住所入力だ。

各主要ブラウザがHTML5+CSS3に対応し始め、WEB制作がしやすい環境になってきてはいるが、ブラウザによるHTML+CSSの解釈の違いは間違いなくある。CSSハックや条件分岐で特定の環境下にCSSを適用しブラウザ間の差異を巧みに埋める達人たちもいるが、私は「Reset CSS」をおすすめする。

Reset CSSとは？

ブラウザはデフォルトでそれぞれスタイルを持っており、例えば多くのブラウザではゴシック体のフォントを採用しているが、明朝体のフォントをデフォルトで採用しているブラウザも存在する。その他にもマージンや余白、罫線の微妙な違いなどマークアップをしていると気付かされる違いが多くある。
Reset CSSとは、そういったブラウザのデフォルトスタイルを初期化をするためのCSSだ。

ユニバーサルセレクタ

一昔前は私もユニバーサルセレクタ、すなわち全称セレクタで手軽にそういったスタイルをリセットしていた。

* { margin:0; padding:0; }

上記の様な手法だ。
アスタリスクはHTMLの全ての要素を意味しており、先頭にこれを記述することで全ての要素をリセットできる。（下手すりゃborderも0！）思い起こせば随分長い間使っていた気がする。
しかし、デメリットもある。まずブラウザのレンダリングが遅くなる。意図しないスタイルもリセットされ逆に工数がかかってしまう場合もある。特にフォーム関連の要素はデザインし直すのに苦労する。
では、全ての要素に個々にリセットをかけるCSSを準備しなければならないことになるのか？実はそうではなく、一般に公開されている、ルールさえ守れば商用利用可能なReset CSSを使うことで誰でも簡単に実装することができる。

世界の代表的なReset CSS

Yahoo! User Interface Library

Yahoo! User Interface Libraryの提供するReset CSS。私の手持ちのReset CSSもYUIのCSSを参考に作成したものだ。

Eric Meyer’s Reset

Eric Meyer氏によるReset CSS。一般に配布されているWordPressのテーマを見ると、私はこの手法を一番よく見かける気がする。

導入は計画的に

実際WEB制作で毎回Reset CSSを実装するかというとそうではなく、大体制作期間により決める。リセットをかけてそこからオリジナルデザインを構築することを考えると、適用することができない時もある。（早くデモサイトをリリースしなければならない時とか）
しかしいつでも使えるよう独自のCSSを備えてはいる。HTML5に対応したReset CSSも今後登場することだろうが、またそれを参考に独自に構築していくことは、おそらく私にとって楽しい作業だろう。

GoogleMapAPIの使い方についてはこちらから»