自訂SERP摘要

在搜尋結果頁面(SERP)裡面一般顯示的是文章的摘要，如果沒有特別的手法這些摘要的文字是由搜尋引擎自動抓取文章的內容來顯示，但是你知道嗎？這個摘要你是有決定權的！

WordPress本來就有文章摘要的欄位讓你來輸入，但是怎麼這些摘要都好像沒有用？一般人知道的是有些版型會將文章摘要拿來當作放在首頁的摘要，但是搜尋引擎所抓取的單篇文章好像沒有版型有這樣子的處理。

meta description的用處

原來搜尋引擎的摘要你可以透過宣告<meta name="description" content="摘要內容" />這樣子的方式來建議它，而用不用你建議的摘要內容則是看搜尋引擎，一般而言你的摘要如果跟文章的內容相近，搜尋引擎一般都會採納你的建議的。

所以如果你要精確控制你的文章在搜尋引擎的呈現方式的話，一定要好好看到底是怎樣才可以辦到。

文章摘要實例

我就以最近做的一個網站：正享除蟲裡面的一篇文章「白蟻｜除白蟻｜白蟻防治」為例來說明作法：

你點進去網站看到的文章的正常呈現方式，而在後台發文介面的「文章摘要」裡我輸入了這些摘要文字：

而搜尋引擎真的就乖乖地用了我建議的摘要：

但不是加了「文章摘要」就可以有這樣的效果喔，因為你還沒有將文章摘要變成meta中繼標記。

修改版型程式

所以你要修改版型的「header.php」，因為這是一般在放中繼標記的地方，請在裡面加上這一段程式碼：

<?php if (is_single() || is_page() ) : if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 <meta name="description" content="<?php the_excerpt_rss(); ?>" />
 <?php endwhile; endif; elseif(is_home()) : ?>
 <meta name="description" content="你的網站摘要" />
<?php endif; ?>

這裡面是一個判斷式，如果是單篇文章的話就呼叫「the_excerpt_rss」這個函數將摘要變成meta description，如果不是的話就取"你的網站摘要"為meta description的內容。

經過這樣子的處理，這一篇文章的網頁原始碼你就可以看到：

<meta name="description" content="除白蟻、白蟻防治找..." />

這就是整個的魔法所在！

舊文章怎麼辦？

先別急還有東西沒講完，你的舊文章怎麼辦？如果時間多的話倒是可以一篇一篇加上文章摘要，但是如果你懶的話，這樣子的程式碼會將沒有設定文章摘要的整篇文章當成meta description來用（我就看過許多使用某一個外掛的站是這樣子的情形），所以這裡還有一個外掛要加：

限制摘要字數外掛

這個「the_excerpt()で漢字も対応させるplugin」是由一位日本人寫的，內定會把文章摘要的字數限制在100個雙位元字（就是中文字啦）之內，而且是日本人寫的，所以一定不會有斷錯字的情形，如果你要改字數的話示作者網站有說明，請你自行修改裡面的字數設定就可以了。

當然你也可以用「All in One SEO Pack：SEO懶人外掛」這一類的外掛來達成一樣的目的，反正要善用你的文章摘要就對了！

閱讀全文...

WordPress所使用的版型雖然很多，但是絕大部份都是英文版的，如果沒有加以中文化的話，在部落格的前台頁面還是會出現英文字．這樣子可能會有一些讀者看不懂，因此最好自己花一些時間把版型中文化。

而修改版型檔案有兩種方式：

直接在WordPress後台修改

用這種方法修改版型最方便，不用額外的程式，但缺點就是為編輯器的功能有限，只能夠一個一個改，像是搜尋或是取代的使用上都比較不方便。

要在WordPress後台直接修改版型，你要先用主機後台介面或是FTP程式，將你的版型PHP檔名CSS檔的檔案屬性改為「666」，這樣子你在WordPress後台的【外觀】→【編輯】的最下面才會多出來【更新檔案】的按鈕：

改完了之後直接按這個【更新檔案】就好了！

用編輯程式修改再上傳

你也可以在你的電腦用編輯程式修改版型檔案，好了之後再用FTP程式上傳到主機空間，而一般人使用Windows系統人最方便使用的編輯器就是【記事本】。

用記事本編輯

用記事本來編輯版型檔案也是可以，但是有許多人改過之後上傳到主機空間，卻發覺中文字變成看不懂的亂碼！？

這是因為記事本的內定編碼為「ANSI」，而WordPress現在使用「UTF-8」，兩者不同所致，因此如果你要用記事本來修改版型檔案的話，記得不要直接存檔，而是選【另存新檔】，然後將「存檔類型」改為「所有檔案」，以及「編碼」改為「UTF-8」再存檔才不會變成亂碼。

而我個人是推薦用下列的兩個編輯器來修改：

用EmEditor編輯

EmEditor是老牌的文字編輯程式，用來寫各種的程式最適合了，高登從Win98的時代就開始用這個程式，真的是很好用！不過官網只有專業版可以下載（要錢的），而軟體王有6.00.4免費版的可以下載，但是這個只是英文版的，還要下載中文語系檔才會變成中文版。

