1、
当你想进行SEO优化,又想Ajax异步,这时你可以变一些小花样。
例如x想点击a标签后往dv1中异步追加护肤的内容:
优化前:
HTML代码:
<a href="javascript:void(0)">护肤</a> <div id="dv1"></div>
JS代码:
$("#a1").click(function () { $.post("/ashx/Seo.ashx", { "action": "a1" }, function (data) { $("#dv1").text(data); }); });
执行后显示出来内容,查看网页源代码页面能,但dv1中的内容是空的,这样异步请求的内容就不会被收录,那该怎么办呢?
优化后:
html优化:
<a href="/ashx/Seo.ashx?action=a1">护肤</a> <div id="dv1"></div>
JS代码:
$("#a1").click(function () { $.post("/ashx/Seo.ashx", { "action": "a1" }, function (data) { $("#dv1").text(data); }); return false; });
这样写:
爬虫爬到a标签的url,就会去请求这个url,然后收录你的异步请求的内容。
还有一个好处,就是万一用户不支持js脚本的话,也可以请求到。
其实还有一些利于seo优化的,例如url重写,页面静态化,前台代码要规范,关键字(不易太多,会分散权重),编写符合web标准代码,对图片、链接添加title等等。