更新日時 2025年7月2日
以下の 製品でご利用いただけます（別途記載されている場合を除きます）。
すべての製品とプラン
|
ウェブサイト用の ウェブサイトページとランディングページ を作成できます。ページのコンテンツや設定をカスタマイズしたり、検索エンジン向けにページを最適化したりできます。
始める前に
この機能を使い始める前に、事前に必要な手順と、この機能を使用する場合の制限事項と潜在的な結果について十分に理解しておいてください。
必要な条件を理解する
制限事項と考慮事項について
- 公開用の ドメインがHubSpotに接続されている ことを確かめてください。HubSpotの無料ツールを使用する場合は、公開に利用可能なHubSpotブランドのドメインがアカウントに含まれています。
- 利用可能なさまざまなタイプのページテンプレートについて理解します。
- テーマテンプレート では、 ドラッグ&ドロップ操作による編集 機能、専用のテーマモジュール、 カスタマイズ可能なテーマのスタイル設定を使用できます。
- カスタムテンプレートは、デザインマネージャー内でレイアウトエディターまたはカスタムコードのいずれかを使って作成します。ドラッグ＆ドロップ編集機能は、ドラッグ＆ドロップエリアのあるカスタムテンプレートでのみ使用できます。
ページを作成する
コンテンツエディターで有効なテーマのテンプレートを使用してページを作成できます。ページのテーマを変更したり、テーマを編集したり、他のテンプレートを使用したりすることもできます。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- 右上の［作成］をクリックします。
- 複数のドメインが接続されている場合は、ダイアログボックスで[ ウェブサイト]ドロップダウンメニューをクリックし、 ドメインを選択します。次にページ名を入力し、［ページを作成］をクリックします。
- [ テンプレートの選択 ] ページでは、次の操作を行うことができます。
- 有効なテーマを選択していない場合は、 テーマ の上にマウスポインターを置き、[ 有効なテーマに設定]をクリックします。
- テーマを変更するには、[ テーマ ]ドロップダウンメニューをクリックし、[ テーマを変更]を選択します。
- テーマを編集するには、[ テーマ ]ドロップダウンメニューをクリックし、[ 編集]を選択します。テーマ設定の編集について詳細をご確認ください。
- テンプレートをプレビューするには、 テンプレート の上にマウスポインターを置き、[ テンプレートをプレビュー]をクリックします。
- 有効なテーマのテンプレートを使用するには、[ テーマテンプレート ]セクションで [テンプレートを選択]をクリックします 。
- テーマに含まれていないテンプレートを使用するには、ページの下部にある [他のテンプレート ]セクションで テンプレート を選択します。
- コンテンツエディターの編集オプションは、使用しているページのテンプレートタイプやモジュールによって異なります。テーマ テンプレート、複数のページにまたがる グローバルコンテンツ 、 ドラッグ&ドロップエリア、 リッチ テキスト モジュールや 画像 モジュールを使ったページの編集について詳細をご確認ください。
ページの設定をカスタマイズする
ページのコンテンツを編集したら、URL、メタディスクリプション、言語などのページ属性をカスタマイズできます。
基本的なページ設定をカスタマイズする
内部ページ名、ページタイトル、ページURL、メタディスクリプションなどのページ設定をカスタマイズできます。 「Marketing Hub Professional 」または 「Enterprise 」サブスクリプションを使用しているアカウントは、ページをキャンペーンに関連付けることができます。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- コンテンツエディターで、右上の[ 設定 ]をクリックします。
- ダイアログボックスの［内部ページ名］フィールドに内部名を入力します。この名前は訪問者には表示されません。
- ［ページタイトル］フィールドに、ページの外部名を入力します。この名前は、ページが読み込まれると、訪問者のウェブブラウザーの最上部にあるタブに表示されます。
- ［ページURL］セクションで、［ドメイン］ドロップダウンメニューをクリックし、ページをホスティングするドメインを選択します。次に、［コンテンツスラッグ］フィールドにURLスラッグを入力します。詳しくは、ページのURLの編集をご確認ください。
- [メタディスクリプション ]フィールドに、検索結果に表示されるページのコンテンツ の説明 を入力します。AIを使用して説明を改良するには、 AIアイコンをクリックします。AIを使用したメタディスクリプションの生成についてもっと詳しく。
- Marketing Hub ProfessionalまたはEnterpriseのサブスクリプションをご利用の場合、ページをキャンペーンに関連付けることができます。
-
- ページを既存のキャンペーンに関連付けるには、［キャンペーン］ドロップダウンメニューをクリックし、キャンペーンを選択します。
- ページを新規キャンペーンに関連付けるには、［キャンペーン］ドロップダウンメニューをクリックし、［キャンペーンを作成］をクリックします。続けて、キャンペーンを設定します。
-
- キャンペーンを作成したことがない場合は、［キャンペーンを作成］をクリックします。続けて、キャンペーンを設定します。
キービジュアルを設定する
ソーシャルメディアでページがシェアされる場合に表示するキービジュアルを追加するには：
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- ［設定］メニューをクリックし、［キービジュアル］を選択します。
- ダイアログボックスで、［キービジュアルを有効にする］スイッチをクリックしてオンに切り替えます。
- ［アップロード］をクリックしてご使用のコンピューターから画像を選択するか、［画像を参照］をクリックしてファイルツールで画像を選択します。
- アクセシビリティーを高めるには、［画像のaltテキスト］フィールドに画像の説明を入力します。
ページテンプレートを変更する
ページテンプレートを変更するには、次の手順に従います。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- ［設定］メニューをクリックし、［テンプレート］を選択します。
- ダイアログボックスで、別のテンプレートを選択するには［別のテンプレートを使用］をクリックします。公開中のページのテンプレートを切り替える場合は、未公開の変更を反映させるために必ず[ 更新]をクリックしてください。この操作を行わないと、テンプレートの切り替え時に変更が失われる可能性があります。
- テーマ選択ページで、 テーマを選択します。
- テンプレート選択ページで、 テンプレートを選択します。
- 新しいテンプレートを使ったページの表示をプレビューしたら、［テンプレートを使用］をクリックしてテンプレートの切り替えを完了するか、［戻る］をクリックして別のテンプレートを選択します。
ページの言語を設定
ページの言語を設定するには、次の手順に従います。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- ［設定］メニューをクリックし、［言語］を選択します。
- ダイアログボックスで、［ページ言語］ドロップダウンメニューをクリックし、言語を選択します。詳しくは、多言語ページの管理をご確認ください。
ページの共有範囲を設定
ページの表示範囲は、ページ設定内の [オーディエンスアクセス ]メニューで設定できます。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- コンテンツエディターで［設定］メニューをクリックし、［オーディエンスアクセス］を選択します。
- ダイアログボックスで、オーディエンス アクセス オプションを選択します。
- どの訪問者でもページのコンテンツを閲覧できるようにするには、［公開］を選択します。
- 訪問者がページコンテンツにアクセスするために 必須となるパスワードを追加するには 、[ パスワード が必要] を選択します。
- Content Hub Enterpriseアカウントをご利用の場合は、［非公開 - 登録が必要］を選択して、このコンテンツの閲覧に際し、訪問者にサイトへの登録を求めることもできます。
- Content Hub Enterpriseアカウントでは、［非公開 - シングルサインオン（SSO）が必要］を選択して、訪問者にGoogleやOktaなどのIDプロバイダーでのサインインを求めることができます。
ページの詳細オプションを設定する
ページを動的ページにする、ヘッダーHTMLやフッターHTMLのコードスニペットを追加するなど、ページの高度なオプションを設定できます。ページのさまざまなスタイルシートを管理することもできます。
ページの詳細オプションをカスタマイズするには、次の手順に従います。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- ［設定］メニューをクリックし、［詳細］を選択します。
- このページを動的なページにするには、ダイアログボックスで［データソース］ドロップダウンメニューをクリックし、HubDBテーブルまたはプロパティーを選択します。詳しくは、動的ページの使い方をご確認ください。
- ページのHeadまたはフッターのHTMLにコードスニペットを追加するには、［ヘッダーHTML］フィールドまたは［フッターHTML］フィールドをクリックして、コードスニペットを入力します。または、特定のドメインの全てのページにコードスニペットを追加するには、ウェブサイト設定で にアクセスします。
- カスタムのcanonical URLを追加するには、［canonical URLをカスタマイズ］フィールドにURLを入力します。、canonical URLの使用について詳しくはこちら。
- ページに関連付けられる、されたさまざまなタイプのスタイルシートを管理します。
- ドメインスタイルシート：これらのスタイルシートは、ウェブサイト設定で指定されている1つのドメイン上の全てのページに関連付けられます。特定のページについてドメインスタイルシートをオフにするには、ドロップダウンメニューをクリックし、［無効］を選択します。ドメインスタイルシートとの連携について詳しくはこちら .
- テンプレートスタイルシート：これらのスタイルシートは、ページのテンプレートで設定されます。特定のページについてテンプレートスタイルシートをオフにするには、ドロップダウンメニューをクリックし、［無効］を選択します。このセクションは、テーマテンプレートを使用しているページには表示されません。
- ページスタイルシート：これらのスタイルシートは、当該ページだけに適用されます。ページスタイルシートを添付するには、［スタイルシートを添付］ドロップダウンメニューをクリックし、関連付けるスタイルシートを選択します。ドメインスタイルシートやテンプレートスタイルシートも使用されている場合は、そのスタイルが優先されます。
ページを公開する
ページのコンテンツと設定をカスタマイズしたら、ページをすぐに公開したり、後でページを公開するようにスケジュールしたりできます。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- ページをすぐに公開するには、右上の［公開］をクリックします。
- 後でページを公開するようにスケジュールするには：
- 右上の[ 公開]ボタンの横にある ドロップダウンメニュー をクリックし、[スケジュール設定オプション]を選択します。
- ダイアログボックスで、[ 公開をスケジュール]をクリックします。
-
- ［日付］フィールドをクリックし、ページを公開する日付を選択します。
- 時間フィールドをクリックし、ページを公開する時間を選択します。
-
- [スケジュール]をクリックします。ページに加えた変更は、スケジュールされた公開に含まれます。
- 特定の時期が来たら自動的にページを非公開にするには：
- 右上の[ 公開]ボタンの横にある ドロップダウンメニュー をクリックし、[スケジュール設定オプション]を選択します。
-
- ダイアログボックスで、［公開終了スケジュールを設定］タブをクリックします。
- [ 公開終了のスケジュール]をクリックします。
- ［日付］フィールドをクリックし、ページの公開を終了する日付を選択します。
- 時間フィールドをクリックし、ページを非公開にする 時間を選択します。
- ［ページの公開が終了になると、訪問者を次の場所へリダイレクト（転送）：］ドロップダウンメニューをクリックし、リダイレクト先のページを選択します。外部のリンク先URLを使用するには、[外部URLを入力]をクリックして URLを入力し、[保存]をクリックします。
- ［スケジュール］をクリックします。
検索エンジン向けにページを最適化する
サイドバーエディターの[ 最適化 ]セクションでは、 ページのSEO推奨を表示したり 、 ページをトピックに添付したりできます。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- コンテンツエディターで、左のサイドバーにある［最適化］アイコンをクリックします。
- コンテンツをトピックと関連付けるには：
- 既存のトピックを追加するには、［トピック］ドロップダウンメニューをクリックし、ページのトピックを選択します。
- 新しいトピックを作成するには、［トピック］ドロップダウンメニューをクリックし、［コアトピックを追加］を選択します。ダイアログボックスにトピックを入力し、［保存］をクリックします。
- ページをサブトピックキーワードに関連付けるには：
- ［これはサポートコンテンツですか？］チェックボックスを選択します。
- ［サブトピックキーワード］ドロップダウンメニューをクリックし、サブトピックキーワードを選択します。
- 新しいキーワードを作成するには、［サブトピックキーワード］ドロップダウンメニューをクリックし、［サブトピックキーワードを追加］をクリックします。ダイアログボックスにサブトピックキーワードを入力し、［保存］をクリックします。
- 不完全なSEOの推奨を表示するには、赤丸のついたカテゴリーをクリックします。完了した各推奨事項には緑のチェックマークが付きます。未完了の各推奨にはグレーのチェックマークが付きます。SEO推奨を利用する方法について詳細をご確認ください。
ページのプレビュー
ページを公開する前に、さまざまな デバイスタイプ でプレビューして、スマートコンテンツとパーソナライズをテストできます。プレビューリンクは、ご使用のアカウントの他のユーザーと内部で共有するために作成されています。外部の訪問者との共有は推奨されません。
-
コンテンツを開きます。
- ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
- ページの名前をクリックします。
- コンテンツエディターで、右上の［プレビュー］をクリックします。
- ページをウィンドウ全体でプレビューするには、右上の[ 新しいタブで開く ]をクリックします。このプレビューページをご使用のアカウントのユーザーと共有するには、プレビューページで［リンクをコピー］をクリックします。ページがHubSpotシステムドメインでホスティングされている場合、ユーザーがこのプレビューを表示するには、HubSpotにログインしている必要があります。
- 別のデバイスでの表示をプレビューするには、プレビューページの右上にあるデバイスアイコンをクリックします。
- パーソナライズやスマートコンテンツをプレビューするには、［プレビュー動作］ドロップダウンメニューをクリックします。
