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

ブログ記事を作成して公開する

更新日時 2020年 10月 19日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

HubSpotのブログツールを使用して、オーディエンスに事業内容を伝える魅力的なコンテンツを作成します。始める前に、ブログ設定会社のブランディングを更新し、ドメインを接続してください。新しいブログ記事を最初から作成したり、既存のGoogleドキュメントをブログ記事エディターにインポートしたりすることができます。

新しいブログ記事を作成する

  • HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
  • ブログ ドロップダウン メニューを使用して、新しい記事のブログを選択します。

  • 右上にある[作成]>[ブログ記事]をクリックします。または、既存の記事の上にカーソルを置き、[編集]をクリックします。
  • 下書きモードまたはインライン編集モードのどちらで記事を作成するかを選択します。
    • インライン編集モード(正規のWYSIWYGエディター)では、リッチ テキスト エディターでブログ記事コンテンツを編集します。コンテンツを最初から作成したり、Googleドキュメントからコンテンツをインポートしたりできます。
    • 下書きおよびコメントモードまたはGoogleドキュメントからアップロード:コンテンツ作成エクスペリエンスに重点を置いています。このエディターでは、インラインエディターで記事を最適化して公開する準備ができるまで、表示から公開オプションが削除されます。下書きエディターで作業する方法についての詳細をご確認ください。

インライン編集モードでブログ記事のコンテンツを編集する

インラインエディターで、新たにコンテンツを作成したり、リンクまたは接続済みGoogleアカウントを使用してコンテンツをGoogleドキュメントからインポートしたりすることができます。

新たにコンテンツを作成するには、次の手順を実行します。

  • ブログ記事タイトルの上にカーソルを置き、edit鉛筆アイコンをクリックして、この投稿のタイトルをカスタマイズします。
  • エディターで記事本文モジュールをクリックして、リッチ テキスト ツールバーを有効にします。このエディターを使用して、テキスト、画像、その他のコンテンツを記事に追加します。リッチ テキスト エディターのインターフェイスの使用方法について詳細をご確認ください。

Googleドキュメントからコンテンツをインポートするには、次の手順を実行します。

  • リッチ テキスト ツールバーで[詳細]ドロップダウンメニューをクリックし、[Googleドキュメントをインポート]を選択します。
  • ダイアログボックスが表示され、接続済みGoogleアカウントのリストが表示されます。Googleアカウントにサインインする必要がある場合は、[新しいアカウントを接続]をクリックします。その後、[承諾してGoogleに接続]をクリックします。 
    • 接続済みGoogleアカウントからGoogleドキュメントをインポートするには、次の手順を実行します。
      • 接続済みGoogleアカウントのEメールアドレスをクリックします。 
      • HubSpotにインポートするGoogleドキュメントを選択します。その後、[選択]をクリックします。
    • Googleドキュメントへのリンクを使用してコンテンツをインポートするには、次の手順を実行します。
      • ダイアログボックスで[リンクから]をクリックします。
      • Googleドキュメントに共有リンクを貼り付けます。次に[インポート]をクリックします。
既定で、ブログ一覧ページでは、プレビューにブログ記事の最初の段落が表示されます。ブログ記事に表示されるテキストの量は、カスタマイズ可能です。そのためには、「続きを読む」セパレーターを手動で追加します。
  • 記事本文で、記事内容のプレビューを終わらせる位置にカーソルを配置します。
  • [挿入]をクリックして、[「続きを読む」セパレーター]を選択します。
  • 必要に応じて、[続き]ハンドルをクリックし、希望する位置にドラッグします。

