Web サイト最適化のテクニックとベスト プラクティス

ブログ記事を書くためだけに書いてはいけません。下手な記事は、サイトを助けるどころか、妨げてしまう可能性があります。

よく書かれ、検索エンジンではなく読者のために書かれている場合、ページはサイトのキーワードに自然に貢献し、辛抱強くトラフィックが来るはずです.

リンクは時間の経過とともに成長することが期待されるため、いわゆる「ホワイト ハット」スキームであっても、リンク構築スキームの使用は特にお勧めしません。

ただし、読者の注意を引く、または集中させる方法はいくつかあります。

南京錠付きのサイトを持つことは、ほとんどのエンド ユーザーが安全に気を配っていることを示します。

サイトの速度が少し遅くなるかもしれませんが、追加する価値があり、オンラインで商品を販売したり、一般のメンバーがサイトにログインして使用できるようにしたりする場合は必須です.

Google は現在、HTTPS をページ ランキング シグナルとして使用しています。つまり、安全なサイトは、HTTPS を使用していないライバルに比べてわずかに後押しされます。将来的には、標準の HTTP または脆弱な証明書を使用してオンラインで商品を販売する Web サイトも、ページのランキングで処罰される可能性があります。

コンテンツ配信ネットワークは、大量のサイトがコンテンツをエンド ユーザーに近づけるための優れた方法ですが、必ずしもすべての人に適しているわけではありません。

サイトが受信するグローバル トラフィックの量が少ない場合、顧客にデータを送信するための余分な手順を追加するだけなので、これは無意味になる可能性があります。

これは、ほとんどの人が認識しているよりも少し単純です。サイトが開発中の場合、ほとんどのプログラムは要素の前にタブを挿入して、人間が読みやすいようにします。

これは開発には最適ですが、ファイル サイズとサーバー リソースの使用量が大幅に増加します。すべてのアイテムが左揃えになるまで、Visual Studio で shift+tab を使用することで簡単に修正できます。

この単純なトリックにより、リクエストごとに数千バイトを節約できます。

私たちの HTML ページと同様に、CSS は通常、読みやすくするために多くの空白を使用して構築されています。ライブにリリースするときは、空白を取り除いてください。あなたのコードを見ているのは、せっかちな Web 開発者だけです!また、可能であればコメントを削除してください。コメントは送信されますが、読まれることはありません。

これらのコメントや不要な空白を削除し、他のいくつかの部分を整理する無料のツールを自由に使用してください。または、PageSpeed のインサイトを通じてサイトを実行し、返されたデータを使用します。

私たちの HTML や CSS ページと同様に、JavaScript は一般的に、読みやすくするために多くの空白で構築されています。ライブにリリースするときは、これを取り除いてください。あなたのコードを見ているのは、せっかちな Web 開発者だけです!

コメントや不要な空白を取り除く無料のツールを自由に使用してください。または、PageSpeed のインサイトを通じてサイトを実行し、返されたデータを使用します。

現在、ほとんどのサイトは、WordPress などの利用可能な多くの Web サイト ビルダー ツールのいずれかを使用して、および/または Bootstrap や Angular などの迅速な展開テクノロジを使用して構築されていますが、これらはサイトに含まれるファイルの数を肥大化させる可能性があり、最初のページの読み込み時間が遅くなる可能性があります。ブラウザは、さまざまなファイルをダウンロードするために複数のリクエストを行います。

サイトのバックエンドにアクセスできる場合は、通常、同様のファイルを 1 つのリクエストにまとめてみることをお勧めします。

モバイル デバイスで適切に動作するようにサイトを設計し、デスクトップ ディスプレイのユーザー向けにさらに改善を加えます。現在、モバイル デバイスは世界中のすべての検索の約半分を占めており、検索エンジンは十分に賢く、最適化されていないページにモバイルからデバイスを送信することはありません。

サイトがモバイル フレンドリーでない場合、潜在的なトラフィックの 50% を失う可能性があります。このような場合は、サイトを見てもらうことを検討する価値があるかもしれません.

通常、画像は各リクエスト内のデータの大部分を占めます。

各画像を最適化するために使用できるオンラインおよびオフラインの無料ツールが多数あります。以下にいくつかをリストし、時間の経過とともにそれらを追加します。

png (Portable Network Graphics) - 画像のロスレス データ圧縮アルゴリズムを備えています。

• TinyPNG (オンラインコンバーター)
• ImageOptim (Mac アプリおよび Web サービス)
  
• pngquant (OusiaCMS の一部として使用するコマンドライン実行可能ファイル)
• pngout (pngquant の後、OusiaCMS の一部として使用するコマンドライン実行可能ファイル)

jpeg/jpg (Joint Photographic Experts Group) - 画像の非可逆圧縮アルゴリズム。

• TinyJPG (オンラインコンバーター)
• jpegtran (OusiaCMS の一部として使用するコマンドライン実行可能ファイル)
  

svg (Scalable Vector Graphics) - xml ベースのベクター画像。

• svgminify (オンラインサービス)
  

圧縮は、さまざまなアルゴリズムを使用してサーバー上のファイルサイズを縮小してから、訪問者のデバイスに送信し、データを解凍してファイルを通常どおり使用します。最も一般的にサポートされている圧縮方法を以下に示します。

• Gジップ
  
• 空気を抜く
  

可能であれば、コンテンツ管理システムを使用している場合は、動的圧縮も有効にしてください。 Web サーバーで圧縮を設定する方法については、さらにお読みください。

圧縮を有効にする (Google)

私たちが提供するSEOサービスは次のとおりです。

• ソーシャルメディア
  
• 適切なプラットフォームの選択
• 設定
• ブランディング
• 継続的な管理
• Web サイトの最適化 (当社の CMS のユーザーが利用可能な最速の 1 つを持っていることは承知していますが、お客様が使用するどのプロバイダーとも喜んで連携します)
• 画像の最適化
• CSS と JavaScript の最適化
• モバイルフレンドリー。
• その他の改善領域の特定
• ウェブサイトのデザイン（必要な場合）
• コンテンツ分析と有用性
• ナビゲーションとメニューの使いやすさ
• 改善、更新、または削除できるコンテンツを特定する
• 連絡のしやすさ
• ソーシャル メディア プラットフォームへのリンク

サイトのテストに使用できるツールは多数あります。以下を使用して、構築するすべてのサイトを分析します。

また、主な落とし穴のいくつかと、可能な場合はそれらを無効にする方法も強調しました。

構造テストツール;

• Google PageSpeed Insights (オンライン、Google 提供)
  
• YSlow (ブラウザにインストール、Chrome、Firefox、Safari + その他のいくつかで利用可能)
• GTMetrix (PageSpeed と YSlow からのレポートを使用してサイトを分析します)

注意すべきことの 1 つは、これらすべてのツールで同じサイトをテストすると、矛盾する情報が得られる可能性があることです。また、これらは単なるガイドであり、常に 100% 正確であるとは限らず、一部のエラーは制御できない可能性があることにも注意してください。