Webサイト構築とSEO設定

CMS HubでのWebサイト構築

HubSpot CMS Hub Professionalでは、専門的な開発スキルがなくても本格的なWebサイトを構築できます。

Webサイト・LP構築の基本

利用できるページタイプ

ページタイプ	用途	特徴
サイトページ	会社概要、サービス紹介など	サイトの固定ページ
ランディングページ	キャンペーン、資料ダウンロード	コンバージョン特化
ブログ記事	お知らせ、コンテンツ発信	SEO・一覧表示対応

サイトページ

用途会社概要、サービス紹介など

特徴サイトの固定ページ

ランディングページ

用途キャンペーン、資料ダウンロード

特徴コンバージョン特化

ブログ記事

用途お知らせ、コンテンツ発信

特徴SEO・一覧表示対応

ページ作成の流れ

ページを公開するまで

① テンプレート選択

目的に合ったテンプレート・テーマを選択。Elevateテーマなど最新テーマが利用可能

② コンテンツ編集

ドラッグ＆ドロップエディタでテキスト・画像・動画を配置

③ SEO・メタ情報設定

タイトル、ディスクリプション、OGタグを設定

④ プレビュー・公開

プレビューで確認後、公開または公開予約

ドラッグ＆ドロップエディタ

主な編集機能

マーケティング担当者でも直感的にページを編集できます。

モジュール配置: テキスト、画像、動画、ボタン、フォームなどをドラッグで配置
スタイル調整: 余白、色、フォントサイズをクリックで変更
レスポンシブ対応: デスクトップ・タブレット・モバイルのプレビュー切替
リアルタイムプレビュー: 編集しながら表示結果を確認

ページのバリエーション作成

ひとつのページから複数のバリエーションを作成できます。

A/Bテスト: 2パターンのページを作成し、効果を比較
多言語バージョン: 同じ構造で言語別ページを管理
キャンペーン別: 流入元に応じて異なるLPを表示

ドメインとSSL設定

独自ドメインの接続

CMS Hub Professionalでは、自社ドメインでサイトを公開できます。

項目	内容
ルートドメイン	example.com での公開
サブドメイン	www.example.com、blog.example.com など
ccTLD対応	example.co.jp など国別ドメインも対応

ルートドメイン

内容example.com での公開

サブドメイン

内容www.example.com、blog.example.com など

ccTLD対応

内容example.co.jp など国別ドメインも対応

SSL/HTTPS対応

標準で自動適用: 追加料金なしでSSL証明書が適用
設定不要: ドメイン接続後、自動的にHTTPS化
セキュリティ監視: HubSpotのチームが24時間監視

SEO機能

ページごとのSEO設定

各ページで以下のSEO項目を設定できます。

基本設定

ページタイトル（title）: 検索結果に表示されるタイトル
メタディスクリプション: 検索結果の説明文
URL（スラッグ）: ページのURLパス

OGタグ設定

OGタイトル: SNSシェア時のタイトル
OG画像: SNSシェア時の画像
OGディスクリプション: SNSシェア時の説明文

SEO推奨機能（SEO Recommendations）

ページ編集画面で、SEO改善のための提案がリアルタイムで表示されます。

チェック項目	内容
タイトル長	適切な文字数かチェック
メタディスクリプション	設定有無と長さをチェック
画像alt属性	代替テキストの設定状況
見出し構造	H1〜H6の使い方
内部リンク	関連ページへのリンク有無

タイトル長

内容適切な文字数かチェック

メタディスクリプション

内容設定有無と長さをチェック

画像alt属性

内容代替テキストの設定状況

見出し構造

内容H1〜H6の使い方

内部リンク

内容関連ページへのリンク有無

トピッククラスター機能

SEO戦略を「ピラーページ」と「サブトピック」で構成できます。

トピッククラスターの構造

ピラーページ（中核コンテンツ）

テーマを包括的に解説する長文ページ

サブトピック記事

テーマの詳細を深掘り

サブトピック記事

リード獲得のためのフォーム

フォームの埋め込み

LPやサイトページにHubSpotフォームを埋め込んで、リードを獲得できます。

ドラッグで配置: フォームモジュールをページに配置
カスタマイズ: フィールド、ボタンテキスト、デザインを調整
CRM自動連携: 送信されたデータは即座にコンタクトとして登録

フォームの種類

フォームタイプ	用途
問い合わせフォーム	一般的なお問い合わせ受付
資料ダウンロード	ホワイトペーパー・カタログの請求
ニュースレター登録	メールマガジン購読
ウェビナー申込	イベント・セミナーへの参加登録

問い合わせフォーム

用途一般的なお問い合わせ受付

資料ダウンロード

用途ホワイトペーパー・カタログの請求

ニュースレター登録

用途メールマガジン購読

ウェビナー申込

用途イベント・セミナーへの参加登録

ページ管理と運用

下書きと公開予約

下書き保存: 編集中のページを保存して後で続きを編集
公開予約: 特定の日時に自動公開
バージョン履歴: 過去の編集内容に戻すことが可能

複数ページの管理

ページ一覧から以下を管理できます。

公開状況（公開中・下書き・予約済み）
最終更新日
パフォーマンス（閲覧数・コンバージョン）
作成者

まとめ

HubSpot CMS Hub Professionalでは、以下のWebサイト構築・SEO機能が利用できます。

直感的なページ作成: ドラッグ＆ドロップで専門知識不要
ドメイン・SSL: 独自ドメインとHTTPSを標準サポート
包括的なSEO: ページ単位の設定とリアルタイム推奨
リード獲得導線: フォーム埋め込みとCRM連携
効率的な運用: 下書き、予約公開、バージョン管理

マーケティング担当者が自立してサイト運営できる環境が整います。