WordPress免用外掛自己動手做SEO
在之前曾經使用過All in One SEO Pack & Platinum SEO這兩套Wordpress的SEO外掛，起初是覺得還蠻好用的，但後來卻發現在Google搜尋自己的文章時，那些關鍵字描述，跟我使用Platinum SEO添加的說明有些出入，因此決定不在使用外掛做SEO，改成自己動手做SEO，剛開始需要添加幾項程序，之後便能像安裝SEO外掛一樣，只要在文章下方添加SEO描述，便能產生Wordpress 文章SEO關鍵字描述。
其實說穿了，All in One SEO Pack & Platinum SEO這類型的外掛大部分也都只是使用WP內建的自訂欄位，在使用action hook添加到網站內，所以不如自己動手做，還可以減少使用外掛量。
若不知道甚麼是SEO，可參閱:
首先，添加一段語法在佈景主題內的function.php
<?php
$meta_box = array(
‘id’ => ‘post-meta-danping’,
‘title’ => ‘SEO描述 by Aidec’,
‘page’ => ‘post’,
‘context’ => ‘normal’,
‘priority’ => ‘high’,
‘fields’ => array(array(
‘name’ => ‘SEO描述’,
‘desc’ => ‘設定文章的SEO敘述。’,
‘id’ => $prefix . ‘description’,
‘type’ => ‘text’,
‘std’ => ”
)
)
);
add_action(‘admin_menu’, ‘mytheme_add_box’);// Add meta box
function mytheme_add_box() {
global $meta_box;add_meta_box($meta_box[‘id’], $meta_box[‘title’], ‘mytheme_show_box’, $meta_box[‘page’], $meta_box[‘context’], $meta_box[‘priority’]);
}
// Callback function to show fields in meta box
function mytheme_show_box() {
global $meta_box, $post;// Use nonce for verification
echo ‘<input type=”hidden” name=”mytheme_meta_box_nonce” value=”‘, wp_create_nonce(basename(__FILE__)), ‘” />’;echo ‘<table class=”form-table”>’;
foreach ($meta_box[‘fields’] as $field) {
// get current post meta data
$meta = get_post_meta($post->ID, $field[‘id’], true);echo ‘<tr>’,
‘<th style=”width:20%”><label for=”‘, $field[‘id’], ‘”>’, $field[‘name’], ‘</label></th>’,
‘<td>’;
switch ($field[‘type’]) {
case ‘text’:
echo ‘<input type=”text” name=”‘, $field[‘id’], ‘” id=”‘, $field[‘id’], ‘” value=”‘, $meta ? $meta : $field[‘std’], ‘” size=”30″ style=”width:97%” />’, ‘<br />’, $field[‘desc’];
break;
case ‘textarea’:
echo ‘<textarea name=”‘, $field[‘id’], ‘” id=”‘, $field[‘id’], ‘” cols=”60″ rows=”4″ style=”width:97%”>’, $meta ? $meta : $field[‘std’], ‘</textarea>’, ‘<br />’, $field[‘desc’];
break;
case ‘select’:
echo ‘<select name=”‘, $field[‘id’], ‘” id=”‘, $field[‘id’], ‘”>’;
foreach ($field[‘options’] as $option) {
echo ‘<option’, $meta == $option ? ‘ selected=”selected”‘ : ”, ‘>’, $option, ‘</option>’;
}
echo ‘</select>’;
break;
case ‘radio’:
foreach ($field[‘options’] as $option) {
echo ‘<input type=”radio” name=”‘, $field[‘id’], ‘” value=”‘, $option[‘value’], ‘”‘, $meta == $option[‘value’] ? ‘ checked=”checked”‘ : ”, ‘ />’, $option[‘name’];
}
break;
case ‘checkbox’:
echo ‘<input type=”checkbox” name=”‘, $field[‘id’], ‘” id=”‘, $field[‘id’], ‘”‘, $meta ? ‘ checked=”checked”‘ : ”, ‘ />’;
break;
}
echo ‘<td>’,
‘</tr>’;
}echo ‘</table>’;
}
add_action(‘save_post’, ‘mytheme_save_data’);// Save data from meta box
function mytheme_save_data($post_id) {
global $meta_box;// verify nonce
if (!wp_verify_nonce($_POST[‘mytheme_meta_box_nonce’], basename(__FILE__))) {
return $post_id;
}// check autosave
if (defined(‘DOING_AUTOSAVE’) && DOING_AUTOSAVE) {
return $post_id;
}// check permissions
if (‘page’ == $_POST[‘post_type’]) {
if (!current_user_can(‘edit_page’, $post_id)) {
return $post_id;
}
} elseif (!current_user_can(‘edit_post’, $post_id)) {
return $post_id;
}foreach ($meta_box[‘fields’] as $field) {
$old = get_post_meta($post_id, $field[‘id’], true);
$new = $_POST[$field[‘id’]];if ($new && $new != $old) {
update_post_meta($post_id, $field[‘id’], $new);
} elseif (” == $new && $old) {
delete_post_meta($post_id, $field[‘id’], $old);
}
}
}
if (defined(‘DOING_AUTOSAVE’) && DOING_AUTOSAVE) {
return $post_id;
}
?>
保存後，到新增文章這邊，會出現如下圖的自訂欄位
若沒出現，請在新增文章的地方，打開右上角的[顯示選項]檢查SEO描述有沒有勾選
上述動作都完成後，再將下列語法添加在佈景主題的header.php
<?php if(is_single()) { ?>
<meta name=”description” content=”<?php echo get_post_meta(get_the_ID(), ‘description’, true) ?>” /><?php }else{ ?>
<meta name=”description” content=”在此處輸入您網站首頁的SEO描述” />
<?php } ?>
只要添加在<head></head>內就可以，大約添加在下圖這個位置。
這樣就可以免使用外掛完成自製的SEO，以後只需在新增文章時，在下圖處，填入該文章的SEO描述訊息即可。
推薦文章:
感謝您的閱讀，請用力地分享讓大家知道吧~~
很抱歉，此文章關閉留言
請問：
我本來也是用All in One SEO Pack 的，但覺得好像沒用一樣，不知是我不會用還是．．．．，所以我有下載沒開啟。所以看到你這遍文章，很想用看看。
所以請賜教喔。
在附件裡的內容如下…是要如附件裡一樣？還是輸入自己的內容呢？謝謝^^
‘title’ => ‘圖片&SEO描述 by Aidec’,
array(
‘name’ => ‘圖片網址’,
‘desc’ => ‘輸入文章的預覽圖片(沒圖片時，輸入: http://goo.gl/lhAqw )。’,
‘id’ => $prefix . ‘featuredimg’,
‘type’ => ‘text’,
‘name’ => ‘SEO描述’,
‘desc’ => ‘設定文章的SEO敘述。’,
‘id’ => $prefix . ‘description’,
‘type’ => ‘text’,
不好意思改貼文章裡面的那段到function.php不要貼文件內的，文件裡面的多了這段
‘name’ => ‘圖片網址’,
‘desc’ => ‘輸入文章的預覽圖片(沒圖片時，輸入: http://goo.gl/lhAqw )。’,
‘id’ => $prefix . ‘featuredimg’,
‘type’ => ‘text’,
之後您再去新增文章的下方，便可以看到如下圖的框
https://lh3.googleusercontent.com/gpuuVeeCboYvSjnJwVXNeYOaatwIRZiibsm9DG__y3Pn6iio4nhuvCS17pIM6MxViOlcNwFkmt2h8UF6FVEMqMHI30NJwWTcmx5gmO6gOnRigW2H8fQ1N1K2
總之，不要貼文件裡面的代碼，直接貼文章裡面的代碼即可….(文件內的似乎有些小錯誤)