在EmEditor程式的右下角你就可以看到檔案的編碼了，你看原來下載回來的檔案是「繁體中文Big5」（事實上是ANSI）：

所以一樣要【另存新檔】將編碼改成「UTF-8」才可以在WordPress正確顯示中文：

改完之後檔案編碼就變成了「UTF-8(未含BOM)」：

用Notepad++編輯

除了EmEditor之外，Notepad++也是一個很好的選擇，而且是由國人所開發的程式當然要支持一下

在Notepad++如果右下角的編碼顯示是「ANSI」的話：

從功能表的【格式】改成【轉換成 UTF-8 碼格式 (檔首無BOM)】就可以正確在WordPress顯示中文了。

版型檔案功能說明

以下是WordPress常見的版型檔名及其所掌管的程式部份，當然這是一般的慣用法，也有很多的版型不一定是照這個檔名規則走的。

• index.php：首頁的程式碼。
• header.php：最上面標題列、部落格名稱、描述及網誌分頁選單列程式碼。
• single.php：單篇文章程式碼。
• page.php：網誌分頁程式碼。
• footer.php：最下面的版權聲明頁腳程式碼。
• comments.php：留言顯示及留言輸入表單程式碼。
• sidebar.php：邊欄Widget程式碼。
• search.php：搜尋頁面程式碼。
• archives.php：文章彙整、分類彙整和標籤彙整程式碼。
• functions.php：定義功能函數程式碼。
• style.css：CSS檔案。

要改哪裡？

這是剛開始嚐試改版型的人最常問的問題，而每一個版型的寫法並沒有一定，所以要如何找到要改成中文字的地方呢？

這裡有一個最簡單的方法：看你的前台出現了什麼英文字，用這一串英文字搜尋相關的版型檔案就會找到這一串英文字，像在首頁出現「Read the rest of this entry」這一串字，你應該可以在「index.php」找到這一串字：

把它改成「繼續閱讀」或「閱讀全文」的中文就好了。

另外版型的日期函數一般都是西元的日期排列方式，原程式碼是：

把它改為「Y年m月d日」就會變成「2008年3月16日」這樣子的格式：

至於CSS的部份就有很多東西要講，這個再找時間慢慢的來發一系列的文，還有要改之前記得先存一份原始未改的，不然改錯了整個站掛掉了就糟了。

如果自己懶得中文化，在免費的喘息也有許多己經中文化的版型可以下載喔！

還有像Blogger的版型XML也是相同的改法，你也可以自己試試看。最後祝大家中文化愉快

閱讀全文...

就是不讓你看

還記得之前高登發過一篇：「檢查你用的版型是否安全」，裡面有提到有一些版型會將「footer.php」用base64的演算法加密，這種的版型不一定是有問題，但是作者的心態個人是不大贊同。

但是網站畢竟是要給大家看的，所謂的加密手法只是你看到的程式碼，真正在網路上傳輸的還是沒有加密的HTML原始碼，不然加密了連搜尋引擎都看不懂你的網頁，那這個網站也就別設了！

隱藏在美麗之下的危險

台灣有一句俚語：「水某歹照顧」，就是說越是美麗的事物就越危險，所以一般會在程式利用加密的手法的版型，基本上都是不錯的版型。

為什麼會有人將程示加密不讓你看呢？原因有兩個：

1. 作者不希望你修改他的程式碼。
2. 在程式碼中隱藏著不可告人的秘密，像是不應該有的連結，或者是惡意的木馬程式。

如果是第一種原因的話就還好，但是第二種原因就很糟了，所以不管原來作者的用意為何，一般都會建議遇到加密的版型就不要用了。

但是以WordPress屬於Open Source開放原始碼的程式來說，在版型加密就已經是不遵守遊戲規則的作法了，因為這樣子你並沒有「開放原始碼」！因此當你能夠解開原作者加密的東西之後，要採取什麼措施就自己看著辦吧！

如何看原始碼

首先檢查版型的footer.php（我也曾遇過是sidebar.php加密的），裡面看起來是這樣子看不懂的碼，那就是加密過的：

事實上你從網頁的HTML原始碼就可以看到解密之後的程式碼，但是比較難判斷哪一個部份是原來加密的內容，所以要先加一下註記。

方法就是在呼叫footer.php的上一層的程式中加入一些語法，一般而言都是用index.php來呼叫footer.php的，所以請你在index.php裡面找到下面這一段程式碼：

<?php get_footer(); ?>

在它的前面跟後面加上註記，就像這樣子：

<!-- Footer開始 -->
<?php get_footer(); ?>
<!-- Footer結束 -->

然後在網頁的原始碼中找到這一段註記，中間的部份就是解密之後的程式碼：

用這一段程式碼替換原來footer.php的程式碼就一切大功告成了（不過要看一下程式碼有沒有問題喔）！

