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

キービジュアルは、ページまたはブログ記事がソーシャルメディアで共有されたときにサムネイルとして表示されます。キービジュアルは個々のページまたは記事に設定され、ブログリストページに表示される場合があります。

キービジュアルを追加する

1. 目的のコンテンツに移動します。
   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. コンテンツの名前をクリックします。 
3. コンテンツエディターで、右上の［設定］をクリックします。
4. ダイアログボックスで、左側のメニューの[ キービジュアル ]を選択します。
5. [ キーキービジュアルを有効にする ]スイッチをオンに切り替えます。ブログ記事で［続きを読む］区切りよりも前に画像が表示されている場合、HubSpotでは自動的にその画像がキービジュアルとして割り当てられます。
6. 別の画像を選択するには、 オプションをクリックします。
   • 画像を参照: ファイルツールから画像を選択し、
   • アップロード:コンピューターの画像を使用します。
   • AIを利用して生成: Breezeを使用して画像を生成します。
   • 画像がオプションとして表示されているものの、「サムネイル」ラベルがついていない場合は、画像をクリックしてキービジュアルとして選択します。 

7. 画像の代替（alt）テキストフィールドに、検索エンジンやスクリーンリーダーが使用する画像の説明を入力します。
8. ダイアログボックスで、[ X ]をクリックしてコンテンツエディターに戻ります。
9. 完了したら、右上の［公開］または［更新］をクリックします。

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

ブログのキービジュアルがブログリストページに表示される場合があります。ブログ設定で設定されている場合、画像はブログ リスト テンプレートの各記事と一緒に表示されます。

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