Webマーケ業界内定者のためのベスト記事46選

来年4月からWebマーケティング業界に入ろうとしている皆さん!そろそろ入社後のことを考え始めている頃ではないでしょうか?
2014年のWEBマーケティング業界の話題やニュースをしっかりとおさえておかなければ、話題についていけなくなってしまうかもしれません。

今回は、2014年に話題になった最低限の知識として絶対に読んでおくべきWEBマーケティング関連の記事を総まとめ致しました。

筆者は2014年も休日を含めて毎日WEBマーケティング業界のニュースを追ってきました。
また今回の記事執筆に向けてtwitter、facebook、はてなブックマークで話題になった記事を全て洗い出しましたので、本記事を読めば、来る2015年入社に備えて、2014年の話題・トレンドをしっかりとおさえられるのではないかと思います。

▼目次
WEBマーケティングに必要な知識とは?
マーケティング
SEO・SEM
Eコマース
アクセス解析・統計
デザイン
素材系
ライティング
HTML/CSS
WordPress
スマホ
ソーシャルメディア
サービス・ツール
その他


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

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


マーケティング


141222_01
▼MarkeHack┃無料でダウンロードできるマーケティング資料【おすすめ12選】
重要度:★★★★☆
ツイート数:231 いいね数:111 はてブ数:692

マーケティング会社や代理店のノウハウがつまった資料がダウンロードできるサイトをまとめています。
高いクオリティの資料ばかりでマーケティング初心者にピッタリです。特にバズ部式コンテンツマーケティングは必見です。

▼LISKUL┃顧客視点とお客様の声は違う!?マーケティングの成功9事例
重要度:★★★★★
ツイート数:177 いいね数:3065 はてブ数:68
マーケティングにおいて最も重要な事は、「顧客視点」を正しく理解することです。マーケティング成功事例付きの記事のため、取っ付き易いはずです。

▼LISKUL┃【永久保存】Webマーケティングに役立つ心理学用語36選
重要度:★★★☆☆
ツイート数:430 いいね数:585 はてブ数:577

マーケティングと心理学は密接に関わっています。この記事はユーザ心理を理解する上で重要な概念が網羅されています。

▼LISKUL┃新入社員必見!Webマーケティング業界で最初に使う略語20選【2014年版】
重要度:★★★★☆
ツイート数:431 いいね数:1100 はてブ数:751

Webマーケティング業界においてわかりにくいアルファベット略語をわかりやすく簡潔にまとめています。少ない労力で重要な用語を理解できます。

▼CAREER HACK┃「クックパッドをメジャーに!」のために初代広報担当がやったこと
重要度:★★☆☆☆
ツイート数:603 いいね数:3283 はてブ数:587

クックパッドの広報の立ち上げから成功までのエピソードを知れます。広報や宣伝活動のベンチマークとしてとてもいい事例です。


SEO・SEM

141222_03
▼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ディレクターが知らなきゃまずい8つのポイント
重要度:★★★★☆
ツイート数:211 いいね数:668 はてブ数:277

Web広告の中で、最も費用対効果が高いと言われる「リスティング広告」の知識は、Webマーケティングには必須です。この記事で基礎をおさえましょう。

▼WEB担当者Forum┃リスティング広告担当者の悩みトップ8とその解決策! 全国のリスティング担当者約300人に聞きました。
重要度:★★☆☆☆
ツイート数:199 いいね数:331 はてブ数:181

初心者があまり馴染みないリスティング広告について、情報収集手段を紹介する等しています。つまずきやすいところ先に知っておくと対策ができるはずです。


Eコマース


141222_04
▼Webクリエイターボックス┃新規顧客を逃さないECサイトデザイン
重要度:★★★☆☆
ツイート数:不明 いいね数:不明 はてブ数:335

特に新規客に優しいECサイトのデザインのポイントを紹介しています。既存のECサイトでもちょっと手を加えれば、便利に使いやすくなることがあります。

▼はてなニュース┃自分だけのお店を無料でオープン! 手軽に開設できる「ネットショップ作成サービス」6つ
重要度:★★★☆☆
ツイート数:239 いいね数:216 はてブ数:746

昨今、手軽にECサイトをオープンできるようになりました。最低限、この記事に記載されているネットショップ作成サービスは覚えておきたいものです。


アクセス解析・統計


141222_05

▼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

マーケティング戦略を提案する際には、数値的な裏付けが多く求められることでしょう。このページでは、信頼のできる統計データの多く紹介しています。


デザイン


141222_06
▼WP-E(仮)【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう
重要度:★★★★★
ツイート数:410 いいね数:673 はてブ数:918

デザイナーにならない人でも、デザインについての基本原則をおさえておくと、デザイナーとの接し方が異なることでしょう。

▼LITERALLY┃1年でフリーの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デザイン、ホームページを身につける上で手っ取り早い方法は事例から学ぶことです。本記事では多くの事例を引用し、デザインのポイントをまとめています。


素材系


141222_07
▼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」は本当に便利で話題になりました。


ライティング


141222_08
▼クレジットカードの読みもの┃文章力が劇的にアップする記事まとめ!執筆の基礎知識から、SEO対策を考慮したウェブライティングの手法まで多数紹介します。
重要度:★★★★★
ツイート数:240 シェア数:45 はてブ数:877

膨大な情報であふれるWebの中で読まれるための文章力を身につけるための記事を総まとめしています。これら記事を読めば、読みやすいブログやメールを書く技術が身につくはずです。

