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

個数:
電子版価格
¥2,178
  • 電子版あり

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

  • 提携先に在庫がございます【僅少】
    通常、5~7日程度で出荷されます。
    ※納期遅延や、在庫切れで解約させていただく場合もございます。
    (※複数冊ご注文はお取り寄せとなります)
  • 出荷予定日とご注意事項
    ※上記を必ずご確認ください

    【出荷予定日】
    通常、5~7日程度で出荷されます。

    【ご注意事項】 ※必ずお読みください
    ◆在庫状況は刻々と変化しており、ご注文手続き中やご注文後に在庫切れとなることがございます。
    ◆出荷予定日は確定ではなく、表示よりも出荷が遅れる場合が一部にございます。
    ◆複数冊をご注文の場合には全冊がお取り寄せとなります。お取り寄せの場合の納期や入手可否についてはこちらをご参照ください。
    ◆お届け日のご指定は承っておりません。
    ◆「帯」はお付けできない場合がございます。
    ◆画像の表紙や帯等は実物とは異なる場合があります。
    ◆特に表記のない限り特典はありません。
    ◆別冊解答などの付属品はお付けできない場合がございます。
  • ●3Dセキュア導入とクレジットカードによるお支払いについて
    ●店舗受取サービス(送料無料)もご利用いただけます。
    ご注文ステップ「お届け先情報設定」にてお受け取り店をご指定ください。尚、受取店舗限定の特典はお付けできません。詳細はこちら
  • サイズ A5判/ページ数 239p/高さ 21cm
  • 商品コード 9784798144245
  • NDC分類 547.48
  • Cコード C3055

出版社内容情報

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

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ソースコード例

内容説明

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

目次

第1章 スマートフォンSEOの基本
第2章 これからのWeb制作の基本
第3章 ユーザーを意識したモバイルフレンドリーサイトの設計
第4章 モバイルファーストSEOを実現するサイト構築
第5章 パフォーマンスの改善
Appendix1 スマートフォン用サイト制作時の注意点(動的な配信/別々のURLにする場合)
Appendix2 おすすめのレスポンシブWebデザインHTMLソースコード例

著者等紹介

瀧内賢[タキウチサトシ]
株式会社セブンアイズ代表取締役。福岡大学理学部応用物理学科卒業。SEO・SEMコンサルタント、集客マーケティングプランナー。Webクリエイター上級資格者。All Aboutの「SEO・SEMを学ぶ」ガイドも務める(本データはこの書籍が刊行された当時に掲載されていたものです)
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。

感想・レビュー

※以下の感想・レビューは、株式会社ブックウォーカーの提供する「読書メーター」によるものです。

ノリピー大尉

2
見やすさだけでなく、表示速度も重要。2016/07/04

外部のウェブサイトに移動します

よろしければ下記URLをクリックしてください。

https://bookmeter.com/books/10207806
  • ご注意事項

    ご注意
    リンク先のウェブサイトは、株式会社ブックウォーカーの提供する「読書メーター」のページで、紀伊國屋書店のウェブサイトではなく、紀伊國屋書店の管理下にはないものです。
    この告知で掲載しているウェブサイトのアドレスについては、当ページ作成時点のものです。ウェブサイトのアドレスについては廃止や変更されることがあります。
    最新のアドレスについては、お客様ご自身でご確認ください。
    リンク先のウェブサイトについては、「株式会社ブックウォーカー」にご確認ください。

最近チェックした商品