Web制作・運営・解析・SEO用語集

サイトの速度

Webサイト表示における速さの指標をいいます。

概要

サイトの速度は、Webサイトのページを読み込んでから表示するまでの速度(転送速度)を表したもので、おもにSEOにおける内部施策に用いられます。

サイトの転送速度が大きくなればなるほど、Webをトータルで見た際にリソース(資源)が割かれてしまいます。
故に、リソースを割いたサイトとリソースの少ないサイトでは、資源の無駄遣いが少ないリソースの少ないサイトを検索エンジンは評価します。

少量の削減であっても侮れない効果が起こります。
特にページビューの大きいサイトになると小さい差が大きな差になりうるので、コーディングにおいてはいかに少ないソースコードで表現できるかも重要になってきます。

この用語のメモ

jqueryやcssのオープンソースにもよく見かけますが、ミニマムファイル(改行やインデントを消去したもの)を提供しているところも多いです。
こういった低容量化を施すことにより、Webサイトの速度向上に繋がります。

ただし、ミニマム化したファイルは改行等が無くなっているため、編集を行うのは非常に難しくなります。
ミニマム化を施す場合は、ファイルの更新を一切しないファイルを主に対策すればよいと思います。

また、サイトの速度は数値にはないですが、利用者のストレス具合を図る際にも使うことがあります。
サイトがなかなか表示されなかったり、一部画像や文書がなかなか出づらいとイライラします。
イライラが募ると、離脱率にダイレクトに関わるため、やはり対策が必要です。

画像編集精度が上がってきているので、容量を減らしつつ品質を保つ手段をしっかりあげておきましょう。

この用語の使いどころ

SEO内部施策において、技術メンバーと打ち合わせする際に議論に上がることがあります。

技術的に可能かどうか、工数に見合うかどうか、などの話し合いが交わされます。
また、他の施策でも画像容量や動画容量(主に解像度など)を詰められるかどうかを考えて行きましょう。

JPEG画像も最近ではJPEG2000などの圧縮方式を使い、低容量ながら見劣りしない画像を表示するなどの工夫が出来るようになってきています。

関連用語

  • 内部施策
  • JPEG

Web担当・運営・解析・SEO問題集の例題問題

サイトの速度に関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。

Q:ある検索結果が表示されたとき、画像や五段階評価(★評価)の表示が出るようにする技術を選択してください。
  • モバイルマークアップ
  • 定量化マークアップ
  • GSCマークアップ
  • 構造化マークアップ
  • 言語化マークアップ

この答えの解説

検索結果に画像や評価、公開日時などを表示する技術を「構造化マークアップ」と言います。この技術で表示される内容を「リッチスニペット」と言います。

Q:次のうち、モバイルユーザビリティでないと判断されやすい内容を選択してください。
  • リンクとリンクの間の間隔が10px以下で作っている
  • エレメント(リンク要素があるコンテンツ)が動く要素が多数設置されている
  • サイトに埋め込まれている画像の解像度が高い
  • サイトは可変式だがメタタグのviewportが設定されていない

この答えの解説

リンクとリンクの間隔が狭すぎると、誤動作が発生しやすくユーザビリティ面においては指摘を受けやすい内容になります。

Q:SEOを行うべき理由のうち間違ったものを選んでください。
  • アクセス数を伸ばすため
  • ブランド戦略で成功するため
  • 特定のユーザーの流入を増やすため
  • Googleに気に入られるようにするため

この答えの解説

Googleに気に入られるのは誤りです。
最も大事なのはご自身のサイトに来てほしいユーザーにより良いコンテンツを提供する事です。

Q:次のタグのうちHTML5で使用できないタグを選んでください。
  • blockquoteタグ
  • emタグ
  • centerタグ
  • labelタグ

この答えの解説

centerタグは、HTML5では廃止されました。
CSSのmargin属性(左右auto指定)や、text-align属性でcenter指定(IEではmargin属性だけでは反応しない)する形でセンタリングします。

Q:pタグの入れ子(直下に入るタグ)で不適切なものを選んでください。
  • imgタグ
  • marqueeタグ
  • spanタグ
  • aタグ
  • divタグ

この答えの解説

pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。

Q:次のタグのうち、そのページを開いたときの画面上に内容が表示されないタグを選んでください。
  • headタグ
  • bタグ
  • aタグ
  • timeタグ
  • marqueeタグ

この答えの解説

headタグのみ、bodyタグ外に設置されるタグなのでページ内に表示されません。
しかし、ヘッダー情報があることによりGoogleの検索結果に表示させたりブラウザのタブにページのタイトル名を表示させたりすることができます。
また、SNSなどと連携して画像を表示させたりする機能もこのheadタグ内に様々なタグを用いて設置します。

