wordpress中用JavaScript 輸出頁面代碼的方法
發(fā)布時間:2011-04-22 22:58:37 作者:佚名
我要評論

為什么要用 JavaScript 輸出頁面代碼呢? 是為了不被搜索引擎找到他們. 也就是說, 不讓搜索引擎關注這些內容, 而突出你網站的其他更有價值的內容.
比如, 一個做音樂的網站肯定不希望搜索引擎收錄它的存檔月份, 因為沒有人會通過這個來搜索進來. 這我們就可以用 JavaScript 輸出這部分內容.
本人正在使用的 iNove 和我發(fā)布的最大區(qū)別是在 SEO 上, 你可以查看一下頁面代碼, 我的側邊欄很多內容都是 JavaScript 輸出的. 因為側邊欄一般起到導航作用, 但它雜亂, 不能指明中心內容, 這就是為什么將 Google Adsense 放側邊欄經常會顯示 "性病廣告".
那怎么用 JavaScript 輸出內容呢? 下面我們以本人側邊欄的 WP-RecentComments widget 為例說明一下:
一般輸出方法:
<!-- recent comments -->
<?php if( function_exists('wp_recentcomments') ) : ?>
<div class="widget">
<h3>Recent Comments</h3>
<ul>
<?php wp_recentcomments('limit=10&length=17&post=false&smilies=true'); ?>
</ul>
</div>
<?php endif; ?>
JavaScript 輸出方法:
<!-- recent comments -->
<?php
// 插件被激活才進行以下操作
if( function_exists('wp_recentcomments') ) {
// 逐行粘合 HTML 代碼
$html = '<div class="widget">'
. '<h3>Recent Comments</h3>'
. '<ul>';
$html .= wp_recentcomments('limit=10&length=17&post=false&smilies=true', false);
$html .= '</ul>'
. '</div>';
// 轉義處理
$html = str_replace('"', '\"', $html);
$html = str_replace("'", "\'", $html);
// 將 HTML 做成 JavaScript 輸出代碼
$out = '<script type="text/javascript">' . "\n"
. '//<![CDATA[' . "\n" // 符合 XHTML 的注釋開始
. 'document.write("' . $html . '");' . "\n"
. '//]]>' . "\n" // 符合 XHTML 的注釋結束
. '</script>';
// 輸出頁面代碼
print($out);
}
?>
代碼中已經有所注釋, 其實很簡單. 另外, 本人強烈建議將 Recent Comments, Archives, Meta 和廣告都做成 JavaScript 輸出.
一些朋友應該看出來了, 其實本人的博客 SEO 程度并不高, 但一些事是非做不可的, 比如部分內容用 JavaScript 輸出, 加上 nofollow 等等.
這么做有沒有后遺癥? 是有的. 如果某人的瀏覽器不支持 JavaScript, 那么他將看不到這部分內容. 所以該法可用, 好用, 但請慎用.
本人正在使用的 iNove 和我發(fā)布的最大區(qū)別是在 SEO 上, 你可以查看一下頁面代碼, 我的側邊欄很多內容都是 JavaScript 輸出的. 因為側邊欄一般起到導航作用, 但它雜亂, 不能指明中心內容, 這就是為什么將 Google Adsense 放側邊欄經常會顯示 "性病廣告".
那怎么用 JavaScript 輸出內容呢? 下面我們以本人側邊欄的 WP-RecentComments widget 為例說明一下:
一般輸出方法:
復制代碼
代碼如下:<!-- recent comments -->
<?php if( function_exists('wp_recentcomments') ) : ?>
<div class="widget">
<h3>Recent Comments</h3>
<ul>
<?php wp_recentcomments('limit=10&length=17&post=false&smilies=true'); ?>
</ul>
</div>
<?php endif; ?>
JavaScript 輸出方法:
復制代碼
代碼如下:<!-- recent comments -->
<?php
// 插件被激活才進行以下操作
if( function_exists('wp_recentcomments') ) {
// 逐行粘合 HTML 代碼
$html = '<div class="widget">'
. '<h3>Recent Comments</h3>'
. '<ul>';
$html .= wp_recentcomments('limit=10&length=17&post=false&smilies=true', false);
$html .= '</ul>'
. '</div>';
// 轉義處理
$html = str_replace('"', '\"', $html);
$html = str_replace("'", "\'", $html);
// 將 HTML 做成 JavaScript 輸出代碼
$out = '<script type="text/javascript">' . "\n"
. '//<![CDATA[' . "\n" // 符合 XHTML 的注釋開始
. 'document.write("' . $html . '");' . "\n"
. '//]]>' . "\n" // 符合 XHTML 的注釋結束
. '</script>';
// 輸出頁面代碼
print($out);
}
?>
代碼中已經有所注釋, 其實很簡單. 另外, 本人強烈建議將 Recent Comments, Archives, Meta 和廣告都做成 JavaScript 輸出.
一些朋友應該看出來了, 其實本人的博客 SEO 程度并不高, 但一些事是非做不可的, 比如部分內容用 JavaScript 輸出, 加上 nofollow 等等.
這么做有沒有后遺癥? 是有的. 如果某人的瀏覽器不支持 JavaScript, 那么他將看不到這部分內容. 所以該法可用, 好用, 但請慎用.
相關文章
CyberPanel安裝WordPress并配置偽靜態(tài)規(guī)則
下面教你如何在 CyberPanel安裝WordPress以及配置偽靜態(tài),需要的朋友可以參考下2023-12-27- 這篇文章主要介紹了wordpress無法安裝更新主題插件的解決辦法,需要的朋友可以參考下2020-12-27
WordPress必備數(shù)據(jù)庫SQL查詢語句整理
發(fā)現(xiàn)幾條比較實用的,適合 WordPress 實用的SQL語句。于是就趕緊收集分享出來了,需要的朋友可以參考下2017-09-23wordpress在安裝使用中出現(xiàn)404、403、500及502問題的分析與解決方法
wordpress是很多新手站長搭建個人博客最喜愛的程序,但是最近在使用WordPress的時候遇到了一些問題,所以想著將遇到問題總結分享出來,下面這篇文章主要給大家介紹了關于wo2017-08-11WordPress取消英文標點符號自動替換中文標點符號的優(yōu)雅方法
這篇文章主要介紹了WordPress取消英文標點符號自動替換中文標點符號的優(yōu)雅方法,需要的朋友可以參考下2017-04-04- 這篇文章主要給大家介紹了wordpress自定義上傳文件類型的方法,如WordPress默認允許上傳 .exe 后綴名的可運行文件,那么我們怎么禁止用戶在WordPress后臺發(fā)表文章時上傳 .e2016-12-19
- 大家可能發(fā)現(xiàn)了當實現(xiàn)了前端用戶中心,后臺控制面板就失去了作用,那么限制其他用戶進入后臺控制面板就很有必要了!那么我們要怎么做呢?通過下面這篇文章分享的方法后,只2016-12-19
WordPress實現(xiàn)回復文章評論后發(fā)送郵件通知的功能
這篇文章主要介紹了WordPress實現(xiàn)回復文章評論后發(fā)送郵件通知的功能,涉及wordpress針對評論與郵件的相關操作技巧,需要的朋友可以參考下2016-10-11WordPress使用自定義文章類型實現(xiàn)任意模板的方法
這篇文章主要介紹了WordPress使用自定義文章類型實現(xiàn)任意模板的方法,可通過自定義文章類型來實現(xiàn)任意模版的使用,具有一定參考借鑒價值,需要的朋友可以參考下2016-10-11WordPress后臺地址被改導致無法登陸后臺的簡單解決方法
這篇文章主要介紹了WordPress后臺地址被改導致無法登陸后臺的簡單解決方法,簡單分析了后臺無法登陸的原因與相應的解決方法,涉及針對wordpress配置項的簡單修改,需要的朋友2016-10-11