国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、Google検索のモバイルフレンドリーアップデート開始、HTML5 Experts.jpのWebパフォーマンス改善事例、AWSのコンソール日本語化などが話題でした(ピックアップ期間=2015/4/20〜4/26)。
マーケティング/ソーシャル/SEO
Google、パンくずリストとサイト名をURLの代わりにモバイル検索結果で表示。構造化データで指定可能(海外SEO情報ブログ)
米国版のモバイル検索で、URLの代わりにパンくずリストが表示されるようになったとのこと。構造化データの送信で対応しましょう。
Web制作会社との付き合い方、発注前に知っておくべきタイプごとの違い(Web担当者Forum)
http://web-tan.forum.impressrd.jp/e/2015/04/22/19493
Web制作会社をタイプ別に分類してそれぞれの特徴を解説しています。担当者の立場で制作会社を選ぶときに参考になります。
Facebookのマルチプロダクト広告で、複数の商品サービスを一度に宣伝する方法(Rex)
http://socialmedia-rex.com/facebook-marketing-2/fbad/3211
最近見かけるようになった、Facebookのマルチプロダクト広告の概要と出稿方法がわかりやすくまとまっています。
モバイル フレンドリー アップデートを開始します(ウェブマスター向け公式ブログ)
http://googlewebmastercentral-ja.blogspot.jp/2015/04/rolling-out-mobile-friendly-update.html
Google検索でいよいよモバイルフレンドリーアップデートが始まりました。どんな影響が出るのか、要注目ですね。
Facebook・Twitter・Instagramの違いまとめ!特徴からユーザー動向まで、3大SNSをどう使い分ける? (ガイアックスソーシャルメディアラボ)
http://gaiax-socialmedialab.jp/socialmedia/398
Facebook、Twitter、Instagramの3つのSNSの違いとマーケティングで活用する方法について解説。
サイト設計/UI/Webデザイン
Free Ebook: The Evolution of Flat Design Trends (speckyboy)
http://speckyboy.com/2015/04/20/free-ebook-the-evolution-of-flat-design-trends/
最近のフラットデザインの動向についてまとめた電子書籍を無料配布中。事例や関連リソースなどがまとまっています。
"モバイルユーザーエクスペリエンスの現状(U-Site ニールセン博士のAlertbox)
http://u-site.jp/alertbox/mobile-usability-update
「モバイルのユーザビリティは改善され、携帯電話での利用時でも多くのサイトのユーザビリティはそれなりになっている」。レスポンシブWebデザインを特に評価しているようです。
モバイルフレンドリー対応:「"スマホで読まれやすい文章"とはどういうものか」(SINAP 公式ブログ)
http://blog.sinap.jp/2015/04/mobilefriendly01.html
スマートフォンで読みやすい文字の量やサイズ、行間などを探る連載。今後が楽しみです。
UIデザインの為の集中講座:ワークショップレポート (inFablic)
http://in.fablic.co.jp/entry/interface-design-bootcamp
MailChimpのUXディレクターであるアーロン・ウォルター氏のワークショップ参加レポート。とてもわかりやすく、ステップを追って解説されています。紹介されている手法をツールを深堀するとかなり勉強になりそう。
テクノロジー/マークアップ/プログラミング
JSを使わずウェブ上でCSSを書き換える斬新な方法w(cowcow blog)
http://cow2design.com/this-page-dose-not-use-js
JavaScriptを一切使わずにCSSをリアルタイムで書き換えるアイデア。思わずへぇーとなるやり方でした。
CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説(coliss)
http://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
CSS3のレイアウトモジュール「Flexbox(Flexible box layout)」について解説。柔軟なレイアウトが可能な反面、分かりづらいところもあるので、参考に。
HTML5 Experts.jpはなぜこんなにパフォーマンスが悪いのか…全てお見せします!ーWebパフォーマンス改善企画(解析編)(HTML5 Experts.jp)
https://html5experts.jp/yusuke-naka/13671/
「HTML5 Experts.jp」のパフォーマンスチューニングの裏側を詳しく解説している記事。まず計測編として、原因の特定に取り組んでいます。次の記事と合わせて必読です。
HTML5 Experts.jpはなぜこんなにパフォーマンスが悪いのか…全てお見せします!ーWebパフォーマンス改善企画(改善編)(HTML5 Experts.jp)
https://html5experts.jp/yoshikawa_t/14608/
解析編の結果を受けて取り組んだ改善施策についてのまとめ。WordPressで運営されているとのことで、メディア系のサイトを運営している人にはかなり参考になる内容です。
【AWS発表】AWS マネージメントコンソールの日本語対応(Amazon Web Services ブログ)
http://aws.typepad.com/aws_japan/2015/04/mgmt-console-japanese.html
EC2、S3などのAWSの管理画面がついに日本語化。これから始める人にとってはハードルがぐっと下がりそうですね。
ライフハック/ビジネス/その他
英単語を一瞬で覚えるための単純で強力なテクニック(UIU)
http://uiuru.tumblr.com/post/116704061458
「単語をGoogleで画像検索をする」ことで、英単語を覚える方法を紹介。単語帳よりも簡単で、印象に残る、目からウロコの方法です。
「これなんだっけ?」写真を撮ると被写体が何か教えてくれるアプリ「CamFind」が面白い(Techable)
http://techable.jp/archives/24528
写真を撮るとそれがなんなのか教えてくれるスマホアプリ。これはすごい。