楽天撤退でも前年比1.7倍！北欧雑貨店のSEO戦略 (1/3)
北欧雑貨を販売する『北欧、暮らしの道具店』は、2007年にネットショップをオープンして1年3カ月後、楽天市場にも出店した。「やると決めたら、徹底する性格」という経営者兼プロデューサーの青木耕平氏は、出店後、半年間で700万円近くの広告費を投じて集客に精を出した。おかげで、月に300万円ほどの売り上げに達し、売り上げ全体の35％を占めるまでになった。 しかし、出店した翌年には、すでに強い疑問を感じながら運営していた。 「やはりというか、楽天市場に出店してメリットがあるのは、大量に仕入れてそれを安く販売できる粗利率の高いお店だったんです。例えば花粉症の時期になると、空気清浄器は確実に需要が見込めますよね？ そういう商品を、ベストなタイミングで大量に仕入れ、多額の広告費を投じて一気に売りさばくタイプのお店なら、向いていると思うんです」 前回でも紹介した通り、同店の平均客単価は1万円前後。「この商
【リンク集】無償写真・テンプレ集を山ほど集めたった (1/2)
「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。
書き始めで悩まないための作文テクニック
小説家になりたいわけでもないのに作家の書いた文章術の本を読んだり、ジャーナリストになるわけでもないのに新聞記者の文章論を読んだりするのは時間の無駄だ。5月10日にWeb制作会社のロフトワークと共催した「ユーザーコンテキストに応えるWebライティングの鉄則」セミナーはキャンセル待ちが発生するほど盛況で、Webライティングで悩んでいる人が多くいることに気付いた。だが、人々を感動させたり、感動によって世の中を動かしたい人が増えたわけではないだろう。ブログやTwitterはもちろん、ちょっとした商品説明やWebサイトの事業紹介文など、プロの文章書きではないのに仕事で文章を書く機会が多くなっただけのはずだ。 雑誌編集の駆け出しの頃、「日本語の美しさを守るのが雑誌編集者の仕事だ」と言われたことがある。インターネットが当たり前になった今、そこまでの自負を持っている編集者は少数派だろうが、駆け出しライター
レスポンシブWebデザインのワークフローと画面設計 (1/3)
本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 連載第1回で解説したレスポンシブWebデザインの概念に続き、今回からはシンプルなWebサイトを制作しながら、レスポンシブWebデザインの基礎を学びます。まずはサイト制作の流れと下準備について解説します。 従来のWebサイト制作では、PhotoshopやFireworksなどの画像編集ソフトを使ってデザインカンプを作成し、できあがったカンプを
「ネットで売れない」を変えた 常識破りの商品戦略 (1/3)
「ECサイトには不向き」の代表格とされてきたメガネ。レンズの度数が分からない、フィッティングができないことなどから、「買いにくい」と思われやすい商材だ。 それを払しょくするため、JINSブランドを展開するジェイアイエヌがまず始めたのが、ECサイトだけで完結させることにこだわらず、全国に146店舗ある実店舗も活用しながら、「ネットも、店舗も」行き来できるしくみを作ったことだ。その象徴が、「レンズ交換券」を同封して送付するサービスだ。 「ECサイトでお気に入りのフレームを選び、注文画面内で『レンズ交換券同封』にチェックを入れて購入したお客さまには、メガネフレームとレンズ交換券をご自宅にお届けします。それを持って最寄りの店舗に足を運んでいただければ、度付きのレンズを提供するサービスです。今まで使っていたメガネを持参していただければ、それと同じ度数のレンズにもできますし、改めて視力測定をして新規に
コンテンツSEOを意識した大手企業WEBサイト8
American Expressのクレジットカード明細書には、支払い先の業種が印字される。先日Googleの有料サービスの項目を見てハッとしたのは業種欄が「広告代理店」だったこと。グーグルをIT企業だと思っていた大手広告代理店がWeb対応に遅れたのも無理はない。 グーグルは広告代理店なので、検索エンジンの価値を守り、高めていく動機がある。Facebookのほうが無駄な情報がなくていいよね、Twitterのほうがいろんな情報に接せられて便利だよね、と思われたらこれまで沈めてきたライバルと同じ運命をたどってしまう。ユーザーが求める情報を最短で探し出し、ノイズだらけのWebから高質な情報を抜き取るための努力を惜しまず続けているのは、検索エンジンGoogleがビジネスの中心的価値だからだ。 従来のSEOがよく言えば「どうすればGoogleのアルゴリズムに高く評価されるか」、悪く言えば「Google
もうこれで迷わないHTML5新要素の使い方 (1/3)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5では、セクションに関連する要素以外にも、新しい要素が追加されたり、意味が変更されたりしています。今回から数回にわたって、HTML5で新たに登場する要素や、変更された要素について解説します。第6回は、一般的なWeb制作で使用頻度の高い要素と、ルビ関連の要素を取り上げます。 各要素の解説では、冒頭に「カテゴリー」
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
コンテンツを依頼するときのSEOチェックリスト17
コンテンツの発注が曖昧だと、「こんなはずではなかったのに」というテキストやイラストができあがってくる。検索エンジンはテキストを重視するので、特に文章についてはSEO的観点からあれこれ細かく注文し、ライターの仕事を長引かせてしまうことがあるのは本当に申し訳ない。 SEOについては、雑誌や書籍の仕事を長くしてきたライターは、「SEOなんて知らないから発注側で適当に直せばいい」という立場の人が多いように思う。一方でライティングの仕事をWebから始めたライターには「ターゲットキーワードは何ですか？」と打ち合わせの段階から聞いてくる人もいる。原稿受領後にSEO的な問題を指摘したとき、すんなり応じてくれるのはWeb系ライターに多い印象だ。 SEO的か否かにかかわらず、原稿に納得がいかず、こちらで手直しすれば手間が増えるだけで、初めから明確に注文しておけばよかった、と毎回反省だ。きちんとしたチェックリス
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
50代でも分かったHTML5の基礎知識
おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは
見積書の作成
Webサイト制作における見積書とは、Webサイトを制作・公開するために必要な、企画ディレクション費用、デザイン費用、システム関連費用、ランニング費用などをまとめて記載した書類です。ただし、クライアントが概算金額の提示を要求した場合は、企画提案書の中に概算金額を盛り込むこともあります。 正確な見積書を作成するには、ヒアリング後の企画提案書で方向性をしっかり固め、要件定義書でクライアントの意向とズレが生じていないか確認します。それでも、制作が進む中で、当初はなかった要望が発生することはよくあります。追加費用を相談するためにも、見積書に追加費用に関して記載しておくとともに、事前に十分説明しておくことが大切です。 見積書の具体的な作成方法 見積書に記載する見積金額は、一般的にページ単価×ページ数から計算できます。全体のページ数は、企画提案時にサイトマップを作成することで確認が可能です。 会社案内、
ショッピングカート＆EC構築ツール 徹底比較表
ネットショップに欠かせない「ショッピングカート」。「製品やサービスが多すぎて、どれを選べばいいのか分からない」「必要な機能が搭載されているか、調べるのが大変」――そんな悩みを解決する「主要ショッピングカート＆EC構築ツール 徹底比較表」ができました。 本比較表は、国内で販売されている主要なショッピングカート／ECサイト構築ツール、全8サービス（製品）を対象に、ディスク容量やGoogle Analytics対応などの機能面から、契約期間やサポート方法などの契約面まで、約80項目に渡って利用者視点で徹底調査。一覧表形式でまとめたものです。 ショッピングカートの導入や変更を検討しているネットショップのオーナー、クライアントへネットショップの構築を提案したいWeb制作会社など、どなたも自由に利用できます。A3サイズ1枚におさまるようにレイアウトしていますので、印刷して持ち歩くにも便利です。ご活用く
リスティング広告の運用チートシートを作ってみた
リスティング広告の運用にはすでに「定石」があるらしい。私自身は編集者なのでリスティング広告の運用なんて本格的にはしたことがないが、12月9日刊行の『リスティング広告 プロの思考回路』という書籍の編集中にそんな記述に巡り会った。本書の説明を自分なりに咀嚼して作ったのが、以下の「リスティング広告 運用チートシート」だ。 中小のネットショップにとってリスティング広告は重要な集客施策だが、運用を代理店に依頼するほどには予算がない。事情に詳しいWeb制作会社によると、配送作業の終わった深夜に担当者自ら管理画面と格闘するのが実状だという。 だとしたら、「リスティング広告 運用チートシート」は役に立つに違いない。何しろ『リスティング広告 プロの思考回路』はリスティング広告の「トッププロ」7名が著者。グーグル日本法人の元メンバー4名が含まれ、しかもそのうち2名はオーバーチュア（現ヤフージャパン）にも在籍し
事例に学ぶ！絶対失敗しないFacebookページの作り方 (1/2)
日本でもユーザーが500万人を超え、本格的に普及してきたFacebook。企業でもFacebookの活用が広がりつつあります。 Facebookは有名な大企業だけのものではありません。誰もが知る世界的な大企業やブランドのFacebookページが10万人以上のファンを獲得する一方で、Facebook内で共感を得て、こつこつとファンをつかんでいる企業のFacebookページも増えています。 今回は、着実にファンの心を捉え、成果を上げているFacebookページを取り上げ、成功しているFacebookページがどのようにして共感を得て、ファンを増やしているのか、その戦略に迫ります。 事例1：丸亀製麺 ファン数：6,367人（2011年11月16日現在） https://www.facebook.com/marugame 「丸亀製麺」は、株式会社トリドールが運営する讃岐うどんチェーンです。丸亀製麺で
HTML5セクション要素のまとめ (1/5)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 前回はHTML5のセクションとアウトラインについて詳しく解説しました。今回はセクション関連の新しい要素を解説します。 セクションを明示するための要素 HTML5では、セクションを明示する要素として、section要素／article要素／aside要素／nav要素／body要素が定義されています。 section要素
いまさら聞けないSEO内部対策の基本
Webサイトへユーザーを呼び込むには、検索エンジンの存在が欠かせません。新たにサイトを構築するときには、検索エンジンを意識する必要があります。完成後に検索エンジンのことを考えるのではなく、制作前からSEO（検索エンジン最適化）を考慮したサイト設計が大切です。 SEOの内部対策と評価の基準 検索エンジンのロボット（クローラー）は、人間のようにWebページを視覚的に捉えるのではなく、Webページに含まれるテキスト情報を収集して、どのような情報を提供しているページかを評価します。この評価を上げる作業が、SEOの「内部対策」です。 内部対策では、Webサイトを訪れたユーザーに対して、求めている情報をスムーズに提供できているかが評価の基準となります。ユーザーが情報を取得しにくいWebサイトは、検索エンジンからの評価が悪くなります。検索エンジンは、ユーザーが検索したキーワードに関連するさまざまなWeb
また見たいサイト1位に「東京ディズニーリゾート」
日本ブランド戦略研究所は10月7日、日本の有力企業240社のWebサイトの再訪問意向について調査し、その結果を発表した。 調査結果によると、また見たいサイトの1位は「東京ディズニーリゾート」。各サイトに半年以内にアクセス経験がある人のうち89．3％が、「東京ディズニーリゾート」のサイトに再度アクセスしたい(再訪問意向)と回答した。 次いで2位は「マクドナルド」（85．2％）、3位は「サンリオ」（84．6％）、4位は「ユニクロ」（83．8％）、5位は「サッポロビール」（83．4％）、6位は「味の素」（81．8％）、7位は「花王」（81．7％）と「アサヒビール」（81．7％）、9位は「ユニ・チャーム」（81．6％）、10位は「HIS」（81．5％）となった。 同調査は、各サイトに半年以内にアクセス経験がある人を対象に実施。調査時期は2011年6月で、インターネットによるアンケート調査。有効回答
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アディダスに学ぶ「気持ちいい」サイトを作る4つのしかけ
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
