首頁 部落格 Google搜尋結果顯示Favicon必須注意的六個準則
Ryan
Jun 14, 2019
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

Google搜尋結果顯示Favicon必須注意的六個準則

2019年5月起,Google搜尋引擎於搜尋的結果中顯示網站的小圖示(Favicon)了,這個小小的轉變,對用戶而言提昇了網頁搜尋的視覺感受,也能感受到冷冰冰的搜尋界面有一點點活潑的感覺。

但對於網頁設計者來說,尤其是2012年前所設計好的的網頁,幾乎都沒有設置Favicon的習慣,現在必須要跟上腳步添加上去。若你的網站是2012年以後所設計的,只要設計公司稍有留意,應該都會幫客戶添加上Favicon。

 

六個Favicon的重要準則,尤其第六點影響最大

好的Favicon可以略為幫助你的網站提昇SEO,不好的Favicon會讓你的圖像連顯示的機會都沒有。但練會功夫也要學好馬步,關於Favicon你應該要知道這一些:

一、你的網站不能阻擋Google機器人,否則Favicon也會無法被搜尋引擎收錄。

二、Favicon的圖片要固定的網址,一旦固定請勿任意變更。

三、你的Favicon一定要跟網站有關,像是公司的Logo,產品的標誌等等,讓用戶一看就知道這裡是他們該來的地方。

四、Favicon必須是正方形圖片,以48像素(Pixel)為倍數,再往上延伸的尺寸為96、144像素...往上延伸,如果使用SVG向量格式圖片的話會最理想。

五、任何Favicon的圖形被Google收錄會以16像素的形式重新調整尺寸,因此你提供48像素以上的圖片都可以完美被呈現,但建議你不要使用剛好16像素的Favicon圖片,因為仍有不同瀏覽氣需要高解析度的Favicon圖片。

六、Google對於網路言論審查有一定的標準,首先千萬不要欺騙Google。舉例來說:利用其他知名品牌的Logo當作你的網站Favicon,很容易會被封殺。此外敏感的符號(反社會、恐怖主義、種族仇恨標誌)一概都會被封殺。

該怎麼開始製作你的Favicon? 如果你有網站Logo或是產品Logo就好辦了,只要到Favicon.org這個網站,將圖片上傳就可以產生出Favicon的標準格式,甚至還有小工具可以進行些許調整都很便利。

Favicon.org指要求你上傳圖片,就能一條龍完成所有Favicon的檔案所需

產生的檔案與語法都整理出來了

網路上有很多工具可以包你檢查網站的Favicon,例如過去介紹的Favicon checker就是比較嚴格的標準,會建議你連同iOS、Android的Favicon(嚴格來說這應該稱之為APP icon)都一併設計進去,但其實真的做到的廠商寥寥無幾,可以不需要急著跟進,只要把基礎的Favicon做好即可。


 

 

Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
新手站長也可運用的網站安全資源
新手站長也可運用的網站安全資源
Advan
Advan
Sep 21, 2018
【網頁設計簡單說】製作一個超獨特的網站,是不是一個好主意?
【網頁設計簡單說】製作一個超獨特的網站,是不是一個好主意?
iWare發言人
iWare發言人
Apr 18, 2019