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

スマートコピーを使用してCMSからブログをインポートする

更新日時 2021年 5月 11日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise

既存のブログコンテンツをHubSpotに移行する際に必要となるのは、公開中の記事のURLだけです。

スマートコピー機能は、ブログ記事テンプレートを分析して、ブログ記事のタイトル、執筆者、コンテンツ、タグを特定します。ブログ全体のスキャンが完了したら、これらのプロパティーのマッピングを確認し、既存の記事を新しいHubSpotブログにインポートします。


始める前に

  • HubSpotアカウントを作成すると、ブログ記事をインポートするために使用できる新しい既定のブログがアカウントに表示されます。 
  • 既存のブログ記事のURLを使用して、既存のブログコンテンツ全体をHubSpotブログにインポートします。インポート処理を簡単にするには、分かりやすいタイトル、キービジュアル、最初の段落を含むサンプルのブログ記事を使用します。これらの要素は、ブログ記事マッピングを確認するときに簡単に認識できます。
  • スマートコピー機能は、URL構造にハッシュタグが含まれているブログ記事には使用できません。たとえば「www.exampleblog.com#tag」は、この機能では処理できません。
  • WordPressブログをインポートする場合は、代わりにWordPress Connect機能を試してください。

スマート コピー ツールにブログ記事URLを入力する

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ブログ]に移動します。
  • 右上にある[ブログをインポート]をクリックします。
  • 右上のブログ インポーター ダッシュボードで、[新しいブログをインポート]をクリックします。
  • [スマートコピー]オプションを選択し、[次へ]をクリックします。
  • [最近のブログ記事]テキストフィールドで、インポートするブログから最近の投稿記事のURLを貼り付けます。
  • [現在どのブログプラットフォームを使用していますか]ドロップダウンメニューをクリックし、インポートするブログを現在ホストしているプラットフォーム(WordPressなど)を選択します。
  • [HubSpotブログ]ドロップダウンメニューをクリックして、ブログコンテンツのインポート先となるHubSpotブログを選択します。
  • 右下の[ブログ記事をコピー]をクリックします。

ブログ記事をスキャンしてインポートツールにコピーする処理には時間がかかります。約1時間後にプロセスが完了しているかどうかを確認してください。また、スキャンが完了したことを確認するEメールも届きます。

ブログ記事マッピングを確認する

ツールによるブログ記事のスキャンが完了すると、[ステータス]列に[スキャンが完了しました]と表示されます。ブログでエラーが発生したか、または10,800ページの制限に達した場合は、[ステータス]列にインポートの詳細が表示されます。ブログ インポート ツールで 10,800件を超えるページをインポートするには、代わりにXMLファイルをインポートします

インポート処理を完了するには、[結果をレビュー]をクリックして、ブログコンテンツのマッピングを確認します。スマート コピー ツールは、公開中のブログ記事のHTMLに基づいて検出できるフィールドマッピングを提示します。

正しいコンテンツが表示されない場合は、[[マッピング]は存在していますがオプションとしてリストされていません]を選択します。スマート コピー ツールに対し、公開中のブログ記事でターゲットとなるHTML要素のCSSセレクターを使用して、ブログのこの機能を検出する位置を正確に指定できます。

  • タイトル:ブログ記事のタイトルを選択します。これは必須フィールドです。
  • 作成者:ブログ記事の執筆者を選択します。これは必須フィールドです。ブログ記事の執筆者を表示しない場合は、代わりに[執筆者が表示されない場合、「管理者」を使用します]を選択できます。記事をインポートする前に、この既定値をカスタマイズできます。
  • 公開日:ブログ記事の公開日を選択します。これは必須フィールドです。ブログ記事の公開日を表示しない場合は、代わりに[公開日が表示されない場合、「今日の日付」を使用します]を選択できます。記事をインポートする前に、この既定値をカスタマイズできます。
  • キービジュアル:このツールでは、ブログ記事本文内で、キービジュアルである可能性がある画像がすべて特定されます。このブログ記事のキービジュアルを選択して、スマート コピー ツールに対して残りの記事でキービジュアルを検出する位置を指示します。ブログ記事のキービジュアルがインポートされないようにするには、代わりに[サムネイルが表示されない場合、インポートしません]を選択します。
  • 記事の本文:このツールは、ブログ記事のさまざまなテキスト本文をスキャンします。このフィールドは必須です。ブログ記事の本文の最初の段落に表示されるテキストを確認してください。 
  • カテゴリー/タグ:このブログ記事に適用されるカテゴリーまたはタグを選択します。このブログ記事のカテゴリーまたはタグをインポートしない場合は、[カテゴリー/タグが表示されない場合、インポートしません]を選択します。

