Web 46

今回は、2014年に話題になった最低限の知識として絶対に読んでおくべきWEBマーケティング関連の記事を総まとめ致しました。筆者は2014年も休日を含めて毎日WEBマーケティング業界のニュースを追ってきました。また今回の記事執筆に向けてtwitter、facebook、はてなブックマークで話題になった記事を全て洗い出しましたので、本記事を読めば、来る2015年入社に備えて、2014年の話題・トレンドをしっかりとおさえられるのではないかと思います。 ▼目次 WEBマーケティングに必要な知識とは？マーケティング SEO・SEM Eコマースアクセス解析・統計デザイン素材系ライティング HTML/CSS WordPress スマホソーシャルメディアサービス・ツールその他

WEBマーケティングに必要な知識とは？

WebマーケティングはWebサイトを応用したマーケティング活動のことです。マーケティング手法の知識や情報だけではなく、Webページのデザイン・制作、最近のITトレンドについても知っておく必要があります。それらを踏まえて、下記にWEBマーケターの仕事が捗る記事をまとめました。

WEBマーケティングに必要な知識とは？マーケティングSEO・SEMEコマースアクセス解析・統計デザイン素材系ライティングHTML/CSSWordPressスマホソーシャルメディアサービス・ツールその他終わりに

マーケティング

▼MarkeHack┃無料でダウンロードできるマーケティング資料【おすすめ12選】重要度：★★★★☆ ツイート数：231　いいね数：111　はてブ数：692 マーケティング会社や代理店のノウハウがつまった資料がダウンロードできるサイトをまとめています。高いクオリティの資料ばかりでマーケティング初心者にピッタリです。特にバズ部式コンテンツマーケティングは必見です。 ▼LISKUL┃顧客視点とお客様の声は違う!?マーケティングの成功９事例重要度：★★★★★ ツイート数：177　いいね数：3065　はてブ数：68 マーケティングにおいて最も重要な事は、「顧客視点」を正しく理解することです。マーケティング成功事例付きの記事のため、取っ付き易いはずです。 ▼LISKUL┃【永久保存】Webマーケティングに役立つ心理学用語36選重要度：★★★☆☆ ツイート数：430　いいね数：585　はてブ数：577 マーケティングと心理学は密接に関わっています。この記事はユーザ心理を理解する上で重要な概念が網羅されています。 ▼LISKUL┃新入社員必見！Webマーケティング業界で最初に使う略語20選【2014年版】重要度：★★★★☆ ツイート数：431　いいね数：1100　はてブ数：751 Webマーケティング業界においてわかりにくいアルファベット略語をわかりやすく簡潔にまとめています。少ない労力で重要な用語を理解できます。 ▼CAREER HACK┃「クックパッドをメジャーに！」のために初代広報担当がやったこと重要度：★★☆☆☆ ツイート数：603　いいね数：3283　はてブ数：587 クックパッドの広報の立ち上げから成功までのエピソードを知れます。広報や宣伝活動のベンチマークとしてとてもいい事例です。

SEO・SEM

▼MARS　DESIGN┃Web制作時にSEO対策の基本として必ず抑えておきたい、HTMLの改善点を見つけるツール7選重要度：★★★☆☆ ツイート数：184　いいね数：90　はてブ数：470 SEO上で重要な土台となるHTMLを簡単にチェックできるツールを紹介しています。自分で書いたHTMLに改善点がないかチェックするときにも使えます。 ▼WEB担当者Forum┃新米の開発者とマーケ担当者に贈る24のサイト内SEOチェック項目重要度：★★☆☆☆ ツイート数：3　いいね数：2　はてブ数：453 SEO施策を実行する上で、基本的な項目を学ぶことができます。 ▼WEB担当者Forum┃コンテンツも作らずマーケティング費用もかけずに検索順位を上げる6つの方法（前編）重要度：★★★☆☆ ツイート数：202　いいね数：223　はてブ数：301 SEO施策にはお金がかかるもの、と思っている方が多い中で、これらのテクニックを知っておくと、一目置かれる存在になれそうです。 ▼LPO Lab┃リスティング広告の基礎知識｜Webディレクターが知らなきゃまずい８つのポイント重要度：★★★★☆ ツイート数：211　いいね数：668　はてブ数：277 Web広告の中で、最も費用対効果が高いと言われる「リスティング広告」の知識は、Webマーケティングには必須です。この記事で基礎をおさえましょう。 ▼WEB担当者Forum┃リスティング広告担当者の悩みトップ8とその解決策! 全国のリスティング担当者約300人に聞きました。重要度：★★☆☆☆ ツイート数：199　いいね数：331　はてブ数：181 初心者があまり馴染みないリスティング広告について、情報収集手段を紹介する等しています。つまずきやすいところ先に知っておくと対策ができるはずです。

