バリエーションに画像を追加および置換

バリエーションに画像を追加および置換

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ランディングページや商品ページの画像は、ウェブサイトへの訪問者を引きつける最良の方法です。PageSenseのビジュアルエディタを使用すると、バリエーションページで画像を素早くアップロード、リサイズ、編集することができ、異なるターゲットに効果的にブランドのメッセージを伝えることができます。たとえば、商品の外観に基づいて製品を購入するようユーザーを誘引するために、ECサイトに製品画像をアップロードすることができます。また、ヘッダーやフッターセクションに会社のロゴを挿入することもできます。エディタでは、画像の説明のための代替テキストを追加することもでき、オンライン検索エンジンのSEOを向上させることができます。

注:画像のサイズは、元のHTMLページの定義方法に依存します。もしも寸法が制限されている場合、新しい画像はサイズに合わせて縮小されます。それ以外の場合は、元のサイズで表示されます。

画像をバリエーションに追加するには:
1. A/Bテストを選択し、上部のエディタタブをクリックします。
テストページがPageSenseビジュアルエディタで開きます。

2.
 
画像を追加したい場所にカーソルを合わせ、クリックします。
アクションバーがページに表示されます。

3.
 
メニューリストから挿入をクリックし、画像の挿入を選択します。



4.
 
以下の操作が画像エディタで可能です:

  • アップロードアイコンをクリックして、コンピュータから新しい画像を選択するか、URLアドレスを指定してください。もし既にオンラインで利用可能な場合は、URLボックスにアクセスするためのURLを入力してください。

  • 画像にホバーした際にユーザーに表示されるaltテキストを追加してください。これにより、SEOが向上します。

  • 画像の幅と高さをパーセンテージまたはピクセル単位で入力してください。これにより、画像を希望のサイズにリサイズすることができます。

  • 画像の配置位置を左、右、またはデフォルトから選択してください。



5.
 
クリックして適用します。

画像を変更するには:
1. A/B実験を選択し、エディタータブをクリックします。

2. ページ上の画像を選択し、編集をクリックし、メニューリストから画像を編集を選択します。


3. 画像エディター内の閉じるアイコンをクリックして、既存の画像を削除し、新しい画像をアップロードしてください。
必要に応じて、画像のサイズ変更、代替テキストの追加、配置の変更を行うことができます。

4. 変更を保存するには、