ブログのインポートのソースとして別のブログ記事をスキャンするには、[URLを変更]を選択し、新しいブログ記事のURLを入力します。これにより、フィールドマッピングプロセスが最初からやり直されます。

マッピングのトラブルシューティング

ブログ インポート ツールがブログ記事コンテンツの一部を正しくマッピングできない場合は、スマートコピー機能に対し、公開中のブログ記事の情報を検出する位置を正確に指定できます。公開中のブログ記事を検証し、ページ上の特定HTML要素のCSSセレクターを特定する方法を説明します。 

以下の手順は、Chromeブラウザーでブログ記事のCSSセレクターを確認する手順です。SafariFirefox、その他のウェブブラウザーでの手順については、該当する開発元のドキュメントを参照してください。

  • 「インポート」処理で送信した公開中のブログ記事のURLに移動します。
  • ブログ記事にカーソルを合わせて右クリックし、[Inspect element]を選択します。

inspect-element

  • HTML要素のCSS セレクターを特定するには、次の手順に従います。
    1. 左上のセレクター矢印をクリックして、ページ上の特定の要素を分離します。
    2. 公開中のブログ記事のタイトル執筆者公開日キービジュアル記事の本文、またはカテゴリー/タグをクリックして、この要素を検査します。公開中のページでこの要素が強調表示され、[Elements]パネルに表示されます。
    3. インスペクターで強調表示された要素を右クリックし、[Copy]>[Copy selector]の順に選択します。この操作により、CSSセレクターがクリップボードに自動的にコピーされます。

copy-css-selector-from-blog-post

  • HubSpotで、このセレクター[CSSまたはHTML要素を追加]フィールドに貼り付けます。次に、[次へ]をクリックしてマッピングを続行します。

enter-selector

CSSセレクターの詳細については、このコミュニティー記事に詳しい説明と例が記載されています。

インポートを完了する

マッピングが完了したら、ブログのインポートステータスが[記事のインポートの準備をしています]に変わります。この時点で、ブログのインポート操作を確認して完了できます。フィールドマッピング処理中にブログ記事の作成者または公開日の既定値を選択した場合、ダッシュボードの上部に表示されているこれらの既定値をカスタマイズできます。

  • インポートを完了するには、[結果をレビュー]をクリックします。ブログ記事のリストと、ウェブサイトでスキャンされたその他のすべてのウェブコンテンツが表示されます。
  • [プレビュー]をクリックします。ブログ記事コンテンツのシンプルなプレビュー、画像URL、インポートツールによって特定されたその記事の値のリストが表示されます。 

注:ブログ記事のプレビューでは画像自体ではなく、画像のURLが読み込まれます。


  • 既定ではすべてのブログ記事がインポート対象として選択されます。インポートから除外するブログ記事の横にあるチェックボックスを選択解除します。
  • 選択内容を最終的に確認したら、[インポート]をクリックします。
  • [公開ステータス]ダイアログボックスで、これらのブログ記事を下書きまたは公開中の記事のいずれとしてインポートするかを選択します。[保存]をクリックします。

ブログのインポートステータスが[インポートが進行中]に更新されます。インポートが完了したら、ステータスが[インポートが完了しました]に更新されます。

インポート処理中にエラーが発生した場合、ステータスは[インポートは成功しましたが、問題がいくつか発生しました]に更新されます。詳細を確認するには、[続き]>[詳細を表示]をクリックします。新しいブログ記事リンクを使ってインポート処理を再試行する場合は、元のインポートで発生したエラーはすべてリセットされます。

次のステップ:HubSpotでブログをセットアップする

ブログ記事をインポートしたら、HubSpotでブログのセットアップを完了します。