オンページ SEO とテクニカル SEO: 主な違いと利点

公開: 2024-04-08

2024 年 2 月の時点で、オンラインには 1 億 9,200 万を超えるアクティブな Web サイトがあります。 すでに大規模で確立された顧客ベースと優れたブランド認知度を持っていない限り、検索結果にポップアップ表示するには検索エンジン最適化 (SEO) が必要です。

有名なブランドであっても、SEO はターゲット ユーザーにリーチする上で重要な役割を果たします。

SEO は、単にウェブサイトにいくつかのキーワードやフレーズを追加し、インターネットが適切な検索クエリと一致することを期待するだけではありません。 これは、エンゲージメントを高め、サイト上のターゲット ユーザーの目を引くのに役立つアートです。 オンページ SEO とテクニカル SEO の違いを理解すると、戦略を完璧にして、検索エンジンの結果ページ (SERP) で上位に表示されるようになります。

オンページ SEO とテクニカル SEO: 主な違いの説明

オンページ SEO とテクニカル SEO はどちらも、検索エンジンが Web サイトを見つけやすくし、関連する検索に一致できるようにするための戦略です。 ページ上の SEO 活動とは、ページ上のコンテンツやその他のコピーを最適化し、検索エンジンに表示されやすくするために使用するプロセスを指します。 一方、テクニカル SEO には、Web サイトのコードやその他の構造の詳細をクリーンアップして、Web サイトの標準を満たしていることを確認することが含まれます。

オンページ SEO とテクニカルは両方ともオーガニック SEO 戦略において重要な役割を果たしますが、それぞれ最適化に対して異なるアプローチを採用します。

オンページ SEO には次のものが含まれます。

  • キーワードとフレーズ
  • タイトルタグ
  • メタディスクリプション
  • 内部リンク
  • ページ固有の URL

テクニカル SEO のために Web サイトを最適化するには、次のことが含まれます。

  • 構造の改善
  • パフォーマンスの向上
  • Web クローラーや検索エンジンが見つけやすくする

トラフィックを促進するためのオンページ SEO の利点

オンページ SEO を支援するためのリソースが豊富にあり、費用対効果の高いマーケティング戦略となります。 Web サイトのコピーとコンテンツを最適化すると、オーガニック検索で上位にランクされるようになります。つまり、潜在的な顧客が必要なときにサイトを見つけやすくなります。

平均すると、Google 検索で上位にランクされた Web サイトの平均クリック率は 39.6% ですが、3 番目に高い結果以降は大幅に低下します。 サイトを SERP の上位に移動させるためにいつでも料金を支払うことができますが、オーガニック トラフィック向けにサイトを最適化する方が持続可能であり、コストも低くなります。

全体的なランキングとパフォーマンスに対するテクニカル SEO の利点

技術的な最適化により、ユーザー エクスペリエンスが向上し、オーガニック検索の結果も促進されます。 技術的な SEO 戦略を適用すると、より高速で安全な、モバイル フレンドリーな Web サイトが作成されます。 インターネット上で Web サイトを探し回る検索エンジン ボットは、これらの要素を評価して、サイトが検索クエリに適しているかどうかを判断します。

テクニカル SEO に焦点を当てることは、サイトでの潜在的な顧客のエクスペリエンスをより楽しいものにするのに役立つため、ブランドの評判を高めることにも役立ちます。 さらに重要なのは、顧客の 25% が、読み込みに 4 秒以上かかる Web サイトから離れると回答したことです。 読み込みの速い Web サイトを作成してパフォーマンスを向上させるための技術的な SEO 戦略を使用していない場合、ホームページが表示される前にビジネスを逃してしまう可能性があります。

オンページ SEO をマスターするための 6 つのヒント

SEO 戦略を実装するときは、ページ上の SEO 要素から始めます。 これらのヒントは、サイトのコンテンツを評価および変更して SERP ランキングを向上させるのに役立ちます。

1. キーワード調査の方法を学ぶ

オンページ SEO では、キーワードとフレーズが検索エンジンを動かし、さまざまなインターネット クエリに一致します。 顧客が探しているものを含めて、結果の上位に表示されるようにすることが重要です。

キーワード調査により、どのキーワードやフレーズがターゲット ユーザーの興味を引くかをより深く理解できるため、それらを Web サイト全体に戦略的に配置できます。 まず、Web サイト分析を確認し、Web サイトに最も多くのトラフィックを送信する単語をリストします。

