網站圖片

你是否正在尋找能夠讓你在眾多網站競爭者中脫穎而出的方法?如果是,恭喜你來對地方了。在這篇部落格文章中,我們會為你提供搭建網站時最加分的做法——即採用高品質的網站圖片。如果你經常瀏覽各種品牌網站來尋找改進網站的啟發,你一定會發現一件事,那就是所有成功的大品牌在網站圖片的選取工作上絕不馬虎。換句話說,你很難在專業的品牌網站上找到低像素,含義模糊的網站圖片。這是因為,行銷人員知道合適且優質的網站圖片對於網站的重要性。

根據研究,帶有相關照片的文章的瀏覽量比沒有照片的增加94%,而 Facebook 上的圖片的參與度比文字高 10%。圖片的作用不僅僅是讓網站看起來漂亮。與內容相關聯的網站圖片還幫助網站吸引人們的注意力,並增加了流量和轉化率。然而,為你的網站選擇最佳圖片需要考慮很多因素。比如,你必須選擇正確的圖片大小和格式,並記住哪些圖像吸引和排斥你的目標受眾,再針對搜索引擎優化你決定在網站中添加的圖片。

文章綱要:

1. 網站圖片的重要性

2. 選擇網站圖片時要考慮什麼?

3. 如何將圖片添加到在 Strikingly 架設的網站中?

4. 文章總結


1. 網站圖片的重要性

一個沒有圖片的網站會顯得空蕩蕩,不具備視覺吸引力很可能使得你的訪客望而止步並開始質疑你的專業度。以下是合適的網站圖片可以使網站受益的三種方式:

提高點擊率

我們人類是視覺動物,比起文字,網站圖片更能觸發我們的情緒。如果你的網站圖片激發了訪問者的情緒,你就可以開始與他們建立情感聯繫,並更好地說服他們點擊你網站上的連結或完成 CTA 任務。此外,相關的網站圖片可以使文本中傳達的訊息更易於理解。這會改善你網站的用戶體驗,從而帶來更高的流量和銷售額。

傳遞訊息

幾乎每個人都會瀏覽網站上的文本訊息,但有時候僅憑文字內容是無法讓你的潛在客戶想象產品的外觀和用途的。如果你不准備使用情景圖或產品展示圖,他們可能會錯過進一步了解他們感興趣的產品的機會。此外,引人注目的產品圖片讓用戶能夠想像自己正在使用這些產品,從而說服他們購買。

提高搜索引擎優化排名

網站圖片增加了你的網站在更廣泛的受眾面前曝光的機會。當你在圖片的標題中加入相關關鍵字時,你的圖片會出現在網路和圖片搜索結果中。

2. 選擇網站圖片時要考慮什麼?

網站圖片示例

圖片取自 Strikingly 用戶網站

以下是你在選擇網站圖片時必須查看的一些事項。

避免使用庫存照片

最好的網站圖片是你公司自己拍攝和擁有的圖片。原始圖片反映了你品牌的身份和價值,使潛在客戶更容易信任你的企業;相反,從網路圖片庫下載的圖片通常不具備原始照片所具有的獨特性,並且你的競爭對手可能會使用與你相同的庫存圖片。試問這種情況下,你的客戶將如何區分你和競爭對手的品牌標識?

優化 SEO

圖片是適用於網站 SEO 優化的最佳元素之一,其可幫助你的網站排名更高並覆蓋更廣泛的受眾。以下是一些可以優化照片的方法。

  • 確保為圖片編寫正確的替代文本(ALT TEXT)
  • 不同的圖片格式有不同的用途,確保你使用正確的圖片格式。例如,JPEG 最適合複雜和彩色的圖片,而 PNG 適合包含較少數據的圖片。
  • 編寫相關且直接的標題,並盡可能包含相關關鍵字。
  • 正確命名圖片文檔,以便搜索引擎知道你的網站圖片是否與用戶的搜索查詢相關。

選擇正確的圖片大小和文檔

圖片尺寸和文檔大格式會顯著影響搜索引擎優化和網站的整體性能。確保你的網站圖片大小不超過 200 KB, 因為較重的圖片會降低網站的加載速度,從而造成較差的用戶體驗。你可以使用圖像壓縮工具來減小網站圖片的大小。但注意,減小圖片大小會影響圖片品質,以下是不同網站圖片的推薦尺寸:

  • 部落格圖片– 1200 x 630 像素
  • 網站橫幅圖片 – 250 x 250 像素
  • 背景圖像 – 1920 x 1080 像素
  • 標誌(正方形)– 100 x 100 像素
  • 網站圖標 – 16 x 16 像素
  • 標章(矩形)– 250 x 100 像素
  • 縮略圖 – 150 x 150 像素