read%20more%20separator

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

  • [設定]タブをクリックして、ブログ記事の設定をカスタマイズします。
    • ブログのタイトルを追加または編集します。このタイトルは、ブログのコンテンツおよび検索結果に表示されます。検索結果でこのブログ記事のために別のページタイトルを使用するには、次の手順を実行します。
      • [ブログのページタイトルをカスタマイズ]をクリックします。
      • ブログ記事のための一意のタイトルを入力します。このタイトルが検索結果に表示され、また、ブログ記事を表示するために使用されるウェブブラウザーのタイトルとして表示されます。
    • edit鉛筆アイコンをクリックして、URLを更新します。
    • [執筆者]ドロップダウンメニューをクリックして、ブログ執筆者を選択します。
    • [タグ]ドロップダウンメニューをクリックして、ブログタグを追加します。
    • ブログ記事のメタディスクリプションを入力します。これは、検索エンジンの結果ページにおいてブログタイトルの下に表示される説明です。
    • [キャンペーン]ドロップダウンメニューをクリックして、投稿をキャンペーンに関連付けます。
    • サムネイル画像機能を有効または無効にします。このブログ記事からサムネイル画像を選択するか、または新しい画像を選択することができます。
  • [詳細オプション]をクリックして、詳細設定を展開します。それらはブログ記事に関する任意の設定です。

ブログ記事をレビューして最適化する

エディターで最適化ツールを使用することにより、SEOベストプラクティスに関してコンテンツを改善するための提案を確認します。全体的なコンテンツ戦略を整理するには、コンテンツをSEOトピックに結び付けます
  • エディターの上部にある[最適化]をクリックします。
  • 左側のパネルに、関連するSEOヒントのグループが表示されます。アクションを必要とする項目があれば、対処の必要な項目の番号に赤丸が付いています。
  • グループをクリックすると、詳細が展開されます。
    • 緑のチェックマークの付いたSEOの推奨事項は、完了しています。
    • 灰色のチェックマークの付いたSEO推奨事項は、完了する必要があります。

open-seo-recommendations-within-the-editor


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

右上にある[プレビュー]をクリックして、訪問者にブログ記事がどのように表示されるかを確認します。

  1. デバイスプレビュー:[新しいウィンドウで開く]をクリックすると、ブラウザーの新しいタブでブログ記事のライブプレビューを表示できます。このプレビューリンクは、記事が実際に公開される前でも有効です。チームと共有するリンクをクリップボードにコピーするには、[共有可能なリンクをコピー]をクリックします。
  2. 編集中の特定のブログ記事をプレビューするには、[完全記事ビュー]をクリックします。ブログのホームページをプレビューするには、[メイン リスト ビュー]をクリックします。
  3. ブログ記事のAccelerated Mobile Pages(AMP)を有効にしている場合は、[Google AMP]をクリックして、モバイルデバイスにブログがどう表示されるかを確認します。
  4. スマートプレビュー: [対象条件でプレビュー]ドロップダウンメニューをクリックし、データベース内のさまざまなコンタクトに対してブログ記事がどのように表示されるかをプレビューします。
    • コンタクトを選択して、その特定のコンタクトのプロパティー値に基づいてパーソナライゼーションが表示されるかをプレビューします。2番目のドロップダウンメニューをクリックし、データベースから特定のコンタクトを選択します。
    • スマートルールを選択して、条件を満たすコンタクトに対してブログ記事のスマートコンテンツがどのように表示されるかをプレビューします。2番目のドロップダウンメニューをクリックして、プレビューする特定のスマートルールを選択します。
  5. デバイスタイプ:[モバイル+タブレット]をクリックして、電話またはタブレットデバイス上でのページのライブプレビューを表示します。[デスクトップ]をクリックして、ウェブブラウザーでページがどのように表示されるかを確認します。
preview-blog-post

ブログ記事を公開またはスケジュールする

コンテンツを追加して、検索エンジン用に最適化し、訪問者に対してどう表示されるかをプレビューしたら、ブログ記事公開の準備完了です。

  • [公開またはスケジュール]タブをクリックし、今すぐ公開する場合は[今すぐ公開]を選択します。また後で特定の日時にこの記事を公開する場合は[後の予定としてスケジュール]をクリックします。
  • ページの必須項目が欠落している場合は、[公開]ボタンの右上にアラートが表示されます。
  • ブログ記事の必須項目がすべて完了したら、[公開]をクリックします。

publish-a-landing-page