Q:トーンマナーの説明として正しいものを選んでください。
  • デザインやクリエイティブの表現をルール化したもの
  • デザインのトーンをある一定数より下げないようルール化したもの
  • デザインの質やイメージを担保するもの
  • デザインのトーンに余計な追加をしないようルール化したもの

この答えの解説

販促物を制作する際、何故決められた表現を取り入れるのか。
トーンを統一化することは、そのブランド「らしさ」を表現することにつながり、ひいてはデザイン意図や意味の根拠の認識を担当者レベルで共有できるものになります。

Q:レスポンシブデザインの説明として正しいものを選んでください。
  • PC用サイトでは表現できないデザインのこと
  • 一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインのこと
  • モバイル版のGoogleクローラーに読み取られるデザインのこと
  • スマートフォン用のサイトを制作するデザインのこと

この答えの解説

レスポンシブデザインは、一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインのことをいい、一つのページであらゆる画面に対応できるため、テキストや画像の更新は当該ページ1つ更新するだけですべてのブラウザ対応が完了します。
主にはCSS内で特定の画面サイズになるとレイアウトが変わるようにプログラムを組むことで実装されます。

Q:制作会社(業者)を決めるに当たって参考になる要素を選んでください。
  • とにかく制作料金が安い
  • とにかく納期が非常に早い
  • とにかくレスポンスが早い
  • とにかく資料が多い
  • とにかく対応メンバーが多い

この答えの解説

非常にざっくりしている中で、おそらく最も対応できるとしたらレスポンスが早い点が挙げられます。
良い報告も悪い報告も、レスポンスが早い方が次の動作に早く対処ができ、納期的なロスを最小限に抑えられます。
制作料金が安い、納期が早いところは制作会社が持っているテンプレートがあてがわれる可能性があります。安易に決めれる要素ではありません。
資料が多かったり対応メンバーが多くても技術力が未知数のため、こちらも安易に決めれる要素ではありません。

関連タグ【SEO】に関するよくある質問

アクセス解析に関するよくある質問を抜粋しています。SEOに関するよくある質問はこちらから。

手動による対策って何ですか?

Googleから何らかのガイドライン違反が判明したときに、検索順位を落としたり、検索結果から除外する処置が取られます。

コンテンツに問題がある場合は内容を改めて精査し、修正を直ちに行う必要があります。(大量のコピーコンテンツがある、他サイトにある文言がそのままほぼ全てコピーされている)

しかし、中には不正に何者かが大量のスパムリンクを勝手に張られていることによって著しく品質が意図せず落ちていることもあるため、被リンクチェックは日ごろから行うことをオススメします。

SEOの良いところと悪いところを教えてください。

良いところは何といっても対策を行ったことで検索結果で自身のサイトが取り上げられ、予想以上の顧客獲得につながることです。自分のサイトを多くの人に知ってもらい、自分のサービスを多くの人に触れてもらい、使ってもらえるようになるためにSEOを頑張る。

悪いところは、やはり誤魔化しは効かないという点です。そして、未だにそういった不正な順位アップをもくろむネット運営者がいることも事実です。

SEOってそもそも何ですか?

検索エンジン最適化(Search Engine Optimization)のことをいいます。
GoogleやYahoo!をはじめとした様々な検索エンジンサイトが世の中にあると思います。

そういった検索サイトから検索窓にて入力し、表示される検索結果のことを自然検索(Organic Search)といい、特定のWebサイトが自然検索の上位に表示されるようにWebサイトに掲載されている内容やプログラムの構成を調整することや、それらの手法を総称してSEOといいます。

Fetch as Googleのようなクロールがすぐできるツールが消えてしまいました。どうしていますか?

Fetch as Google自体はGoogleサーチコンソールのアップデートによって終了してしまいました。現在では、それに変わるツールに「URL検査」というものがあります。
対象のURLを入れ込み、URLのステータスを出力してください。出力されたページの現在の状況が確認できます。
その中に「インデックス登録」という項目が選択できる場合、インデックスをリクエスト(再クロール)することができます。
リクエストしたURLは、最大2~3日くらいでインデックスされるかされないかが決定し、された場合はインデックスされた数に追加されます。

検索順位が落ちた場合はどうしますか?

手動による対策で下がった場合は、1つ上の質問の内容の通り、コンテンツの中身を精査してみてください。

競合が順位が上がったことにより、順位が落ちることも当然ながら多々あります。
そのような場合は、相手のコンテンツのどういった点がよさそうに感じるのか、キーワードの頻出具合はどのようになっているのか、コンテンツに厚みや面白味があるか、どの端末でも問題なく閲覧できているか、サイトが軽いか(容量が少なく済んでいるか)。

ざっと思いつくものでもこれだけあります。競合と比べて劣ってそうと思うところは1つずつ地道に改善していきましょう。SEOは一日にして成らずです。

関連タグ【Web制作】に関するよくある質問

Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。

Web制作って具体的には何をしますか?

