モバイルファーストSEO Web標準の変革に対応したサイト制作(瀧内 賢)|翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. モバイルファーストSEO Web標準の変革に対応したサイト制作

モバイルファーストSEO Web標準の変革に対応したサイト制作


形式:
書籍
発売日:
ISBN:
9784798144245
定価:
2,178(本体1,980円+税10%)
仕様:
A5・240ページ
カテゴリ:
Web制作
キーワード:
#グラフィックソフト・ツール,#デザイン,#ビジネスデザイン,#イラスト集・作品集
紙の書籍

PCサイトの「モバイル版」はもう古い!
モバイルユーザーを第一に考えた、これからのサイトのあり方と制作手法を徹底解説。

デバイスの多様化により、ユーザーの検索行動は大きく変わりました。もはや、インターネットの主役はPCではなく、スマートフォンになっています。
「すでにモバイル対応はしているよ」という方も、要注意。普段は主にスマートフォンからネットを閲覧しているのに、自分のサイトを更新するときはPCサイトを先に考えていませんか。

本書では、PC時代のサイトに訪れたパラダイムシフトを乗り切り、チャンスにするための考え方とテクニックを解説しています。Googleが検索エンジンに組み込んだ新たなルール「モバイルフレンドリー」についてはもちろん、サイト設計や効果的なコーディング方法、スマホでアクセスしても重くならないための改善手法までを網羅しています。

【モバイルファーストSEO 5つのポイント】
1.環境の変化をとらえ、ユーザーの行動を見極める(第1章で解説)
2.モバイルユーザーを第一に考えた制作手法を正しく知る(第2章で解説)
3.モバイルフレンドリーなサイトの要件をふまえた設計をする(第3章で解説)
4.HTML5やCSS3の機能を活かした親切なサイトを構築する(第4章で解説)
5.スペックや利用環境がバラバラでも閲覧できるよう改善する(第5章で解説)

【著者について】
瀧内 賢(たきうち・さとし)
株式会社セブンアイズ代表取締役。福岡大学理学部応用物理学科卒業。SEO・SEMコンサルタント、集客マーケティングプランナー。Webクリエイター上級資格者。All Aboutの「SEO・SEMを学ぶ」ガイドも務める。著書に「これからはじめるSEO内部対策の教科書」「これからはじめるSEO顧客思考の教科書」(ともに技術評論社)がある。

<第1章 スマートフォンSEOの基本>
・SEOの新時代~Web標準の変革~
・増え続けるスマートフォンユーザーと市場の変化
・Googleも推進するモバイルファースト
・モバイルフレンドリーを正しく知る
・モバイルの弱点、それは表示速度!

<第2章 これからのWeb制作の基本>
・制作手法の種類と特徴
・情報格差を生むサイトを制作しない
・レスポンシブWebデザインのレイアウト
・制作手法や順序の変化
・ますます求められるレスポンシブWebデザイン
・レスポンシブWebデザインのコーディングにあたって

<第3章 ユーザーを意識したモバイルフレンドリーサイトの設計>
・モバイルフレンドリーにするために
・モバイルフレンドリーに適合しているか
・モバイルデザイン設計
・デスティネーションファーストの基本ステップ
・端末間でデザインと構造を統一する
・快適に利用するための導線
・文字サイズを設計する
・ビューポートを正しく設定する
・リンクはタップ操作を念頭に
・横スクロール・横揺れを回避する
・そのほかのユーザーエクスペリエンス向上策

<第4章 モバイルファーストSEOを実現するサイト構築>
・HTML5の新要素を活用する
・HTML5の主な新要素
・HTML5のソースコードをチェックする
・シンプルなCSSを採用する
・開閉パネルやタブ切り替えでスマートなWebサイトに
・PCとモバイルのコンテンツ情報を一致させる
・全体を理解しやすい構造にする
・ユーザーがサイト内で迷子にならないようにする
・IE8以下のユーザーへの配慮
・表示させない手法は正しく使う
・PCとスマートフォンで異なるスニペット(=description)の文字数

<第5章 パフォーマンスの改善>
・パフォーマンス(≒表示速度)の重要性
・画像を最適化する
・キャッシュ調整で待ち時間をなくす
・読み込み時間を意識した装飾
・CSS3できれいな背景を作成する
・体感速度を上げる工夫
・JavaScriptを非同期で読み込む
・背景画像をまとめてHTTPリクエストを削減する
・ファイルの整理と圧縮
・小さな画像はアイコンフォントで表現する
・画像アイコンはWebページに直接埋め込む

Appendix1 スマートフォン専用サイトの作り方
Appendix2 おすすめのレスポンシブWebデザインHTMLソースコード例
本書は付属データの提供はございません。

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影(表紙画像)をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影(表紙画像)以外のご利用については、こちらからお問い合わせください。

追加情報はありません。
この商品の「よくある質問」はありません。
正誤表の登録はありません。

感想・レビュー

ノリピー大尉 さん

2016-07-04

見やすさだけでなく、表示速度も重要。