圖片註明高度、寬度有助加速網頁下載速度

Simon — Wed, 20 May 2009 02:01:16 +0000

過去有些國外研究顯示，八秒是網站使用者最高的忍受時間；首頁如果下載時間超過這關鍵的八秒，網站使用者就換轉向另外一個網站。因此，網站速度的優化是 webmaster 必須注意的地方。現在的網頁製作方式跟過去有點不一樣，我們提供了很多 WYSIWYG (What You See is What You Get) 的工具給 end user 。這些網頁的生手很多時候未必注意到他們每一個動作仍然影響網頁的表現。在網頁圖片的管理上，要注意的除了圖片本身的大小及畫質之間的平衡外，在 HTML Coding 上很多時候被忽略的就是圖片的 Height 以及 Width 的註明。如果圖片的實際大小與網頁上的顯示大小一致，就算不註明 Height 跟 Width，對顯示的結果並沒有影響。因此，很多 webmaster 為了一時之快，有時候會忽略註明這兩個 attributes： <img src=’logo.jpg’ alt=’某某公司 Logo’> 忽略註明這 Height 跟 Width 兩個 attributes 讓瀏覽器必須等待圖片完整下載完畢才能進行排版跟畫面調整的動作。相反，如果先註明好 Height 跟 Width，瀏覽器就不需要等待，一邊調整好畫面、一邊讓圖片下載，網頁速度上相對上就比較有優勢： <img src=’logo.jpg’ height=’100′ width=’40′ alt=’某某公司 Logo’> 尤其是當網頁主機放在國外、伺服器放置在公司內部、或者對圖片使用比重高的網頁來說，這個標準動作更必須要注意。不然就算 SEO 做得再好，使用者對網頁的速度失去耐性的話，一切的工夫心血也是白費。 Post from: SEO.LIST.TW 圖片註明高度、寬度有助加速網頁下載速度

Post from: SEO.LIST.TW

圖片註明高度、寬度有助加速網頁下載速度

Image ALT Tag

Simon — Tue, 19 Jun 2007 10:43:59 +0000

在很多坊間常見的 SEO 教學裡面，都會找到關於 ALT Tag 的使用以及在 SEO 裡面的重要性。事實上，以目前的搜尋引擎環境來說，Image Alt Tag 對大部分網站來說是一個可有可無的 SEO 手法。根據我個人的經驗，只有在某些情況下，使用 ALT Tag 才有其意義。如果你的網站有足夠的文字內容，是否在每個圖檔加入 Alt Tag 並非必要。甚至我認為，如果在沒有規劃下、不明白當中的意義下大量的亂加 Alt Tag 會損害排名，或者最少，浪費時間。 ALT Tag 的由來要正確的使用 Alt Tag 就必須要先了解 Alt Tag 的用意。以前當網路很緩慢的時候，有些人在瀏覽網站的時候會先在瀏覽器預設選擇不下載圖片來加速瀏覽的速度。在沒有下載圖案的情況下要判斷圖的內容，網站製作者就在圖的編碼上加入 Alt Tag 來補充提示、形容圖片的內容或用意。加入 ALT Tag 後，如果圖片沒有顯示，瀏覽器就會在本來圖檔的位置用文字的方式顯示 ALT Tag 的內容，來幫助瀏覽者瀏覽網頁。甚麼時候用 ALT Tag? 對大部分的網頁來說，是否加入 ALT Tag 其實對 SEO 沒有明顯的幫助。因此，在大部分的情況下，我們不需要太在意有沒有對圖檔加入 ALT Tag。在我過去進行 SEO 規劃的時候，甚少會仔細考慮 ALT Tag 的處理，除非頁面全部由圖檔來組成，完全沒有使用文字格式來呈現內容。只有當一個頁面，可能因為美感的關係，使用大量的圖檔，而同時間差不多沒有用文字 (TEXT) 的方式顯示的內容。在這種情況下，ALT [...]

Post from: SEO.LIST.TW

Image ALT Tag

SEO 搜尋引擎最佳化 » Image

圖片註明高度、寬度有助加速網頁下載速度

Image ALT Tag