このページの本文へ

スマホサイトがSEOに影響/ゴミアプリ回避法/一流のHTMLメール

2015年03月04日 11時00分更新

文●Web Professional編集部

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

国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週はスマホサイトの有無が検索順位に影響するとのGoogleの発表、ゴミアプリにならないための方法の解説、国内HTMLメール事例などが話題でした(ピックアップ期間=2015/2/23〜3/2)。

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

Finding more mobile-friendly search results(Webmaster Central Blog)

http://googlewebmastercentral.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html

グーグルが4月21日から「スマートフォン対応しているサイトか」をモバイル検索のランキング要因として使用すると発表しました。スマートフォン対応が必須になりますね。


7 Ways to be a better designer: SEOs and clients will thank you(INSPIREDMAG)

http://inspiredm.com/7-ways-better-designer-seos-clients-will-thank/

SEO最適化したうえに、クライアントにも喜ばれるデザイナーになるために「Calls to Action」「Foundational 301 Redirects」など7つの方法を紹介しています。


世界のWi-Fiを活用した巧みなプロモーション10選(AdGang)

http://adgang.jp/2015/02/88429.html

Wi-Fiを活用したプロモーションと言えば、「ネットワーク名を利用する」が代表かと思いますが、豊かな発想の面白い手法が紹介されています。10個中9個が動画で解説されているので分かりやすいのもポイントです。


マーケティングを捨てよ、サポートへ出よう 事例から見るスタートアップ初期におけるユーザー獲得(slideshare)

http://www.slideshare.net/takaumada/throw-away-your-marketing-rally-in-the-sales-and-customer-support

slideshareから。マーケティングを否定しているのではなく、スタートアップ初期のマーケティング後ユーザーを維持し続けるために、少人数での業務配分を効率化するなど、事例を交え紹介しています。133ページあるので時間のある時に。


絶対見ておきたい国内有名企業のHTMLメール事例まとめ(Web Professional)

http://ascii.jp/elem/000/000/973/973867/

20を超えるHTMLメールの事例を紹介しています。メルマガのキャプチャだけではなく特徴の解説もあり、メールマーケティング担当者は必読の記事です。


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

こんなにすごいの?プッシュ通知をオススメするこれだけの理由(モバイルマーケティング研究所)

http://moduleapps.com/mobile-marketing/20150220_push-notification/

先週もスマートフォンアプリを作るメリットの記事を紹介し、その中にもプッシュ通知が効果的だとありましたが、プッシュ通知について更に詳しく検証した記事です。どこかで見たGoogle アナリティクスのグラフだと思ったら、こちらの記事から流用されていました……。


新規事業サービスのトーン&マナーを設計するときに考えたこと(クックパッド開発者ブログ)

http://techlife.cookpad.com/entry/2015/02/23/134008

Webサイトを新規で作成するとき、コンテンツを追加するとき、リニューアルするときなど、デザインの決め方の根拠として「ターゲット」を想定する「どんなイメージを持ってもらいたいのか決める」など参考になります。


デザイナー必見!チームで取り入れるべき効果的なスキルアップの方法3つ(VASILY)

http://techlife.cookpad.com/entry/2015/02/23/134008

チームでデザインするときに気をつけたいこと、便利なツールなどを紹介しています。紹介した方法を活用した事例もあるので、チームでデザインをする際の参考に。


スマホデザインで見やすいサイズ、行間は?デフォルトのアプリ等を調べてみた(ACTZERO)

http://www.actzero.jp/developer/report-11574.html

iPhoneで「ホーム画面」「ミュージック」「Facebook」など、スマートフォンUIを調査しています。これまで同様の記事はありましたが、2015年2月版として参考になるのではないでしょうか。結論が少し弱い印象なので、各自結論を考えてみましょう。


シンプルなピクセルなのにすごい!さりげなく美しい質感を背景に与える商用利用無料のパターン素材(coliss)

http://coliss.com/articles/freebies/freebies-simple-pixels-patterns-by-kawiku.html

87種類の背景用パターン素材を紹介しています。自分で作ってもいいですが、フリー素材のストックがあると便利ですよね。


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

HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」(Gigazine)

http://gigazine.net/news/20150223-adobe-theexpressiveweb/

HTML5、CSS3を学べるAbobeの「The Expressive Web」の使い方が分からない方向け解説記事です。


サクッと使えた!サイト移行前やWordPressテーマ作成時に知っておきたい小技(commteblog)

http://commte.net/blog/archives/5036

「移行中にメンテナンス画面を表示する」「ビジュアルエディタのカスタマイズ」など、WordPressのTipsを15個紹介しています。WordPressを利用している方はチェックするといいかも。


Subtle Click Feedback Effects(cordons)

http://tympanus.net/codrops/2015/02/11/subtle-click-feedback-effects/

CSSアニメーションでクリック時のアニメーションを実装するチュートリアルです。demoを見ると、20を超えるエフェクトが掲載されています。今週こちらで紹介されたことで話題になりました。


これからのCSSレイアウトはFlexboxで決まり!(Webクリエーターズボックス)

http://www.webcreatorbox.com/tech/flexbox/

CSSでレイアウトするFlexbox。モダンブラウザーで利用できるようになったとのことで、ソースコードやサンプル含め詳しく紹介されています。ボックスデザインを組む時に活用できそうです。


「素人が作ったの?」「アプリとして0点」と言われないために - Googleが解説する"ゴミアプリ"回避策(マイナビニュース)

http://news.mynavi.jp/articles/2015/02/25/google/

2月25日にグーグルで開催されたセミナーのレポート。「ゴミアプリ」衝撃的なタイトルですが、ゴミアプリと言われないためのポイントが紹介されています。ユーザーのコメントが規約違反に繋がるなど、アプリ開発者は必見です。写真が多いレポートになっています。


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

MP3に圧縮すると失われてしまう音のすべてをお聞きください(コタク・ジャパン)

http://www.kotaku.jp/2015/02/all-the-sounds-that-are-lost-when-you-compress-to-mp3.html

ライアン・マグアイアさんの「The Ghost in the MP3」から、音楽をMP3に圧縮した時に削除されるのは、人間が聞こえない音ではないことが分かります。「失われる音」だけを聞くと、少し気味が悪いですね。


「あなたに見えたのは白×金のドレス?青×黒のドレス?」世界中を巻き込んだドレス騒動を科学的に検証する(マイナビニュース)

news.mynavi.jp/articles/2015/03/02/kara010/

世界中で話題になった、ドレスの色騒動。編集部でも「白×金」派と「青×黒」派に見事に分かれましたが、この記事ではなぜ人によって違って見えるのか、原因を検証しています。画像が広まった経緯もあり、話題に乗り遅れた方にもおすすめです。

この連載の記事

一覧へ

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