次に、キーワード調査ツールを使用して Web サイトを分析し、すでに使用しているキーワードやフレーズを調べます。 これらのツールを使用して、競合他社のサイトを分析することもできます。 競合他社を調査すると、競合他社が市場でどのように位置付けられているかを理解し、不足している可能性のあるキーワードを特定するのに役立ちます。

調査を開始するときは、思いつくすべての単語やフレーズを書き留め、対象読者にとって最も重要なものに基づいて焦点を絞ります。 ロングテール キーワードと単一の関連キーワードを組み合わせて含めます。

ロングテール キーワードとは、人々があなたを見つけるために使用する 3 ~ 5 つの単語からなるフレーズです。 たとえば、人々はインターネットで「オークランドで最高の中華料理」を検索するかもしれません。 一方、ショートテール キーワードはほんの 1 ~ 2 語ですが、より幅広い視聴者に網を掛けるのに役立ちます。 これは「中華料理」なのかもしれない。

2. コンテンツ内のどこにキーワードを配置するかを理解する

キーワード リストを作成したら、Web サイトに単語やフレーズを組み込むことができます。 ホワイトハット SEO 戦略を確実に実行したいと考えています。サイトの整合性を維持し、検索エンジンのガイドラインに従いながら、サイトの SEO を改善するためのキーワードやその他のベスト プラクティスを追加します。

リストを変更し、キーワードの詰め込みを避けるために戦略的になりましょう。 キーワードの詰め込みでは、Web サイトで同じ単語を繰り返し使用して、ページをより見やすくすることが含まれます。 多ければ多いほど良いと思うかもしれませんが、この手法の問題は、サイトが読みにくくなり、Google やその他の検索エンジンから SERP で順位が下がるというペナルティを受けることです。

ここでは、流れるような言葉を使ってキーワードを自然に組み込むことができます。

ヘッダーを最適化する方法

Web サイト上のすべての見出しは、サイトを最適化する機会を提供します。 明確で一貫した階層と構造を使用したマスターヘッダー。 Web サイトの各ヘッダーは、ユーザーが簡単に識別できる必要があります。

  • H1 見出し: 主要なトピック。通常はタイトルまたは上部にあります。
  • H2 見出し: サブトピックの場合、本文の内容を区切ります。
  • H3 ヘッダー: サブサブトピック用

たとえば、化粧品を販売する電子商取引 Web サイトを開発している場合、トピックはメイクアップ、スキンケア、ボディ、ヘアになる可能性があります。

次のように、カテゴリごとに H1 見出しを作成できます。

  • 補う
  • スキンケア

H2 見出しは、各メイン グループの異なるカテゴリになる可能性があります。 たとえば、メイクアップの H2 は次のようになります。

  • あらゆる肌タイプのためのファンデーション
  • 長さ、ボリュームなどを調整するマスカラ
  • アイブロウペンシル、ポマード、ジェル

H3 見出しは、さまざまなブランド名または製品名である可能性があります。 あるいは、製品をさらに小さなカテゴリに分類することもあります。 以下の小見出しは、「メイクアップ」H1 および「マスカラ」H2 に該当する場合があります。

  • 【ブランド】レングスマスカラ
  • [ブランド] ティンテッドラッシュセラム
  • 【ブランド】ボリュームマスカラ

自然にフィットする場所にキーワードを組み込みます。 Google の強調スニペットに表示される可能性を高めるために、タグを追加する場所を探します。 強調スニペットは、Google が検索クエリに答える各 SERP の上部に表示するテキストのブロックです。

SEO に適したメタタグを作成する方法

メタタグをマスターすることは、ページ上の SEO を最適化する確実なテクニックです。 Google や他の検索エンジンで何かを検索すると、通常、メインの検索の下に小さな段落が表示され、サイトに関する詳細なコンテキストが表示されます。 メタ タグは、検索結果のこの部分に入力されます。

タイトルタグには具体的な内容を記載してください。 ターゲット ユーザーが何を検索しているかを考えて、これらのキーワードをフィーチャーしたメタ タイトルを作成します。 次に、メタディスクリプションに進みます。 これらは 150 文字以内で短くしてください。 可能な限り正確かつ説明的なものにし、ユーザーの検索意図に一致するように記述します。

メタディスクリプションを重複させないでください。 現在のメタ タグが最適化されているかどうかが不明な場合は、SEO チェッカーを使用して、SEO におけるページ上の最適化のためにメタ タグを改善する方法に関するアイデアを生成します。

URLの書き方

Web サイトの URL は、ユーザーがページに移動するために使用するリンクです。 URL 構造は、Web サイトをどのように機能させたいかによって異なります。 たとえば、複数の国でビジネスを行っている場合は、サイトをさまざまな言語で表示するために URL を構成することになるでしょう。

