こんなに使いやすい!HubSpotのContent HubでWebページ作成

カルチャー
2025.03.24
小川
Webディレクター

自社のWebページを新規作成・更新したいと思っても、コードの知識がないので無理。そんな風に思っていませんか?
中小企業様のマーケティングや顧客管理まで支援できるCMS、HubSpotでは、Content Hubの機能を使って、直感的な操作でページの新規作成・編集が可能です。
一度サイトを構築してしまえば、その後のページ修正や新規ページ追加は、あらかじめ用意されたテンプレートからコンテンツに合ったものを選択し、ブラウザ表示そのままの画面上で編集して公開可能です。
また、追加費用なしで、AI(Copilot)の機能を利用できるのも嬉しいポイントです。
この記事では、HubSpotのWebページ作成・編集機能と、AI(Copilot)のリライト機能について詳しくご紹介します。

目次

    新規ページを作成する

    まず、HubSpotでのページ新規作成についてご説明します。
    HubSpotの管理画面から、簡単にページの追加・修正が行えます。

    管理画面の左サイドメニューから、「コンテンツ」をクリックし、さらに「ウェブサイトページ」をクリックします。

    ページ右上の、「作成」ボタンをクリックします。

    「ページを作成」のモーダルが開くので、ページを追加したい「ウェブサイト」(複数のウェブサイトを同じHubSpot内で管理する場合)、追加したいページの「ページ名」を入力して、「ページを作成」ボタンをクリックします。

    テンプレート選択画面から、作成したいページにあったテンプレートを選択します。

    画像では、HubSpotにあらかじめ用意されたテンプレートが表示されています。実際には、ウェブサイトの作成・リニューアル時に、作成するウェブサイトに合わせたテンプレートをご用意します。また、ウェブサイト運用中に新たなテンプレートが必要になった場合は、追加開発が可能です。

    テンプレートを選択すると、ページが作成され、作成したページの編集画面になります。

    これで新しいページが新規作成されました。
    次項では、このページの編集の説明をします。

    選択したテンプレートを編集

    先ほど新規作成されたページ、または、既存のページの編集を行います。
    ブラウザ表示に近いビューから、直感的に編集を行えます。

    ページ新規作成の場合は、テンプレートを選択した後の編集画面からそのまま編集を行います。
    すでに作成済みのページを編集する場合は、管理画面の左サイドメニューから、「コンテンツ」をクリックし、さらに「ウェブサイトページ」をクリック。
    表示された一覧から、編集したいページを選択します。

    編集画面上から、試しに、メイン画像の上に載っている「About Us」をクリックしてみましょう。
    左側に編集ウィンドウが開きます。
    編集ウィンドウ内の「Header Title」部分にある「About Us」をクリックし、表示された鉛筆アイコンをクリックしてテキストを編集します。

    編集したい部分にマウスオンすると、ひとくくりとして設定されている領域の枠が表示されます。
    クリックすると、左側の編集ウィンドウに編集可能な部分が表示されます。
    ※テンプレートの設定によっては、編集不可と設定されている個所がある場合もあります。

    文章部分は、「リッチテキストコンテンツ」という任意のテキストを挿入できる設定になっていることがあります。ここは、クリックすると直接編集が可能です。

    試しに何かテキストを打ってみます。ここではLYZONのサイトにある説明文を入力してみました。

    このように、完成形を確認しながら編集を進めることができます。

    テキスト編集と、AI(Copilot)によるリライト支援

    入力したテキストは、AI(Copilot)にリライト案を出してもらうことができます。
    また、入力前に、要点を挙げてCopilotにテキストを考えてもらうこともできます。

    テキスト入力後、AIにリライトしてもらいたい部分をドラッグして選択状態にすると、「詳細設定」のボタンが出現します。クリックして出てきたメニューから、「書き換え」を選択します。

    右側に、Copilotがリライトした文章が表示されます。

    右側に、Copilotがリライトした文章が表示されます。そのまま置換することもできますし、さらにブラッシュアップしたり、一旦どこかにコピーして再考することも可能です。

    Copilotは、HubSpotの基本プラン内、追加費用なしで、シームレスに利用できます。
    ※Copilotに限らず、AIツールではすべての生成コンテンツの正確性は保証されていません。必ずご自身で内容を確認した上でご利用ください。

    おわりに

    今回の記事では、HubSpotでのページの新規作成と、作成したページの編集についてご説明しました。
    次回は、サイトに登録した会員がサイトを閲覧したときに、登録情報によって表示を変更する「パーソナライズ」についてご説明します。

    LYZONでは、HubSpotについて詳細な説明をしているミニサイトをご用意しています。

    HubSpotは、「世界120ヵ国以上、20万社以上(2024年4月時点)」 のユーザーが利用する世界最大級の「CRMプラットフォーム」です。
    そして、有償のCMSの中で、唯一、検索数が伸び続けているプラットフォームです。

    特に中小希望向けの中~大規模サイトの構築・運用において、低コストで高度なマーケティング活動を実現することができます。
    HubSpotの機能や導入の流れ、他ツールとの違いや利用料金体系などを詳しくご紹介していますので、ぜひご覧ください。