ページまたはブログ記事のキービジュアルを使用する

キービジュアルは、ページやブログ記事をソーシャルメディアでシェアするときにサムネイルとして使用されます。ページごとに設定するか、投稿ごとにキービジュアルを設定するかを選択できます。ブログリストページにキービジュアルを表示することもできます。

ページまたはブログ記事にキービジュアルを追加する

キービジュアルは、ランディングページ、ウェブサイトページ、またはブログ記事に追加できます。 

• ページまたは投稿にキービジュアルを追加するには:

  1. コンテンツを開きます。

     • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
     • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
     • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
  2. コンテンツの名前をクリックします。 
  3. コンテンツエディターで、右上の [設定 ]をクリックします。
  4. ダイアログボックスで、[ キービジュアル]を選択します。
  5. [ キービジュアル ]セクションで、[ キーキービジュアルを有効にする ]スイッチをクリックしてオンに切り替えます。ブログ記事で［続きを読む］区切りよりも前に画像が表示されている場合、HubSpotでは自動的にその画像がキービジュアルとして割り当てられます。
  6. 別の画像を選択するには、[ 画像を参照 ]をクリックして ファイルツールから画像を選択するか、[ アップロード ]をクリックしてコンピューターの画像を使用します。
     • 画像がオプションとして表示されているものの、「サムネイル」ラベルがついていない場合は、画像をクリックしてキービジュアルとして選択します。 
     • Content Hub Professional または Enterprise をご利用のアカウントは、AIを利用してキービジュアルを生成することができます。AIを利用した画像の生成についてもっと詳しく。 
  7. 画像の代替（alt）テキストフィールドに、検索エンジンやスクリーンリーダーが使用する画像の説明を入力します。
  8. ダイアログボックスで、[ X ]をクリックしてコンテンツエディターに戻ります。

• キービジュアルの追加が完了したら、[ 公開 ]または [更新]をクリックします。

ブログリストページでキービジュアルを表示する

ブログリストページでブログ記事のキービジュアルを表示できます。

• ブログリストページにキービジュアルを表示するには、次の手順に従います。
  1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  2. 左のサイドバーメニューで、［コンテンツ］>［ブログ］の順に進みます。 
  3. [コンテンツビュー ]セクションで、最初の ドロップダウンメニューをクリックし、ブログを選択します。
  4. [ テンプレート]タブをクリックします。
  5. ［サマリーと画像］セクションで［リストサマリーにキービジュアルを使用］チェックボックスを選択します。

• 左下の［保存］をクリックします。