網頁搜索引擎如谷歌或必應每天都會嘗試獲取更多的站點信息,對於創建指定的微信息和微格式都能幫助搜索引擎理解網站的內容。搜索引擎使用這些信息為用户提供更多的站點信息,從而加強用户體驗。在搜索結果中提供了富摘要信息無疑能提供用户的點擊,增強信任度。本文將教你如何在 WordPress 站點中添加富摘要信息,以富摘要聯繫信息為例,讓其顯示在搜索結果頁。

什麼是富摘要聯繫信息?

可能你以前看到過富摘要聯繫信息,而不知道它。實際上就是搜索結果中顯示在你網站描述下面的一些地址,城市,電話號碼之類的如下圖所示:

富摘要信息

為什麼要添加它呢?

這是一個好問題。因為富摘要聯繫信息對用户而言,能夠更加好的顯示內容的相關性。如搜索網站或公司的電話號碼,地址等都能顯示出來。同時對提供點擊率也是有極大幫助的。特別是對於一些小公司來説,是更加有利的。如果你的網站提供這個信息而競爭對手沒有提供,就有可能把用户吸引過來。

如果在 WordPress 站點裏添加富摘要聯繫信息呢?

有兩種方法可以實現這個,一個是使用插件的方法,一個是使用代碼的方法。

方法 1 : 使用 Rich Contact Widget 插件

最簡單的方法莫過於使用 Rich Contact Widget plugin 插件。在安裝並激活了此插件後,到外觀》 小工具。你可以把富摘要聯繫信息小工具添加到主題的其中一個小工具內。然後填寫聯繫信息,之後插件就會自動處理富摘要需要的標記。

此外,你還可以顯示位置的一張地圖圖像,提供保護聯繫信息的下載鏈接,讓用户保存你的聯繫信息。

方法 2: 在主題中通過代碼實現

這個方法需要你編輯 WordPress 主題文件,對於小有代碼經驗者適用。可以使用微數據和微格式,但是隻需使用其一即可 (對於谷歌推薦使用微數據。我們給出微數據的代碼示例,對於微格式可以參考 http://microformats.org/wiki/hcard-zh 這個網址。

<ul itemscope itemtype="http://schema.org/Corporation">
<li itemprop="name"><strong>Your company name</strong></li>
<li itemprop="description">Your activity</li>
<ul itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<li itemprop="streetAddress">Your address</li>
<li><span itemprop="addressLocality">City</span>&nbsp;<span itemprop="addressRegion">State</span>&nbsp;<span itemprop="postalCode">Zip Code</span></li>
<li itemprop="addressCountry">Country</li>
</ul>
<li itemprop="telephone">Your phone number</li>
<li itemprop="email"><a href="<?php%20antispambot(%20'youremail@example.com'%20)%20?>">youremail@example.com</a></li>
</ul>

你會發現使用了 antispambot() 這樣一個函數,這是一個鮮為人知的 WordPress 函數,用來保護你的電子郵件被垃圾機器抓取。

測試添加的結構數據

在使用了上面的代碼後,你可以通過 http://www.google.com/webmasters/tools/richsnippets 這頁來測試結果。輸入你預覽的地址,則下面的數據就會顯示:

富摘要聯繫信息

 

這些做好之後,等待搜索引擎更新,你的富摘要聯繫信息就會顯示在站點的描述下面。 happy 吧。