メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
SEO

SEO推奨事項について

更新日時 2021年 8月 30日

対象製品

すべての製品とプラン

SEOツール、コンテンツエディター、ページ詳細の中でコンテンツをスキャンして、SEO推奨事項を検索できます。詳細はSEO推奨事項を表示する方法をご覧ください。 

推奨事項は、サイトのSEOに対する影響および解決に関する技術的な難易度に従って、SEOツールで整理されます。通常、技術的な難易度が高い場合の推奨事項では、解決に開発者のサポートが必要です。 

以下の推奨事項がカテゴリーごとに整理され、SEOへの潜在的な影響度の順に表示されます。直接的な推奨事項と開発者の支援を必要とする推奨事項は、HubSpotのSEOツールにのみ表示されます。

アクセシビリティー

画像の代替テキスト属性を追加する

ページの画像に代替テキストを追加すると、検索エンジンやスクリーンリーダーを使用する訪問者がコンテンツを理解できるようになります。代替テキストを使用する方法について詳しくご確認ください。

画像の代替テキストを空白にしておくのは適切か確認する

ページの画像に代替テキストを追加すると、検索エンジンやスクリーンリーダーを使用する訪問者がコンテンツを理解できるようになります。一方、ページの一部を区切るために使用されるアイコンなどの画像の中には意味のある内容が含まれていないため、代替テキスト属性は空白にします。画像に空白の代替テキスト属性の設定があることを確認して、代替テキストを含めないようにします。代替テキストを追加する方法について詳しくご確認ください。 

“lang”属性でページの言語を定義する

ページの言語は“lang”属性によって設定されます。スクリーンリーダーはこの属性に基づき、どの言語ライブラリーを使用するかを決定します。言語が正しく設定されない場合、訪問者の画面の読み取りソフトウェアが正しく機能しない可能性があります。“lang”属性の使用について詳しくご確認ください。

“lang”属性は、ページのソースコードの始めに<html>タグ内で設定されます。“lang”属性の正しい形式は次のようになります。

<html lang="en">...</html>.

<html>タグ内の言語コードを、言語に使用できる2文字のコードのリストと比較して、無効なコードを置換します。<html>タグに“lang”属性が含まれていない場合は、lang="[language code]"をタグにします。 

<meta http-equiv="refresh">タグを削除する

<meta http-equiv="refresh">タグが含まれるページは、指定された時間の経過後に自動的に更新されます。これは、閲覧するユーザーを混乱させたり、画面の読み取りソフトウェアに影響を及ぼしたりする可能性があります。自動的に更新する必要があるページには、代わりにJavaScriptを使用します。 

クロールとインデックス登録

検索結果で非表示になるページが適切であることを確認する

自分のドメインでホストされているページが検索エンジンからブロックされている場合、これらのページのリストを確認するための推奨事項が表示されます。これは、該当ウェブサイトのページが、検索エンジンによって誤ってブロックされていないことを確認する手軽な手段となります。 

リスト中のすべてのページが、意図的に検索結果から非表示にするものである場合、アクションは必要ありません。

検索結果から非表示にするウェブサイトページが表示される場合、ウェブサイトの管理者と協力して、robots.txtファイルを更新するか、または検索結果からブロックされている可能性のあるページからタグをすべて削除します。 

正規リンクが正しく設定されていることを確認する

Googleなどの検索エンジンは、正規リンクを使用して、ページのプライマリーバージョンを検索して、検索結果に表示します。各ページに有効な正規リンクを追加することで、重複コンテンツ問題を回避します。正規URLがSEOに及ぼす影響の詳細を確認してください。 

正規リンクは、次のいずれかの理由で無効とマークされる場合があります。 

  • 正規リンクが複数存在する。
  • 正規リンクが有効なURLではない。
  • 正規リンクが相対URLである。
  • 正規リンクが異なる地域または言語のページを指している。
  • 正規リンクが別のドメインを指している。
  • 正規リンクがサイトのルートを指している。 

コンテンツエディターの[設定]タブからページの正規URLを編集する方法の詳細を確認してください。 

注:ブログリストのページにより、重複コンテンツに関する偽のアラートがトリガーされる可能性があります。 

検索エンジンがページリンクを処理できることを確認する

検索エンジンに対しては、href属性が含まれる<a>タグとしてフォーマットされているリンクのほうが適しています。正しい形式のリンクは次のようになります。 

<a href="https://www.hubspot.com">ここにリンクテキストを挿入</a>

ページのリンクをこの形式にすると、検索エンジンがクロールできるようになります。 

すべてのhreflangリンクに有効な言語コードが含まれていることを確認する

複数言語ウェブサイトでhrefangリンクを使用すると、検索エンジンがページの言語を認識できるようになります。そうすれば、検索エンジンは、国際ユーザーに彼らの好きな言語と一致するページの検索結果を表示できます。複数言語コンテンツに対するhreflangリンクの使用の詳細を確認してください。 

