ブログ記事を作成してカスタマイズする
更新日時 2023年 3月 3日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
ブログを作成したら、ゼロから、または外部のブログやGoogleドキュメントからインポートして、ブログの記事を作成することができます。ブログの内容や設定をカスタマイズしたり、ブログの記事を検索エンジンに最適化することができます。
ブログ記事を作成する
- HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- 右上の「作成」をクリックし、「ブログ記事」を選択します。
- ダイアログボックスで、「ブログを選択」ドロップダウンメニューをクリックしてブログを選択し、「ブログ記事を作成」をクリックします。
- コンテンツエディターで、ブログコンテンツモジュールをクリックし、記事にコンテンツを追加します。リッチテキストツールバーで、ブログコンテンツの書式を編集することができます。
- 効率的な編集環境でブログ記事を書くには、右上の「Distraction Free Mode 」のスイッチをクリックしてオンにします。このモードはいつでもオン/オフできます。
- ブログの一覧ページに表示される記事の要約の長さを設定するには、read moreセパレータを挿入します。
- ブログコンテンツモジュールをクリックします。
- リッチテキストツールバーの「挿入」ドロップダウンメニューをクリックし、「続きを読むセパレータ」を選択します。
- Moreセパレータをクリックし、ブログ記事内の任意の位置までドラッグします。
- ブログで使用しているテンプレートによっては、他のモジュールも編集できる場合があります。ブログのテンプレートの選び方についてはこちらをご覧ください。
- 投稿の設定をカスタマイズするには、コンテンツエディターの上部にある「設定」タブをクリックし、設定を編集します。
- ブログのタイトル欄には、ブログの記事名を入力します。この名前は、投稿のトップと、訪問者のブラウザのそのタブに表示されます。
- 記事を別のブログに移動するには、「ブログ」ドロップダウンメニューをクリックし、ブログを選択します。この変更を公開すると、投稿のURLは新しい宛先を反映するように自動的に変更されます。投稿の前のURLからリダイレクトが行われます。
- 記事の言語バリエーションを切り替えるには、「Blog post language 」のドロップダウンメニューをクリックし、言語を選択します。多言語でのブログ記事作成について、詳しくはこちらをご覧ください。
- ブログURL」セクションで、「コンテンツスラッグ」フィールドをクリックすると、記事のタイトルが自動的にURLスラッグに変換されます。URLをカスタマイズするには、Content slug フィールドに新しいURLスラッグを入力します。ブログ記事のURLの編集について、詳しくはこちらをご覧ください。
-
- 投稿の作者を設定するには、「作者」ドロップダウンメニューをクリックし、作者を選択します。ブログの著者の管理についてはこちらをご覧ください。
- 既存のタグを投稿に追加するには、タグのドロップダウンメニューをクリックし、タグを選択します。新しいタグを追加するには、タグのドロップダウンメニューをクリックし、フィールドにタグを入力し、「[新しいタグの名前]」タグを追加をクリックします。ブログタグの管理についてはこちらをご覧ください。
- メタディスクリプションの欄には、検索結果で投稿タイトルの下に表示される、投稿内容の説明を入力します。
-
- HubSpotで投稿をキャンペーンに関連付けるには、「キャンペーン」ドロップダウンメニューをクリックし、キャンペーンを選択します。または、新しいキャンペーンを作成するには、[新規追加]を選択します。詳しくは、HubSpotでのキャンペーンの取り扱いをご覧ください。
- 投稿がソーシャルメディアで共有されたときに含まれる特集画像を追加するには、[ 特集画像 ]スイッチをオンに切り替えます。[アップロード]をクリックしてご使用のコンピューターから画像を選択するか、[画像を参照]をクリックしてファイルツールから画像を選択します。

