June 10, 2019

甚麼是favicon?favicon 對我的網站有什麼用途?

搜尋結果上看到的 favicon,一個細小的圖案。我們可以怎樣好好利用它從而增加我們的網站流量,這次我會分享一個我有用過的小貼士

Favicon 影片解説

甚麽是 Favicon

(影片演示)就如現在大家看到的畫面,搜尋結果頁面會顯示連結、標題和一些描述,在連結旁邊有一個很細小的圖像就是 Favicon。

例如第一個是廣告,所以圖像是Ad,下面有各種不同的favicon,通常是網站logo的縮圖或者網站會另外設計可以代表網站的圖。

補充:Google 在 2018 年中已經開始進行小規模測試顯示 Favicon,2019 年 5 月第三個星期已經全球實施。

至於實施方法,Google 有提供步驟如圖,按照步驟實行 Google 就會知道你的網站有Favicon。

網站爲什麽要有 favicon

搜尋器搜尋出的結果,尤其在手機介面可以顯示資訊的空間已經很小,除了可以加圖片,favicon 也是一個大家會看到的位置,那當然是盡量霸佔搜尋結果的顯示空間,佔得越多越有優勢,favicon 就是在這方面有幫助的。

我用新聞網站(news)爲例看看顯示結果,排最前的兩個是 Google,下面跟著 BBC 的 logo 就不太清楚了,MSN 也是,Fox news 稍為好些,The Sun 就好清楚一個 S。

所以如果只把本來的 logo 變成 favicon 是最常見最方便的做法,因為不是新的所以也不需要經管理層。

延伸閲讀

高清圖對SEO的好處

Mobile First Indexing 認知

紅色箭咀的 Favicon

如果想令 favicon 具有一些競爭性,我在自己網站 hdcourse 做了一個小小的動作,大家會看見搜尋結果第四個有一個紅色的箭咀,因為我不知道hd可以怎麼顯示能讓用家看得清晰,所以我索性轉用一個較搶眼的紅色箭咀,當大家看搜尋結果時突然看到這個箭咀,感覺就好像指引用戶點按那個連結,這是我做多一個小小測試。

小結與建議

如果你還沒有使用 favicon,或者用了但放 logo 還是放指引性的符號,大家可以考慮下。

Favicon 通常就是一個正方形,網上也有很多免費工具可以將你的圖像變成 ico 這個檔案格式。

如果有任何疑問,歡迎留言。如果喜歡這個視頻或者我的頻道和 Facebook Page,請點讚。如果有朋友對這方面有興趣,請分享給他們。 我們下次見!

About the author 

ivan so

Ivan So 擁有 18 年的經驗關於 SEO,WordPress 網站,電子商務方面,Ivan 建造了 50 個網站來測試 SEO 性能,一些網站的表現非常好,最後賣給了不同的公司。

並且處理了 400 多個 WordPress 及電子商務網站的設計和開發,香港、新加坡及馬來西亞 WordCamp 的演講者,香港 WordCamp 主要組織者,香港 WordPress 聚會聯合組織者及香港 Elementor 聚會聯合組織者。

5 本暢銷 Amazon電子書關於數碼營銷及香港 Mailchimp 唯一合作夥伴及官方認證。

還獲得了多個有關 IT 的獎項,擔任創業和商業比賽的評審,還有多個研討會,大學的演講嘉賓及超過 12,000 個 Udemy 學生。

Leave a Reply
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}