これらのリンクに無効な言語コードが含まれている場合は、検索エンジンがページの言語を正しく識別できなくなるか、国際ユーザー向けのその言語の結果と一緒に含めることができなくなります。HubSpot上でホストされている複数言語ページでは、自動的に有効な言語コードが使用されます

影響を受けたリンク内の言語コードを言語地域に対して承認された2文字コードのリストと比較してから、無効なコードを置換します。「hreflang」リンクでの地域の指定はオプションです。使用する場合は、hreflang="[language]-[region]"として書式設定する必要があります。たとえば、スペインに住んでいるユーザー向けのスペイン語のページを「hreflang="es-es"」として書式設定し、世界中のすべてのスペイン語を話す人々向けのページで「hreflang=”es”」を使用することができます。 

すべてのhreflangリンクで完全なURLが使用されていることを確認する

複数言語ウェブサイトでhrefangリンクを使用すると、検索エンジンがページの言語を認識できるようになります。そうすれば、検索エンジンは、国際ユーザーに彼らの好きな言語と一致するページの検索結果を表示できます。複数言語コンテンツに対するhreflangリンクの使用の詳細を確認してください。 

一部のhrefangリンクでは、相対URLが使用されます。これには、http/httpsで始まる完全URLパスではなく、URLのみが含まれています。このようなリンクは機能しますが、今後、オリジナルのURLが変更された場合に壊れるリスクがあります。HubSpot上でホストされている複数言語ページでは、自動的に完全なURLが使用されます

ページのソースコードで相対hreflangリンクを編集します。ページエディターモジュールエディターでのページのソースコードの編集の詳細を確認してください。 

ページ「https://www.hubspot.com/example-page」の場合は、相対リンクが次のようになります。 

link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />

これは、プロトコル(http/https)を含む完全なURLを含むように「href」を編集することにより、完全なリンクに変更できます。 

link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />

リンクのアンカーテキストを分かりやすくする

リンクのアンカーテキストは、クリック可能な単語またはフレーズです。このテキストは、リンクのターゲットを明確に伝える必要があります。「ここをクリック」または「詳細」などの一般的なアンカーテキストを、特定のリンクを説明するテキストに置き換えます。Googleによるアンカーテキストのベストプラクティスや、この推奨事項をトリガーするフレーズのリストで詳細をご確認ください。

モバイル機能

モバイルユーザーが各ページ要素を簡単にクリックできることを確認する

ボタンやリンクなどのインタラクティブ要素が小さすぎたり、近すぎたりすると、モバイルデバイスをタップするのが難しくなります。インタラクティブな要素は、サイズを少なくとも48x48ピクセルにする必要があります。要素を同じサイズのままにする必要がある場合は、パディングを追加すると、この誤りも解消されます。 

HubSpotでさまざまな要素のサイズまたはパディングを編集する方法を説明します。 

各ページにビューポートタグがあることを確認する

ビューポートタグは、さまざまなデバイスタイプ上でのウェブサイトコンテンツの表示拡大率を制御します。このタグが不足していたり正しく設定されていなかったりすると、そのウェブサイトは、検索エンジンにとってモバイル適正度が低くなります。これにより検索結果のランキングに悪影響が及ぶ可能性があります。

開発者と協力して、そのページのビューポートタグを追加または編集します。チームに開発者がない場合は、CMS開発者フォーラムにアドバイスを求めるか、またはソリューションパートナーに問い合わせることができます。 

オンページSEO

明確なタイトルとメタディスクリプションを書く 

ページのタイトルとメタディスクリプションは、ページのコンテンツの概要を検索エンジンに示します。HubSpotのコンテンツエディターでページのタイトルとメタディスクリプションを編集する方法について詳しくご確認ください。  

ブログコンテンツの長さを最適にする

最適化ツールは、ブログ記事の単語数をスキャンします。これは、ページには当てはまりません。ブログタイトルや執筆者など、ブログ記事に含まれるすべての単語が、ツールによってカウントされます。一般的なルールとして、300語以上を含めることをお勧めします。調査を実施して、作成するトピックのための最適な長さを決定します。

コンテンツの理想的な単語数は、何について書いているのかに応じて異なります。最も重要なことは、オーディエンスがそのテーマについて何を知る必要があるのかを考慮することです。コンテンツの長さを決める優れた方法の1つは、その時点でそのトピックやサブトピックの語句に対する検索結果のうちランキングが高いのはどんなページかを調べることです。

  • ほとんどのコンテンツが短く簡潔である場合は、それに類似した長さを目指します。
  • 検索結果で見つかるのが詳しく記述した長いコンテンツであるなら、自分のコンテンツでも同じようにしてみてください。

SEOツールと[最適化]パネルにより、ブログのコンテンツがスキャンされて、ブログ記事本文に含まれる単語の数がカウントされます。

  • ページの単語数が300以上:検索結果で上位のページでは、訪問者の質問に対して深く掘り下げた回答を提供しています。少なくとも300語を目指してください。

