網站標題小圖標的添加?很多seo人都知道這個叫做ico小圖標,當然也有很少一部分是不知道的,當然以前西風seo也是沒有添加過,當大家都在談論如何用老域名+優質內容做優化的時候,一些小細節是否您聽到seo培訓師講過沒有,如果沒有,你是否認為ico小圖標就沒有用處,ico圖標可以作為瀏覽器首段圖標顯示,還可以在收藏夾內收藏內容的前段顯示小圖標。在用戶瀏覽中也起到很大的作用,讓人感覺很正規、大氣等特征。
每次打開不同的網站,除了網站的固有的標題外,標題旁邊還有一個特有的圖標方便識別,這就是我們今天需要講的主角(如下圖)。
網站標題小圖標的添加展示圖
可以看見,每個網站都有其特定的圖標,很多網頁相關工作者在設置完<title>后就算結束了,這樣如果用瀏覽器打開則看不到圖標,只有標題,如果發布自己的項目識別度并不高,在用戶打開的眾多網頁中無法快速找到原有的網頁,加上圖標這一點雖然看似沒有多大影響,但是基于友好度提升了不少,相對做SEO的朋友應該用得到
如何制作ico小圖標:
步驟一:制作一張合適的圖片,這張圖片就是將來網站ico站標的雛形,圖片的初始大小、格式(jpg,gif,png)沒有要求。
(西風seo logo圖片實例)
步驟二:利用在線生成ico圖標的工具,在線生成ico站標。這個可以在百度上搜索,如下圖所示:
(ico圖標生成)
步驟三:生成的ico站標“目標尺寸“一般情況都選擇16*16,如下圖所示,并下載圖片。
(ico站標尺寸生成生成)
設置網站ico圖標的兩種方法
根據以上步驟設計好ico圖片后,我們就可以添加到網站上了,具體如下。
方法一:
直接在站點根目錄下放入名為:favicon.ico 的圖標文件(必須要為 ICO 文件,BMP 及其他格式的圖片文件不行)。還有將 favicon.ico 中的 favicon 命名為你網站域名的名稱也可以,例如:你網站的域名為:xll.com,你可以將該 ICO 文件命名為:xll.ico 。其IE地址欄圖標絕對地址就可以為:http://www.beetreegroup.com/favicon.ico和http://www.beetreegroup.com/timeshi.ico
方法二:
1. 在網頁的 <head>...</head> 區加入代碼:<link rel="shortcut icon" href="favicon.ico" />,如果用這一種方法的話,其中 ICO 文件的文件名就不一定要用 favicon.ico了,可以用任意的名字來命名,如:aoul.ico,你甚至可以使每一個目錄下的每一個網頁文件的IE地址欄圖標都不同,但前提是 必須做到圖標文件的鏈接地址要正確。還有,在 <head>...</head> 區加入代碼:<link rel="bookmark" href="favicon.ico" />,就可以在收藏夾中顯示你網頁鏈接的自定義圖標。
2. 在網站首頁的源文件<head> </head>之間插入下面的斜體部分代碼<head> ……<link rel="shortcut icon" href="favicon.ico"></head>3.動態ico圖標的實現方法,先把做好的gif動態圖標命名為favico.gif <head></head>之間加上: <link rel="icon" href="favicon.gif" type="image/gif" >
(ico圖標添加方法展示)
如果你只是想要換的話就只要改ICO這文件,這種起得的是企業形象問題,談不上什么SEO優化,一般的網站用公司logo做,如果是B2B類的網站可以讓美工設計下。雖然對seo優化的意義不是很大,這個也沒有一個好的定性吧,用戶通過圖標就能知道是代表你的網站,同時還了解網站是干什么的。