広告の心理 電通の広告戦略を分析する http://tsurumitext.seesaa.net/article/130055536.html 日本のモンスター企業「電通」の心理戦略。 広告に学ぶ心理学 http://kenichinishimura.blogspot.com/2011/07/blog-post_19.html マーケターが使っている広告心理。 この言葉になぜ心を動かされてしまうのか http://e0166.blog89.fc2.com/blog-entry-202.html 人間の心理を突き、人を動かすキャッチコピーのノウハウ集。 儲かるランディングページの作り方を公開 http://www.re-marketing.jp/marketing/website_navigation/lp.html WEBで売れるページの作り方。リアル店舗の広告や看板に応用可。 広告コピー
Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
3月26日（金）、福岡市天神にあるデジハリ福岡校セミナールームにて人気ブログ『百式』を運営されている田口元さんのセミナーが開かれた。 45名の定員に対し倍以上の応募があったそうだが、見事当選できたため田口さんの語るセルフブランディング術を聞くことができた。 当日は（田口さんの）撮影、および録音は禁止されていたが、ブログに内容を書くことは問題ないとのことなので、デジタルマガジンではそのセミナー内容のすべてを“行きたかったけど行けなかった”という人のために公開する。 これからブログで一旗揚げたい、すでにブログを運営していて興味があるという人の役に立てば幸いだ。 ※メモと記憶の限りなので一部間違いがあるかもしれませんが予めご了承ください。 出席者に紛れてすでに会場入りしていた田口元さん セミナー開始の時間となり、まずは今回のセミナーを実現させた福岡ビジネス・クリエイティブ道場（カレッジ）の小田さ
HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
有名アプリ・人気アプリを一通り試してみて、最終的に残った68個のアプリを一挙紹介。有料アプリもいくつか入ってます。 ＊Dock 内＊ まずは一番下に並んでいるアプリたちです。ここの4アプリは、ページをめくっても常に表示されます。 ・電話、メール、Safari、iPod 電話とメールとネットと音楽。iPhone の基本ですね。買ったときの設定から変えていません。 ＊1ページ目＊ 最初のページは当然頻繁に使うアプリが並んでいます。順番に見ていきましょう。 ・Faces Visual Dialer（有料：230円） iPhone にもともと付いている連絡先アプリがシンプルすぎて面白くない！という人向けの、見やすくて楽しい連絡帳。グループ分けして顔写真で連絡先を探せます。電話やメールはもちろん、相手の住所をマップで表示したりHPを見に行ったりするのも、見た目にわかりやすく、とても使いやすいです。最
WEB界隈で働く人が重宝しそうな「WEBマーケティング」と「SEO」のチートシート6+2個まとめ。 - おしブロ from STONEWEB
WEB界隈でよく聞く言葉に「チートシート」というものがあるのですが、これは「cheat（チート） = 騙す、ズルする」という言葉から「ズルするシート」要するに「カンニングペーパー」のことを意味していて、これが転じてWEB界隈ではプログラミング言語やコマンドやショートカットなどを見やすく一覧にまとめてある表のことを指します。 ちなみにこの記事では少し趣向を変えて、WEB界隈で働く人が「これは便利かも」と重宝しそうな「マーケティング」と「SEO」に関するチートシートを集めてみました。 WEBマーケティング関連のチートシート3+2個 大きな意味での「WEBマーケティング」全般に重宝しそうなチートシートを集めてみました。 www.seojapan.com リスティング広告運用チートシート LPO改善チェックリスト チートシートではないけど「これはWEBマーケティングに重宝するかもなー」というチェッ
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
URL（Uniform Resource Locator）とURI（Uniform Resource Identifier）の構造の違いはご存知ですか？ Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:（スキーム）」「#（フラグメント）」「?（クエリ）」「パス（path）」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか？ Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや
検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
ソニー損保のWebマスターが部内で作った“行動指針「わかりやすさのその先へ」十か条”がスゴイ！ | 稲富滋のWebマスター探訪記
いくらWebサイトの良しあしを外部からほめられたとしても、お客様にとってわかりにくければ何の意味もない。 文章がいくら正しく書かれていても、お客様に伝わらなければ意味がない。 そう話すのは、ソニーが15年前に損害保険業界に参入し設立した「ソニー損保」のコンテンツ企画部長の片岡 伸浩氏。ダイレクト販売を旗印に保険業界に参入する企業として「企業のためでなく、お客様のための保険会社」だというメッセージを伝える必要がありました。そこで、今回はそのメッセージを伝えるために、ウェブを通じてどのような取り組みを行っているか片岡さんに伺いました。 コンテンツ企画部で作った行動指針「わかりやすさのその先へ」保険という商品はもともと複雑な商品で、お客様がすべてを理解したうえで契約しようとすると、かなり広範囲な知識が必要となります。お客様にとっては、「難しい」と思われてしまう商品かもしれません。言い方を変えれば
SEO内部施策だけで検索エンジンからの来訪が3億PV増加、社内にSEOノウハウも蓄積／pixivのSEO事例 | 事例
そう話すのは、ピクシブ株式会社のディレクター中村氏と鈴木氏。 多くのユーザーが自分でイラスト・漫画・小説を創作し投稿するpixivのサイトでは、検索エンジン最適化に関してどんな問題を抱えていて、どんなSEO施策を進めたのだろうか。 今回pixivのSEO施策を担当した株式会社アイレップの担当者とともに、話を伺った。 今回のSEO施策でpixivが行ったのは、次のようなものだ。 サイトコンテンツのインデックス促進 ―― 重複コンテンツなど不要なページへのクロールをなくし、意味のあるページをよりクロールしやすいようにサイト内リンクを最適化することで、検索エンジンが効率的にコンテンツをインデックスできるようにする最適化。検索ボリュームが多くなるキーワードに対応した重み付け ―― 関連するイラスト投稿の多いキーワードに対するサイト内リンクが自動的に増える仕組みの実装。検索エンジンが理解しやすいペー
お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
今日は、プレスリリース（ニュースリリース）の書き方について。編集部には日々いろいろなリリースが届くのですが、なかには、かなりの破壊力をもって「リリースをチェックする気力」を失わせる、強烈なダメリリースがあるのです。そのいくつかを紹介しましょう。 ※2009-11-16 当初「仏の顔」などの「聖☆おにいさん」関連のネタを埋め込んでいましたが、元ネタを知らない人にはわかりづらいうえにネタとしても意味が薄かったので書き換えました。 Web担編集部では、インターネットマガジン時代からのリリース宛先を含めて、日々届くリリースをチェックしているのですが、IT/ウェブ/マーケ系なので、届くリリースの数は1週間に1000～2000件ほど。そんななかから、救いようのないリリースを、メールソフトの「ダメリリース」フォルダに保存しておくのが密かな趣味だったりします。 リリースのチェックにはあまり時間をかけられな
Photo by Sjors Provoost こんにちは、谷口です。 プログラミング初心者の方々は、どのような方法でプログラミングの勉強がしたいと思いますか？ 最近は、プログラミングやWeb制作の知識を学習ができるWeb漫画が増えてきました。 特にプログラミングの学習を始めたばかりの頃は学ぶことが多く、ハードルが高く感じてしまうこともあるでしょう。プログラミング初心者の方々の中には、「独学で勉強を始めたけど、難しすぎて挫折した……」という方もいらっしゃるかと思います。 そんな中で、漫画をプログラミングやWeb制作の知識を身につけることができれば、楽しんでプログラミング学習を続けることができるのではないでしょうか。 今回は、プログラミングやWeb制作の知識を学習ができるWeb漫画の中でも特にクオリティが高いというか私が好きなものを8件ご紹介いたします。 ■プログラミング関連の知識が学べるW
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お客の心理を操れば売上があがる！２６の心理サイトまとめ | お土産屋さんブログ
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
人気ブログ『百式』を運営する田口元さんが語るセルフブランディングセミナーの内容全部まとめ｜デジタルマガジン
iPhone 活躍アプリ一覧（全68個） – Sasaki Takanori Online
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
URLとURIの違いとは？ パーツの構造・名称・意味も大解説！ | 初代編集長ブログ―安田英久
デザインに赤十字マークは使用禁止！ 不当な使用は法律違反で罰則を受けるかも | 初代編集長ブログ―安田英久
Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
記者を強烈に萎えさせるダメリリースの破壊力 | 初代編集長ブログ―安田英久
初心者も楽しく勉強できる！無料でプログラミング等が学べる漫画8選 - paiza times