メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

ブログ記事を作成してカスタマイズする

更新日時 2024年 9月 18日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

ブログを作成した後は、まったくゼロからブログ記事を作成することも、外部ブログからインポートして作成することもできます。ブログの内容をカスタマイズしたり、設定をカスタマイズしたり、検索エンジン用にブログ記事を最適化したりできます。

ブログ記事を作成する 

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 右上の[作成]をクリックし、[ブログ記事]を選択します。 
  • ダイアログボックスで、[ブログを選択]ドロップダウンメニューをクリックしてブログを選択し、[ブログ記事を作成]をクリックします。 
  • コンテンツエディターで、[ブログ記事の本文]モジュールをクリックし、記事にコンテンツを追加します。リッチ テキスト ツールバーで、ブログコンテンツの書式を編集することができます。
  • 効率的な編集環境でブログ記事を書くには、右上のフォーカス モード スイッチをクリックしてオンに切り替えます。このモードのオン/オフはいつでも切り替えられます。 

 

  • ブログの一覧ページに表示される記事の要約の長さを設定するには、「続きを読む」セパレーターを挿入します。 
    • [ブログコンテンツ]モジュールをクリックします。
    • リッチ テキスト ツールバーで、[挿入]ドロップダウンメニューをクリックし、「続きを読む」セパレーターを選択します。 
    • 「続きを読む」セパレーターをクリックし、ブログ記事内の適切な位置までドラッグします。 
  • [ブログ記事本文]モジュールにさらにモジュールを追加するには:
    • 左のサイドバーで、add[追加]アイコンをクリックします。
    • モジュールを1つクリックし、[ブログ記事本文]モジュールの上にドラッグして所定の位置にドロップします。 
    • [ブログ記事本文]モジュール内の特定のモジュールを編集するには、左サイドバーのsiteTree[コンテンツ]アイコンをクリックし、[モジュール]をクリックします。 
  • ドラッグ&ドロップ編集ツールを使ってモジュールを複製、再配置、コピー&ペーストできます。 

edit-module-in-blog-post-body

ブログ記事の設定を編集する

ブログ記事のコンテンツを編集した後は、URLスラッグ、メタディスクリプション、言語などのページ属性をカスタマイズできます。 

記事の基本的な設定をカスタマイズする 

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[全般]を選択します。 
  • ダイアログボックスの[ブログのタイトル]フィールドに、ブログ記事の名前を入力します。この名前は、記事上部のh1タグ、訪問者のブラウザー内のタブ、および検索結果に表示されます。
    • ページに表示されるタイトルとh1タグを、ブラウザーと検索結果に表示されるページの名前から分離するには、[ブログのページタイトルをカスタマイズ]をクリックします。 
    • [ブログのタイトル]フィールドに、ページのh1タグに表示されるブログ記事のタイトルを入力します。 
    • [ページタイトル]フィールドに、ブラウザーのタイトルバーと検索結果に表示されるブログ記事の名前を入力します。 
  • 記事を別のブログに移動するには、[ブログ]ドロップダウンメニューをクリックし、ブログを選択します。この変更を公開すると、記事のURLが自動的に変更されて、新しい宛先を反映するようになります。その記事の以前のURLからリダイレクトされるようになります。 
  • 記事のURLを編集するには、[コンテンツスラッグ]にフィールドにURL文字列入力します。詳しくはブログ記事のURLを編集するをご覧ください。 

edit-blog-post-title-and-url

  • 記事の作者を設定するには、[作者]ドロップダウンメニューをクリックして作者を選択します。詳しくはブログの作者を管理するをご覧ください。
  • 既存のタグを記事に追加するには、[タグ]ドロップダウンメニューをクリックしてタグを選択します。新しいタグを追加するには、[タグ]ドロップダウンメニューをクリックし、フィールドにタグを入力して、[[新しいタグの名前]タグを追加]をクリックします。詳しくはブログタグの管理をご覧ください。 

キービジュアルを設定する

記事がソーシャルメディアでシェアされるときに含まれるキービジュアルを追加するには: 

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[キービジュアル]を選択します。 
  • ダイアログボックスで、[キービジュアルを有効にする]スイッチをクリックしてオンに切り替えます。
  • [アップロード]をクリックしてご使用のコンピューターから画像を選択するか、[画像を参照]をクリックしてファイルツールから画像を選択します。
  • アクセシビリティーを高めるために、画像のaltテキストの欄に画像の説明を入力してください。 