注:最適化ツールは、ブログ記事内の単語数を検出するため、blog-post-wrapperクラスの中でUnicodeの空白文字をカウントしています。したがって、ラテンアルファベットを使用する言語では、これにより最も正確なカウントになります。単語数が予期しないものとなる場合は、ウェブ開発者に相談して、コーディング後のブログ記事テンプレート内にブログ記事ラッパークラスの重複がないかどうかを確認してください。


パフォーマンス

正しいサイズの画像を使用する

エディター内でサイズが変更された大きな画像ファイルを使用すると、ページの読み込み時間が増加する可能性があります。画像サイズがページのパフォーマンスに与える影響の詳細を確認してください。

この誤りは、HubSpotにアップロードする前に大きな画像をサイズ変更するか、SVGなどのベクトルベースの画像形式を使用することで回避できます。 

開発者は、迅速な画像を実装することにより、既存の画像の読み込み時間を短縮できます。ページのパフォーマンスに画像を最適化するための開発者オプションの詳細を確認してください。

セキュリティー

セキュリティーで保護された接続経由のすべてのページの読み込みを確認する

いずれかのページがHTTPを使用している場合は、上記の推奨事項が表示されます。HTTPSを使用しているページは、2014年以降のGoogleランキング要素です。HTTPS経由で読み込まれるページは、ウェブサイトの訪問者により安全な閲覧エクスペリエンスも提供します。

すべてのページリソースが安全な接続経由で読み込まれることを確認する

ページ上のいずれかのリソースが安全でない接続を経由して読み込まれている場合は、上記の推奨事項が表示されます。安全でない接続を経由してリソース(画像、CSSファイル、JavaScriptファイルなど)を読み込むと、ページ全体のセキュリティーが低下します。また、影響を受けたリソースを警告またはブロックする混在コンテンツがブラウザーに表示される可能性もあります。

ファイルが「ファイル」ツールを使用してホストされる場合やコードファイルがHubSpotの「デザイナーマネージャーを使用して作成される場合は、自動的にHTTPSが使用されます。ただし、リソースが外部的にホストまたは部分的にホストされている場合は、外部プロバイダーからSSL証明書を購入して、HTTPSを使用してリソースを読み込む必要があります。 
 
外部プロバイダーからすでにSSL証明書を購入しているが、リソースがHTTPSを使用して読み込まれていない場合は、外部プロバイダーに問題の解決を依頼する必要があります。すべてのリソースを確認して、セキュリティーで保護された接続を使用してそれらのすべてがホストされることを保証する必要があります。 

セキュリティーとパフォーマンスのリスクをもたらす外部リンクを更新する

target="_blank"属性を使用して、新しいブラウザータブでページを開く外部リンクは、セキュリティーとパフォーマンスの問題を引き起こす可能性があります。このような問題は、「rel="noopener"またはrel="noreferrer"」をこれらのリンクに追加することで回避できます。この種の外部リンクの潜在的なリスクの詳細を確認してください。 

Follow Meモジュールなどの一部のHubSpotモジュールでは、rel="nooper"属性が自動的に外部リンクに追加されます。 

ページのソースコード内の外部リンクを編集する必要があります。ページエディターモジュールエディターでのページのソースコードの編集の詳細を確認してください。 

このエラーをトリガーするリンクは次のようになります。 

<a href="https://www.google.com" target="_blank">

このリンクに「rel="noopener"またはrel="noreferrer”」を追加することにより、セキュリティーとパフォーマンスの問題が回避されます。 

<a href="https://www.google.com" target="_blank rel="noopener">または

<a href="https://www.google.com" target="_blank rel="noreferrer">

ユーザーエクスペリエンス

壊れた内部リンクを修正する

ウェブサイト上のページ間に壊れたリンクがあると、ユーザーを困らせることになります。また、検索エンジンにとってもウェブサイトの構造を把握しにくくなります。壊れたリンクそれぞれを置換するか、または更新してください。

注:1つのページに壊れた同じURLが複数出現する場合も、SEO推奨での表示は1回のみになります。 

画像やCSSスタイルシートなどのすべてのページリソースが読み込まれることを確認する

破損した画像などのリソースは、ユーザーエクスペリエンスに悪影響を及ぼします。そのため、ウェブサイトが検索結果に表示される場所にも影響する可能性があります。破損した各リソースへのページ参照を削除または更新すると、この問題が解消されます。 

HubSpotは、現在、フォント、画像、オーディオ/動画コンテンツ、スクリプト、スタイルシート、およびXHRの破損したリソースを検出します。 

破損したリソースへの参照をページテンプレート、またはスタイルシートで探します。リンクを置換するか、リソース自体で問題を解決する必要があります。

画像のアスペクト比が正しいことを確認する

画像のアスペクト比とは、幅と高さの相対関係です。画像のサイズを変更する際には、アスペクト比が一定であることを確認してください。そうしないと、画像が伸びて見えたり、歪んで見えたりする可能性があります。 

HubSpotのコンテンツエディターで画像のサイズを変更するときには、元のアスペクト比が自動的に維持されます。不適切なアスペクト比を解決するには、HTMLとCSSの中で幅や高さに影響するスタイル設定を確認してください。