-
- ブログテンプレート、通知メール、ヘッドHTMLなど、より高度な設定をカスタマイズするには、クリックして「高度なオプション」セクションを展開します。詳しくは、詳細オプションのカスタマイズをご確認ください。
- トピックまたはサブトピックのキーワードを投稿に添付し、SEOの推奨事項を表示するには、[ 最適化]タブをクリックします。検索エンジンへのコンテンツの最適化について、詳しくはこちらをご覧ください。
- 投稿を公開する前に、右上の「プレビュー」をクリックすると、投稿をプレビューすることができます。ブログ記事のプレビューについて、詳しくはこちら。
- 投稿の内容と設定をカスタマイズしたら、「公開オプション」タブをクリックし、公開オプションを設定します。
- 今すぐ投稿を公開するには、「今すぐ公開」オプションを選択します。
- 将来的に投稿を公開するには、「後でスケジュールする」オプションを選択します。表示されるフィールドで、投稿を公開する日付と時間を選択します。
- ソーシャル投稿でどのように表示されるかをカスタマイズするには、ソーシャル自動公開セクションの「プレビュー」をクリックします。ブログ記事のソーシャルアカウントでの共有について詳しく見る
- このブログ記事のAccelerated Mobile Pages(AMP)バージョンを生成するには、「Enable Google AMP just for this blog post」チェックボックスを選択します。ブログ全体の設定でGoogle AMPがオンになっている場合、このオプションは表示されません。ブログのGoogle AMPの管理についてはこちらをご覧ください。

- 投稿を公開する、または公開をスケジュールする準備ができたら、右上の「Publish 」または「Schedule 」をクリックします。
Google Docsからブログコンテンツをインポート
接続されたGoogleアカウントのGoogleドキュメントから、あらかじめ書かれたブログコンテンツをコンテンツエディタに取り込むことができます。他のユーザーから共有されたGoogleドキュメントを使用することはできません。
- HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- 投稿にカーソルを合わせて「編集」をクリックするか、新規に投稿を作成します。
- コンテンツエディターで、Blogコンテンツモジュールをクリックします。
- リッチテキストツールバーの「詳細」ドロップダウンメニューをクリックし、「Google Docをインポート」を選択します。
- Google Drive内のファイルからGoogle Docを選択する場合。
- Googleアカウントが表示されない場合は、「新しいアカウントを接続する」をクリックします。ダイアログボックスで、「受け入れる」をクリックし、Googleに接続します。Googleの認証ページで、Googleアカウントを選択し、[許可]をクリックします。再度インポート作業を開始すると、アカウントが選択できるようになっているはずです。
-
- インポートに使用するGoogle アカウントを選択するセクションで、Googleドキュメントを所有する接続されたGoogleアカウントをクリックします。

-
- ダイアログボックスでGoogleドキュメントを選択し、[ 選択]をクリックします。
- リンクを使用してGoogle Docをインポートする場合。
- ダイアログボックスで、[ リンク元 ]オプションを選択します。
- Google ドキュメントのリンク欄に、Google ドキュメントのURL を貼り付けます。URLは、docs.google.com/document/d/documentId/またはdrive.google.com/open?id=documentIdのようなフォーマットでなければなりません。
- インポート]をクリックします。
- コンテンツエディターで、ブログ記事の編集を終了します。
注意:Google Docsから取り込んだブログコンテンツは、元の書式が一部保持されます。Googleドキュメントから書式をインポートする方法についてはこちらをご覧ください。
- 右上の「更新」または「公開」をクリックして、変更を反映させます。
ブログ記事を検索エンジンに最適化する
コンテンツエディターの [ 最適化] タブでは、投稿の SEO 推奨度を表示したり、トピックに添付したりすることができます。
- HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- 投稿にカーソルを合わせ、[ 編集 ]をクリックします。
- コンテンツエディターで、[最適化]タブをクリックします。
- 投稿がトピックまたはサブトピックに添付されている場合、それらはサイドバーエディタに表示されます。トピックやサブトピックにコンテンツを添付する方法について説明します。
- 未対応のSEO推奨を表示するには、サイドバーエディターで赤丸の付いたカテゴリーをクリックします。完了した各推奨事項には緑のチェックマークが付きます。未完了の各推奨にはグレーのチェックマークが付きます。詳しくは、SEO推奨をご確認ください。
高度なブログオプションのカスタマイズ
- HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- 投稿にカーソルを合わせ、[ 編集 ]をクリックします。
- コンテンツエディターで、「設定」タブをクリックし、「詳細オプション」をクリックします。
- この記事のヘッドHTMLにコードスニペットを追加するには、ヘッドHTMLフィールドをクリックし、コードスニペットを入力します。ブログの全記事にコードスニペットを追加するには、ブログの設定にアクセスします。
- このブログで使用しているテンプレートを切り替えるには、「テンプレート」セクションの「このブログで使用しているテンプレートを変更する」をクリックします。
注意:ブログの記事テンプレートを変更すると、そのブログのすべての記事で使用されるテンプレートが変更されます。独自のテンプレートは、個々のブログ記事には適用できません。

