サイトの速度
Webサイト表示における速さの指標をいいます。
概要
サイトの速度は、Webサイトのページを読み込んでから表示するまでの速度(転送速度)を表したもので、おもにSEOにおける内部施策に用いられます。
サイトの転送速度が大きくなればなるほど、Webをトータルで見た際にリソース(資源)が割かれてしまいます。
故に、リソースを割いたサイトとリソースの少ないサイトでは、資源の無駄遣いが少ないリソースの少ないサイトを検索エンジンは評価します。
少量の削減であっても侮れない効果が起こります。
特にページビューの大きいサイトになると小さい差が大きな差になりうるので、コーディングにおいてはいかに少ないソースコードで表現できるかも重要になってきます。
この用語のメモ
jqueryやcssのオープンソースにもよく見かけますが、ミニマムファイル(改行やインデントを消去したもの)を提供しているところも多いです。
こういった低容量化を施すことにより、Webサイトの速度向上に繋がります。
ただし、ミニマム化したファイルは改行等が無くなっているため、編集を行うのは非常に難しくなります。
ミニマム化を施す場合は、ファイルの更新を一切しないファイルを主に対策すればよいと思います。
また、サイトの速度は数値にはないですが、利用者のストレス具合を図る際にも使うことがあります。
サイトがなかなか表示されなかったり、一部画像や文書がなかなか出づらいとイライラします。
イライラが募ると、離脱率にダイレクトに関わるため、やはり対策が必要です。
画像編集精度が上がってきているので、容量を減らしつつ品質を保つ手段をしっかりあげておきましょう。
この用語の使いどころ
SEO内部施策において、技術メンバーと打ち合わせする際に議論に上がることがあります。
技術的に可能かどうか、工数に見合うかどうか、などの話し合いが交わされます。
また、他の施策でも画像容量や動画容量(主に解像度など)を詰められるかどうかを考えて行きましょう。
JPEG画像も最近ではJPEG2000などの圧縮方式を使い、低容量ながら見劣りしない画像を表示するなどの工夫が出来るようになってきています。
関連用語
- 内部施策
- JPEG
Web担当・運営・解析・SEO問題集の例題問題
サイトの速度に関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。
Q:ある検索結果において順位が1つ下がった場合の対策で適切なものを選んでください。
- 文中にとにかくキーワードをたくさん仕込む
- 構わずコンテンツを作り続ける
- 上位表示されたサイトに対して関係ないサイトからリンクを貼る
- しばらくしたら落ち着く可能性があるので放置する
この答えの解説
順位が1つ下がった場合においては、ペナルティで検索順位が下がったとは考えにくいので、コンテンツ力やそれらをGoogle側が理解できるhtmlマークアップになっているかどうかが差として順位に現れていると考えます。
この選択肢内の場合、コンテンツ充実に力を入れるのが適切です。
Q:URLが変わるサイト移設対応として間違っているものを選択してください。
- 301リダイレクト
- 移設前サイトの移設後サイトへの告知
- 新ブックマーク先の案内
- 302リダイレクト
- メルマガやSNSによる告知
この答えの解説
302リダイレクトは、単なる「一時的な転送」に用いられる記述になります。
リダイレクト方法を間違えると、サイトの評価を引き継げなくなるため、悲惨な状況を避けるためにもサイトを閉鎖する際は必ずリダイレクト方法を確認しましょう。
Q:ペンギン・パンダ両アップデートが発動されました。順位が下がる可能性が低いものを選んでください。
- 画像ばかり貼り付けられたページ
- 外部へのリンクばかり貼り付けられたページ
- 他のサイトに記載された内容を転載したページ
- サイト遷移時に色々なページへ誘導されるページ
- グローバルナビゲーション、ローカルナビゲーションのリンクばかりのページ
この答えの解説
正解の選択肢では、例えば画像素材集のサイトであれば、ツール提供ページとして役割を果たします。また、画像を用いた説明ページでも問題ありません。
しかし、きちんとalt属性を設定することも併せて行うようにしましょう。
Q:次のタグのうち、時系列に並んだ新着情報一覧の表示にもっとも適しているものを選んでください。
- olタグ
- dlタグ
- pタグ
- divタグ
- ulタグ
この答えの解説
olタグは順序リストになるため、構文上の表記では時系列(順序)が記載されており、他の選択肢より適しているタグになります。
Q:pタグの入れ子(直下に入るタグ)で不適切なものを選んでください。
- imgタグ
- marqueeタグ
- spanタグ
- aタグ
- divタグ
この答えの解説
pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。
Q:次のタグのうちHTML5で使用できないタグを選んでください。
- frameタグ
- timeタグ
- embedタグ
- preタグ
この答えの解説
frameタグは、HTML5では廃止されました。
HTML5ではiframe(インラインフレーム)が引き続き使用できますが、frameはHTML5を文章構造、CSSを装飾指定に分割する過程上で廃止となりました。
Q:ユーザーエクスペリエンスの説明として正しいものを選んでください。
- ユーザーが体験したサイトの情報を公開すること
- ユーザーのために技術者やデザイナーが経験を得ること
- ユーザーがWebサイトなどのサービスや情報を利用することで得られる経験のこと
- 閲覧されたユーザー数に応じて技術者が得られる経験を数値化したもの
この答えの解説
ユーザーエクスペリエンスは、製品やサービスを使用することで得られる経験のことを言います。
Web分野においては、如何にしてWeb内におけるサービスやコンテンツに満足できるサイト構築を達成できるかが大切で、マーケティング担当やディレクター担当、特にサイト構成を作るメンバーにおいて最も要求される要素になります。
Q:コーダーの説明として正しいものを選んでください。
- 制作全般のとりまとめを行う人、またはその人員
- Excelなどの関数やVBAなどの記述を行う人、またはその人員
- PhotoshopやIllustratorなどのデザインを行う人、またはその人員
- HTMLやPHPなどの言語の記述を行う人、またはその人員
この答えの解説
コーディングとは、プログラミングとかなり近い性質を持っていますが、実際には指定の言語(ここではHTMLやPHP等)のソースコードを用いてクライアント側(コンピューター側)が理解できる記述を行うことをいいます。
HTMLは、本で言う「タイトル」「段落」等がタグとして記載ができます。
その記載すべき部分に文章や画像を表示させることで、Webページを構成していきます。
そういったソースコード制作業務を行う人を「コーダー」といいます。
Q:レスポンシブデザインの説明として正しいものを選んでください。
- PC用サイトでは表現できないデザインのこと
- 一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインのこと
- モバイル版のGoogleクローラーに読み取られるデザインのこと
- スマートフォン用のサイトを制作するデザインのこと
この答えの解説
レスポンシブデザインは、一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインのことをいい、一つのページであらゆる画面に対応できるため、テキストや画像の更新は当該ページ1つ更新するだけですべてのブラウザ対応が完了します。
主にはCSS内で特定の画面サイズになるとレイアウトが変わるようにプログラムを組むことで実装されます。
サイトの速度に関わるよくある質問
Fetch as Googleのようなクロールがすぐできるツールが消えてしまいました。どうしていますか?
Fetch as Google自体はGoogleサーチコンソールのアップデートによって終了してしまいました。現在では、それに変わるツールに「URL検査」というものがあります。
対象のURLを入れ込み、URLのステータスを出力してください。出力されたページの現在の状況が確認できます。
その中に「インデックス登録」という項目が選択できる場合、インデックスをリクエスト(再クロール)することができます。
リクエストしたURLは、最大2~3日くらいでインデックスされるかされないかが決定し、された場合はインデックスされた数に追加されます。
SEOってそもそも何ですか?
検索エンジン最適化(Search Engine Optimization)のことをいいます。
GoogleやYahoo!をはじめとした様々な検索エンジンサイトが世の中にあると思います。
そういった検索サイトから検索窓にて入力し、表示される検索結果のことを自然検索(Organic Search)といい、特定のWebサイトが自然検索の上位に表示されるようにWebサイトに掲載されている内容やプログラムの構成を調整することや、それらの手法を総称してSEOといいます。
検索順位が落ちた場合はどうしますか?
手動による対策で下がった場合は、1つ上の質問の内容の通り、コンテンツの中身を精査してみてください。
競合が順位が上がったことにより、順位が落ちることも当然ながら多々あります。
そのような場合は、相手のコンテンツのどういった点がよさそうに感じるのか、キーワードの頻出具合はどのようになっているのか、コンテンツに厚みや面白味があるか、どの端末でも問題なく閲覧できているか、サイトが軽いか(容量が少なく済んでいるか)。
ざっと思いつくものでもこれだけあります。競合と比べて劣ってそうと思うところは1つずつ地道に改善していきましょう。SEOは一日にして成らずです。
SEOの良いところと悪いところを教えてください。
良いところは何といっても対策を行ったことで検索結果で自身のサイトが取り上げられ、予想以上の顧客獲得につながることです。自分のサイトを多くの人に知ってもらい、自分のサービスを多くの人に触れてもらい、使ってもらえるようになるためにSEOを頑張る。
悪いところは、やはり誤魔化しは効かないという点です。そして、未だにそういった不正な順位アップをもくろむネット運営者がいることも事実です。
Googleサーチコンソールって何ですか?
クリック数、コンバージョン率、合計表示回数、平均掲載順位などの検索キーワード関連の他にGoogleにインデックスするページを増やしたり不要なURLを削除したりするツールです。
サイトの構造を精査したりサイト上に検出されたエラーを修正することにより、検索結果に画像を表示、評価の★マークをつけたり等といった検索に効果をつけることもできます。
Web制作に必要なソフトを教えてください。
製作工程に応じて使いやすいソフトが大筋決まっていることが多いです。
構成案やサイトマップを作る際はMicrosoftの「Excel」や「PowerPoint」が鉄板です。
大まかなデザイン枠を作る分にはPowerPointがあれば十分作れますし、サイトマップやスケジュール・見積もりなどの情報は、Excelがほとんど使われることが多いです。
いずれもPDFに手軽に変換できる点も非常に使いやすい要因となっています。
デザイン面では、Adobeの「Illustrator」か「Photoshop」が鉄板で、まれに「Fireworks」を使用しているユーザーもいます。
一般的に紙媒体もやっている企業では、「Illustrator」を使用してサイトデザインを制作しているケースが非常に多いです。
コーディング等ではAdobeの「Dreamweaver」がもっとも有名ですが、テキストエディタでコードを作成できる力があれば、ワードパットソフトの「Terapad」やGithubが提供している「Atom」も非常に使いやすいです。
コーディング面においてはファイルのエンコードとHTMLやCSS記載のエンコードをあわせないと文字化けも起こしてしまうので、個人的には「Terapad」が使いやすいと感じています。
運用面、特にアクセス解析などにおいてはこちらもMicrosoftの「Excel」や「PowerPoint」が非常に使われます。ツールとしては「Googleアナリティクス」と「Googleサーチコンソール」を使います。
Excelはうまく使えば得られたアクセス情報からさらに様々な視点でのアクセス情報を拾い出すこともできるため、Excelを使いこなせることができれば大きな武器になります。
アクセス解析等はディレクターが兼任しているケースも多いです。
ざっと上げましたが、全てを担当する場合は「Excel」「PowerPoint」「Illustrator」「Photoshop」「Dreamwerver」「Googleアナリティクス」「Googleサーチコンソール」の7つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。
Webサイトを作成する場合、最初に覚えた方がいいものは何ですか?
Webサイトの制作は、現在では分業化が当たり前になってきているため全てを習得しなければいけない訳ではありません。
そのため、デザインからやらないとダメ、コーディングからやらないとダメ、というのはなく、覚える順番は任意で決めてもらって問題ありません。
ことWebに関して言えば、覚えるというよりかは「盗んでいく」というスタイルが、覚える作業としては適切ではないかと思います。
CSSを習得したい場合、何から習得したらよいですか?
CSSは組み込みされたHTMLの装飾を行うものです。よって、レイアウト等の配置もこのCSSで行う形になります。
CSSを初めて使用する際に壁にあたってしまうポイントとして「float」の処理ではないかと思います。
むしろ、floatの仕様が理解できればある程度のレイアウトのコントロールができるようになるので、何度も繰り返し組んでみましょう。
floatと併せて「clearfix」というものも覚えるとレイアウト崩れが防げます。
予算の使い方がよくわかりません。
まずこういった広告運用で使われる広告は「リスティング広告」がほとんどかと思います。
リスティング広告は、このサイトに入ってもらいたいな、と思えるキーワードを設定して、そのキーワードで検索結果に表示された広告をクリックすることでサイトに遷移します。
クリックされるごとに料金が課金されます。
予算はある程度決められていると思うので、例えば単純に「月30万円の予算」に対して「20個程度のキーワード」、それぞれ「1万5千円ずつ予算を割り当てる」といった使い方ができます。
実際はホットキーワードの設定、配信タイミングの設定などで細かく予算分配を行う必要がありますが、大まかな予算の使い方は先ほどの例のようなイメージで問題ないかと思います。
どんな広告代理店に広告運用を任すべきですか?
まずは「Googleパートナー」バッジが付いている企業かどうかを確認しましょう。運用面のノウハウをしっかり持っているかどうかがわかります。
次に、提案精度の高さを計っていくことも必要です。
メールや電話などのレスポンスは早いか、レポートのサンプルはくれるのか、運用の流れをきちんと入口から出口まで伝えてくれるのか、などです。
大事な予算を預けるわけですので、予算を的確に扱ってくれると感じれる代理店にお任せするのがベターではないかと思います。
AMPテストをアップしても表示されません。どんなことが考えられますか?
AMPの構築は「AMP HTML」というものでコーディングされている必要があり、通常のHTMLよりやや制限がかかった内容になります。
javascriptやCSSの記載も結構制限がかかるので、レイアウトにこだわったページを作るのは難しいです。(基本1カラムページが大半)
また、Wordpressが使用できるタイプの無料サーバーなどは、自動的に広告用javascriptが貼られてしまうため、AMP出力時に必ずエラーが出てしまいます。
Wordpressを使用してのブログページを作成する際は基本的には有料サーバーがほぼ必要となるため、AMPを導入する際は特に気をつけましょう。
広告運用に特別な技術は必要ですか?
運用自体に特別な技術は特に不要になります。自社サイトを自身で広告運営されている方も多く、広告運営を行っているうちに色々と知識をつけて改善活動を繰り返されている方も多いです。
ただし、いきなり完璧な運用をできるかというと、それはほぼ無理に近いレベルで厳しくなります。
どちらかといえば、技術力というよりかはやっていく中での情報収集力や情報処理力が求められてきます。
また、トレンドの先読みできる力もゆくゆく必要になってくる時がきます。
まずはあせらず、情報の収集能力を上げていくところからスタートすれば問題ないです。
キーワードがうまく決められません。
広告で打つべきキーワードはすぐに見つかるものではありません。予算と同様、最初は思いつく限りの候補を挙げてインプレッション数とクリック率を見ていくしかありません。
ただ、思いつくキーワードを抽出していくのであれば、精度を上げるために自社のサービスや商品を実際に見たり使用したり、製造している現場に出向くなどして製品やサービスのバックグラウンド構築にまずは時間を当てることも重要ではないかなと思います。
物を知っていれば知っているほど、どんな顧客に向けて情報を提供するべきかがわかりやすくなるはずです。
記事元のページへ移動その他カテゴリー
- GAレポート作成ツール
面倒なアクセス解析レポート作りはもうやめよう!
- Web担当・運営・解析・SEO問題集
GoogleアナリティクスやSEOに関する問題集を作っています。
- Web担当・運営・解析・SEO用語集
Webや解析などでよく使う単語辞典ページを用意いたしました!
- よくあるご質問
よくいただくお問い合わせ内容の一覧になります。
- お問合せ・情報
当Webサイトについてのお問合せや様々な情報をこちらにまとめております。
- 新着情報・更新情報
当サイトの新着情報・更新情報はこちらから。