還有漏掉的

但是這並不是完整的原始碼，像一般的版權聲明中的網站名稱是用php函數取得的，不過這個比較沒關係。

更重要的是在footer.php裡面在一個很重要的函數一定要呼叫：

<?php wp_footer(); ?>

沒有這一段程式碼的話，可能會讓你的網站統計程式像是WordPress.com stats、Google Analytics或Woopra等不會回報數據，所以請你手動在</body>之前加上這一行吧。

閱讀全文...

倒垃圾時間到了

不管你如何的小心，WordPress的SQL資料庫裡面一定會有一些多餘的東西，像是：你停用的外掛的設定資料、多餘的發文版本、垃圾留言等等，所以資料庫還是要定期的清理和維護，這樣子才能讓你的部落格隨時處於最佳狀態。

正好這幾天先有Muki的「教你如何完整移除wordpress插件」再來有香腸的「Revision Control 輕鬆關閉WordPress多版本功能」，都是講這方面的問題，但是有了這個「WP-optimize」這個外掛，你就可以一次搞定所有的事情，算是滿方便的一個外掛。

WP-optimize外掛

看名稱就知道「WP-optimize」是用來優化你的WordPress的，優化的對象是就是SQL資料庫，從這一個外掛開始高登不再貼網址了，現在要新增外掛已經像是Windows安裝程式那麼簡單，所以要進步一點不要再用老掉牙的方法安裝外掛了！

請直接在WordPress後台的〔外掛〕→〔新增外掛〕輸入「WP-optimize」搜尋，找到的第一個就是了，接下來直接點選〔安裝〕的按鈕：

再輸入主機的FTP/帳號/密碼三個資料（第一次需要打以後就記住了），上傳完成後再啟用外掛就一切搞定！

優化WordPress

啟用之後你可以在〔管理首頁〕看到多出一組〔WP-optimize〕的功能表，點進去看到下面的資料表是不是有一些紅色的，那就是需要優化的部份

其實你可以優化的有：

• Remove all Post revisions：清除多餘的發文版本。
• Clean marked Spam comments：清除標示為垃圾留言的留言。
• Clean Unapproved comments：清除未審核的留言。
• Optimize database tables：優化資料表。
• 變更使用者名稱。

如果你看到該項目有多出來「No xxx found」表示這一項就不用優化了，比較特別的是第三項有一個特別的用途：就是當你的留言有審核機制但是又被垃圾留言灌爆的時候，最快的方法就是把那些未審核的留言通通清掉，不過這樣子也可能會誤刪正常留言，是沒辦法中的比較好的辦法了。

所以你只要勾選上面要優化的項目（我是一般全部都勾啦），然後按一下〔Process〕。

看到左上角出現成功的訊息：

資料表原本紅色的變成藍色的，就一切完成了！

沒錯！這樣就好了，不用在找什麼SQL指令或是好幾個外掛，就一個「WP-optimize」就解決了，怕出問題嗎？那就先備份再執行優化吧！

閱讀全文...

備份、備份、還是備份

前天高登工作室的主機突然當機，以致於暫時把網站轉到美國的免費空間「寄放」了一天。「遇到了，就知道備份的重要性」，但是很不幸的這一次又有10幾天的資料沒有備份到（懶啊！自首無罪），所以還花了一些時間去Blogger把文章撈回來，不過好像有一些留言不見了，如果有人沒看到回覆的話就請你再留一次囉，不好意思！

話說為什麼沒有備份到？因為我的主站和備站是用資料庫「匯出」、「匯入」的方式來同步的，而每一次要備份就要開主機後台管理程式，然後再進phpMyAdmin去備份或還原，真的是比較麻煩一些，所以就會造成備份的空檔了。

WP-phpMyAdmin外掛

現在用了這個「WP-phpMyAdmin外掛」的話，只要發完文在WordPress後台「順便」按一下這個備份程式就完成操作了，這樣子就再也沒有理由說備份的手續太複雜了吧！

事實上這個程式就是把MySQL最多人用的「phpMyAdmin」這一隻管理程式移植到WordPress後台來用，所以操作的方式完成一樣，所以資料庫的增、刪、修改和取代等等的功能都可以用，但是因為功能太強了，對「phpMyAdmin」不熟的人就不建議使用，因為一個操作錯誤的結果可能會是很慘的喔！

• 外掛名稱：WP-phpMyAdmin
• 外掛下載網址：http://wordpress.org/extend/plugins/wp-phpmyadmin/
• 外掛作者網址：http://wordpress.designpraxis.at/
• 外掛安裝：一樣下載wp-phpadmin.zip然後解壓到你的電腦，再裡面的「wp-phpmyadmin」目錄上傳至主機的「wp-content/plugins」目錄，在由後台啟用這個外掛

不要再那麼麻煩了，都什麼時代了還在下載上傳的，直接到WordPress後台的【新增外掛】輸入外掛名稱搜尋，找到這個外掛直接在後台安裝就搞定了，不過有警告說「未經過測試」，那個沒關係還是可以正常運作的。

