首頁 部落格 Google搜尋結果顯示Favicon必須注意的六個準則
Jericho
Jun 14, 2021
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

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 Analytics)GA追蹤碼/帳戶設定教學
如何獲取(Google Analytics)GA追蹤碼/帳戶設定教學
Jericho
Jericho
May 10, 2024
HTML5帶來的巨大顛覆
HTML5帶來的巨大顛覆
Jericho
Jericho
May 08, 2024
公司需要一個網站的理由
公司需要一個網站的理由
Jericho
Jericho
Apr 26, 2024