--- title: HubSpotのContentHub無料版の設定方法と使い心地｜Life Marlety description: HubSpot Content Hubの無料版を使ったウェブサイト構築ガイド。初心者でも簡単なドラッグ&ドロップ機能で、SEO対策とCRM連携を備えたサイト制作の手順を解説。 image: https://lifemarkety.com/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-01-02-07-2814-PM.png --- [コンテンツまでスキップ](https://lifemarkety.com/blog/hubspot-free-cms-set#main-content) [![LifeMarketyロゴ](https://lifemarkety.com/hs-fs/hubfs/logo/logo-w-1.png?width=200&height=200&name=logo-w-1.png "LifeMarketyロゴ")](https://lifemarkety.com) **[ブログ](https://lifemarkety.com/blog)　[はじめてガイド](https://lifemarkety.com/btob)　[HubSpot活用ガイド](https://lifemarkety.com/hubspot)** [お問い合せ](https://lifemarkety.com/inquiry) - [HOME](https://lifemarkety.com) - [ブログ](https://lifemarkety.com/blog) - HubSpotのContentHub無料版の設定方法と使い心地 [ブログを読む](https://lifemarkety.com/blog) [BtoBマーケティング スターターガイド](https://lifemarkety.com/btob) ・実践ガイド  **HubSpot **利活用ガイド ・**HubSpot **機能別ガイド # HubSpotのContentHub無料版の設定方法と使い心地 [マーケティング施策](https://lifemarkety.com/blog/tag/マーケティング施策), [HubSpot](https://lifemarkety.com/blog/tag/hubspot) 2025年01月04日 [facebook-f icon](http://www.facebook.com/share.php?u=https://lifemarkety.com/blog/hubspot-free-cms-set) [X Twitter icon](https://twitter.com/intent/tweet?url=https://lifemarkety.com/blog/hubspot-free-cms-set) ![名称未設定のデザイン-Nov-25-2024-01-02-07-2814-PM](https://lifemarkety.com/hs-fs/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-01-02-07-2814-PM.png?width=960&height=540&name=%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-01-02-07-2814-PM.png)    HubSpot Content Hubの無料版を活用して、ウェブサイトの構築から公開までの流れを解説します。Content Hubは非常に気軽に使えます。ある程度のルールを決めてしまえば、初心者の方でも整ったページを作成できると思います。 ## Content Hubでのサイト構築の流れ ### HubSpotアカウントの作成と初期設定 HubSpotのアカウントを作成する前に、ドメインを取得しておきます。 [HubSpot社](https://www.hubspot.jp/)のサイトの右上の［無料で試してみる］ボタンを押下し、画面に従ってアカウントを作成します。 ![image-png-Oct-26-2024-05-05-36-8755-AM](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-05-05-36-8755-AM.png?width=892&height=219&name=image-png-Oct-26-2024-05-05-36-8755-AM.png) ### ドメインの設定 ログイン後の右上の［設定］をクリック。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-05-23-31-4732-AM.png?width=951&height=54&name=image-png-Oct-26-2024-05-23-31-4732-AM.png) 左に表示される設定メニューをスクロースして下のほうにある「コンテンツ」→「ドメインとURL」から、［］を押下し、画面に従ってドメインの設定を行います。 ※ここまでの手順は、後日、詳細を作成しますm(\_\_)m ## 基本設定 ドメイン設定が完了したら、サイト全体に関わる基本的な設定を確認し、適切にカスタマイズしていきます。ここでの設定をしっかり行うことで、サイト運営がスムーズになり、後から発生する問題も防げます。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-05-46-12-1538-AM.png?width=978&height=370&name=image-png-Oct-26-2024-05-46-12-1538-AM.png) ### アカウントの規定値 設定＞アカウント管理＞アカウントの規定値に移動し、基本情報を設定します。 #### 全般 タイムゾーンの設定と、必要に応じて会社情報を記入します。 #### ブランディング ロゴ・ファビコン、色（基本色、第2色、アクセントカラー3種、追加の色（たくさん設定できそう）、テーマ（WEBサイトのデザインテンプレート）を設定できます。 #### ユーザーの規定 言語、日付形式を設定します。ターゲットユーザーに馴染みのある表示形式（例：YYYY/MM/DD）を選ぶと、視覚的にわかりやすくなります。 #### 通貨の設定 サイトで商用の活動がある場合、利用する通貨も設定します（例：円）。特にEコマース機能や、HubSpotのコンバージョントラッキングで収益を計測する場合に役立ちます。 ## トラッキングの設定 #### 自分のアクセスを除外する トラッキングコード＞レポートアナリティクストラッキングの高度なトラッキングで、自分のIPアドレスを除外します。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-07-22-31-9647-AM.png?width=433&height=214&name=image-png-Oct-26-2024-07-22-31-9647-AM.png) IPアドレスが表示されるので、それをコピーしてテキストエリアに入力し、保存します。 ## コンテンツの設定 設定＞ツール＞コンテンツ　で設定します。 #### テーマの設定 - カラー（Primary、Secondary、Body background color、Accent1、Accent2） - Fonts（Primary、Secondary） - Spacing（Maxmum content width、Vertical spacing） ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-07-26-36-8506-AM.png?width=480&height=484&name=image-png-Oct-26-2024-07-26-36-8506-AM.png) More settingで、HxやButtonなど、詳細の設定できます。 #### ブログの設定 「全般」タブで、ブログ名、ブログヘッダー、ページタイトル、メタディスクリプション、ブログスラッグを設定します。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-07-43-03-6514-AM.png?width=988&height=631&name=image-png-Oct-26-2024-07-43-03-6514-AM.png) 「日付形式」タブで日付の形式を設定します。カスタマイズも可能です。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-07-45-25-1593-AM.png?width=724&height=339&name=image-png-Oct-26-2024-07-45-25-1593-AM.png) 「Google AMP」タブで、ロゴ画像やaltテキストなどを設定します。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-07-47-46-6528-AM.png?width=775&height=463&name=image-png-Oct-26-2024-07-47-46-6528-AM.png) #### ページの設定 「連携」タブに移動し、Google Analytics4の測定ID、GoogleタグマネージャーIDを設定します。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-07-50-26-3585-AM.png?width=663&height=550&name=image-png-Oct-26-2024-07-50-26-3585-AM.png)   ## Content Hub無料版の機能 HubSpot Content Hubの無料版では、簡単にウェブページやブログの作成が可能で、SEO推奨機能や基本的な分析ツールが搭載されています。また、WordPressからのコンテンツ移行もサポートしており、初心者でもスムーズに利用できます。CRMとの連携による顧客データの管理や、基本的なカスタマイズ機能も充実していますが、ランディングページや多言語対応などには制限があります。 [![HubSpotのContentHub（無料版）の特徴](https://lifemarkety.com/hs-fs/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Oct-20-2024-11-19-57-6390-PM.png?width=96&height=54&name=%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Oct-20-2024-11-19-57-6390-PM.png)](https://lifemarkety.com/blog/hubspot-free-cms) 【関連記事】[HubSpotのContentHub（無料版）の特徴](https://lifemarkety.com/blog/hubspot-free-cms) 少しの専門知識でサイトが構築できます。CRMとも連携しているのでパーソナライズの精度もUP。   ## Content Hub無料版でWEBサイトを公開する手順   ### 1. ウェブサイトページを作成する まずは、トップページやサービス紹介ページ、会社概要ページなど、サイトのメインページを作成します。 コンテンツ＞ウェブサイトページで、［作成］ボタンを押下し、画面に従って作成します。編集画面では、テキストや画像、ボタンなど、モジュールが豊富に準備されており、ドラッグ＆ドロップでモジュールを配置し、内容を入力することでページを完成できます。 ![Content Hub モジュール](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-08-26-25-2804-AM.png?width=654&height=694&name=image-png-Oct-26-2024-08-26-25-2804-AM.png) 無料版でも基本的なSEO設定が可能なので、各ページにメタディスクリプションやキーワードを設定して検索エンジン対策も行います。 ### 2. ブログを作成する ブログ機能もあります。ブログは、ブログの一覧ページ（ブログ リスト ページ）のテンプレートやタグ、執筆者などの設定が可能です。 コンテンツ＞ブログで、［作成］ボタンを押下し、画面に従って作成します。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-08-32-07-3539-AM.png?width=538&height=235&name=image-png-Oct-26-2024-08-32-07-3539-AM.png) 記事ごとにタグを設定して、訪問者がコンテンツを見つけやすく整理します。最近のSEO対策として、執筆者情報を明示することはとても有効です。 ### 3. ランディングページを作成する 広告を展開する際には、広告からのリンク先となるランディングページも作成します。 コンテンツ＞ランディングページで、［作成］ボタンを押下し、画面に従って作成します。特定のサービスやプロモーションに集中したページをデザインとなるため、ランディングページ専用のヘッダーとフッターを設定することができます。 [![ContentHubで簡単にサイト構築！ページ制作の基本ガイド](https://lifemarkety.com/hs-fs/hubfs/Canva%20images/img-contenthub-module.png?width=96&height=54&name=img-contenthub-module.png)](https://lifemarkety.com/blog/hubspot-free-cms) 【関連記事】[ContentHubで簡単にサイト構築！ページ作成の基本ガイド](https://lifemarkety.com/blog/hubspot-free-cms-set) HubSpotアカウントの作成からテンプレートの設定までを解説しています。   ## Content Hubの使い心地 Content Hubを5年間使ってきて、慣れもあってか非常に使いやすいと感じています。特にドラッグ＆ドロップで簡単にページが作成できる点は便利です。ただし、PaddingやMargineなど、整列の設定には注意が必要で、ルールを決めてよく使うレイアウトをセクションとして保存しておかないと、見栄えが悪くなりがちです。 また、設定項目の確認で複数ページを開くのは少し面倒に感じています。それでも、HTMLやCSSの基礎知識があれば、既存モジュールやテーマのカスタマイズが可能なので、自分好みのデザインに手を加えられる点は魅力的です。初心者から上級者まで柔軟に対応できるプラットフォームとしておすすめです。 最近感じている修正希望点としては、「詳細設定」の位置が、非常に邪魔なので、改修してほしいと切に願っています。 ![](https://lifemarkety.com/hs-fs/hubfs/image-png-Oct-26-2024-09-23-21-5133-AM.png?width=262&height=60&name=image-png-Oct-26-2024-09-23-21-5133-AM.png) 無料だと、予期無く404エラーが多発する？ ・突然トップページが404エラーとなり、回復に1日以上かかった。原因は不明。 ・2024年12月7日現在、ブログで作成したタグのリストページで404エラー発生し、様子見中。 この記事を書いた人［[ABOUT](https://lifemarkety.com/about)］ IT・デジタルマーケティング領域で20年以上の実務経験。現在は、デジタルマーケティングの組織浸透や業務効率化を担当しています。 「予算がない」「人が足りない」「MAツールを入れたけれど活用しきれない」「営業の協力が得られない」といった、理想通りにいかない実務の壁を数多く経験。今日も奮闘中です。 [マーケティング施策](https://lifemarkety.com/blog/tag/マーケティング施策), [HubSpot](https://lifemarkety.com/blog/tag/hubspot) タグ別の記事 - [全て](https://lifemarkety.com/blog) - [マーケティング施策](https://lifemarkety.com/blog/tag/マーケティング施策) - [マーケティング戦略](https://lifemarkety.com/blog/tag/マーケティング戦略) - [SEO](https://lifemarkety.com/blog/tag/seo) - [HubSpot](https://lifemarkety.com/blog/tag/hubspot) - [KPI](https://lifemarkety.com/blog/tag/kpi) - [MAツール](https://lifemarkety.com/blog/tag/maツール) - [コンテンツマーケティング](https://lifemarkety.com/blog/tag/コンテンツマーケティング) - [マーケティング組織](https://lifemarkety.com/blog/tag/マーケティング組織) - [AIで稼ぐ｜マーケティング](https://lifemarkety.com/blog/tag/aiで稼ぐマーケティング) - [BtoBマーケティング](https://lifemarkety.com/blog/tag/btobマーケティング) - [ペルソナ・ジャーニー](https://lifemarkety.com/blog/tag/ペルソナ-ジャーニー) - [メールマーケティング](https://lifemarkety.com/blog/tag/メールマーケティング) - [データ分析](https://lifemarkety.com/blog/tag/データ分析) - [AIで増やす｜投資](https://lifemarkety.com/blog/tag/aiで増やす投資) - [ROI](https://lifemarkety.com/blog/tag/roi) - [ファンダメンタルズ](https://lifemarkety.com/blog/tag/ファンダメンタルズ) - [予算管理](https://lifemarkety.com/blog/tag/予算管理) - [初心者向け](https://lifemarkety.com/blog/tag/初心者向け) - [日本個別株](https://lifemarkety.com/blog/tag/日本個別株) - [用語集](https://lifemarkety.com/blog/tag/用語集) - [転職・起業・副業](https://lifemarkety.com/blog/tag/転職-起業-副業) ## 最近の記事 [![](https://lifemarkety.com/hs-fs/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-12-58-05-3168-PM.png?height=200&name=%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-12-58-05-3168-PM.png)](https://lifemarkety.com/blog/hubspot-free-cms-production) [マーケティング施策](https://lifemarkety.com/blog/tag/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E6%96%BD%E7%AD%96), [HubSpot](https://lifemarkety.com/blog/tag/hubspot) ## [ContentHubで簡単にサイト構築！ページ制作の基本ガイド](https://lifemarkety.com/blog/hubspot-free-cms-production) 24/11/03 21:23 ... [続きを読む](https://lifemarkety.com/blog/hubspot-free-cms-production) [![](https://lifemarkety.com/hs-fs/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-01-59-44-8758-PM.png?height=200&name=%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-01-59-44-8758-PM.png)](https://lifemarkety.com/blog/blog-launch) [マーケティング施策](https://lifemarkety.com/blog/tag/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E6%96%BD%E7%AD%96), [HubSpot](https://lifemarkety.com/blog/tag/hubspot) ## [完全無料！ContentHubでのブログ立ち上げまでを解説](https://lifemarkety.com/blog/blog-launch) 24/11/10 8:38 費用をかけずにブログをスタートする方法について、ドメインの取得からブログの立ち上げ、運用のステップまでの手順を詳しく解説します。 無料でブログを立ち上げ・運用を行いたい方向けの記事です。... [続きを読む](https://lifemarkety.com/blog/blog-launch) [![](https://lifemarkety.com/hs-fs/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-02-05-08-3334-PM.png?height=200&name=%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-02-05-08-3334-PM.png)](https://lifemarkety.com/blog/hubspot-ma-form-creation) [マーケティング施策](https://lifemarkety.com/blog/tag/%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E6%96%BD%E7%AD%96), [HubSpot](https://lifemarkety.com/blog/tag/hubspot) ## [多言語・複数フォームをMarketingHubで効率よく設置する](https://lifemarkety.com/blog/hubspot-ma-form-creation) 24/11/24 22:38 ... [続きを読む](https://lifemarkety.com/blog/hubspot-ma-form-creation) [facebook-f icon](http://www.facebook.com/share.php?u=https://lifemarkety.com/blog/hubspot-free-cms-set) [X Twitter icon](https://twitter.com/intent/tweet?url=https://lifemarkety.com/blog/hubspot-free-cms-set) [![Life Markety fotter logo](https://lifemarkety.com/hs-fs/hubfs/logo-bs-1-1.png?width=100&height=89&name=logo-bs-1-1.png "Life Markety fotter logo")](https://lifemarkety.com/) サイトマップ [HOME](https://lifemarkety.com) [はじめてガ](https://lifemarkety.com/btob)[イド](https://lifemarkety.com/btob) [HubSpot活用ガイド](https://lifemarkety.com/hubspot) [ブログ](https://lifemarkety.com/blog) LifeMarkety AIで稼ぎ、AIで増やす｜マーケティングと投資の思考の整理 [お問い合わせをする](https://lifemarkety.com/inquiry) [ABOUT](https://lifemarkety.com/about) [プライバシーポリシー](https://lifemarkety.com/privacy)      Copyright ©LifeMarkety  ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Life Marekty", "url" : "https://lifemarkety.com/blog/author/lifemarkety" }, "dateModified" : "2025-01-04T12:12:06.026Z", "datePublished" : "2024-10-26T22:00:00.000Z", "headline" : "HubSpotのContentHub無料版の設定方法と使い心地｜Life Marlety", "image" : [ "https://lifemarkety.com/hubfs/Canva%20images/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Nov-25-2024-01-02-07-2814-PM.png" ], "mainEntityOfPage" : { "@id" : "https://lifemarkety.com/blog/hubspot-free-cms-set", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://lifemarkety.com/hubfs/logo/logo-w-1.png" }, "name" : "LifeMarkety" } } ```