DIV CSS 佈局教程網

豐富網頁摘要（Rich Snippets）可以幫助搜索引擎在為用戶展現搜索結果時，生成比默認樣式更為豐富的展現方式，提供給用戶更多信息，從而促成了比較高的點擊率。目前谷歌、雅虎和微軟Bing支持網站自己添加豐富網頁摘要，百度則只跟大型網站合作，通過百度開發平台在搜索結果中展示。但趨勢不可避免，搜索引擎的核心一直都是幫助用戶找到相關度高的結果，在分析過去幾年國內外搜索引擎發展情況後，我們可以得出這個結論：百度支持豐富網頁摘要，只是一個時間問題。

什麼是豐富網頁摘要

是指每條搜索結果下方顯示的除描述外的幾行文字，旨在讓用戶大體了解網頁上的內容，以及與用戶的搜索查詢有何關聯。舉例：

如果搜索引擎了解網頁上的內容，就可以根據內容在搜索結果中展示上面這種搜索結果。這種搜索結果可以幫助搜索用戶直觀的了解網站與他們的搜索初衷是否相關和匹配，從而獲得更高的點擊率。

除了作者、評級、評論之外，我們還可以添加諸如“產品”、“價格”、“是否有庫存”等等幫助用戶確定搜索相關度的信息。

如何顯示豐富網頁摘要

在搜索結果顯示豐富網頁摘要並不是一件難事，你甚至不用懂得它的原理和意義，只需稍微了解一些HTML知識，並且會修改自己的網站模板即可。

Google向站長們推薦使用微數據來展示豐富網頁摘要，我們來舉一個相關的例子：

再來看一個商品的例子，可以用於優化電子商務網站，尤其是依賴谷歌的外貿SEO：

以上例子中，第一行中的 itemscope 表示大類，div 中所含的內容描述了某一項（有人物、商品、地址、活動、事件等等），而 http://data-***.org/Person 則定義該項是人物（第二個案例中我們定義了商品）。

span中的小項則定義了屬性，均使用 itemprop 屬性進行標識。例如，itemprop="description" 在商品大類下定義了商品的描述。

將這些代碼加入到網站的模板中，就可以產生以上的一些信息量很充足的搜索結果。當然，搜索引擎不會保證加入了代碼就一定會顯示豐富的搜索結果。顯示與否還跟網站整體權重以及頁面權重相關。

測試豐富網頁摘要效果

在網站添加了相應的代碼後，Google等搜索引擎就會在下次抓取頁面的時候就會發現該代碼，然後在一段時間網站或頁面權重足夠後，將優化的效果反應在搜索結果中。但現在我們有個問題，在谷歌收錄並放出前，我們怎麼得知我們的代碼是正確的？

這裡我們可以使用谷歌提供的測試工具來檢測網站代碼的正確與否：豐富網頁摘要測試工具，如果代碼安裝有誤，則會出現Warning（錯誤提示）;如果安裝正確，則會出現預覽效果。我們可以根據測試工具的具體錯誤提示來調整我們的代碼，已達到讓谷歌展示的目的。