【超級簡易完整教學】在WordPress加入網站小圖示 (Favicon)

只需好幾個按鈕就完成上載了網站小圖示，真的是超級無敵簡單啊！不清楚如何寫code的人士，使用WordPress的主題真的可以無痛解決這個問題。反而是在設計上面，可能更花時間呢。這一篇的篇幅不長，直接進入主題吧。

文章摘要

網站小圖示Favicon是什麼？

簡單來說就是頭像，它是代表網頁的頭像、展示網站個性的標誌。像Google的G字、Facebook的F字、Netflix的N字。Favicon就是favorites icon的縮寫，但也有其他名稱，例如website icon, page icon, urlicon等等。

我們在Google搜尋網頁的時候，在搜尋結果可以看到網站小圖示。

在進入網站後，網站的標籤頁也會看到這個網站小圖示。

書籤頁/我的最愛也會看得到。

圖示大小：可以是16×16, 32×32, 48×48, 64×64 pixels，甚至更多

格式：可以是*ICO, PNG, GIF, animated GIFs, JPEG, APNG, SVG，但要留意瀏覽器是否兼容

設計：能代表自己網站即可。鑑於Favicon有尺寸限制，如果圖示含有大量內容時，很容易縮成一團槽。正方形、圓形、或以正方形、圓形作為基礎去發展出不規則圖形，也是比較適合做Favicon。

這個教學是使用PNG檔，和Ocean主題去示範。

在WordPress後台，找出 [外觀] 裡面的 [設計]。

在主題 [設計] 後台中，找出 [網站身份]。

[網站身份]裡，有 [網站圖示]，這裡便是上載Favicon的地方。

按 [選擇網站圖示]，會出現上載的畫面。

完成後，馬上瀏覽自己的網頁便會出現小圖示啦!

等待：
用以上的方法，不會馬上在Google搜尋結果出現，需要等待一段時間。我的網站現在這個圖示已經是上載了差不多兩個月了，今天在手機搜尋後是有結果可以看到的。

貼在根目錄中：
在Google的教學中，把HTML語法貼到網站根目錄中，即是 [首頁標頭] (header.php)，貼到<head>與</head>中間。

程式碼如下：

然後可以提出檢索要求，好讓Google找到後並且更新。

如果是想要用ICO檔上載的話，可以用網站把自己製作好的圖片轉換成ICO。

網站整理如下：

這三個網站的功能都是能讓自己設計好的圖案，從PNG, JPEG, GIF, SVG檔案等等轉換成ICO檔案。複製HTML語法後，直接在根目錄貼上。