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

SEO推奨事項について

更新日時 2024年 2月 15日

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

すべての製品とプラン

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 URLを編集する方法については、コンテンツエディタの設定タブで詳細をご覧ください。 

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

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

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

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

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

壊れたページの修正

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

  • HTTPステータスコードの欠落: HTTPステータスコードは、ウェブページに正常に到達したかどうかを示します。スキャンがHTTPステータスコードを返せない場合、スキャンは失敗する。HTTPステータスコードの詳細
  • HTTPステータスコードはエラーを返す: HTTPステータスコードは、ウェブページに正常に到達したかどうかを示す。400番台および500番台のステータスコードは、クライアントまたはサーバーのエラーを示し、スキャンが完了しませんでした。、さまざまなHTTPステータスコード。 
  • Page HTML is blank : ページのソースコードに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でアドバイスを得るか、ソリューションパートナーに接続してください。 

オンページSEO

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

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

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

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

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

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

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

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

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


パフォーマンス

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

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

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

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

セキュリティー

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

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

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

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

ファイルツールを使用してファイルをホスティングしたり、HubSpotの デザインマネージャーを使用してコード化されたファイルを作成すると、自動的にHTTPSが使用されます。ただし、リソースを外部でホスティングしている、または部分的にホスティングしている場合、リソースをHTTPSで読み込むには、外部のプロバイダーからSSL証明書を購入する必要があります。 
 
外部プロバイダーからすでに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の中で幅や高さに影響するスタイル設定を確認してください。 

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