話說最近小編迷上了 SEO 最佳化以及使用者體驗最佳化,整天到處觀摩各大知名部落格,以及網站。不過在研究 SEOWHY 和 ZAC 大師的部落格時發現一個問題。他們的內頁的 Description 標籤並不是當前文章的截斷而是當前文章的標題,如下圖兩幅圖:
zac

seowhy

當時小編覺得很疑惑為什麼 seowhy 和 zac 大師要這麼做呢?立馬跑到幾個比較知名的 seo 業界達人的部落格搜尋相關資料,然後在谷歌的官方某幫助檔案裡看見這麼一條:「Description 作為頁面描述應該儘量描述出該頁面的主要內容而不是與頁面無關的。」 小編再仔細觀察了下大多數站點的 Description 標籤,發現很多站長都把當前文章前面一段文字截斷出來作為頁面的 Description,然而文章的前面一般都是起頭等與文章主題的相關性不是很大。所以小編猜測 zac 大師與 seowhy 使用 「標題+部分文章截斷」 這種形式的 Description,是為了加強 Description 標籤裡內容與頁面內容的相關性。那麼 WordPress 如何來實現這種效果呢?程式碼如下:
<?php
if(is_single()) { ?>
<meta name="description" content="<?php echo trim(wp_title('',0)); ?>-<?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 100,"......","utf-8"); ?>" />
<?php }?>
預設情況下以上程式碼加到 header.php 檔案即可,根據當前 WordPress 主題的結構而定。