至於外掛的設定呢？不用！因為帳號密碼都有了（一開始在安裝WordPress就在wp-config.php裡面設定好了，記得嗎？），所以使用時只要從後台的【工具】→【phpMyAdmin】執行就可以了！

這是畫面的截圖，功能跟phpMyAdmin都一樣喔！

如果你對phpMyAdmin不熟，那看一下香腸的這一篇：「如何用phpMyadmin備份資料庫？」吧！

另外阿正老師在「WordPress部落格架設與經營：站長親授的十堂課」書中也提到「WP-DB-backup」這隻外掛，不過只有備份不能還原，算是半套而已吧，但是有一個「排程備份」卻是這一個外掛所沒有的，因此兩個算是互補吧！

閱讀全文...

之前介紹過的WordPress用的Revolution Lifestyle版型，高登現在拿來作一個大改版，不過官網的3.0下載連結不見了，我是從SEO Blog & Make Money Online這裡下載了2.0版的來改的，至於2.0跟3.0的差異主要是在後台的設定介面不一樣而已，功能其實都是一樣的。

完成圖

首先請大家看一下修改之後的成果 這是原來的樣子：

這是我改完之後的樣子，現在用在我的另一個站「生活旅人」：

真的看起來已經不大像了吧？你還能認出是Revolution Lifestyle嗎？

版權疑慮

大家一定會問：「這真的是免費的版型嗎？」 多說無益，來看一下版型的CSS版權聲明吧：

/*
 Theme Name: Revolution Lifestyle
 Theme URL: http://www.revolutiontwo.com/themes/lifestyle
 Description: Revolution Lifestyle is a 3-column Widget-ready theme created for WordPress.
 Author: Brian Gardner
 Author URI: http://www.briangardner.com
 Version: 2.0
 Tags: three columns, fixed width, white, tan, teal, purple, sidebar widgets
 
 The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php
 
 Changelog:
  v2.0 - 12.07.08
  Second Release of Revolution Lifestyle, to ensure compatibility with WordPress 2.7
*/

裡面很清楚地宣告遵循Open Source的規範，所以就放心地用吧！

所以既然是Open Source，那就用力給他改下去，但是原作者的連結留著就OK了，至於官網所稱的付費方式只是他們給你技術支援的費用，不是購買版型的費用。（謎之音：既然是Open Source，那3.0版趕快釋出吧！）

安裝及設定

這個版型最迷人的地方就是在首頁有一個幻燈片的展示動畫，而這一個效果是用「Featured Content Gallery」這個外掛來達成的。

這個外掛在後台也有設定的頁面，但是如果要合配合Revolution Lifestyle這個版型用的話，有一些跟原外掛的說明不大一樣的地方：

1. 你要有一個分類把它的代稱(Slug)取名為「featured」，然後把每一篇要加入首頁幻燈片秀的文章加到這個分類。
2. 在Featured Content Gallery的後台設定圖片的寬度、高度、重疊文字高度、分類名稱(featured)及顯示的數量等參數。
3. 在每一篇加入首頁幻燈片的文章加入一個自訂欄位，名稱叫「articleimg」，內容是圖片的網址。

這樣子幻燈片就完成了，算是簡單嗎？

首頁文章設定

接下來要設定首頁顯示的文章分類，總共可以設左、右、下三個分類，這個在2.0版要修改版型的「home.php」檔，請找到裡面的：

have_posts()) : $recent->the_post();?>

裡面的「cat=1」改成你的分類ID（自己由後台找ID），「showposts=3」表示顯示三篇文章，你可以自己訂，至於文章的字數就用<!--more-->來控制。

至於文章的縮圖則是新增一個自訂欄位，名稱叫「thumbnail」，內容是縮圖的網址，這樣子大部份就搞定了。

因為這是原版作者用來賺錢的部份，所以高登不能講太詳細，留給原作者一些獲利的空間吧！

至於你在生活旅人看到的樣子還是一個雛形而已，我還有找時間慢慢修正的，因為發覺還是有一些潛在的問題：像是「沒有H1」等等...也希望大家能給一些意見。

閱讀全文...

Revolution Lifestyle WordPress Template

RevolutionTwo是一家專門製作WordPress高質感版型的公司，高登工作室也曾用過他的的Revolution版型，而在去年的十月份他們將旗下的一些版型改為OpenSource的方式發行，也就是說你可以自由免費的使用他們的版型，艾德的這一篇Revolution Two開站了就曾經介紹過。

上次RevolutionTwo開站的時候，那些版型真的是可以在你們的網站直接下載到，而且根據他們網站的說明有二種付費的方式：第一種是購買單一版型(USD$59.95)，第二種是所有的版型(USD$199.95)，如果不付錢的話你還是可以用，但是他們不提供任何的技術支援服務，所有都要自己摸索。高登也曾下了幾個來試試看，但是發覺真的不好搞，弄了老半天還是無法將所有的功能都設好，後來因為太忙就沒試下去。

