このページの本文へ

アップルがスマホ対応サイト/MSN全面刷新/オウンドメディア事例11

2014年09月17日 11時00分更新

文●Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、アップルの新製品発表の話題がメディアを独占、関連してアップルのサイトのスマホ対応や、解像度関連の記事も注目を集めていました(ピックアップ期間=2014/9/8〜9/14)。

マーケティング/ソーシャル/SEO

オウンドメディア|国内11事例の分析で見えた成功パターンの4タイプ(LISKUL)

http://liskul.com/wm_ownedmsp11-4514

オウンドメディアを改めて定義するとともに、国内におけるオウンドメディアの11個の成功事例とその訪問者数や流入経路を分析。成功事例から紐解く訪問者獲得の成功パターンも。


Google Analyticsのセグメント機能で、詳細なアクセス解析を簡単にする方法(LIG)

http://liginc.co.jp/web/seo/104136

Googleアナリティクスのセグメント機能について、そもそもこの機能は何か、種類、初期設定されている22のセグメントの解説、カスタムセグメントの使い方、セグメントの新規作成などを紹介。


-->

「スマートフォン向けサイトの移行には302ではなく301を使うようにGoogleがガイドライン変更(海外SEO情報ブログ)

http://www.suzukikenichi.com/blog/google-now-recommends-301-not-302-when-moving-smartphone-websites/

スマートフォンサイトのURL変更について、Googleのガイドラインが更新されたとのこと。理由は不明ですが、以前は302、現在は301リダイレクトへ変わっているようです。該当する方は確認を。

リスティング広告は枠を買うのではなくキーワードに入札する(Web担当者Forum)

http://web-tan.forum.impressrd.jp/e/2014/08/26/18119

独特の仕組みを持つリスティング広告を理解するために、リスティング広告が「クリック課金型」であることからはじめ、掲載順位のルールなどをやさしく解説。


-->

オープンデータとは?〜今知っておきたい!要注目のマーケティング・キーワード〜(SMMLab)

http://smmlab.jp/?p=34825

最近注目のキーワード「オープンデータ」。用語の説明から、政府の取り組み、ビジネスにおける活用の具体例まで。

複数サイトを持っています。相互の影響をアクセス解析で調べる方法はありますか?(Web担当者Forum)

http://web-tan.forum.impressrd.jp/e/2014/09/08/18171

複数サイトや外部サイトを使っている場合、相互の影響は気になります。クロスドメイントラッキングを設定するのが常道だと考えられていますが、何を知りたいのかを改めて考えてみると…


マイクロアド、ベクトルとの合弁会社を設立し、新ネイティブアドサービスの共同展開を開始(Web担当者Forum)

http://web-tan.forum.impressrd.jp/n/2014/09/09/18210

広告配信事業のマイクロアドとPR事業のベクトルは合弁会社「ニューステクノロジー」を設立し、アドテクノロジーとPRを融合した新ネイティブアドサービスの共同展開を10月1日に開始すると発表。


-->

サイト設計/UI/Webデザイン

アップル、スマホサイトをついに開設(ASCII.jp)

http://ascii.jp/elem/000/000/931/931467/

「スマホサイト作らない企業」の代表格だったアップルが、iPhone 6の発表とともにスマートフォンサイトをリリース。大きな方針転換が話題に。


優れたUIを実現するために確認しておくべき51のチェックリスト(UI/UX JAPAN)

http://ohako-inc.jp/uiux-japan/world-uiux/201409-51checklist_for_goodui.html

Good UIより、Webサイトの改善に役立つ51のポイントを紹介。


Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive(コリス)

http://coliss.com/articles/build-websites/operation/work/4-typical-layouts-for-web-design-liquidapsive.html

Webデザインの代表的な4つのレイアウトである、レスポンシブ/アダプティブ/リキッド/スタティックの違いを簡潔に紹介。デモページを見るとわかりやすいですね。


-->

iOSデザイン決定版!250個+のUIコンポーネントを収録した無料PSDキット「TETHR」(PhotoshopVIP)

http://photoshopvip.net/archives/68647

iOS 7で採用されている250種類以上のUIデザインを完全再現し、130種類のPhotoshopデザインテンプレートを収録したiOSデザインキットが登場。


商用利用無料、けいおん!っぽい元気でかわいい日本語のフリーフォント -けいふぉんと!(漢字も使えるよ)(コリス)

http://coliss.com/articles/freebies/freebies-font-keifont.html

「けいおん!」のロゴタイプをヒントに作成されたフリーフォント「けいふぉんと!」が登場。それっぽい雰囲気が再現されています。商用利用可能とのこと。

仕事早っ!商用利用無料のiPhone 6とiPhone 6 Plusのモックアップ用PSD素材(コリス)

http://coliss.com/articles/freebies/freebies-psd-iphone-6-and-6-plus.html

9月10日(日本時間)に発表されたiPhone 6とiPhone 6 Plusのモックアップ用のPSD素材を紹介。iPhone 5cと比較できるペーパークラフトを発表しているArstechnicaもどうぞ。

-->

テクノロジー/マークアップ/プログラミング

iOSシミュレーターで見た、iPhone 6 / iPhone 6 PlusのMedia Queriesに関する値について。(Toro_Unit)

http://www.torounit.com/blog/2014/09/12/1812/

発表されたばかりのiPhone 6/iPhone 6 PlusのCSSピクセルについてまとめ。設計、実装ともにますます難易度が上がりそうですね。


PSDファイルを基にしたリリースレベルのレスポンシブデザインの作り方(@IT)

http://www.atmarkit.co.jp/ait/articles/1409/09/news127.html

「既存サイトを明日までにレスポンシブ対応にして!」という無茶ブリにも対応できる? PhotoshopとEdge Reflowを使ったサイト制作を紹介。


イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js(コリス)

http://coliss.com/articles/build-websites/operation/javascript/js-timesheet.html

スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプト。jQueryなどのライブラリー依存がないのでさくっと使えます。

ライフハック/ビジネス/その他

「iPhone 6」&「iOS 8」全力徹底特集!(ASCII.jp)

http://ascii.jp/elem/000/000/931/931409/

先週はほとんどこの話題で持ち切りでした。iPhone 6からApple Watchまで、ASCII.jpによる関連情報のまとめ。


MSNが全面刷新 タブレット対応、ネイティブ広告導入も(ASCII.jp)

http://cms.tech.ascii.jp/elem/000/000/931/931019/

MSNが「過去20年間で最大」のリニューアル。がらっと変わった新サイトのデザインはプレビューサイトからチェックできます。


この連載の記事

一覧へ
Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

Webディレクター江口明日香が行く