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做好即可。