全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案(ワイヤフレーム)作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。

各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。

ディレクターは主に前半の「打ち合わせ」から「構成案(ワイヤフレーム)作成」までを担い、あとは品質チェックや進行管理を中心に行います。

デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。

Webサイトを作るときにどんなことを意識していますか?

今でこそ、SEOを中心にコーディングを組むことが大半になってきているため言える話になりますが、Webサイトの一ページ一ページは「本」を作る意識を持って取り組んでいます。
ちゃんとタグにも「タイトル(表題)」や「見出し」、「段落」など、「作文」や「国語」にまつわる言葉が多く出てきますね。

Google側も同じように「記載されている内容」が「どの場面」で「どれぐらいの分量」の情報が「検索された内容に対し正確性があるか」が重要です。
コーダーやライターはその辺りを意識することが大切です。

デザイナーは、Googleよりも人間側が認知する視覚情報がもっともウエイトを占めるため、分かりやすさとトレンドをいかにストレスなくユーザーに供与できるかが大事で、ユーザーエクスペリエンスの精度に関わります。
Webサイトは、成長を前提に作ることが大事です。そういう意味では、いつまでもページが増え続ける「1巻だけの本」を作り続ける意識が必要ではないかと考えます。

CSSの最大の利点を教えてください。

何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。

CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。

関連タグ【広告】に関するよくある質問

広告運用に関するよくある質問を抜粋しています。広告運用に関するよくある質問はこちらから。

どんな広告代理店に広告運用を任すべきですか?

まずは「Googleパートナー」バッジが付いている企業かどうかを確認しましょう。運用面のノウハウをしっかり持っているかどうかがわかります。

次に、提案精度の高さを計っていくことも必要です。
メールや電話などのレスポンスは早いか、レポートのサンプルはくれるのか、運用の流れをきちんと入口から出口まで伝えてくれるのか、などです。
大事な予算を預けるわけですので、予算を的確に扱ってくれると感じれる代理店にお任せするのがベターではないかと思います。

予算の使い方がよくわかりません。

まずこういった広告運用で使われる広告は「リスティング広告」がほとんどかと思います。
リスティング広告は、このサイトに入ってもらいたいな、と思えるキーワードを設定して、そのキーワードで検索結果に表示された広告をクリックすることでサイトに遷移します。
クリックされるごとに料金が課金されます。

予算はある程度決められていると思うので、例えば単純に「月30万円の予算」に対して「20個程度のキーワード」、それぞれ「1万5千円ずつ予算を割り当てる」といった使い方ができます。

実際はホットキーワードの設定、配信タイミングの設定などで細かく予算分配を行う必要がありますが、大まかな予算の使い方は先ほどの例のようなイメージで問題ないかと思います。

広告運用に特別な技術は必要ですか?

運用自体に特別な技術は特に不要になります。自社サイトを自身で広告運営されている方も多く、広告運営を行っているうちに色々と知識をつけて改善活動を繰り返されている方も多いです。
ただし、いきなり完璧な運用をできるかというと、それはほぼ無理に近いレベルで厳しくなります。
どちらかといえば、技術力というよりかはやっていく中での情報収集力や情報処理力が求められてきます。

また、トレンドの先読みできる力もゆくゆく必要になってくる時がきます。
まずはあせらず、情報の収集能力を上げていくところからスタートすれば問題ないです。

予算を使うのが怖いです。最初はどうしますか?

クリックのたびに予算が使われるため、大きな金額を扱う際にはやはり不安が伴うのは当然です。
ただ、最初からいきなり大当たりのキーワードを探し当てるのは現実的にとてつもなく厳しいです。

よほどの社名知名度があれば社名でキーワードを設定すればヒットしますが、社名知名度があれば単にSEOだけで十分になってしまいます。
つまり、最初の3ヶ月間程度は良質なキーワードを見つけるための先行投資と考えて色々なキーワードやアクセス時間帯、必要とされる年齢層をしっかり見つけていくことに集中することが吉、そして財産になります。

なので、答えとしては最初は「次につながる失敗をどんどんしよう」という行動が正解と考えます。

どんなキーワードが刺さると思いますか?

ご自身で運営されているサイトによって様々なパターンが出てくるとは思いますが、大事なのは、自身の顧客がどう言った顧客が多いかを知っていくことが「刺さるキーワード」を見つける突破口になるのではと思います。

もちろん、数字から顧客の属性を仮で決めて、キーワード構築するのもできますが、他部署との連携が取れているのであれば、「誰向けに使って欲しい商品なのか」を聞いてみるのもひとつになります。

このように他の項目でも触れましたが、他部署と連携が取れるチームが強い理由は「独りよがりな視点にならない精度の高い情報」の仕入れやすさにあると思います。

索引から探す

タグから探す

よくアクセスされている用語

その他カテゴリー

Webサイトトップページに戻る

スポンサードリンク