URL 構造に関係なく、SEO のために URL を最適化する最善の方法は、URL を論理的に整理することです。 Web ページを作成するときに URL を定義しない限り、サイトによって URL が自動生成される場合があります。 ランダムな URL は多くの場合複雑で、Web ページ上に何があるのか​​を明確に示しません。

おそらく次のようなものを見たことがあるでしょう: https://about.xyzcompany.com/contact/%4afwww.xyzcompany.com%freeguide%advanced_options。

このような URL は SEO にとって理想的ではないだけでなく、サイトの見た目や印象が不格好になる可能性もあります。

代わりに、https:about.xyzcompany.com/office-locations のように、URL を短く要点を絞ったものにしてください。

すべての URL が論理的で覚えやすい同じ構造に従っていることを確認してください。 もう 1 つの優れたヒントは、https プロトコルを使用して、Web サイトがより安全であることを Google に示すことです。

代替テキストの書き方

半分開いた納屋のドアの外に立って花嫁が歩いてくる様子を写した新郎の写真

代替テキストは、Web サイトにキーワードやフレーズを追加するのに最適な場所です。 これらの説明は、Web サイト上の装飾以外の画像に必要です。 代替テキストは、検索エンジンが Web サイト上のさまざまな画像を見つけやすくするため、SEO ランキングが向上します。

また、視覚障害のある人がサイトを「見る」のにも役立ちます。 ユーザーがウェブ サーフィンにスクリーン リーダーを使用している場合、ツールが代替説明を読み上げ、聞いている人がサイト上の画像を理解できるようにします。 Web サイトを米国障害者法に準拠させたい場合は、代替テキストが必要です。

SEO のために代替テキストを最適化するには、各画像の背後にある意図を判断します。 たとえば、結婚式の写真家であれば、「ライトの下で素朴な納屋の前に立つ新郎新婦の写真」などの代替テキストをポートフォリオに含めることができます。

ただし、ウェディング ドレスを販売する場合は、同じ写真に次の代替テキストを含めることができます。「ビーズのボディスとチュール スカートが付いた 2023 年の [デザイナー名] マーメイド ウェディング ドレスを着ている花嫁。新郎の隣にあります。」 夫婦は素朴な納屋の前に立っています。」

一般的な関連キーワードを含めて、オンサイトの検索エンジンの最適化を強化します。

アンカー テキストのベスト プラクティスを適用する方法

オンサイト コンテンツに他の Web サイトへのリンクが含まれている場合、ユーザーをリンクに誘導する強調表示された単語はアンカー テキストと呼ばれます。 ベスト プラクティスには、アンカー テキストと関連するキーワードを可能な限り厳密に一致させることが含まれます。

たとえば、新しい子犬を家庭に受け入れるためのヒントについてブログ投稿を書いた場合、有名な動物の専門家にリンクバックすることができます。 おそらく、Web サイトのアンカー テキストとしてその名前を使用するでしょう。 ただし、子犬を既存のペットに紹介する情報をリンクする場合は、「子犬を猫に紹介する」などのアンカー テキストを使用できます。

アンカー テキストは既存の文の一部である必要があるため、流れを保つためにできるだけ自然に組み込んでください。 可能であれば、アンカー テキストには密度の低いキーワードを使用してください。 これは、他のキーワードがあまり含まれていないコンテンツを指します。 読みやすくするために、アンカー フレーズは短くするようにしてください。

コンテンツにキーワードを含めて詰め込みを避ける方法

コンテンツの最適化は、ページ上の SEO を簡単に行うのに最適です。 リッチ コンテンツ データベースを使用すると、検索エンジンとのサイトの関連性を簡単に確立できます。 また、既存のページに投稿できる内部リンクの数も増加します。

コンテンツを釘付けにする鍵は、読者のことを念頭に置くことです。 キーワード調査を行った場合は、主キーワードと関連する副キーワードのリストを作成します。 これらのリストを使用してアウトラインを作成すると、キーワードを効果的に使用しながら、対象ユーザーにとって関連性があり、興味深い、高品質のコンテンツを作成するのに役立ちます。

キーワードの詰め込みを避けるために、選択したキーワードとフレーズの複数のバリエーションを含めます。 最後に、すべてのコンテンツがブランドのトーンやブランドの主張と一致していることを確認し、全体的な品質に注意を払います。 高品質のコンテンツは、Google 検索における権威を確立するのに役立ちます。

3. 完璧な内部リンク構造を計画する