Eコマース

▼Webクリエイターボックス┃新規顧客を逃さないECサイトデザイン重要度：★★★☆☆ ツイート数：不明　いいね数：不明　はてブ数：335 特に新規客に優しいECサイトのデザインのポイントを紹介しています。既存のECサイトでもちょっと手を加えれば、便利に使いやすくなることがあります。 ▼はてなニュース┃自分だけのお店を無料でオープン！手軽に開設できる「ネットショップ作成サービス」6つ重要度：★★★☆☆ ツイート数：239　いいね数：216　はてブ数：746 昨今、手軽にECサイトをオープンできるようになりました。最低限、この記事に記載されているネットショップ作成サービスは覚えておきたいものです。

アクセス解析・統計

▼WEB担当者Forum┃新しくWebサイトをつくったとき用Googleアナリティクス設定チェックリスト重要度：★★★★☆ ツイート数：268　いいね数：387　はてブ数：651 Googleアナリティクスは、Webマーケティング業界では必須のツールと言えるでしょう。いきなり導入する！となった時に備えて、導入時のポイントを学習しておきましょう。 ▼Ferret┃サクッと自動！Googleアナリティクスで面倒なレポート作成をしてくれるサービス・カスタムレポートまとめ11本重要度：★★★☆☆ ツイート数：228　いいね数：96　はてブ数：532 管理画面が非常に見にくいGoogleアナリティクスでは、レポーティングが必須です。この記事ではサクッとレポート作成ができるツールを紹介しています。 ▼BITA┃【完全版】Google Analytics のディメンション＆指標チートシート 2014 重要度：★★★☆☆ ツイート数：253　いいね数：525　はてブ数：352 Googleアナリティクスで結局何がわかるの？といったことが網羅されています。これを読んでおけば、「それ、Googleアナリティクスでわかりますよ！」と先輩にアドバイスできるかもしれません。 ▼SIROK　グロースハックブログ┃今から統計学を学ぶならコレ！間違い無しの超良質記事まとめ10選。重要度：★★★★☆ ツイート数：353　いいね数：588　はてブ数：1276 統計学が使える人は、Webマーケティング業界でも重宝されます。この記事では本当に良質な記事がまとまっています。 ▼経営ハッカー┃【マーケッター必見！】市場調査や企画書作成に役立つ統計データ20選！重要度：★★★★☆ ツイート数：236　いいね数：352　はてブ数：729 マーケティング戦略を提案する際には、数値的な裏付けが多く求められることでしょう。このページでは、信頼のできる統計データの多く紹介しています。

デザイン

▼WP-E（仮）【初心者】デザインってなんだ？「デザイン」の概念と、４つの基本原則を知ろう重要度：★★★★★ ツイート数：410　いいね数：673　はてブ数：918 デザイナーにならない人でも、デザインについての基本原則をおさえておくと、デザイナーとの接し方が異なることでしょう。 ▼LITERALLY┃１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】重要度：★★★★☆ ツイート数：507　シェア数：280　はてブ数：1302 Webデザインを1から勉強したいけど、スクールに行くお金がない！という方におすすめです。実践的な勉強方法がまとめられています。 ▼WEB担当者Forum┃英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい！重要度：★★★★★ ツイート数：1021　いいね数：621　はてブ数：861 Webサイトを制作、運営する上での本質的な原則をまとめています。「デジタルサービスを作るのであって、Webサイトを作るのではない」といったポイントがコンパクトにまとめられているので、ぜひ覚えておきたいものです。 ▼アメブロ┃デザインは8の倍数でできている｜1 pixel｜サイバーエージェント公式クリエイターズブログ重要度：★★☆☆☆ ツイート数：999　いいね数：2836　はてブ数：1436 「余白やブロックサイズは8の倍数で設計」し、「PCサイトの横幅は1280pxで設計」といった、美しいウェブデザインを構築するためのコンテンツのサイズや予約の法則がわかります。少し上級者むけかもしれませんが、便利です。 ▼Quoitworks blog┃説得力がグンと上がる！UIデザインの心理学重要度：★★★☆☆ ツイート数：391　いいね数：519　はてブ数：760 Webデザインでありがちな間違いが、一度に大量の情報をユーザに与えようとしてしまうことです。そうしたデザインがなぜ間違っているのか「ジャムの法則」を混じえて解説しています。 ▼Webデザインクリップ┃良いデザインを見て学ぶ！毎月チェックしたいWeb/アート/広告/デザイン雑誌まとめました【2014年版20誌】重要度：★★★☆☆ ツイート数：345　シェア数：423　はてブ数：801 デザインについてはWebサイトやブログで膨大な情報が入りますが、逆に初学者にとっては何を参考にすればよいかわからないものです。本記事では、洗練されたデザイン・クリエイティブ系の雑誌をたくさん紹介しています。見ているだけで楽しいものばかりです。 ▼LISKUL┃【個人事業主必見！】王道のホームページデザイン　全16業種重要度：★★★★☆ ツイート数：520　いいね数：632　はてブ数：1361 Webデザイン、ホームページを身につける上で手っ取り早い方法は事例から学ぶことです。本記事では多くの事例を引用し、デザインのポイントをまとめています。

