国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、SEOに影響を与える200要因、無料動画素材のまとめ、プログラミングクイズなどが話題でした(ピックアップ期間=2014/8/4〜8/10)。
マーケティング(ソーシャル/SEO/SEM/アクセス解析など)
coliss記事「Google検索に影響する200個の要因」への見解 (わかること! 株式会社サイクス)
http://wakarukoto.com/?p=12517
「Google’s 200 Ranking Factors: The Complete List」を訳した「Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ coliss」に独自見解がつけられ、日本の事情もわかりやすくまとめられています。長い記事ですが、Web担当者は一読するといいでしょう。
Googleアナリティクスにロボット/スパイダーを除外するオプションが追加 (海外SEO情報ブログ)
http://www.suzukikenichi.com/blog/google-analytics-introduces-bot-and-spider-filtering/
Google AnalyticsのGoogle+ で公開された情報です。Google アナリティクスの集計からロボットを除外できるようになりました。
「スマートフォン」で検索されるキーワードとは?(夏編) (Yahoo!プロモーション広告 公式ラーニングポータル)
http://promotionalads.yahoo.co.jp/online/blog/trend/smartphone_summer14.html
「<Yahoo!プロモーション広告>2014年7月〜9月の 検索トレンド予想(スマートフォン版)」がスライドシェアで公開されています。リスティング広告でのキーワード選択の参考に。
効果36倍のA/Bテスト方法ほか海外人気バイラルメディアに学ぶサイト改善の公式と施策 (GROWTH HACK BLOG)
http://blog.kaizenplatform.in/20140729-upworthy-abtest/
海外メディアのA/Bテスト事例を紹介しています。動画閲覧後にコメントを出す A/Bテストや、Facebookのいいね!ボタンのA/Bテストの事例もあります。
コンテンツマーケティングに絶対必要になる社内調整と体制構築のテクニック3つ (LIG)
http://liginc.co.jp/web/useful/104726
意見、アイデア、企画を通すために避けては通れない、社内調整と体制構築のテクニックを紹介しています。日々の業務を楽しくするテクニックでもありますので参考にしながら自分の方法を見つけましょう。
Webテクノロジー/プログラミング
クイズに答えるだけで「プログラミングの勉強」ができるWebサービスたちにハマる! (APPGIGA!!)
http://plus.appgiga.jp/masatolan/2014/07/29/53133/
国内外のクイズ形式のプログラミング勉強サイトが紹介されています。賞金があるサイトも。脳のリフレッシュに挑戦するのもいいかもしれません。
Webデザイン/マークアップ(HTML/CSS/jQuery/Photoshopなど)
これは貴重!商用利用無料のかっこいい動画素材がダウンロードできる -Mazwai (coliss)
http://coliss.com/articles/freebies/freebies-video-mazwai.html
動画を背景に表示するスクリプトもあわせて紹介されています。ランディングページの背景に動画を使うサイトも増えてきましたね。動画素材サイトの紹介です。
美しいグラフやレポートが作れるWebツール「Visage」(クローズドベータ) (VISUALTHINKING)
http://www.visualthinking.jp/archives/18612
グラフの表示は、当サイトでも[動くインフォグラフィックでサイトを楽しくするアイデア]、[アニメーションつき円グラフを簡単実装!Circliful]など紹介していますが、Column Five提供のWebツール「Visage」を利用したグラフの作成方法です。用途に応じて使い分けましょう。
これぞPhotoshop!プロ級テクニックを学ぶチュートリアル、作り方27個まとめ 2014年7月度 (PHOTOSHOPVIP)
http://photoshopvip.net/archives/66965
Photoshop のテクニックがまとめられています。「動物が走るアニメーションをPhotoshopで作成する方法」はプロ級テクニックというだけあって手軽にまねできないテクニックですね。Photoshopの時短テクニックは「神速Photoshop [Webデザイン編] CC対応」をどうぞ。
派手なだけじゃ意味が無い!魅力を伝える訴求デザイン (1pixel)
http://ameblo.jp/ca-1pixel/entry-11901930490.html
ソーシャルゲームでの「ガチャ」の訴求デザインを、デザインの考え方やラフを含め紹介しています。ソーシャルゲームの担当者以外のWeb担当者も、普段ユーザーが目にしている「ガチャ」の訴求デザインが参考になることもあるでしょう。
Sale as Seen: 44 Tutorials on How to Shoot Perfect Product Photos for Your Online Shop (noupe)
ECサイトで使える写真の撮り方が紹介されています。英語の記事ですが、写真が多いのでわかりやすいと思います。デジカメでWebサイトに使える写真のTipsは、「プロが教えるデジカメ撮影テクニック」を購入ください。
HTML5を使ったハイブリッドアプリ開発に使えるUIライブラリまとめ (mobile backend)
http://blog.mb.cloud.nifty.com/?p=980
HTML5 でネイティブアプリ並みのUI を作成できるフレームワークが紹介されています。特徴を調査するだけで時間がかかりそうですが、選択肢がたくさん欲しい時におすすめです。
ライフハック/ガジェット/その他
アプリ時代はデザイナーとエンジニア! 一方その頃ディレクターって? (slideshare)
http://www.slideshare.net/hiro93n/140728-immersive-creative-conversationsushi-chat
今週の最後はスライドシェアから。ディレクターの仕事の幅が広がっている中であまりに多岐広げすぎると、プロジェクト全体のコントロールが破綻してしまいますよね。ディレクターのスキルを学ぶには、「Webディレクション標準スキル152」がおすすめです。
Even more reasons to meet face-to-face (Google Official Enterprise Blog)
http://googleenterprise.blogspot.jp/2014/07/even-more-reasons-to-meet-face-to-face.html
Google+ ハングアウトがGoogle+ から切り離され、法人向けGoogle Appsアカウントで利用可能になるとのこと。ハングアウト 利用者が増えるかもしれませんね。
Yahoo!カーナビ
http://promo.carnavi.yahoo.co.jp/
アプリのUIの定評が高いヤフーから、iPhone、Android 向けのカーナビアプリがリリースされました。車を利用しない人もアプリUIの参考にしては?