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

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