素材系

▼Photoshopvip┃デザインがグッと良くなる、すごいフリーフォント素材39個まとめ 2014年4月度重要度：★★★★☆ ツイート数：473　いいね数：248　はてブ数：903 ロゴ制作や、バナー画像制作において、いいフォントは必須です。こちらで紹介されているフォントは扱いやすいだけでなく、多くが商用利用可能な点もよいです。 ▼BITA┃【保存版】デザインにも提案資料にも ”めっちゃ使える” アイコン素材サイト17選重要度：★★★☆☆ ツイート数：304　いいね数：431　はてブ数：944 デザインでアクセントになるアイコンが大量に手に入ります。文字でなくてなにかモチーフで伝えたいなぁと思った時用に保存しておきましょう。 ▼Photoshopvip完全無料！ロイヤリティーフリーの写真素材をダウンロードできるサイト12個まとめ重要度：★★★☆☆ ツイート数：234　いいね数：153　はてブ数：458 商用利用可能な写真素材をダウンロードすることができます。とりわけ本記事で紹介されているのはハイセンスな写真素材サイトばかりです。 ▼男子ハックほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！重要度：★★★☆☆ ツイート数：671　いいね数：517　はてブ数：1549 高画質な写真ばかりを使用するとどうしても読み込みが遅くなってしまうものです。少しでも画像を軽量化したい時に、「Compressor.io」は本当に便利で話題になりました。

ライティング

▼クレジットカードの読みもの┃文章力が劇的にアップする記事まとめ！執筆の基礎知識から、SEO対策を考慮したウェブライティングの手法まで多数紹介します。重要度：★★★★★ ツイート数：240　シェア数：45　はてブ数：877 膨大な情報であふれるWebの中で読まれるための文章力を身につけるための記事を総まとめしています。これら記事を読めば、読みやすいブログやメールを書く技術が身につくはずです。 ▼Experience Marketing Web┃伝わるキャッチコピー　16の法則重要度：★★★☆☆ ツイート数：352　いいね数：1919　はてブ数：835 誰でもよいキャッチコピーがつくれるようになるための法則をまとめています。「自分に向けられたメッセージだということを知らせる」や「どうして安いのか？　なぜお得なのか？　その「口実」を伝える」といった基本的なポイントがおさえられます。 ▼知らないと損をするサーバーの話┃コンテンツマーケティングはこう進める！事例から学ぶ成功法則重要度：★★★☆☆ ツイート数：346　いいね数：454　はてブ数：443 「単なる広告」がユーザが見向きもされなくなった昨今、Webマーケティングにおいてコンテンツマーケティングは非常に重要な位置を占めています。本記事は実際に成果をあげるためには、どのようにしてコンテンツを制作すればよいのかをまとめています。

HTML/CSS

▼COMMTE　blog┃完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress) 重要度：★★★★☆ ツイート数：268　いいね数：不明　はてブ数：875 Web制作をする上で、どのようにしてコーディングが行われているのかを知ることは、自分がコーディングをしなければならない時にも、コーダーと仕事をするときにも役に立つ知識です。 ▼酒と泪とRubyとRailsと┃HTML&CSS フロントエンド何度も読み直したい資料・ツールまとめ重要度：★★★☆☆ ツイート数：353　いいね数：170　はてブ数：1020 正しいHTML/CSSを記述するための記事やツール、書籍がまとめられています。実際のプログラマーがHTML/CSSを書く時に何度も読み込んでいる資料なため、信頼できるはずです。 ▼Photoshopvip┃デザイン力がアップする！すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度重要度：★★★☆☆ ツイート数：357　いいね数：265　はてブ数：941 手っ取り早くデザインのよいウェブページを作りたいなら、本記事で紹介されている無料のテンプレートを使用することをおすすめします。レスポンシブにも対応している便利でおしゃれなテンプレートばかりです。

WordPress

