つきのあめだまウェブページの表示を快適にするために「あなたのサイトは世間一般と比べて、画像やJavaScriptが重いのかどうか」を判断できる相場データと調査方法を解説する。「ウチのページは世間の75%よりも重いらしい」「上位25%に収まるぐらい軽いようだ」などがわかれば、対応の優先度も決定しやすいはずだ。ほかにも、SEOや検索に関する次のような情報を、今週もまとめてお届けする。海外情報ウェブページの表示を快適にするために「あなたのサイトは世間一般と比べて、画像やJavaScriptが重いのかどうか」を判断できるデータと調査方法を解説する。「ウチのページは世間の75%よりも重いらしい」「上位25%に収まるぐらい軽いようだ」などがわかれば、対応の優先度も決定しやすいはずだ。ページ表示を高速にするには、さまざまな手法がある。必要なリクエスト数を削減するレンダリングを妨げるリソースを削除したり読み込みを遅らせたりするデータ転送量を減らすDOMノード数を減らしたりネストを深くしすぎないようにしたりするWebサーバーの応答を早くするデータベースサーバーの応答を早くするサーバー側でキャッシュを活用するブラウザ側でキャッシュを活用できるようにするなどなどとはいえ、どれもなかなか技術的に難しいのも確かだ。そのなかでも「データ転送量を減らす」ことに関しては、技術的な知識が少なくてもできることが多い。要は、ファイルサイズを小さくすればいいわけだ。「いまの状態が世間と比べてどうなのか」がわからなければ、どれぐらい改善すべきかも判断しづらい。世間では画像とかJSどれぐらいのデータサイズなの?まずは、「世間一般ではどうなんだろうか」のデータだ。エンジニアであるケイティ・ヘンプニウス氏がわかりやすい表にまとめてくれている。世間一般では、ウェブページでどれぐらいのデータを読み込ませているのかの分布を、「画像」「JavaScript」「CSS」「フォント」「HTML」の種類ごとに整理したものだ。Archiveが公開した2018年10月のPCサイトの情報だ(グーグルはこのサイトのスポンサーの1社だ)。左端の「p10」~「p90」の「p」は「パーセンタイル」を表している。これは、値の小さいものから並べていったときに、全体の何パーセント目に位置するかを示すものだ。ツイートで示された表では、画像(Images)の「p75」(つまりパーセンタイル75)は1.8Mバイトだ。これが意味するのは、「ページで読み込んでいる画像が1.8Mバイト以下なら、データサイズの軽いほうから75%以内に収まる」ということだ(ページで読み込む画像の合計サイズ)。言い方を変えると、「1.8Mバイトを超えると、世間一般で上位25%に入るぐらい重い(ページ表示に多くのデータ転送が必要)」ということだ。この表をみると、世間一般の中央値(p50)より軽いページにしたければ、次のサイズに収めればいいことがわかる。画像650Kバイト以下JavaScript420Kバイト以下フォント100Kバイト以下CSS50Kバイト以下HTML30Kバイト以下ページ全体1.5Mバイト以下ウチのページはどれぐらいのデータサイズを読み込ませてるの?では次に、現時点で自分のサイトがどのくらいのサイズのデータを読み込んでいるかを調査してみよう。WebPageTestのサイトをブラウザで開く。URL」と書かれているボックスに入力する。TEST]ボタンをクリックする。実行が完了するまで待つ。Breakdown」をクリックする。type」ページ右側の「Bytes」表をみる。種類ごとの「Bytes」が転送データ量だ(圧縮やHTTPレスポンスヘッダーの影響を受けるので、実際のファイルサイズとは異なる場合がある)。WebPageTestでの調査結果の例こうした調べた種類ごとのデータ転送サイズが、元ツイートの表でパーセンタイルの高いところ(P75以上?)に含まれているとしたら、世間一般と比べて多くのデータをユーザーに読み込ませていることになる。データを削減できれば、表示速度の改善に効果が期待できそうだ。画像と並んでJavaScriptも転送されるデータの大きな割合を占める。画像とJSの軽量化から着手するといいだろう。海外情報サイトの画像を最適化するTIPSをもう1つ紹介する。デバイス(のスクリーンサイズ)に応じて、配信する画像を出し分ける方法で、こちらもグーグルのケイティ・ヘンプニウス氏がツイートしたものだ。2019年2月27日スクリーンが大きいPCには大きな画像を配信し、スクリーンが小さいスマホには小さな画像を配信する。高解像度でデータサイズが大きい画像をスマホに配信しても、スクリーンに収まるように結局は小さく表示される。転送に使われるデータ量は大きいままだ。適切な画像を出し分けることにより、不必要に大きな画像を配信することを回避できる。結果としてページの読み込み速度を改善できる。属性の技術的な詳しい説明はここでは省略する。実装に興味があれば、日本語での解説があるので調べてみてほしい。海外情報グーグルの手動対策、特に不自然なリンクのペナルティに精通しているSEOコンサルタントのマリー・ヘインズ氏が、不自然なリンクだとグーグルが認識する可能性が高く、否認するべきリンクの種類をリスト化した。お金を払ってリンクを忍び込ませてもらうSEO業者にお金を払って、その業者がコンテンツ提供しているサイトに載せてもらう記事(大規模に実行していると特に問題になる)編集・校正がほとんど行われないサイトで公開する、リンクを含んだコンテンツ大量のゲストポスト(寄稿)もこれに含まれる。すべてのゲストポストが悪いわけではないが、大規模にやると不自然だとグーグルに認識される可能性があるブログ投稿者に品物を無料で提供し、見返りに張ってもらったリンク「実際のユーザーに役に立ててもらうため」という目的を超えてしまう過剰な相互リンク利用するにはリンクを張る必要があるツールやウィジェットの配布で得たリンクSEOのためだけに作られたディレクトリに大規模に登録して得たリンクフッターにリンクを設置したテーマ/テンプレートの配布から得たリンク「狙っているキーワードをアンカーテキストに使ったリンク」や「アダルト系キーワードのアンカーテキストにしたようなネガティブSEOを企むリンク」で、急激に数が増加したもの「なぜそのリンクが張られたのか」をグーグルのウェブスパムチームに説明しなければならないとしたら、本当に神経をつかわなければならないようなリンクすべてこうしたリンクが大量に存在する場合には、手動対策を受けないように否認したほうが安心なようだ(否認よりも先にまず削除を試みることが重要なことを付け加えておく)。「カテゴリページの下部にテキストコンテンツを置く」というSEO手法がある。カテゴリページというと、そのカテゴリに属する他のページへのリンクが並んでいるものだろう。それだけだとユニークなコンテンツが不足しがちだ。検索エンジンが認識しやすいテキストコンテンツ足りない。そこで検索エンジンのためにテキストコンテンツを設置するのだ。ユーザーに読んでもらう必要は必ずしもないので、そのテキストはフッター付近に配置するというわけだ。ユーザー向けというよりも、むしろ検索エンジンに向けたものである場合が多いかもしれない。この手法に対してグーグルのジョン・ミューラー氏が注意を喚起した。ユーザーにとっても価値があるコンテンツをユーザーに見える形でカテゴリページに統合することをミューラー氏は推奨した。そのページがどんなアイテムに関するページであるのか、たとえば掲載されているアイテムの特色や利点などユーザーの役に立つ情報を提供すべきだというのだ。カテゴリページにテキストコンテンツを設置することは良いことだ。それは、ユーザーと検索エンジンの両方に向けたものにしたい。画像のSEOに関してグーグルのジョン・ミューラー氏が共有したちょっとした情報を2つ紹介する。多言語サイトの画像、URLは共通でもalt属性は言語ごとに多言語でサイトを展開している場合、各言語のページで使用している画像URLは共通のものを使って構わない。alt属性はその言語に合わせたものにするほうがいい。画像の配信元サーバーは気にしなくていい画像は同じサイトまたは同じサーバーから配信しようが、別のサイトまたは別のサーバーから配信しようが、グーグルの評価に違いはない。Consoleは2018年9月に正式版になった。「カバレッジレポート」や「URL検査ツール」など以前のバージョンにはなかった有用な機能が加わった。一方で、まだ移植されていなかったり廃止されたりした機能もある。Consoleの今後の展望についてウェブマスター向け公式ブログが説明した。廃止された古い機能オリジナルの英語記事は2か月近く前に公開されたので一部の情報は新鮮味に欠けるかもしれない。ConsoleはグーグルSEOには必須のツールであるから、有効活用するためにも状況を確実に把握しておきたい。けんいち)「海外SEO情報ブログ」の運営者。Advocate(サーチ・アドボケイト)。海外SEO情報ブログは、SEOに特化した日本ではもっとも有名なSEO系ブログの1つ。米国発の最新のSEO情報を中心に、コンバージョン率アップやユーザーエクスペリエンス最適化のための施策も取り上げている。Companyでは、セミナー講師や講演スピーカーを主たる役割にしている。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!私は変人コレクター。CEM」の提供を開始LINEのマーケ活用術――ナーチャリングからリピーター醸成まで解説するセミナー2/20開催MaaSが普及したら「自家用車を手放すことを検討する」48%【アクセンチュア調べ】2019年にもっとも注視されたテレビCMは、クボタ「壁がある。2/19(水)@ステーションコンファレンス東京リピーターを呼び込む「究極の集客方法」。リピーターを呼び込む「究極の集客方法」。2019年12月すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。