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

画像に代替テキストを追加する

更新日時 2021年 5月 27日

対象製品

すべての製品とプラン

検索エンジンや、スクリーンリーダーを使用している訪問者にとって、画像があるとコンテンツを理解するのが難しくなる場合があります。この問題を解決するには、画像の外観と内容を説明する代替テキストを画像に追加します。これにより、サイトのアクセシビリティとSEOが向上します。ウェブサイトのアクセシビリティについて詳しくは、開発者ドキュメントを参照してください。

既定では、画像の代替テキストはファイルツール内での画像のファイル名に設定されます。

注:代替テキストを画像に追加しても、タイトルテキストが追加されるわけではありません。代替テキストは検索エンジンのランキングとアクセシビリティに影響を与えるためのものですが、タイトルテキストは、訪問者が画像にカーソルを重ねたときに表示されるものです。 

ページ、投稿、または記事上のリッチ テキスト モジュール内の画像に代替テキストを追加する

edit-alt-text

  • [適用]をクリックして変更内容を保存します。 
  • 右上の[更新]または[変更を公開]をクリックして変更内容を適用します。 

Eメールまたはドラッグ&ドロップエリア内の画像に代替テキストを追加する

  • HubSpotアカウントで、ウェブサイトページ、ランディングページ、またはブログ記事に移動します。
  • 更新するページまたはEメールの上にカーソルを重ねて[編集]をクリックします。
  • コンテンツエディターで、画像が含まれる画像モジュールをクリックします。
  • サイドバーのエディターで、[代替テキスト]フィールドに代替テキストを入力します。add-alt-text-to-image-module
  • 変更を保存します。
    • ページエディターで、[変更を適用]をクリックします。変更を適用するには、右上の[更新]または[公開]をクリックします。
    • Eメールエディターで、左上の[保存]をクリックします。