▼ROOM9┃そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選重要度：★★★★☆ ツイート数：329　いいね数：118　はてブ数：939 Web制作の定番CMSとなっているWordpressですが、こちらの記事では、全くの素人からWordpressでサイトを構築するための知識を得られるブログを紹介しています。 ▼WEBビジネス館┃えっ？これも！？wordpressで制作されたハイクオリティWEBサイト100選！重要度：★★☆☆☆ ツイート数：404　いいね数：1k　はてブ数：不明企業サイトからニュース、ポータルサイトまで、Wordpressで制作されたサイトを紹介しています。どれもハイクオリティなサイトばかりなので、Wordpressでこんなこともできるんだ！と発見があるはずです。 ▼Secure Information Exchange┃こんなの使ってたらバカになる！便利すぎるWordPressプラグインBEST5 重要度：★★☆☆☆ ツイート数：404　いいね数：163　はてブ数：772 簡単にカラムレイアウトを導入するプラグインや簡単に画像をポップアップさせるプラグイン等を紹介しています。覚えておくととても便利です。

スマホ

▼Inside Adsense┃モバイルサイト設計 25 の指針重要度：★★★★☆ ツイート数：不明　いいね数：不明　はてブ数：251 Google が119 時間にわたるユーザビリティテストを行った結果をまとめて、スマホ向けサイトを制作する際の注意点をまとめたものです。 ▼GIZMODE┃スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン重要度：★★★☆☆ ツイート数：1085　いいね数：4682　はてブ数：235 2014年はiPhone6をはじめとして、スマホの大画面化が進みました。それにあわせて、スマホ向けのUIデザインに変化が行っています。大画面スマホでもストレスのないUI設計のヒントを本記事で学ぶことができます。

ソーシャルメディア

▼ガイアックス・ソーシャルメディア・ラボ【2014年保存版】ソーシャルメディアまとめ一覧＆SNSの特徴・運用目的を徹底網羅！重要度：★★★☆☆ ツイート数：729　いいね数：5223　はてブ数：556 各SNSにおいて、企業がアカウントを作るメリットや成功事例をまとめて紹介しています。本記事を読めば企業がソーシャルメディアマーケティングを導入する際に、どのSNSを使用すればよいかがわかります。 ▼オウンドメディアのことなら湘南うぇぶ┃これからTwitter分析をはじめる経営者が覚えておくべき無料分析ツール15個まとめ重要度：★★★☆☆ ツイート数：223　いいね数：238　はてブ数：406 こちらはtwitterをマーケティングに活かすのためのツールを紹介している記事です。競合のつぶやきの分析や自分のツイートがどこまでリーチできているか、といった分析ができるようになります。 ▼creive┃アイデアが秀逸！Vineを用いた企業のプロモーション事例12選【国内・海外】重要度：★★★★☆ ツイート数：308　いいね数：518　はてブ数：151 まだまだ日本では力を入れている企業が少ないVineですが、アイデア次第で手軽に商品や企業の魅力を伝えることが可能です。

サービス・ツール

▼Mac初心者が最初にインストールしておきたい厳選アプリ10選重要度：★★☆☆☆ ツイート数：275　いいね数：939　はてブ数：642 Webマーケティング業界への就職が決定したことを機に新しくMacユーザになった方もいるのではないでしょうか？本記事ではMacユーザとして絶対に入れておきたいアプリを厳選して紹介しています。 ▼LISKUL┃【2014年版】Webマーケティングに役立つ無料分析ツール厳選５つ重要度：★★★☆☆ ツイート数：376　いいね数：758　はてブ数：797 Webマーケティング系のツールは、Web上にあふれていますが、実際、どれが使えるのか、最初は判断がつかないことでしょう。本記事では本当に役に立つツールだけを紹介しています。

その他

▼SURVIBLOG┃フリーランスも知っておかないといけないデザイン料金の相場まとめ重要度：★★★★☆ ツイート数：576　いいね数：999　はてブ数：1169 業界の特性上、フリーランスの方々と一緒にしごとをすることもあるでしょう。相場感を身につけておかないと後々トラブルになる可能性があります。 ▼creive┃企画の参考になる！販促会議でグランプリを受賞した5つの企画書重要度：★★★★☆ ツイート数343　いいね数：1170　はてブ数：706 「販促会議」でグランプリを受賞した5つの企画書を実際に見ることができます。特にコカ・コーラのプロモーション企画案が非常におもしろいのでぜひ見てみてください。 ▼SEO　Japan┃これだけでGoogle検索の達人になれる便利すぎる検索演算子ベスト10 重要度：★★★☆☆ ツイート数：298　いいね数：239　はてブ数：773 Web業界で働く人にとって、Googleから効率的に情報収集する技術は必須です。本記事では、Googleで高度な検索を行うための演算子を学ぶことができ、Googleの検索機能を最大限に活かすことができます。 ▼Berlize blog┃センスがグッとアップする。そのまま使える英語メール書き出し80選重要度：★★★☆☆ ツイート数：614　いいね数：2428　はてブ数：2037 企業によっては、英語でメールを書く機会も少なからずあることでしょう。本記事で紹介されている書き出しだけでも覚えておくと、海外企業とのやり取りや英語圏の方々とのコミュニケーションがスムーズになることでしょう。