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

SEO推奨事項について

更新日時 2025年10月21日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

SEOツール、コンテンツエディター、ページ詳細の中でコンテンツをスキャンして、SEO推奨事項を検索できます。詳しくはこちらSEOのお勧めにアクセス

推奨事項は、サイトのSEOに与える影響、解決するための技術的な困難度、解決する人の役割に応じて、SEOツールの中で整理されています。通常、技術的な難易度が高い場合の推奨事項では、解決に開発者のサポートが必要です。 

以下の推奨事項はカテゴリーを整理し、SEOに影響を与えそうな順に並べている。HubSpotのSEOツールに表示されるのは、単純な推奨事項と開発者のサポートが必要なもののみです。 

アクセシビリティー

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

検索エンジンや、スクリーンリーダーを使用している訪問者にとって、画像があるとコンテンツを理解するのが難しくなる場合があります。この問題を解決するには、画像の外観と内容を説明する代替テキストを画像に追加します。これにより、サイトのアクセシビリティーと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ファイルによってブロックされていることを確認

自分のドメインでホスティングされているページが検索エンジンからブロックされている場合、これらのページのリストを確認するための推奨事項が表示されます。これは、検索エンジンから誤ってブロックされているページがウェブサイトに存在しないことを確認するための方法です。 

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

検索結果にインデックス登録されるはずのウェブサイトのページが検索結果から隠されているのを見つけたら、ウェブサイトの管理者と連携して、robots.txtファイルを更新するか、検索結果からブロックしている可能性のあるページのタグを削除してください。 

正規リンクの設定を確認

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

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

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

ページのcanonical URLを編集する方法については、コンテンツエディターの設定タブで詳細をご覧ください。 

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

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

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

<a href="https://www.hubspot.com">Link text here</a>.

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

壊れたページの修正

エラーが発生したため、HubSpotのクローラーはこれらのページをスキャンできませんでした。これは、以下のいずれかの理由によるものと考えられる: 

  • HTTPステータスコードがありません: HTTPステータスコードは、ウェブページに正常にアクセスしたかどうかを示します。スキャンがHTTPステータスコードを返せない場合、スキャンは失敗する。HTTPステータスコードの詳細
  • HTTPステータスコードでエラーが返される: HTTPステータスコードは、ウェブページに正常にアクセスしたかどうかを示します。400 と 500 のステータス コードは、クライアントまたはサーバーのエラーを示し、スキャンを完了できません。、さまざまなHTTPステータスコード。 
  • ページHTMLが空白です:ページのソースコードにHTMLが含まれていない場合、スキャンはページを処理できません。 

ウェブ開発者と協力して、リストされたページが正しくセットアップされ、動作することを確かめてください。 

全ての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 Developers Forumでアドバイスを得るか、 Solutions Partner に接続してください。 

オンページSEO

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

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

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

オプティマイズ ツールは、ページではなく、ブログ記事のみの単語数をスキャンする。ブログタイトルや執筆者など、ブログ記事に含まれる全ての単語が、ツールによってカウントされます。一般的なルールとして、300語以上を含めることをお勧めします。必ず調査を行い、取り上げるトピックに最適な長さを決定します。

コンテンツの理想的な単語数は、何について書いているのかに応じて異なります。最も重要なのは、聴衆が誰で、彼らがそのテーマについて何を知る必要があるのかを考えることだ。コンテンツの最適な長さを決めるには、トピックまたはサブトピックフレーズの検索結果で上位に表示されているページを確認しておくと便利です。

  • ほとんどのコンテンツが短く簡潔であれば、あなたへの上位のおすすめも同じような長さを目指すべきです。
  • より詳細な長文のコンテンツを見つけたら、同じことを自分のコンテンツでもやってみよう。

SEOツールとOptimizeパネルは、ブログコンテンツをスキャンし、ブログ記事の本文に含まれる単語数をカウントします:

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

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


パフォーマンス

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

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

このエラーを回避するには、HubSpotにアップロードする前にサイズが大きい画像のサイズを変更するか、SVGなどのベクターベースの画像形式を使用します。コンテンツエディターでは、SEOの推奨事項を表示する際に、大きな画像を自動的にリサイズすることができます。 

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

安全

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

HTTPを使用しているページがある場合は、上記の推奨事項が表示されます。HTTPSを使用したページは、 2014年以来、Googleのランキング要因となっています。HTTPSで読み込まれるウェブサイトページは、訪問者によりセキュリティーを提供します。 

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

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

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

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

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の中で幅や高さに影響するスタイル設定を確認してください。 

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。