已收藏,可在 我的資料庫 中查看
關(guān)注作者
您可能還需要

Shopify最全的圖片優(yōu)化經(jīng)驗總結(jié),請看這里!

用戶在購物時第一眼看到的是網(wǎng)站產(chǎn)品的圖片,然后是產(chǎn)品的標(biāo)題、價格。在行業(yè)上有這么一句說法:“做跨境電商的產(chǎn)品,其實就是賣圖片。”所以做好圖片的優(yōu)化是一個網(wǎng)站比較緊急的任務(wù)。圖片優(yōu)化有兩方面,第一,

Shopify最全的圖片優(yōu)化經(jīng)驗總結(jié),請看這里!

圖片來源:圖蟲創(chuàng)意

用戶在購物時第一眼看到的是網(wǎng)站產(chǎn)品的圖片,然后是產(chǎn)品的標(biāo)題、價格。在行業(yè)上有這么一句說法:“做跨境電商的產(chǎn)品,其實就是賣圖片。”所以做好圖片的優(yōu)化是一個網(wǎng)站比較緊急的任務(wù)。圖片優(yōu)化有兩方面,第一,在保證圖片質(zhì)量的前提下盡可能的壓縮圖片大小來提升網(wǎng)站的加載速度,進而縮短網(wǎng)站打開時間。第二,增加谷歌或者bing能更多收錄我們產(chǎn)品圖片,為我們帶來更多優(yōu)質(zhì)瀏覽。接下來從圖片正確命名、壓縮圖片大小、圖片類型選擇、ALT屬性優(yōu)化、使用圖片sitemap五方面來做圖片優(yōu)化。

一、圖片正確的命名

根據(jù)shopify官方給圖片的定義:創(chuàng)建描述性的、關(guān)鍵字豐富的文件名。搜索引擎不僅會抓取您網(wǎng)頁上的文本,還會在您的圖像文件名中搜索關(guān)鍵字。

舉個例子,我從anker的亞馬遜店鋪里下載的一張產(chǎn)品圖片,圖片的默認(rèn)名字是71AAIEEX6ZL._AC_SL1500_.jpg,我們需要在電腦上給已經(jīng)下載好的圖片進行命名:Anker-Fast-Charging-For-the-iphone-13-Series。

溫馨提示:在圖片命名的時候,單詞之間的空格請使用“-”代替,否則圖片上傳到服務(wù)器之后,空格會被%20替換。

普及一下:提取網(wǎng)頁圖片的1個谷歌APP工具

  • Fatkun:圖片批量下載

二、在保證圖片的質(zhì)量情況下壓縮圖片大小

在谷歌的排名算法中,網(wǎng)站打開速度是獲得高排名的重要因素之一。你也許聽說過,如果一個受眾在3秒鐘沒打開網(wǎng)站,50%的概率會離開網(wǎng)站,因此網(wǎng)站加載速度的時間是很重要的,而圖片的大小是網(wǎng)站加載速度的重要影響因素之一。

從一組數(shù)據(jù)來看,知名大賣https://www.aukey.com//的一張圖片僅僅36.32kb,圖片非常高清,我隨機打開了一個網(wǎng)站https://hedorance.com圖片大小為223kb,圖片相對模糊。之前我也瀏覽過很多網(wǎng)站的圖片3-4MB,當(dāng)時有強迫癥的我真的想聯(lián)系這個網(wǎng)站給他點建議,可惜當(dāng)時沒聯(lián)系上。

對于Shopify的圖片來說,一張圖片的大小能壓縮在70kb以下就完美了。強烈推薦一個工具-Tingpng,(https://tinypng.com),這是我使用了5年的壓縮圖片大小工具,圖片壓縮前后的效果幾乎沒差別,超實用,也是其他的工具無法替代的。我之前也用過其他工具,非常不好用,就不推薦了。

三、圖片類型的選擇

常見的圖片文件類型有JPG,GIF和PNG.

  1. JPG是Shopify最常見的圖片也是最佳選擇,以最小的文件大小提供最佳的質(zhì)量。

  2. PNG圖片非常小,可以用于LOGO和裝飾性的圖片(背景圖,按鈕和邊框)。

  3. GIF更多用于生動的展示動畫,通常在爆品網(wǎng)站中展示,在使用前請壓縮。

四、優(yōu)化ALT文本屬性

1. ALT文本是什么和作用

ALT文本,俗稱可替代性文本,在 HTML 代碼中用于描述頁面上圖像的外觀和功能。

作用有兩方面:

第一,當(dāng)圖片無法顯示時,將顯示替代文本來替代圖片。

第二,替代文本為搜索引擎提供更好的圖像上下文/描述,幫助他們正確索引圖像。

2. 我如何寫出好的替代文本?

谷歌官方案例參考

效果欠佳(缺少替代文本):<img src="puppy.jpg"/>

效果較佳:<img src="puppy.jpg" alt="puppy"/>

效果最佳:<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

從谷歌案例參考,得出以下3點結(jié)

  • a.盡可能具體地描述圖像。

  • b.植入產(chǎn)品關(guān)鍵詞,alt文本提供了一個包含關(guān)鍵詞的位置,因此要充分利用好它。

  • c.避免堆砌關(guān)鍵詞

五、使用圖片sitemap

通過Search Console將shopify店鋪的網(wǎng)站地圖( eg:  www.shopify.com/sitemap.xml )提交給Google站長工具。

方法:

  • a.注冊Google站長工具:https://developers.google.com/search
  • b.網(wǎng)址前綴的方式驗證網(wǎng)站所有權(quán)(內(nèi)容太多,需要了解請私信我)
  • c. 提交Shopify店鋪的站點地圖( www.shopify.com/sitemap.xml ),提交成功后,就等待谷歌抓取。

我喜歡原創(chuàng),這篇文章是經(jīng)過很久時間準(zhǔn)備才寫出來的。后期會有更多關(guān)于圖片優(yōu)化的想法時,我會及時分享和完善。關(guān)注我,每日分享干貨!越分享越快樂!

(來源:Shopify老手說)

以上內(nèi)容屬作者個人觀點,不代表雨果跨境立場!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務(wù) 果園 標(biāo)簽 百科 搜索
雨果跨境顧問
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問

收藏

--

--

分享
跨境老手說
分享不易,關(guān)注獲取更多干貨
成人网18免费网站在线| 蜜芽MIYA186永不失联| 五月丁香六月婷婷国产视频|