Shopify SEO圖片優化技巧大公開

想要做好SEO優化,不僅把精力放在網站內容,代碼的優化,url的優化上面,圖片的優化也是很重要的。而且圖片優化相對於代碼優化簡單多了。下面SHOPIFY教學網跟大家分享下Shopify SEO之圖片優化。

SEO優化

一張好的圖片其實是可以吸引用戶瀏覽的興趣,可以避免文章枯燥導致用戶快速跳過,增加網站的停留率。

圖片的容量不僅僅會影響到網站的加載速度,瀏覽的體驗,對搜索引擎蜘蛛的爬行和抓取也是非常重要的!我們用兩個網站來做一個對比,這樣的直觀感受會更明顯一些。

左邊是zaful的網站,網站的圖片大小才663.99KB,右邊是一個沒有優化過的網站,圖片就占了3MB,網站的打開速度可想而知哪個更快了。

圖片大小

首先我們來看下什麽叫圖像優化呢?

圖像優化是指在不犧牲質量的前提下盡可能減少圖像文件的大小,這樣頁面載入時間就會縮短。也可以叫做圖像搜索引擎優化。也就是說,當我們告訴搜索引擎這張圖片代表的內容是什麽,是否與你的文章匹配,可以提升搜索引擎抓取收錄網站從而獲取到排名。

下面來跟大家詳細的講解下該如何優化網站的圖片?

1、用關鍵詞來命名您的圖片

2、優化ALT標簽

3、減少圖片的文件大小

4、選擇正確的文件格式

5、使用圖片sitemap

6、圖片原創

一、用關鍵詞來命名你的圖片

很多的用戶不註重圖片的命名,經常會出現如下命名:

例如:截圖20171009172842IMG_65C19823.JPG

或者是一些根本看不懂的亂碼,這些都是不註重SEO的表現,那如何書寫才是正確的呢?

盡可能的在命名中添加關鍵詞,但是要註意不要堆砌關鍵詞。

當小豬佩奇的這兩個圖片命名放在你面前時,你覺得google會更喜歡哪個?

關鍵詞命名圖片

C19823.JPG和peppa-pig.jpg,答案是顯而易見的,肯定是後者。

二、優化ALT標籤

首先我們要知道ALT標籤的作用是什麽?即當我的圖片打不開時,alt消息才會顯示出來。網頁訪問者能夠通過ALT標籤來判斷該圖片的內容。在alt標籤中加入關鍵詞是很好的提升關鍵詞排名的方法。

alt標簽在html語言中的寫法是這樣的:”圖片描述”/

例如:

”Cabana

在Shopify後臺添加alt標籤特別簡單,上傳好圖片之後直接在圖片上點擊alt就可以了。

圖片添加alt

填寫上alt文本點擊完成即可。

alt標籤

我們通常會多角度的去展示一個產品,這樣才能吸引用戶在網站上停留更多的時間,更好的去激發他們的購買欲望,所以需要拍攝物體的正面,背面,側面,細節等等,這個時候該怎麽寫alt標籤呢?

最好的方法是保持alt標籤的結構化,保留主圖的格式,不需要再給其余的圖片一個新的名字,正確的寫法:

alt={品牌詞}{產品系列}-{產品型號/序列號}-正面

alt={品牌詞}{產品系列}-{產品型號/序列號}-背面

alt={品牌詞}{產品系列}-{產品型號/序列號}-側面

保持主幹“{品牌詞}{產品系列}-{產品型號/序列號}”不變,可以讓搜索引擎確認這是一個系列或者這是相同的關鍵詞,從而讓這些圖片提升被搜索引擎搜索到的幾率。

三、減少圖片的文件大小

能用css樣式替代的就盡量少用圖片,能用列表的少用縮略圖,能用色彩替換的少用大圖做背景。這3點非常的重要。

當我們上傳圖片的時候,建議每張圖片的大小都不要超過200K,控制在100K以內是最好的。

shopify可以直接安裝插件給大家推薦幾個不錯的!

SEO Image Optimizer by Booster Apps(免費的)推薦

https://apps.shopify.com/SEO-image-optimizer

Image Optimizer – Image Compression and Optimization

https://apps.shopify.com/imageoptimizer(付費的)不過也不貴,5-19美金每月。

SEO Image by Lion Apps(免費的)

https://apps.shopify.com/lion-SEO

如果不想安裝插件的話,一般用photoshop的”Save for web”命令就可以了,如果不會的話也沒關系。下面給大家介紹兩個圖片壓縮的工具:

Tinypng(免費的)

https://tinypng.com/

這個小熊貓是我用的最多的圖片壓縮工具,非常方便。

Tuhaokuai(付費的)

https://www.tuhaokuai.com/

四、選擇正確的文件格式

在我們的網站中一般是建議用JPG格式的,JPG格式的圖片較小,圖片質量也相對更好。

圖片為動畫形式,則可以使用GIF動畫格式,存為JPG圖片就不會動了。

圖片為透明或半透明格式的,則建議使用24位PNG格式圖片,例如logo,兼容性更好,邊緣也展示的更好。

五、使用圖片sitemap

網頁抓取工具無法抓取未在網頁源代碼中專門調出的圖像。所以為了讓抓取工具知道未識別的圖像,我們可以在圖像站點地圖中列出其位置。

在robots.txt文件中插入下面的鏈接顯示站點地圖的路徑:

Sitemap:http : //example.com/sitemap_location.xml

或者可以使用Search Console 將網站地圖提交給Google。

在制作圖片站點地圖的時候一定要準守google的準則。如下:

https://support.google.com/webmasters/answer/178636?hl=en

六、圖片原創

這個非常重要,很多人都是在網站隨便找的一張圖片,這個對於網站權重來說是沒有幫助的。搜索引擎不可能一直抓取重複的圖片。

當然有些人說我沒有自己的設計師,小團隊,那怎麽辦?這里給大家推薦一些比較好的圖片資源,至少比直接google得到的圖片質量要高的多。

Flickr(這個大家應該非常熟悉)

https://www.flickr.com/

Splitshire(免費可商用的圖片庫)

https://www.splitshire.com/

Pixabay(百萬張免費高清圖片)

https://pixabay.com/

Pexels(提供高清尺寸且質量好的免費照片網站)

https://www.pexels.com/

Stocksnap(可以快速的搜索到自己想要的高質量圖片)

https://stocksnap.io/

以上分享的Shopify SEO之圖片優化都是細節方面的問題。這些細節往往被忽略,但是長久堅持下來,你就會發現差距了。SEO優化本來就是打持久戰,所以註重細節很重要。

留下評論

Please enter your comment!
Please enter your name here