自社のウェブサイトページに移動する
HubSpotダッシュボードで[Content（コンテンツ）] > [Website（ウェブサイト）]の順に移動します。
[Create a new website page（新規ウェブサイトページを作成）]をクリックする
[Create a new website page（新規ウェブサイトページを作成）]ボタンをクリックします。
ページのテンプレートを選択する
次に、ページの構成の土台となるテンプレートを選択します。自分のアカウント内の既存のテンプレートを探したり、HubSpotマーケットプレースからテンプレートを購入したりすることができます。また、モックアップをテンプレートレイアウトに変換して新しいテンプレートレイアウトを作成することもできます。モックアップをテンプレートレイアウトに変換する方法については、ここをクリックしてください。
使用するテンプレートが決まったら、そのテンプレートをクリックし、新しいウェブサイトページに名前を付けて、[Create（作成）]をクリックします。
コンテンツをサイトページに追加する
ページを作成したら、[Edit（編集）]画面が表示されます。ここで、コンテンツの追加または編集を開始できます。
ページのモジュール内のコンテンツを編集するには、そのモジュール上にポインターを合わせ、薄い灰色のシェードと鉛筆アイコンが表示されたところで、モジュール内をクリックします。そのモジュールが編集可能な状態になります。下の例は、ウェブサイトページ上のロゴモジュール、ヘッダーモジュール、リッチテキストモジュールを編集しようとしているところです。
ページ上のモジュールを編集するには、ページ左側の鉛筆アイコンをクリックする方法もあります。このアイコンをクリックすると、ページ上の編集可能なすべてのモジュールが表示されます。個々のモジュールをクリックすると、そのモジュールを編集するためのポップアップウィンドウがエディター上に表示されます。
レイアウトにモジュールを追加する（フレキシブルカラム）
フレキシブルカラムを使用しているテンプレートを選択した場合、左側に＋記号のアイコンが表示されます。ここから、モジュールタイプをドラッグアンドドロップでページレイアウトに追加できるセクションが表示されます。
注：テンプレートにフレキシブルカラムが含まれていない場合、左側に＋記号アイコンは表示されません。
ページ設定を編集する
ページ設定を編集するには、ウェブサイトページエディター上部の[Settings（設定）]タブをクリックします。
[Settings（設定）]画面の上部は、[Basic Info（基本情報）]セクションです。これは、検索エンジンとブラウザ用の基本ページ情報を追加できるセクションです。このセクションでは、次の情報を追加できます。
ここで、ページのパスワード保護も設定できます。このオプションは、次のような場合に便利です。
- 社内スタッフ専用のページを作成できます。営業チームしかアクセスできない営業販促資料やマーケティング資料をここに保管します。
- ウェブサイト上に「クライアント専用」ページを作成して、テンプレートやクライアント専用の資料をここに置くことができます。
- リセラーやパートナーが新製品の販売前に詳細資料を手に入れることができる専用ページを作成できます。
このページのパスワードを有効にするには、[Password protect this page（このページをパスワード保護）]チェックボックスをオンにして、表示されるテキストフィールドにパスワードを入力します。
ページの有効期限を設定するかどうかも選択できます。この機能は、オファーや製品を有効期限付きで提供するサイトを作成する場合に役立ちます。[Set page expiration and date（ページの有効期限日時を設定）]チェックボックスをオンにして、有効期限の日時を選択し、有効期限が切れたときのリダイレクト先を指定します。
[Style Settings（スタイル設定）]セクションでは、以下の内容を編集できます。
- Primary CSS File（プライマリCSSファイル） - 設定されているプライマリCSSファイルが表示されます。ドロップダウンメニューから、有効または無効を選択するか、デフォルトを使用できます。
- Domain Stylesheets（ドメインスタイルシート） - ドメイン全体で使用しているCSSファイルが表示されます。ドロップダウンメニューから、有効または無効を選択するか、デフォルトを使用できます。
- Template Stylesheets（テンプレートスタイルシート） - このページのテンプレートに適用されているCSSファイルが表示されます。ドロップダウンメニューから、有効または無効を選択するか、デフォルトを使用できます。
- Page-specific Stylesheets（ページ固有のスタイルシート） - このページにのみ適用されるCSSファイルが表示されます。このページに適用したいCSSファイルがある場合は、[+ Add stylesheet（+スタイルシートを追加）]をクリックします。
[Template Settings（テンプレート設定）]セクションでは、[Swap template（テンプレートを交換）]を選択して現在のテンプレートを変更したり、[Edit template（テンプレートを編集）]を選択して、テンプレートのレイアウト内を表示してテンプレートを編集したりすることができます。このセクションの右側では、ページが使用している現在のテンプレートの名前やプレビューを確認できます。
SEO最適化
左側の棒グラフアイコンをクリックすると、SEO最適化セクションに移動します。ここから、このページのキーワードをテキストフィールドに入力して、[Select keywords（キーワードを選択）]をクリックします。この下には、To DO項目があります。ページを改善するために変更できる内容が示しています。以下のスクリーンショットに、To Do項目の例が示されています。
ページをプレビューする
左側のメニューで目のアイコンをクリックすると、プレビューセクションが表示されます。ここから以下のことを実行できます。
- Device preview（デバイスのプレビュー） - タブレット、携帯など、該当するアイコンをクリックして、ページがそのデバイスで表示される状態をプレビューできます。
- Smart Preview（スマートプレビュー） - [Preview page as speicific contact（指定のコンタクトとしてページをプレビュー）]チェックボックスをオンにして、ドロップダウンメニューからコンタクトを選択します。このオプションにより、特定の訪問者が表示しているようにページを表示できます。このオプションは、テストするページでスマートコンテンツが使用されている場合に有効です。
- Shareable preview（共有プレビュー） - このボタンをクリックすると、（ページがまだ公開されていない場合でも）同僚と共有できるライブプレビューリンクが提供されます。
ページを公開またはスケジュールを設定する
コンテンツの編集が終了し、検索エンジン向けに最適化でき、プレビュー画面に満足したら、[Publish or Schedule（公開またはスケジュール）]タブに移動します。
ここから、[Publish now（今すぐ公開）]または[Schedule for later（後の予定としてスケジュール）]を選択できます。各オプションのラジオボタンをクリックしたら（[Schedule for later（後の予定としてスケジュール）]を選択した場合、スケジュール日時を選択する必要があります）、右上の青いボタン[Schedule（スケジュール）]または[Publish（公開）]をクリックします。