但是現在去他們的網站，發覺新版3.0下載的連結不見了，可能是又走回原來要付費的政策了吧！

而這個Lifestyle的版型是我個人最中意的版型，乾淨、清爽、看起來舒服，如果不想花錢的話，網路上還有一些2.0舊版的連結還是可以下載得到喔！

Revolution Lifestyle Blogger Template

而現在有MagzNetwork跟RevolutionTwo合作，推出了這個Blogger用的「Revolution Lifestyle Blogger Template」，比較特別的是有一個免費的Blog版型和付費的Magazine版型，付費的要價USD$25元，費用也還好啦，你可以點以下許的圖片看示範，真的就是放在Blogger的站喔！

Revolution Lifestyle Blog Template

Revolution Lifestyle Magazine Template

至於安裝的方式在MagzNetwork Blog Design的網站有說明，有興趣的人看看吧！

閱讀全文...

Page2Widget外掛

這是一個可以將WordPress的「網誌分頁Page」轉到「邊欄Widget」的外掛，像是高登工作室的最上面一排的網誌分頁裡面就有「關於高登」的自我介紹，而你可以看到有許多人也會在邊欄放一個自我介紹在那裡。

用WordPress系統你不用額外的手續，只要加這個外掛就可以達成了。

• 外掛作者網站：http://www.xelaz.de/page2widget/（只有德文網站的喔，不過程式是英文版的）
• 外掛下載網址：請由作者的網站下載（就是中間那個page2widget.zip的連結）
• 外掛安裝及啟用：還是老樣子，下載回來的zip檔中只有一個「page2wodget.php」的檔案，將這個檔案解壓縮到你的電腦中，再將這個檔案上每到主機的「wp-content/plugins」目錄下，然後在後台的〔外掛〕啟用就可以了。
• 外掛使用方式：

在後台的〔外觀〕→〔模組〕會多出一個「Page2Widget」的模組，將它「新增」到你要放的邊欄位置，「Title:」不輸入的話就會用原來分頁標題，「Page:」就選你要放到邊欄的分頁，如果你不希望這個分頁同時出現在分頁列那裡的話，你可以將這個分頁改為「未發表」，這樣子就完成了。

你看分頁就跑到訪欄去了：

不過好像不大適合放長篇的分頁，因為邊欄一般都很窄，文章太長的話就會破壞版面，我試著加<!--more-->結果並不會切斷，這一點是美中不足的地方。

閱讀全文...

All in One SEO Pack外掛

WordPress的SEO用「All in One SEO Pack」外掛的話，你只要在這個外掛的後台設定一下，主要的「Meta中繼標記」都幫你設好了，而且還可以設定不重覆檢索分類、標籤與彙整頁，反正除了發文的部份之外都一次搞定，所以被稱為「SEO懶人外掛」一點都不為過。

• 外掛名稱：All in One SEO Pack
• 外掛網址：http://wordpress.org/extend/plugins/all-in-one-seo-pack/
• 中文語系檔網址：西瓜田裡的牛
• 外掛安裝及啟用：跟其他的外掛一樣，先到官網下載然後解壓縮到硬碟中，先不急著上傳，再到「西瓜田裡的牛」下載中文語系檔，一樣解壓縮將原來的語系檔覆蓋（因為官網的中文語系有問題），然後將整個「all-in-one-seo-pack」目錄上傳至主機的「wp-content/plugins」目錄，再到後台的外掛〔啟用〕就安裝完成了。

外掛設定

這個外掛設定也很簡單，請看以下的說明：

１．「首頁標題」：就是你的部落格名稱，設定這個會覆蓋原有WordPress後台原來的設定。

２．「首頁說明」：就是設定「meta name="description"」的文字，請輸入你的網站內容的描述。

３．「首頁關鍵字」：就是設定網站關鍵字「meta name="keywords"」，請設定你網站的主要關鍵字，每一個以半型的「,」分隔。 註： 很奇怪的是這個外掛並不會把你原來設定的「description」和「keywords」刪除，而只是在後面另外加上一個meta中繼標記，而這樣子作不知道會不會引起搜尋引擎的過度反應？

４．「改寫標題」：勾選的話就會覆蓋上列三項原有的設定，改用這裡的設定，既然要用這一個外掛應該沒有理由不勾才對。

５．從「文章標題格式」到「說明格式」這一段用內定值就好了，不需要再設定了。

６．「404錯誤網頁標題格式」：把「Nothing found for」改為中文的「找不到」。

７．「分頁格式」：改成「第%page%頁」，或者是建議用「文章分頁外掛」比較好看。

８．「使用分類名為作為關鍵字」：這個勾選之後會以該篇文章的分類作為該文章的「meta keywords」內定是不勾選，建議可以勾選。

９．「禁止對分類頁進行檢索」：這個勾選可以防上分類頁被重覆檢索。

１０．「禁止對彙整頁進行檢索」：理由同上，勾選比較好。

