在SEO裡潛藏許多讓網頁設計師更有效率的秘訣,讓我們來看看是什麼不可告人的祕密吧!!
但是若同一張表格以圖片的方式呈現，搜尋引擎讀到的資訊如同左側原始碼，只有一行字：
由以上範例可知，表格使用 HTML5製成的方式正好可以把相關訊息都寫在原始碼內，也有機會被搜尋引擎抓取關鍵字。若使用圖片檔表示，相關訊息就無法呈現在原始碼內。就算是優化圖片的名稱與 alt 文字，被搜尋引擎抓取的關鍵字仍很有限。
推薦閱讀:
做個優雅的SEO守則1-從網路行銷課程知道你的目標客群
做個優雅的SEO守則2-你還在緩慢的撥接時代嗎?別鬧了快來學網路行銷課程加快你的網路速度
做個優雅的SEO守則3-別忘了之前在網路行銷課程學過的老朋友-Meta Tag
鄰居們都驚呆了!我只上六個月Java課程就變成Java工程師了
Java課程讓我百萬年薪科技新貴之路只需要六個月!
擠進高薪科技大門-Java課程等你來瞭解!
單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺
| 目錄
1. 圖片SEO的重要性 2. 8大圖片SEO心法 2-1. 使用合適的圖片檔名 2-2. 優化 alt 文字 2-3. 能不用圖片就不要用圖片 2-4. 別只靠 HTML5 的 width 與 height 來設定圖片尺寸 2-5. 圖片寬度別超過網頁的內容 2-6. 圖片 Exif 資訊 - 視狀況而刪除 2-7. 選擇適當格式的圖片檔 2-8. 創建圖片的 sitemap (進階) |
3.能不用圖片就不要用圖片
台灣電商網站最犯的錯誤之一，就是將所有的文字訊息通通都丟到圖片裡面，直接以一張大圖的方式表現出來。也許店商主還會自滿的認為這樣很漂亮，但事實上這樣的做法對於訪客的體驗恐怕不但沒有加分，還會對 SEO不利。 消費者逛你的電商網站，不外乎就是要快速看到產品照片、規格、價格等資訊。而一張大圖的呈現方式只會讓使用者一直滑手機、拼命滑到底還找不到相關資訊時，就會加速他們不消費就離開你的網站的機率。 因為對搜尋引擎的 「爬蟲」 來說，圖片是完全沒有內容的：無論你那張圖裡有多少文字、圖多漂亮，在原始碼中永遠都是 HTML5的一小行程式碼罷了！所以盡可能的將圖片 「文字化」...說得明白一些，對搜尋引擎來說，「文字」 才是內容、才是對 SEO 有利的關鍵所在！因為搜尋引擎是讀取原始碼的！ 而圖片要如何 「文字化」 呢? 例如圖表的部分，就使用HTML+CSS來畫 、陰影可使用 CSS3 的效果達成等，就不要使用圖片檔案。 以下例的表格來說，若一張表格以表格的方式呈現，搜尋引擎讀到的資訊如左側原始碼：但是若同一張表格以圖片的方式呈現，搜尋引擎讀到的資訊如同左側原始碼，只有一行字：
由以上範例可知，表格使用 HTML5製成的方式正好可以把相關訊息都寫在原始碼內，也有機會被搜尋引擎抓取關鍵字。若使用圖片檔表示，相關訊息就無法呈現在原始碼內。就算是優化圖片的名稱與 alt 文字，被搜尋引擎抓取的關鍵字仍很有限。
推薦閱讀:
做個優雅的SEO守則1-從網路行銷課程知道你的目標客群
做個優雅的SEO守則2-你還在緩慢的撥接時代嗎?別鬧了快來學網路行銷課程加快你的網路速度
做個優雅的SEO守則3-別忘了之前在網路行銷課程學過的老朋友-Meta Tag
鄰居們都驚呆了!我只上六個月Java課程就變成Java工程師了
Java課程讓我百萬年薪科技新貴之路只需要六個月!
擠進高薪科技大門-Java課程等你來瞭解!
單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