在你的圖片中加入人物

人物網站圖片

圖片取自 Strikingly 用戶網站

人們喜歡在照片中看到其他人。包含人物的網站圖片會給訪問者留下值得信賴的印象。為此,建議你專注於在網站上添加一些帶有人物的照片以加強情感聯繫。我們知道你不能在每張照片中都讓人物參與進來,但請盡可能地參與進來。嘗試為使用你的產品或服務的人拍照,這將極大地影響你的目標受眾對他們使用你的產品和服務的想像力。

確保你的圖片有用

不要僅僅為了美化它的外觀而將照片添加到你的網站,因為用戶往往會忽略那些無用的圖片。你可以嘗試問自己這些問題,以了解你的網站圖片是否相關:

  • 這張圖片是否有助於用戶理解一個概念?
  • 圖片是否能很好地展示你的服務或產品?
  • 你的產品照片是否具有情感吸引力?
  • 當用戶看到這張圖片時,他們能想像自己正在使用你的產品嗎?
  • 圖片與你的品牌相關嗎?
  • 它是否與你的目標受眾對話?
  • 圖片是否足夠有效將訪問者轉化為買家?
  • 圖片傳達了什麼訊息?

包括號召性用語

簡潔的號召性用語比你想像的更重要。如果你需要社群媒體關注者、部落格訂閱者或想要增加銷售額,則需要明確的號召性用語(CTA)。當訪問者登入你的網站時,他們的注意力會先於文字被圖片吸引,所以一般圖片中的號召性用語比文字更有效。

注意圖片展示方向

在選擇網站圖片時,許多人都忽略了展示方向。事實上,圖片的展示方向會影響用戶體驗。比如,橫向圖片會填滿網站的寬度,但無法填補到頁面下方,所以風景照片一般更適合行動響應式網站

3. 如何將圖片添加到在 Strikingly 架設的網站中?

了解圖片應該出現在網站哪裡以及不需要出現在哪裡對於它們是否具有影響力至關重要。以下是在你的網站上包含圖片的一些想法:

  • 提供不同角度的產品圖片。如有必要,考慮附上特寫鏡頭。
  • 利用之前和之後的圖片對比概念。例如,如果你銷售護膚品。你可以添加一個人在使用你的產品之前和之後的照片。
  • 製作展示操作方法的圖片。假設你正在為你的網站製作一篇指南。請考慮提供相關的執行步驟的圖片,這將使指南變得更容易理解。

下面介紹如何使用 Strikingly 在網站的不同部分添加圖片:

大尺寸媒體

添加大尺寸網站圖片

圖片取自 Strikingly 產品

你可以添加網站圖片的常見部分0之一就是 Strikingly 提供的大尺寸媒體部分,只需:

第一步:找到要添加網站圖片的網部分,然後創建一個新的“大尺寸媒體”部分。

第二步:點擊新部分中的圖片,點擊編輯。你將看到用於編輯已上傳圖像、添加影片、替換現有圖片以及添加替代文本的選項。

第三步:上傳圖片並儲存。

• 圖冊

添加相冊

圖片取自 Strikingly 產品

圖冊部分非常適合構建作品集。不誇張地說,這是將圖片添加到網站的最簡單、最方便的方法。你只需:

第一步:添加“圖冊”部分或點擊“管理圖冊”上傳圖片和影片。

第二步:單擊加號按鈕導入媒體。你可以從你的電腦上傳,從 Strikingly 圖片庫中選擇,或者粘貼圖片連結這三種方式來實現圖片添加。

第三步:寫下引人入勝的標題和描述並在完成後點擊“保存”。

網站的背景圖片

更改網站的背景圖片很簡單。點擊右上角的“背景”。你可以從下拉菜單中更改背景顏色、影片或圖像。

產品圖片

在產品展示部分添加網站圖片

圖片取自 Strikingly 產品

產品圖片對於說服訪問者購買你的產品至關重要。利用此部分,你可以為網站添加多張產品圖片,並全方位地向客戶展示產品外觀。另外,該部分好支援你添加產品名稱,描述,甚至價格。

部落格圖片

相關的部落格圖片有助於吸引讀者訪問你的部落格文章。你可以透過 Strikingly 將預覽圖片或影片添加到你的部落格文章中,從而讓其從其他部落格文章中脫穎而出。

在部落格添加網站圖片

圖片取自 Strikingly 產品

4. 文章總結

從網站圖像中獲得最大利益的關鍵是研究你的目標受眾,以了解哪些網站圖片會將他們吸引到你的網站。遵循以上指南,並好好利用 Strikingly 提供的全面功能,你一定可以將自己的網站提升到更高的設計水平。如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。