１１．「禁止對標籤彙整頁進行檢索」：這個不要勾選比較好，因為「標籤」在搜尋引的權重佔很大，所以還是檢索比較好。

１２．「自動產生說明文字」：勾選這個的話會自動將文章的前面變成「meta description」裡面的摘要，這個有利於SEO。

１３．「附加的文章頁首」、「附加的分頁頁首」和「附加的首頁頁首」這三項則是會在你的文章、網誌分頁或首頁的最左上角加上額外的文字，這樣子作有可能會破壞你原有版型的排列，因此也不建議使用。

１４．「記錄重要事件」：原官網也沒交代記錄什麼，以及記錄在什麼地方，我一時也試不出來，就不要用好了。

發文的額外設定

這個「All in One SEO Pack」外掛除了以上的靜態設定之外，最強的功能是在發文時有額外的SEO選項可以針對單篇文章來設定，但是很多裝了這個外掛的人都沒注意到，或是不知道要怎麼設定，現在就讓高登把它一次講清楚。

當你在發表文章或是修改文章時，請往下捲動就可以看有多了一組的「All in One SEO Pack」的選項，把它點開就可以看到這些的設定。

在這裡你可以手動設定每一篇文章的「標題」（這個只有影響瀏覽器標題列上的標題，對文章本身的標題沒有影響），還有文章的「說明」（就是meta description的摘要），還有這一篇文章的「關鍵字」，這種的作法算是最精確的SEO手法了，不過到底要設些什麼標題、說明或是關鍵字就有賴你自己的實驗去證明了。

以上文章摘錄自：高登和其他六位站長合著的「WordPress部落格架設與經營：站長親授的十堂課」這一本書中，如果想要完全掌握WordPress的功能的話，一定要買來看喔！

補充說明： 這個外掛也沒有傳說中的那麼神！只是一些基本的SEO設定而已，要作好SEO還是要看你對整個SEO的認識是否正確，你可以看看我的原始碼：all in one seo free喔，還是一樣上SERP的第一頁！

閱讀全文...

麻煩的< >

像高登這種寫部落格教學文的網站，常常需要在文章中貼一段程式碼給大家參考或是複製回去用（就像這一篇文一樣），但是遇到了「<」和「>」就麻煩了，因為要用「&lt;」和「&gt;」替代，如果這些程式碼很長的話，光改這些特殊字元就要花不少的時間。

而且還有一個問題：縮排會不見了，因為HTML的排版是會將多個「空白」或「換行」縮成只有一個，所以你就會有像下面的情況：

錯亂的排版

首先請看我之前的這一篇：「在網誌分頁自定連結」裡面有一段程式碼，先看一下後台編輯器的HTML模式下是這樣子的：

但是一到了前台卻變成了這副德行：

完全走樣了，可能有的人會說你可以用<pre>來定位啊，只可惜又有一個問題：「程式碼太長了，會超出版面」，而且高登現在用的這個版型又沒有針對<pre>的CSS設定，所以就暫時先用<blockquote>頂一下，再來找完美的解決方式。

所以說上述的情形共有兩個問題要解決：

1. 要能夠直接打<和>而不用轉換。
2. 要加一段<pre>用的CSS，裡面要有防止溢位的功能。

於是高登就先找到了這個：

Code Autoescape外掛

• 外掛網址：http://priyadi.net/archives/2005/09/27/wordpress-plugin-code-autoescape/。
• 外掛功用：讓你直接在<code></code>之中直接輸入<和>。
• 安裝方式：原作者所提供的下載檔案是「codeautoescape.txt」，請下載之後更名為「codeautoescape.php」，然後將這個檔案上傳到主機的「wp-content/plugins」，再由後台啟用這個外掛，這個外掛沒有任何的設定選項。
• 使用方式：把你要加的程式碼用<code></code>包住就可以了。

加一個Pre的CSS

如果你的版型沒有「pre」的設定，或是原來的設定你不喜歡，那請將下面這一段程式碼加在你版型的CSS中。

pre {
  background: #F0F0F0 url(images/blogger-code.gif) repeat-y scroll left top;
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  font-family: Courier New;
  font-size: 10pt;
  line-height: 120%;
  margin: 5px 0 0 20px;
  max-height: 200px;
  overflow: auto;
  padding: 10px 10px 10px 21px;
  width: 90%;
}

以上程式碼引用自：Monster Oasis

這裡還有用到一個gif圖檔，請從http://gordon168.tw/wp-content/themes/my-genkitheme/images/blogger-code.gif下載，然後放在版你版型的「images」目錄中，這樣子就大功告成了！

現在後台的發文介面變成這樣子，要引用的程式碼用<pre><code></code></pre>包住：

輸出的結果變成這樣子，好看多了吧？

順便提一下：防止溢位的關鍵在「overflow: auto;」這一行，下次再來講這一部份，還有CSS的部份不只是WordPress可以用，其他的BSP應該也都適用（不過gif可能要另外找圖床放了）。