- 通知メールセクションには、現在このブログのどのブログ購読メールがオンになっているかが表示されます。ブログの購読メール設定を変更するには、「管理」をクリックします。
- カスタムのcanonical URLを追加するには、[canonical URLをカスタマイズ]フィールドにURLを入力します。詳しくは、canonical URLの使用をご確認ください。
ブログ記事のプレビュー
投稿を公開する前に、さまざまな種類のデバイスでプレビューし、スマートコンテンツやパーソナライゼーションをテストすることができます。
- HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- 投稿の上にカーソルを置いて[編集]をクリックします。
- コンテンツエディターで、右上の[プレビュー]をクリックします。
- ページをウィンドウ全体でプレビューするには、右上の[新しいウィンドウで開く]をクリックします。このプレビューページをHubSpotアカウントの他のユーザーと共有するには、プレビューページの[共有可能なリンクをコピー]をクリックします。ユーザーはこのプレビューを表示するために、HubSpotにログインしている必要があります。
- 別の端末で記事をプレビューするには、プレビューページの右上にあるモバイル端末用のアイコンをクリックします。
- このブログ記事のGoogle AMPをオンにしている場合、ページ上部のGoogle AMPをクリックすると、AMP版の記事をプレビューすることができます。通常の表示に戻るには、[標準]をクリックします。
- パーソナライズやスマートコンテンツをプレビューするには、[プレビュー動作]ドロップダウンメニューをクリックします。
- Contactを選択すると、投稿のパーソナライズをプレビューすることができます。次に、2つ目のドロップダウンメニューをクリックし、連絡先を選択すると、その連絡先に対してどのように投稿が表示されるかをプレビューできます。
- Smart ruleを選択すると、投稿のスマートコンテンツがプレビューされます。次に、2つ目のドロップダウンメニューをクリックし、1つ以上のスマートルール()を選択すると、そのルールに一致する訪問者に投稿がどのように表示されるかがプレビューされます。
関連記事
-
非公開コンテンツにアクセスするためのメンバー登録を必須にする
公開権限を付与されているユーザーは、HubSpotがホスティングする特定のページ、ブログ、ナレッジベース記事にアクセスできるコンタクトを制御できます。閲覧用のパスワード登録が必要な特定のコンテンツに、特定の...
ナレッジベース -
Google アナリティクスとHubSpotコンテンツの連携
Google アナリティクスをHubSpotと連携すると、貴社のHubSpotサイトへの訪問者に関するデータがGoogle アナリティクスのアカウント上に収集されます。Google...
ナレッジベース -
HubSpotコンテンツに動画を追加する
HubSpot動画を使用すると、ファイルツールに動画をアップロードし、ページ、マーケティングEメール、ブログ記事、ナレッジベース記事に動画を追加できます。 HubSpot動画は、ドラッグ&ドロップマーケティングEメールと
ナレッジベース