▼Experience Marketing Web┃伝わるキャッチコピー 16の法則
重要度:★★★☆☆
ツイート数:352 いいね数:1919 はてブ数:835

誰でもよいキャッチコピーがつくれるようになるための法則をまとめています。「自分に向けられたメッセージだということを知らせる」や「どうして安いのか? なぜお得なのか? その「口実」を伝える」といった基本的なポイントがおさえられます。

▼知らないと損をするサーバーの話┃コンテンツマーケティングはこう進める!事例から学ぶ成功法則
重要度:★★★☆☆
ツイート数:346 いいね数:454 はてブ数:443

「単なる広告」がユーザが見向きもされなくなった昨今、Webマーケティングにおいてコンテンツマーケティングは非常に重要な位置を占めています。本記事は実際に成果をあげるためには、どのようにしてコンテンツを制作すればよいのかをまとめています。


HTML/CSS


141222_09
▼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


141222_10
▼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

簡単にカラムレイアウトを導入するプラグインや簡単に画像をポップアップさせるプラグイン等を紹介しています。覚えておくととても便利です。


スマホ


141222_11
▼Inside Adsense┃モバイル サイト設計 25 の指針
重要度:★★★★☆
ツイート数:不明 いいね数:不明 はてブ数:251

Google が119 時間にわたるユーザビリティ テストを行った結果をまとめて、スマホ向けサイトを制作する際の注意点をまとめたものです。

▼GIZMODE┃スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン
重要度:★★★☆☆
ツイート数:1085 いいね数:4682 はてブ数:235

2014年はiPhone6をはじめとして、スマホの大画面化が進みました。それにあわせて、スマホ向けのUIデザインに変化が行っています。大画面スマホでもストレスのないUI設計のヒントを本記事で学ぶことができます。


ソーシャルメディア


141222_12
▼ガイアックス・ソーシャルメディア・ラボ【2014年保存版】ソーシャルメディアまとめ一覧&SNSの特徴・運用目的を徹底網羅!
重要度:★★★☆☆
ツイート数:729 いいね数:5223 はてブ数:556

各SNSにおいて、企業がアカウントを作るメリットや成功事例をまとめて紹介しています。本記事を読めば企業がソーシャルメディアマーケティングを導入する際に、どのSNSを使用すればよいかがわかります。

▼オウンドメディアのことなら湘南うぇぶ┃これからTwitter分析をはじめる経営者が覚えておくべき無料分析ツール15個まとめ
重要度:★★★☆☆
ツイート数:223 いいね数:238 はてブ数:406

こちらはtwitterをマーケティングに活かすのためのツールを紹介している記事です。競合のつぶやきの分析や自分のツイートがどこまでリーチできているか、といった分析ができるようになります。

▼creive┃アイデアが秀逸!Vineを用いた企業のプロモーション事例12選【国内・海外】
重要度:★★★★☆
ツイート数:308 いいね数:518 はてブ数:151

まだまだ日本では力を入れている企業が少ないVineですが、アイデア次第で手軽に商品や企業の魅力を伝えることが可能です。


サービス・ツール


141222_13
▼Mac初心者が最初にインストールしておきたい厳選アプリ10選
重要度:★★☆☆☆
ツイート数:275 いいね数:939 はてブ数:642

Webマーケティング業界への就職が決定したことを機に新しくMacユーザになった方もいるのではないでしょうか?本記事ではMacユーザとして絶対に入れておきたいアプリを厳選して紹介しています。

▼LISKUL┃【2014年版】Webマーケティングに役立つ無料分析ツール厳選5つ
重要度:★★★☆☆
ツイート数:376 いいね数:758 はてブ数:797

Webマーケティング系のツールは、Web上にあふれていますが、実際、どれが使えるのか、最初は判断がつかないことでしょう。本記事では本当に役に立つツールだけを紹介しています。


その他

141222_14

▼SURVIBLOG┃フリーランスも知っておかないといけないデザイン料金の相場まとめ
重要度:★★★★☆
ツイート数:576 いいね数:999 はてブ数:1169

業界の特性上、フリーランスの方々と一緒にしごとをすることもあるでしょう。相場感を身につけておかないと後々トラブルになる可能性があります。

▼creive┃企画の参考になる!販促会議でグランプリを受賞した5つの企画書
重要度:★★★★☆
ツイート数343 いいね数:1170 はてブ数:706

「販促会議」でグランプリを受賞した5つの企画書を実際に見ることができます。特にコカ・コーラのプロモーション企画案が非常におもしろいのでぜひ見てみてください。

▼SEO Japan┃これだけでGoogle検索の達人になれる便利すぎる検索演算子ベスト10
重要度:★★★☆☆
ツイート数:298 いいね数:239 はてブ数:773

Web業界で働く人にとって、Googleから効率的に情報収集する技術は必須です。本記事では、Googleで高度な検索を行うための演算子を学ぶことができ、Googleの検索機能を最大限に活かすことができます。

▼Berlitz blog┃英語メール書き出し80例文。ビジネスに最適な英文を完全網羅!
重要度:★★★☆☆
ツイート数:614 いいね数:2428 はてブ数:2037

企業によっては、英語でメールを書く機会も少なからずあることでしょう。本記事で紹介されている書き出しだけでも覚えておくと、海外企業とのやり取りや英語圏の方々とのコミュニケーションがスムーズになることでしょう。


終わりに

いかがだったでしょうか?
これらの記事に目を通して2015年入社に備えましょう!

※記事本文中のツイート数、いいね数、はてブ数は、2014年12月4日時点のものです。