補充：使用Blogger的人請看下一篇：在Blogger文章中插入程式碼

閱讀全文...

網誌分頁的功能

在WordPress裡面文章分為兩大類：第一類就是你每天發文的「文章(Post)」，另一類就是像高登工作室最上面的「網誌分頁(Page)」，而分頁的用途一般是拿來當公告用的，例如「自我介紹」、「文章導覽」等，放在分頁的目的就是像文章置頂一樣，讓讀者很容易就可以找到這一個頁面。

還有另外一種用途：「連結至你其他的網站或部落格」，例如你有好幾個部落格或是像最近友站「開源節流資訊網」新開了一個論壇，高登建議他除了發公告文之外，最好在分頁那裡加一個連結到論壇首頁，還有之前有網友有舊的網站，現在開始用WordPress來架站，可能希望讀者還是能看以前的舊網頁，那就一樣在分頁那裡加一個連結就好了。

網站內部連結的作法

如果你要連結的網址是在部落格網址之下的一個子目錄，例如我要開一個論址網址是「http://gordon168.tw/forum」這樣的網址，那你可以很簡單利用固定網址來達成，不過前提是你的WordPress要設固定網址，還有固定網址只能有一個階層（就是不能在固定網址有目錄的結構），像是固定網址設成「/%postname%」這樣子。

那你只要發一篇只有標題的網誌分頁，然後將這篇分頁的「固定網址」改成你要連結的目錄名稱就可以了。

連結到外部網址

如果要連結的是其他的網址，或是另一個子網域的網址（像開源節流資訊網就是這樣子的情形），那最快的方法就是直接在版型裡面加上這一個網址的連結。

高登以上述的例子所使用的版型「iNove」為例：網誌分頁是在「header.php」裡面的第75行「<div id="navigation">」這一段：

<ul id="menus">
 <li class="<?php echo($home_menu); ?>"><a class="home" title="<?php _e('Home', 'inove'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'inove'); ?></a></li>
 <?php wp_list_pages('depth=2&title_li=0&sort_column=menu_order'); ?>
 <li><a class="lastmenu" href="javascript:void(0);"></a></li>
</ul>

第一部份用「<li></li>」包起來的就是回到首頁的連結，而第二段「wp_list_pages」就是由資料庫取出網誌分頁。

所以如果你要加上任何的連結，請在「</ul>」前面加上就可以了，例如開源節流的論壇網址是「http://save-earn.twbbs.org/」，我們就加上

<li><a href="http://save-earn.twbbs.org/">論壇</a></li>

這樣子就可以了。

註：

• 不管是哪個版型都是找「header.php」裡面的「wp_list_pages」這一段就對了。
• 有的版型沒有網誌分頁這一列，所以請找一個有這一列的版型。
• 一般的版型沒有「<li><a class="lastmenu" href="javascript:void(0);"></a></li>」這一段，這一個版型比較特別，所以是加在這一段之前。
• 因為是修改版型,所以換一個版型就要重加。

閱讀全文...

為你的文章貼標籤

「標籤(Tags)」是Web 2.0的一個很重要的元素，主要的功用是來分類網站及文章的，而WordPress在2.3版之前並不支援「標籤」功能，而是只有「分類(Category)」的功能而已，但是就算是有了標籤功能還是很不好用：「標籤不能用選的，要一個一個輸入」，一直到WordPress 2.7版才算是把標籤功能強化了一些，算是一個不錯的改版。

事實上WordPress一開始的方向是走錯的，你可以看看「Blogger/Blogspot」完全沒有「分類」這種觀念，因為在Web 2.0裡面所提到的只有「標籤」，所以現在的WordPress算是往正確的方向邁進了一大步，標籤的重要性在我的書：「WordPress部落格架設與經營：站長親授的十堂課」也都有說明。

Simple Tags外掛

所以在WordPress 2.7版之前，你想到好好地運用「標籤」這個功能的話，就要借重「Simple Tags」這一個外掛，而在WordPress 2.7版的標籤功能改進了之後，可能有人會有還要不要用這個外掛的疑慮，而事實上「Simple Tags」不只給你單純的「標籤」功能而已，而是還有許多的加強，所以就算是你升級到了2.7版，還是建議要安裝「Simple Tags」這個外掛

• 外掛下載網址：http://wordpress.org/extend/plugins/simple-tags/。
• 外掛作者網址：http://www.herewithme.fr/（只有法文的網頁）。
• 安裝方式：將下載的檔案解壓縮，然後將整個「simple-tafs」目錄上傳至主機的「wp-content/plugins」之下，再由後台外掛啟用。
• 特別說明：這個外掛已經由「西瓜田裡的牛」製作中文檔，官網下載已內含中文語系，所以後台的設定會自動變成中文版。

外掛使用及設定

這個外掛的功能滿多的所以設定的地方要好好研究一下，首先你在後台的〔文章〕這一個功能表會看到多了〔管理標籤〕、〔大量編輯標籤〕和〔自動標籤〕三項選單：