メタディスクリプションとキャンペーンを設定する

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[メタデータ]を選択します。 
  • ダイアログボックスの[メタディスクリプション]フィールドに、検索結果に表示される記事コンテンツの説明を入力します。
  • Marketing Hub ProfessionalまたはEnterpriseのサブスクリプションをご利用の場合、記事をキャンペーンに関連付けることができます。
    • 記事を既存のキャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、キャンペーンを選択します。
    • 記事を新規キャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、[キャンペーンを作成]をクリックします。続けて、キャンペーンを設定します。 
    • キャンペーンを作成したことがない場合は、[キャンペーンを作成]をクリックします。続けて、キャンペーンを設定します。 

ブログテンプレートを管理する

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[テンプレート]を選択します。 
  • ダイアログボックスで、[このブログのテンプレートを変更]をクリックして、このブログで使用するテンプレートを変更します。 

注:ブログの記事テンプレートを変更すると、そのブログの全ての記事で使用されるテンプレートが変更されます。個々のブログ記事に独自のテンプレートを適用することはできません。 

  • ブログ記事テンプレートを編集するには、[このテンプレートを編集]をクリックします。 
  • 別のブログ リスト テンプレートを選択するには、ブログ リスト ページセクションのアクションドロップダウンメニューをクリックし、テンプレート変更を選択してください。ブログ リスト テンプレートがドラッグ&ドロップ編集に対応している場合、ページの編集をクリックすると、コンテンツエディターで編集を行うことができます。 

記事の言語の設定

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[詳細]を選択します。 
  • ダイアログボックスで[ブログ記事の言語]ドロップダウンメニューをクリックして、言語を選択します。詳しくは多言語でのブログ記事の作成をご覧ください。 

オーディエンスアクセスを設定

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[アクセス制御]を選択します。 
  • ダイアログボックスでプライバシーオプションを選択します。 
    • 公開:誰でもこのブログ記事にアクセスできます。
    • セルフ登録が必要:アカウントを作成した訪問者のみがこのブログ記事にアクセスできます。
  • セルフ登録が必要な記事のコンテンツを検索エンジンがクロールできるようにするには、[SEOのクロール]チェックボックスをオンにします。それ以外の場合は、「続きを読む」区切りより前のコンテンツのみがクロールされます。 

高度な投稿設定を管理する

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで[設定]メニューをクリックし、[詳細]を選択します。 
  • 記事のヘッドHTMLにコードスニペットを追加するには、ダイアログボックスの[HeadのHTML]フィールドをクリックし、コードスニペットを入力します。または、特定のドメインにある全ての記事とページにコードスニペットを追加するには、ウェブサイトの設定にアクセスします。
  • このブログの配信登録Eメールの設定を変更するには通知Eメールセクションにある管理をクリックします。
  • カスタムのcanonical URLを追加するには、[canonical URLをカスタマイズ]フィールドにURLを入力します。正規URLを使用する方法について詳細をご確認ください。

公開済みの記事

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • 記事を今すぐ公開するには:
    • 右上の[公開]をクリックします。 
    • ソーシャルメディア共有をオンにしている場合は、ダイアログボックスの[プレビュー]をクリックして、ソーシャルメディアでの記事の表示方法を変更します。右側のパネルで、表示されるテキストと画像を編集し、[保存]をクリックします。 
    • この記事のGoogle AMPを有効にするには、[このブログ記事のためだけにGoogle AMPを有効にする]チェックボックスをオンにします。このブログのすべての記事でGoogle AMPがオンになっている場合は、このオプションが表示されません。詳しくはブログでのGoogle AMPの設定をご覧ください。
    • ダイアログボックスで、[今すぐ公開]をクリックします。 