内部リンクは、Web サイトの他の部分へのハイパーリンクです。 これらは、サイト上のすべてのページにインデックスを付ける方法を検索エンジンに指示します。これは、権威を高めるためのもう 1 つのツールです。 優れた内部リンク構造は、サイトをより魅力的でナビゲートしやすくするため、ユーザー エクスペリエンスも向上します。

内部リンクは次のとおりです。

  • ナビゲーション: さまざまなトピックやページ コンテンツを強調表示することで、ユーザーがサイトをナビゲートできるようにします。
  • コンテキスト: これらを Web サイトのコンテンツに含めて、トピックやアイデアを拡張する他のページにリンクします。
  • ブレッドクラム リンク: ページ間の関係を確立し、ユーザーが関連する主題に移動したり、家に戻る方法を見つけたりできるようにします。
  • フッター リンク: ページの下部に表示され、多くの場合、連絡先情報、プライバシー ポリシー、その他の重要な情報にリンクします。

Web サイトを構築する前に、内部リンク構造を計画します。 ページを階層に整理し、ページ間で内部リンクを作成する方法をマッピングします。 最適なページにリンクし、関連コンテンツへのリンクを含めます。

4. 高品質のコンテンツの重要性を理解する

高品質のコンテンツは、多くのオンページ SEO 最適化手法の 1 つであり、ユーザー エクスペリエンスを向上させることで技術的な SEO にも貢献します。 対象ユーザーに関連するコンテンツを定期的に投稿することは、検索エンジンの関連性の重要なランキング要素となります。 また、直帰率が低下し、ユーザーがサイトに費やす時間を増やすこともできます。

高品質のコンテンツを公開すると、業界で評判の高い権威としてのブランドを構築できます。 また、別の Web サイトがコンテンツへのリンクを投稿する際のバックリンクを改善することもできます。 もう 1 つの利点として、高品質のコンテンツは見込み顧客の獲得とブランド認知度の向上に最適です。

5. 柱と副柱に基づいてコンテンツ戦略を作成する

コンテンツの柱を利用すると、Web サイトに明確な階層が得られます。 これにより、各コンテンツをより論理的に整理できるため、読者は必要なものを簡単に見つけることができます。 また、SERP でのランキングを向上させるキーワードベースのコンテンツをさらに生成するのにも役立ちます。

コンテンツの柱戦略を作成するには:

  • キーワード調査の結果を使用して、主に重点を置くトピックを特定します。
  • 3 ~ 5 つの主要な柱を立ててください。
  • 主な柱の下に投稿できるサブトピックをブレインストーミングします。
  • 関連する内部リンクを各サブピラー トピックに追加して、Web サイト訪問者がページでより多くの時間を過ごすように促します。

6. Canonical タグを使用して重複コンテンツの問題を回避する

Web サイトに多数のサブページがある場合、Google やその他の検索エンジンによって重複コンテンツのフラグが立てられる危険があります。 たとえば、衣料品を販売する e コマース ショップを運営している場合、カテゴリ内の商品の URL は類似している可能性があります。 Google はこれら 2 つのページを重複とみなし、関連する検索から除外する可能性があります。

canonical タグを追加すると、類似コンテンツの主な結果としてどのページを考慮する必要があるかが検索エンジンに通知されます。 電子商取引サイトを構築するときは、URL https://company.com/denim/boyfriend_jeans を正規にすることができます。

こうすることで、別のページに https://company.com/denim/dark-wash-boyfriend-jeans という URL がある場合、「ボーイフレンド ジーンズ」のページは重複として破棄されることなく、引き続き検索結果に表示されます。 「ダークウォッシュ ボーイフレンドジーンズ」のページです。

テクニカル SEO を向上させる 5 つのヒント

ページ上の SEO 要素を改善したら、サイトの技術的な側面に進むことができます。 これらの技術的な SEO 戦略を使用して、Web サイトのパフォーマンスを向上させ、ユーザーフレンドリーにします。

1. サイト構造を計画することから始めます

サイトの構造を計画すると、Web サイトが論理的かつ直感的に作成されます。 まず、業界の上位の検索エンジンの結果に目を通し、各サイトがどのように構成されているかを確認します。 次に、次の戦略を策定します。

  • URL構造
  • カテゴリー
  • ナビゲーション
  • 内部リンク
  • パン粉
  • サイトマッピング

キーワード調査を使用して、サイトの階層を作成し、既存のページを分類します。 最終的には、サイトがどのように組み合わされ、各ページがどのように接続されているかを視覚化できるようになります。

