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,可參閱:

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;
}
?>

註:若您在存檔後,出現後台空白的情形,請參閱WP後台修改設定後顯示空白
註2:若以上代碼出現標點符號問題,請點進連結內複製代碼:Google文件-添加至function.php

保存後,到新增文章這邊,會出現如下圖的自訂欄位

若沒出現,請在新增文章的地方,打開右上角的[顯示選項]檢查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 } ?>

註:假如出現如同上面的標點符號轉換的問題,請點此連結複製裡面的代碼:Google文件-添加到header.php

只要添加在<head></head>內就可以,大約添加在下圖這個位置。

註:請將“在此處輸入您網站的SEO描述",修改成您網站首頁的SEO描述。

這樣就可以免使用外掛完成自製的SEO,以後只需在新增文章時,在下圖處,填入該文章的SEO描述訊息即可。

 推薦文章:

如何使用WP-get post_meta 自訂欄位

感謝您的閱讀,請用力地分享讓大家知道吧~~

Aidec Li
學我所見,寫我所學。凡事略懂略懂~~
更多 Aidec Li 的文章...

推薦文章

發表評論