Webページサイズ–なぜそれが重要なのですか? そしてそれをいかに最大限に活用するか。

06Mar
by Jay Kang
06Mar
by Jay Kang

目次

  • 定義
  • ページサイズの仕組み
  • ページサイズが重要なのはなぜですか?,ges
  • 動画の最適化
  • 訪問者のコメント、フィードバック、レビューの最適化
  • Wixのページサイズ最適化
  • 自動再生オーディオとビデオの回避
  • 画像圧縮の最適化
  • Shopifyのページサイズ最適化
  • 商品画像の最適化
  • トラッキングとコンバージョン
  • モバイルデバイスとの互換性
  • 顧客に表示される内容を理解する
  • 定義

    seoの世界では、ページサイズという用語は、特定のWebページのダウンロード, ページサイズは、ページを構成するすべてのファイルで構成されています。 典型的なwebページは、HTML、CSS、Javascript、または画像ファイル、およびその他のリソースを含むいくつかのファイルで構成されています。

    ページサイズはどのように機能しますか?

    これらのファイルはすべて異なるサイズを持ち、合計するとページサイズに等しくなります。 たとえば、サイズが110KBのHTMLドキュメント、サイズが223KBのイメージ、サイズが87KBのシートファイルで構成されるwebページのページサイズは420KBになります。,

    SEOptimerでサイトを確認すると、最も貢献したウェブサイトの合計ページサイズを簡単に特定できます。 画像は一般的に最も貢献し、埋め込みビデオは同様に、時にはスクリプトやCSSスタイルの肥大化が貢献することができ 以下のスクリーンショットでは、Javascriptが実際には最も重いことに気付くでしょう。 よりプラグイン、マーケティングソフトウェアが取得でき行の増加ページのサイズもしております。

    Webページサイズは、長年にわたって着実に成長しています。, インターネット上の最初のwebページのサイズはわずか4KBでした。 これは特に、当時のブラウザが今日のような多くのことをサポートしていなかったためです。 たとえば、ブラウザが画像をサポートし始めたのは1993年まででした。 Httparchiveによると、2017年の平均webページサイズは3MBでした。 これは1.6MBの平均2014からの大幅な増加です。 平均ページサイズは4によって2019MBになると予測されています。

    Pingdomの2017年の平均Webページレポートによると、平均819KBはビデオ専用で、画像は1,818KBでした。,

    Googleは500KBを推奨しています1.49MBは、高速3G接続を使用してロードするために七秒かかります。 また、500KBを超えるファイルをウェブサイトにアップロードすると、Googleクローラーは500KBのサイズ制限を超えるものをクロールできません。

    ページサイズが重要なのはなぜですか?

    ページサイズはあなたのwebページのためのサーチエンジンのランキングを考慮するとき重要で それはあなたのウェブサイトのランキングだけあなたの場所のまた性能に影響を与えない。, あなたのwebページのサイズに焦点を当てる必要があります理由のいくつかは次のとおりです。

    読み込み速度

    Googleのウェブマスターによると、読み込み速度は、webページをランク付けするときに考慮される要因の一つです。 ページ負荷高速でランク以上遅い込みます。 これは、遅いページの効果はほとんどの人はその高いバウンス。


    ニール-パテルによると、サイト訪問者の約40%がウェブサイトを離れることになります。 これはページサイズとどのように関係しますか?, Yottaaレポートによると、ページサイズはwebページの読み込み速度に直接影響します。

    モバイル検索

    スマートフォンの使用の増加は、インターネット閲覧における携帯電話の使用にプラスの影響を与えています。 2015年、Googleは初めてオンライン検索を行うための携帯電話の使用は、トップテン世界経済でデスクトップを追い抜いていたことを発表しました。 2018年には、Googleが開始モバイル初の索引を することが大きな問題とされたウェブページより、それ以上お時間を負荷モバイルデバイス以上のデスクトップ., Lukewによると、4Gスマートフォンは12%遅く、3G携帯電話はwebページの読み込みにおいてデスクトップよりも40%遅い。 モバイルデバイスの読み込み時間を改善する唯一の方法は、webページのサイズを小さくすることです。 ですので、この点は重要でGoogle考慮したモバイル対応を決定するときにSEOランキングが話題になります。

    Webホスティングコスト

    あなたのウェブサイトのホスティングプランは帯域幅に基づいています。 あなたのウェブサイトをホストする会社は、ページサイズ、ページ数、訪問者の数に基づいて帯域幅のサイズを推定します。, あなたのサイトのページを低減につながり、そしてチャンスが必要となりまより帯域幅よりも、現在利用します。 これはあなたのウェブサイトを催す費用を増加する

    ページサイズのベストプラクティス

    今日のインターネットマーケティングは、遊びで様々な要因の間のバランスの多くが必要です。 ページサイズは長年にわたって着実に成長してきました。 この理由の一つは、オンライン画像の人気です。 あなたの場所を訪問する人々の大半は魅力的なイメージおよびグラフィックがなければあなたのwebページを読まない。, したがって、画像の使用とwebページのサイズの最小化のバランスをとることが重要です。 すべてを正しくするために、以下に従うべきいくつかのベストプラクティスを示します。

    画像の最適化

    画像はwebサイトで重要な役割を果たします。 そのパス情報を言葉ではできません。 ただし、画像を使用すると、webページのサイズが大きくなり、ページの読み込み速度が大幅に低下します。 ウェブサイトの速度を向上させるには、画像を500KBのファイルあたりの推奨サイズに圧縮またはサイズ変更することを検討することが重要です。,

    で画像圧縮テキストできるゲーム機が正しく30%のページを保存以上250KBです。

    画像を効果的に圧縮またはサイズ変更するために使用できるツールはいくつかあります。

    • kraken.io
    • Compressor.io
    • Compressjpeg
    • Jpegmini

    画像を最適化する別の方法は、CSSスプライトを使用することです。 これは、複数の画像を単一の画像に結合し、必要に応じて個々の画像を表示するためにCSSを適用することを指します。, この帯域幅が少ない要求を送信します。

    不要なカスタムフォントを避ける

    カスタムフォントは、あなたのウェブサイトの魅力に追加されますが、また、ページが重く、読み込み時間を増やし、負の結果を生み出すことができます。 必要なカスタムフォントのサイズのウェブサイトが減少負荷時に、最終的には増やすのページです。,

    Minify resources

    minifying resourcesは、ブラウザによる処理方法に影響を与えることなく、webページから冗長または不要なデータを排除するプロセスです。 たとえば、縮小には、未使用のコード、コードコメント、または短い関数名の削除が含まれます。 Googleは、リソースを縮小する方法についての詳細なガイドを提供しています。

    コンテンツ配信ネットワーク(CDN)を採用

    ウェブサイトをスピードアップするページサイズが増えているこの時代、多くの人々がCdnを使用しています。, これらの連結されているサーバシステムを採用する地理的近接度に技術を届け。 これはウェブサイトの要素が貯えられる位置の調査者にwebページが示されるのでローカルSEOのための重要な用具である。 これは、webページが比較的重い場合でも役立ちます。

    ページサイズがあなたのウェブサイトのランキングにとって重要であることは明らかです。 大きなウェブページで荷重をゆっくりとGoogleが一望できますページがランキング, これはGoogleのユーザーがゆっくり荷を積むサーチエンジンの会社が顧客の満足のそれ自身を自漫するページを嫌うのである。 ページの読み込みが速くなるようにするには、ページのサイズを調べて最適化する必要があります。

    これを行うために、使用を検討できる他の多くのツールがあります。

    • Webページアナライザ
    • Website Grader
    • Page Size Extractor
    • Xenu

    WordPressのページサイズ最適化

    WordPressははるかに最も人気のあるCMSです。, またWordPressサイトまで最適化により、そのページのサイズです。 これは、次の簡単な手順に従って行うことができます。

    フォントの最適化

    ページのコンテンツ作成にはさまざまなフォントが使用されます。 KeyCDNの見積もりは、フォントが合計ページサイズの平均123KBを占めていることを示しています。 異なるフォントが利用可能で、独自性を追求するための探求では、面倒ではないフォントを選択することが重要です。 読み込み速度とフォントサイズは、この点で考慮するための重要な要因のいくつかです。, ページ作成に使用するカスタムフォントがありますが、フォントの最適化プロセスに最適なフォントを選択するオプションもあります。

    wordpressファイルと画像圧縮をプラグインで最適化

    複数のプラグインが独自のフォントを追加するかどうかを確認することもできます。ミンcssファイル。 できる合併これらのファイルです。このようなマージ+縮小+更新やページ忍者などのプラグインを使用して、WordPressのウェブサイト内のcssファイル。

    画像を最適化

    画像が大幅にwebページを強化します。, 彼らはページを魅力的にするだけでなく、訪問者のサイトとのやりとりを楽にします。 ページのサイズの増加は、画像の使用に起因しています。 製品ごとの画像の数を減らす、画像のサイズを減らすと、ページ上の画像の適切な配置は、サイズを最適化するための三つの素晴らしい方法です。

    画像圧縮には、信頼性が高く効果的なアプリケーションを使用してください。 このようなツールは、画像の品質を維持しながら、サイズを小さくし、よりユーザーフレンドリーにします。 画像最optimizationのためのいくつかのプラグインには、

    • Krakenが含まれています。,io
    • WP Smush
    • EWWW Image Optimizer

    最適化ビデオ

    Webページの作成における最近の開発の一つは、ビデオを含めることです。 彼らはページのマイナーなコンポーネントの中に残っている間、彼らはまた、webページのサイズに追加します。 ページサイズを最適化するときは、不必要に多くのスペースを占有しないように、使用されるビデオの数を減らすことを検討する必要があります。 編集中の動画の削減への長さを維持していくコンテンツとしても理想的なステップに向けページを最適化する,

    組み込みの動画ページ数を増やご要望を描画するのに必要なページにどのダウンロード”でダウンロードサムネイル画像および解決にはつながりませんでした。 バイトサイズが増加するだけでなく、追加のHTTP要求によりロード時間が大幅に増加します。

    あなたはいくつかの異なるオプションであなたのビデオを最適化することができます。

    ビデオライトボックスを使用すると、ビデオをポップアップしてサイトに埋め込む代わりに表示できます。

    埋め込みのYouTubeの動画を増やさずにページのサイズによる埋め込みにサムネイル画像のみです。,

    訪問者のコメント、フィードバック、レビューを最適化

    訪問者がレビューやコメントを与えるためのプラットフォームは、消費者からの重要な洞察を集めるだけでなく、それらを従事させ続ける上で重要な役割を果たしています。 このコンテンツが広くとることが重要であるが大きく増加のページのサイズです。 ページにDisqusや製品レビューなどのサードパーティ製のツールを追加することは、ページサイズを最適化する理想的な方法です。 彼らの焦点は、表示されるコメントの量を制限し、ページサイズを減らすのに役立つ可能性のある他の機能を有効にすることです。,

    Wixのページサイズ最適化

    Wixを使用してウェブサイトを設計する場合、WordPressやShopifyと比較してページサイズを最適化するためにできることに限 しかし、ここにあなたが取ることができるいくつかの手順があります:

    ページのテキストとリンクを最適化

    究極のガイドとして、訪問者は、検索やナビゲーション中にページのタイトルと説明から大きく利益を得ます。 彼らが果たす重要な役割では、ページサイズの最適化に短く簡潔なタイトルと説明を使用する必要があります。,

    これは、明確かつ明確な意味があることを保証しながら、可能な限り少ない数の単語を使用する必要があることを意味します。 この更を伴う権利を有するフォントのコンテンツのタイトル、説明書に記述します。

    Googleは、彼らのモバイルページスピード新しい業界のベンチマークで、”単に画像やテキストを圧縮することは、ゲームチェンジャーすることができます—ページの30%が250キロ”

    Wixはすぐに使えるソリューションとして提供されているので、あなたが持っている唯一のコントロールは、他のCMSプラットフォームのようなプラグイン,

    以上で重要なサイトに、異なるページがリンクしてリンクアドレスとアンカーします。 これらは運行を楽にし、訪問者に方向を提供するのを助ける。 しかし、それらが使用されるすべてのページでは、それらはページコンテンツへの追加であり、したがって、ページのサイズを増加させる可能性を有する。 ページサイズの最適化では、リンクとアンカーテキストをできるだけ減らす必要があります。 これをさらに進めるべきであるさらに削減するのに使う文字の数。,

    オーディオとビデオの自動再生を避ける

    オーディオファイルはページとロード時間を増やすことができるので、それらを完全に避けることをお勧 ただし、サイトに音声をアップロードする場合は、128KBPのビットレートの音声ファイルをアップロードします。

    画像圧縮の最適化

    ページで使用される画像は重要です。 の一部となっており、モダンでおすすめのページでもお客様によりよいユーザーインターフェースです。 ただし、画像はページ上の多くのスペースを占有するため、それらの画像を圧縮する必要があります。, Wixページサイズの最適化プロセスでは、画像のコンテンツと品質が影響を受けないように、信頼性の高い画像圧縮ツールを使用する必要があります。 これは、消費されるスペースを増やすことなく、可能な限り最高の数が使用されるようにするために、画像の適切な配置があることを保証することにShopify shopifyのページサイズの最適化

    Shopifyには、Webページやwebサイトの速度に影響を与える可能性のある多くの機能があります。

    Shopifyのページサイズの最適化

    Shopifyのページ, ShopifyはShopifyページサイズを最適化するには、次の簡単な手順に従います。

    商品画像の最適化

    Shopifyは、マーケティング担当者がクライアントに手を差し伸べるためのプラットフォームを提供します。 これは、ページ上の他のコンテンツと一緒に画像を使用して、顧客を懇願して引き付けることによって達成されます。 この点で、ページサイズを最適化するために、単一の製品の画像の数を減らすことが重要です。 画像の定期的な編集と変更は、単一のページに複数の画像を持つ代わりに、訪問者に製品の異なるビューを与えるための理想的なアプローチとして機能,

    サムネイル画像を減らして、より速く読み込み、ページサイズを減らします。 テーマはShopify内蔵の画像サイズパラメータをダウンロードは最小。 個別のサムネイルを作成し、画像サイズを下げると、ページサイズの縮小に最も貢献します。

    追跡と変換

    Shopifyアプリを使用して変換を追跡する代わりに、Googleタグマネージャを利用してください。 これは、ハブとして機能し、Googleアナリティクス、アドワーズ広告、およびFBトラッキングピクセルを含むすべてのスクリプトのためにあなたのサイト上のJavaScript,

    モバイルデバイスとの互換性

    モバイルデバイスの使用は日々増加しています。 デスクトップとは異なり、モバイルデバイスは限られたメモリを使用するため、モバ 回避の維持の異なるページの異なる考え方に対する最適化し、既存のページを全てに対応しています。 のShopifyムは、この目的のためのツールを支援するさまざまな機能がありカスタマイズページより、最適な性能べての装置です。,

    あなたの顧客が見るものを理解する

    あなたは長いホームページを作成したいかもしれませんが、HotjarやCrazyeggのようなヒートマップツールを使用して、あなたの訪問者があなたのサイトを表示しているどれだけの頻度を追跡するのに役立ちます削減を行う方法を示します。 最も最適なホームページの提出が必要となりますそのような場合には、絵。 Nielson Normanのグループ調査は個人のページ観覧の時間の57%が折目の上にあったことを示した。 視聴時間の74%は2,160ピクセルまでの最初の二つのスクリーンフルで費やされた。

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    ツールバーへスキップ