サイト上の孤立ページ、つまり、そのページへの内部リンクが存在しないページを特定します。 階層内のどこにそれらを配置するかを決定し、これらのページへのリンクを追加するか、関連性がなくなった場合は削除します。

2. 高速なページ読み込み速度を確保する

ユーザーは素晴らしいコンテンツが読み込まれるのを待ちません。そのため、読み込みを高速化するためにできる限りのことを行ってください。 低解像度の写真を使用して画像を最適化し、サイトの既存の写真を圧縮します。 これは、ぼやけた写真を使用するという意味ではありません。常に最大のファイル サイズを使用したくないだけです。

ページ上の http リクエストを行う機能の数を減らします。 これらには通常、画像、スクリプト、CSS ファイルが含まれます。 次に、ページの変更されない部分をキャッシュし、サイトの読み込み時間を遅くする不要なコードを削除するようにブラウザーに指示します。

3. サイトをモバイル対応にする

2023 年には約 43 億人がスマートフォンを使用しており、その数は今後も増加すると予想されています。 こうした潜在顧客にリーチするには、Web サイトがモバイル デバイスで動作することを確認し、モバイル ファーストのレイアウトを選択してください。

  • サイトを公開する前に、応答性の高いレイアウトを選択し、モバイル デバイスでテストしてください。
  • スクリプトと速度を最適化して、サイトがすばやく読み込まれるようにします。
  • ポップアップがモバイル エクスペリエンスを妨げないように戦略的に使用してください。
  • Web サイトのデザインに注意し、モバイル デバイスでのナビゲーションを困難にする可能性がある乱雑でテキストの多い要素を避けてください。
  • 読み込みを容易にするために、サイトのモバイル版で画像を小さくする必要があるか、または画像の数を減らす必要があるかを確認してください。

Google はまた、サイトが関連性があるかどうかを判断するために、中核となるウェブ バイタルの一部としてモバイルの応答性を使用しています。 モバイルインターフェイスに注意を払わないと、SERPに沈む危険があります。 デザイナーではない場合は、サイトをモバイル対応にするのに役立つ Web ホスティング プラットフォームを選択してください。

4. 一般的なページ エラーとその修正方法を理解する

技術的な SEO 監査ツールを使用して、ページ上のエラーを特定し、修正します。 一般的な技術的な SEO の問題には次のようなものがあります。

  • http セキュリティなし: https プロトコルを使用し、SSL 証明書を取得します。
  • インデックス作成: ブランド名をグーグル検索し、インデックスに登録されているページ数を確認して、サイトがインデックスに登録されていることを確認します。
  • XML サイト マップが欠落している: サイト マップがない場合、ユーザーがサイトをナビゲートするのが困難になる可能性があります。 検索バーに Web サイトを入力し、末尾に /sitemap.xml を付けます。 サイト マップが存在しない場合は、サイト マップを作成するか、誰かに作成してもらいます。
  • リンク切れ: ページ上の各内部リンクとバックリンクをチェックして、読み込まれていることを確認します。 そうでない場合は、正しいリンクを追加してください。
  • HTTP エラー: サーバーがサイトを見つけられない場合、ユーザーには 404 Not Found エラーが表示されることがあります。 これを回避するには、壊れたリンクをテストして修正します。

5. サイトが安全であることを検索エンジンに示す

SSL 証明書をインストールすると、Web サイトから Web サーバーに送信されるデータは暗号化されます。 この証明書を取得したら、すべての URL を「https」で始まるように変更します。 Google は安全なサイトを好むため、これは SEO の向上に役立ちます。

Web サイトを定期的に更新し、時々スキャンしてセキュリティ層を追加します。 マルウェアやその他の脆弱性をチェックするツールを使用し、見つかった安全でない機能をクリーンアップします。 最後に、Web アプリケーション ファイアウォールを使用して、サイトへの悪意のあるトラフィックを検出してブロックします。

追加の対策として、サイトを定期的にバックアップしてください。 こうすることで、クリーンアップするために削除する必要がある場合でも、顧客のためにアクティブなバージョンを実行できます。

Compose.ly で SEO パフォーマンスを向上させる

SEO はナビゲートするのが難しい場合がありますが、一人で行う必要はありません。

Compose.ly は、ページ上の SEO と技術的な SEO の両方の重要性を理解しています。 優れた SEO 基盤がなければ、たとえ最高のコンテンツであってもランク付けされません。 サイト、ページ上の最適化、優れた編集コンテンツを微調整するための技術監査を探している場合でも、Compose.ly のチームがお手伝いします。