廣告圖在商城網(wǎng)站有著重要的作用,是提升轉(zhuǎn)化率的重要渠道。廣告圖的內(nèi)容通常是熱銷爆款、主打商品、最新商品等重要信息。常見的廣告圖顯示在頁面最明顯的地方,這樣才能讓訪客第一時間就能看到,吸引訪客目光點擊進行購買。
那什么位置是最明顯呢?一個頁面通常會被劃分為上,中 ,下三個部分。這三個部分的內(nèi)容需要根據(jù)網(wǎng)頁的瀏覽順序和聚焦的的強弱來進行合理布局。上半部分是一個網(wǎng)站聚焦度最強最明顯的位置,訪客進來網(wǎng)站第一眼就能看到這個地方。所以大部分網(wǎng)站的主打廣告圖都是在網(wǎng)頁的上部分。
選好位置還不夠,還需要考慮現(xiàn)在多樣化的顯示屏幕尺寸和跨度比較大的多種終端,讓廣告圖以最佳效果展示給訪客。通常有三種解決方案。
第一種解決方案:
上傳多組不同尺寸的廣告圖來匹配不同主流的屏幕分辨率(1920px,1680px,1440px)。這樣做的好處是無論哪種分辨率,都能得到最佳展示效果。但是管理員的上傳工作量變大,網(wǎng)頁大小就會大大增加,導致頁面打開速度變慢。
第二種解決方案:
用一組廣告圖按寬高比自動適應不同尺寸屏幕分辨率。相對前面的第一種解決方案,這種方式減少了工作量和網(wǎng)站大小,但是展示效果就不是最佳的。有人就有疑問了,不是說好按寬高比嗎?怎么會展示效果不是最佳呢。舉個例子:一張廣告圖的尺寸是1920*420,當顯示器的寬為1920px的時候,此時廣告圖的尺寸是1920*420,展示效果最佳。當顯示器的寬度為1280px時,按比例廣告圖的尺寸變成1280*280,意味著廣告圖的內(nèi)容被壓縮了,會導致訪客看不清圖片里想要表達的內(nèi)容,這樣的展示效果無疑是最糟糕的。以此類推,分辨率越小,效果就會越差。
第三種解決方案:
同樣是用一組廣告圖來自動適應不同的屏幕分辨率,但不是以比例縮放來達到適應目的。而是網(wǎng)頁設計師把核心內(nèi)容設計在寬為1000px區(qū)域,這個區(qū)域位于整張圖的中央,區(qū)域以外的部分只是作為場景的延伸。無論工作效率和展示效果,相對前面兩種解決方案是最優(yōu)的。
最佳的廣告管理系統(tǒng)采用第二種解決方案和第三種解決方案結合使用。根據(jù)網(wǎng)頁內(nèi)容的展示要求,結合不同方案的優(yōu)點來達到最佳的展示效果。例如,需要全屏展示的廣告圖,采用第三種解決方案,在不同的尺寸,隱藏左右兩邊延長的場景,不影響主題內(nèi)容的展示。非全屏展示的廣告圖,采用第二種解決方案,保持最優(yōu)效果的情況下按比例縮放。