不論是個部落格還是網站,我們比較喜歡 WordPress 程式作為網站核心。我們選擇 WP 肯定有其優於其他 CMS 的原因,但是我們能否在細節處理好自己的網站,提高搜尋引擎及使用者體驗。比如你是否為自己的 WordPress 部落格建立利於搜尋引擎友好的麵包屑呢?

因為預設的 WP 程式是沒有這個功能的,我們需要額外的透過第三方外掛或者修改程式碼來實現。因為有了這個功能,能夠有利於使用者體驗,也有利於網站的流
量轉化。自從谷歌推出谷歌搜尋結果的豐富片段,可以看到麵包屑的作用,以提高他們的 Google 能見度容易實現這個功能。看下面兩個網站是加入了麵包屑的
功能效果。

為WordPress建立友好搜尋引擎的麵包屑技巧

我們注意看到網址部分沒有,是不是多了導航功能,這就是所謂的麵包屑功能,我們直接可以在搜尋結果中更為吸引使用者,也可以直接點選到我們的網站分
類,提高使用者體驗和轉化率。看看我們的 Google 搜尋結果顯示麵包屑文章標題下方,它提供了更多的點選綠色的連結,直接點選進入我們的類別額外的搜尋引
擎的流量。

那我們應該如何在自己的 WordPress 部落格上新增麵包屑功能呢?有些朋友可能要說用外掛。的確,是可以用外掛實現,但是如果我們能用程式碼完成就不要用外掛,因為過多的外掛使用會降低我們網站的使用效率,增加 CPU 的負擔。

首先,在我們當前 WordPress 主題中的 functions.php 檔案新增下面的程式碼。

<?php if ( ! function_exists( 'seobreadcrumbs' ) ) :
function seobreadcrumbs() { $separator = '&rsaquo;'; $home = 'Home';
echo '<div xmlns:v="http://rdf.data-vocabulary.org/#">'; global
$post; echo '  <span typeof="v:Breadcrumb"> <a rel="v:url"
property="v:title" href="我的部落格首頁"> 首頁</a> </span> ';
$category = get_the_category(); if ($category) { foreach($category as
$category) { echo $separator . "<span typeof="v:Breadcrumb">
<a rel="v:url" property="v:title"
href="".get_category_link($category->term_id).""
>$category->name</a> </span>"; } } echo
'</div>'; } endif; ?>

其次,修改」 我的部落格首頁」 的連結。這個根據你的部落格網址來定,當然你寫成我的肯定是不對的。

第三,你需要安裝在你的 WordPress 主題的 single.php 檔案在新增獲取麵包屑的標籤。

<?php seobreadcrumbs(); ?>

我們在新增後,也可以檢視一下樣式是否符合自己的網站內容,我們可以單獨在自己的 CSS 檔案中定義連結樣式。

最後,一旦我們完成了上面的步驟,可以使用谷歌」Rich Snippets Testing Tool」 工具來測試我們的網址。我們可以看到出現在網站的搜尋結果中的麵包屑。

總結,如今我們不管是做部落格還是做網站,細節是最重要的。雖然 WORDPRESS 網站模板很豐富,但是不是每一個模板設計者都完美新增了所有功能,有些還是需要我們自己去設定,除錯,儘量做到最為完美。