コンテンツまでスキップ

HubSpot Contet Hub(CMS Hub)でコーポレートサイトを立上げよう

HubSpot Content Hubの使用手順とカスタマイズ活用マニュアル

 

HubSpot Content Hub(CMS Hub)活用ガイド

1. ウェブサイトの作成手順(テンプレート選択・ドラッグ&ドロップ編集)

HubSpotでは、テーマに含まれるテンプレートを使い、直感的なドラッグ&ドロップエディターでウェブサイトページを作成できます。まずテーマを選択してサイト全体のデザインを決め、各ページでそのテーマのテンプレートを用いてコンテンツを配置します。テーマはHubSpot標準のものに加え、マーケットプレイスから追加購入も可能です。テーマを選んだら、次の流れでページを作成しましょう:

  1. ページ作成の開始: HubSpotの管理画面で [コンテンツ] > [ウェブサイトページ] または [ランディングページ] を開き、右上の「作成」ボタンをクリックします。複数ドメインを接続している場合は使用するドメインを選択し、ページ名を入力して「ページを作成」をクリックします。

  2. テンプレート選択: 「テンプレートを選択」画面で、有効化したテーマのテンプレート一覧が表示されます(図:テンプレート選択画面の例)。各テンプレートをプレビューしてレイアウトを確認し、「テンプレートを選択」をクリックして編集画面に進みます。

     

    テーマテンプレートからページデザインを選択できます。必要に応じて「プレビュー」でレイアウトを確認してから選択します。

  3. コンテンツ編集(ドラッグ&ドロップ): ページエディターでは、左サイドバーからモジュール(テキスト、画像、フォーム等)をドラッグしてページに配置し、コンテンツを入力しますknowledge.hubspot.comリッチテキストモジュール内で文章の書式設定や画像の挿入ができ、見たまま編集できますknowledge.hubspot.comknowledge.hubspot.com。また、複数のモジュールをグループ化したりカラム配置することもドラッグ操作で可能ですknowledge.hubspot.com。初めて編集する場合は各モジュールにカーソルを合わせ、右側のインスペクターで詳細設定(スタイル変更など)ができますknowledge.hubspot.com

  4. ページ設定のカスタマイズ: コンテンツ編集後、画面上部の [設定] タブ でページの基本設定を確認します。ここではページの公開URL(スラッグ)、タイトル、メタディスクリプション、言語設定などを編集できますknowledge.hubspot.comknowledge.hubspot.com。特にページタイトルとメタディスクリプションはSEOに重要な項目なので適切に記入しましょう。

  5. ページのプレビューと公開: 必要に応じて右上の「プレビュー」からPC・モバイル表示を確認し、問題なければ「公開」ボタンをクリックしますknowledge.hubspot.comknowledge.hubspot.com。公開時には即時公開のほか、日時を指定した予約公開も可能ですknowledge.hubspot.com。例えばキャンペーン開始日に合わせてページを公開予約することができます。