publish-blog-post-now

  • 後でページを公開するようにスケジュールするには: 
    • 右上の[公開]ボタンの隣にあるドロップダウンメニューをクリックし、[公開オプション]を選択します。
    • ダイアログボックスで、[公開を予定としてスケジュール]チェックボックスをオンにします。 
    • [日付]フィールドをクリックし、ページを公開する日付を選択します。 
    • [時刻]フィールドをクリックし、ページを公開する時刻を選択します。 
    • ソーシャルメディア共有をオンにしている場合は、ダイアログボックスの[プレビュー]をクリックして、ソーシャルメディアでの記事の表示方法を変更します。右側のパネルで、表示されるテキストと画像を編集し、[保存]をクリックします。
    • この記事のGoogle AMPを有効にするには、[このブログ記事のためだけにGoogle AMPを有効にする]チェックボックスをオンにします。このブログのすべての記事でGoogle AMPがオンになっている場合は、このオプションが表示されません。詳しくはブログでのGoogle AMPの設定をご覧ください。
    • [スケジュール]をクリックします。または、[スケジュールして編集を続ける]をクリックすると、ページの公開をスケジュールした上で、コンテンツエディターに戻ることができます。 

schedule-publishing-options-for-blog-post

  •  

検索エンジン向けに記事を最適化する

サイドバーエディターの[最適化]セクションで、記事のSEO推奨を表示したり、記事をトピックに関連付けたりできます。 

  • コンテンツを開きます。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで、左のサイドバーにあるgauge [最適化]アイコンをクリックします。 
  • コンテンツをトピックと関連付けるには: 
    • 既存のトピックを追加するには、[トピック]ドロップダウンメニューをクリックし、ページのトピックを選択します。
    • 新しいトピックを作成するには、[トピック]ドロップダウンメニューをクリックし、[コアトピックを追加]を選択します。ダイアログボックスにトピックを入力し、[保存]をクリックします。
  • 記事をサブトピックキーワードに関連付けるには:
    • [これはサポートコンテンツですか?]チェックボックスを選択します。
    • [サブトピックキーワード]ドロップダウンメニューをクリックし、サブトピックキーワードを選択します。
    • 新しいキーワードを作成するには、[サブトピックキーワード]ドロップダウンメニューをクリックし、[サブトピックキーワードを追加]をクリックします。ダイアログボックスにサブトピックキーワードを入力し、[保存]をクリックします。 

optimize-seo-on-a-page

  • 不完全なSEOの推奨を表示するには、赤丸のついたカテゴリーをクリックします。完了した各推奨事項には緑のチェックマークが付きます。未完了の各推奨にはグレーのチェックマークが付きます。SEO推奨を利用する方法について詳細をご確認ください。 

optimize-tab-displaying-seo-recommendations

ブログ記事をプレビューする

記事を公開する前に、さまざまなデバイスタイプでプレビューして、スマートコンテンツとパーソナライズをテストすることができます。 

  • HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  • 記事の名前をクリックします。 
  • コンテンツエディターで、右上の[プレビュー]をクリックします。 
  • ページ全体をプレビューするには、右上の[新しいタブで開く]をクリックします。このプレビューページをHubSpotアカウントの他のユーザーと共有するには、プレビューページで[リンクをコピー]をクリックします。ユーザーはこのプレビューを表示するために、HubSpotにログインしている必要があります。
  • 別のデバイスで記事をプレビューするには、プレビューページの右上にあるmobileデバイスアイコンをクリックします。 
  • このブログ記事のGoogle AMPをオンにしている場合は、ページ上部の[Google AMP]をクリックして、AMP版の記事をプレビューします。通常の表示に戻るには、[標準]をクリックします。 
  • 記事がリストページにどのように表示されるかをプレビューするには、[表示]セクションの[メイン リスト ビュー]をクリックします。記事自体をプレビューするには、[記事ページプレビュー]をクリックします。 
  • パーソナライズやスマートコンテンツをプレビューするには、[プレビュー動作]ドロップダウンメニューをクリックします。 
    • [コンタクト]を選択すると、投稿のパーソナライズをプレビューすることができます。次に、2つ目のドロップダウンメニューをクリックし、コンタクトを選択すると、そのコンタクトに対してどのように投稿が表示されるかをプレビューできます。 
    • [スマートルール]を選択すると、投稿のスマートコンテンツをプレビューできます。次に、2つ目のドロップダウンメニューをクリックし、1つ以上のスマートルールを選択すると、そのルールに適合する訪問者に対して記事がどのように表示されるかをプレビューできます。 

プレビューブログポストインエディター

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。