在〔管理標籤〕這一項裡面，你可以「重新命名」、「刪除」、「增加」標籤或是「編輯標籤代稱」，其中比較強的功能是「重新命名」這一項，你可以利用這個功能將許多個標籤合併為一個標籤，而且是相對應的文章都可以一定修正完成。

在〔大量編輯標籤〕這個功能是將文章和標籤作一個簡要的列表，讓你可以很輕鬆地檢查和修改每一篇文章所使用的標籤。

而〔自動標籤〕這一項更是可以讓你不用設標籤而由系統自動幫你加，甚至連舊的文章也可以一次修改標籤。

而在發文的後台的標籤選項就變成了像這樣子的選擇模式，你還可以從網路上取得建議的標籤名稱，不過這一個介面是用JavaScript的，所以如果你的瀏覽器這個功能不正常可能就無法顯示喔！

也可以當成相關文章外掛

另外在〔設定〕→〔Simple Tags〕這一項更是有許多的設定，其中高登只介紹兩個就好。

首先是〔相關文章這一項〕，這裡的相關文章會自動產生，而且主要是以「標籤」為考量的因素，所以會自動找出有相同標籤名稱，然後內容又有關聯性的「相關文章」，如果你用其他的相關文章外掛有問題的話，這也是另一個選擇。

我們來看一下我之前的另一個相關文章外掛手動設定的跟這個自動設定所挑的文章有很大的差別：

更正確的標籤雲

網友William在這一篇「標籤雲的標籤誤用」指出，WordPress的「標籤雲」邊欄(Widget)有誤用「rel=”tag”」的語法，導致在FunP抓文章標籤時會錯誤，所以如果你有在網站加上標籤雲的話，建議改用「Simple Tags」所提供的邊欄「ST:標籤雲」就可以避免這個錯誤。

至於其他的功能因為都有中文的說明，大家應該都看得懂，自己慢慢試囉！

閱讀全文...

有留有保庇

就在上一篇「藏在留言後面的秘密」文章裡面大家可以看到不同的部落格程式或是BSP對於留言的「nofollow」是不是要加有不同的作法，而這裡面除了高登提到的這四家之外，也沒看到有網友回報其他家的作法，是不是大家對這個都不在意呢？

其實WordPress和Blogger加上「nofollow」不能說是錯，而是一種的自我保護措施，但是如果你的留言都已經審核過了，那是應該像痞客邦或是Yam天空的作法一樣給予留言者一個回報，而你能夠回報的也只有在反向連結上連回去留言者的網站，讓他的連結數可以增加進而PR也可以提高，這樣子別人才比較有意願在你的部落格留言。

WordPress留言nofollow free外掛

用WordPress的人就知道沒有什麼是不可能的，所以想當然爾早就有人幫你寫好了這一方面的外掛了，今天高登要介紹的這一個外掛算是功能比較多的，主要是其他的外掛可能會將全部的「nofollow」都移除，但是這一個就可以有一些設定選項，讓你有更多的選擇。

外掛網址：WordPress外掛官網連結 作者網站：Michele’s Blog 中文修改版：本地下載 安裝方式：下載解壓縮之後，將「nofollow-free」整個目錄上傳到網站的「wp-content/plugins」之下，然後在後台的外掛啟用它。 特別說明：本外掛內建中文語系檔，但是在作者網站並沒有看到有中文的版本，經下載之後發覺裡面有中文的語系檔，但是檔案的編碼設錯而且翻譯的亂七八糟，所以高登自己就作了一個中文語系檔，我再來提供給原作者看能不能直接加到他的檔案中，如果你現在要下的話請先從本地下載

外掛設定

請由WordPress後台〔設定〕→〔NOFF〕來設定這個外掛，首先請將語系設為「Chinese」然後按最下面的〔Save Settings〕就可以變成中文版了，有了中文版設定就簡單多了，第一段這裡大家看字面的意思應該就會設了，所以我就不再說明。

接下來這一部份看說明你可能不大懂在說什麼，所以請看下一張圖的右上角是不是多了一個彩帶？就是設定這個東西的，所以請依畫面的指示在你的「header.php」加上「<?php if (function_exists(noff())) noff(); ?>」這一段程式碼才會有彩帶顯示，如果沒有這個動作是不會發生任何事的。

這是加了彩帶的首頁：

這是留言的地方在下面有加註了說明：

以上是WordPress的部份。

Blogger/Blogspot也可以

至於Blogger也可以自行將「nofollow」移除，方法很簡單請到你的Blogger後台的〔版面配置〕→〔修改HTML〕進到這個修改原始碼的頁面，並且先勾選「展開小裝置範本」，接下來找到「<dl id='comments-block'>」這一段，將「rel='nofollow'」拿掉再〔儲存範本〕就可以了，另外你也可以找到還有其他的「nofollow」有興趣的可以先研究看看。

經過這樣子的改造之後．你可以大聲的說：「請儘量在我的部落格留言吧！」

閱讀全文...