让AJAX异步加载文章有利于SEO

       搜索引擎的蜘蛛只识别href的一般超链接,而不识别JavaScript代码,遇到一般超链接就会爬进去,遇到JavaScript不会爬进去。即,搜索引擎抓不到AJAX动态加载的内容。

让AJAX异步加载文章有利于SEO

AJAX异步加载文章一般步骤

一、新建一个AJAX.ashx的一般处理程序

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace AJAX
{
    /// <summary>
    /// AJAX 的摘要说明
    /// </summary>
    public class AJAX : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            int id=int.Parse(context.Request["id"]);
            if (id==1){
                context.Response.Write("蓝牙技术...");
            }else if (id==2){
                context.Response.Write("巴金 《家》...");
            }else if (id==3){
                context.Response.Write("百度百科词条...");
            }
        }
        public bool IsReusable
        {
            get{return false;}
        }
    }
}

二、新建一个Page.html静态页面

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            function LoadArt(id) {
                $.post("AJAX.ashx", { "id": id }, function (data) {
                    $("#p1").text(data);
                });
            }
    </script>
</head>
<body>
<p id="p1"></p>
<a href="javascript:void(0)" onclick="LoadArt(1)">1</a>
<a href="javascript:void(0)" onclick="LoadArt(2)">2</a>
<a href="javascript:void(0)" onclick="LoadArt(3)">3</a>
</body>
</html>

       上面的代码不利于SEO优化,蜘蛛不会爬进去收录AJAX页面,也就是读不到任何内容,因为,href是JS代码。

<a href="javascript:void(0)" onclick="LoadArt(1)">1</a>

利于SEO的AJAX异步加载

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            function LoadArt(id) {
                $.post("AJAX.ashx", { "id": id }, function (data) {
                    $("#p1").text(data);
                });
            }
    </script>
</head>
<body>
<p id="p1"></p>
<a href="AJAX.ashx?id=1" onclick="LoadArt(1);return false;">1</a>
<a href="AJAX.ashx?id=1" onclick="LoadArt(2);return false;">2</a>
<a href="AJAX.ashx?id=1" onclick="LoadArt(3);return false;">3</a>
</body>
</html>

       href是个一般的超链接,蜘蛛就会爬进去,有利于SEO。但点击标题,会弹出一个新页面,添加:return false; 即可。

       很多网站都用的是这个技术,即实现了使用JS和AJAX,也可以让搜索引擎抓到动态加载的内容。

主题测试文章,只做测试使用。发布者:xiangxiang,转转请注明出处:http://www.poddns.com/502.html

(0)
xiangxiang的头像xiangxiang
上一篇 2024年12月20日 上午9:52
下一篇 2024年12月20日 上午9:52

相关推荐

  • 全面解析望江网站收录咨询电话,助力企业快速提升网站排名

    在当今这个信息爆炸的时代,网络营销已经成为企业发展的必经之路,而网站收录则是网络营销中的关键环节,直接影响到企业的在线曝光度和潜在客户转化率,为了帮助企业快速提升网站排名,本文将全面解析望江网站收录咨询电话,让您在激烈的市场竞争中脱颖而出。 什么是望江网站收录? 望江网站收录,即搜索引擎将企业的网站内容纳入其数据库,使企业在搜索引擎结果页面(SERP)中拥有…

    2025年3月19日
    200
  • 揭秘网络收录宝库,哪些企业网站收录全面?

    在信息爆炸的互联网时代,网站收录的全面性对企业而言至关重要,一个收录全面的网站意味着更多的曝光机会,更广泛的用户覆盖,以及更高的搜索引擎排名,哪些企业的网站收录比较全面呢?本文将为您揭秘这一网络收录的“宝库”。 搜索引擎优化(SEO)企业 1、百度 作为我国最大的搜索引擎,百度在收录方面具有极高的权威性,百度旗下的网站收录较为全面,包括但不限于新闻、娱乐、科…

    2025年5月7日
    100
  • 移动站点对百度友好全解

    如何布局您的PC站和移动站,并表达两者之间内容的对应关系 目前较流量的PC站与移动站配置方式有三种,百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应,以下为这三种配置方式的名词解释及异同对比。 1,跳转适配:该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和…

    笔记 2024年12月11日
    000
  • pbootcms后台登陆不显示验证码【阿里云虚拟主机】

    pbootcms验证码图片显示,常见于阿里云虚拟主机中。 这个问题主要是阿里云虚拟主机的配置问题。 登陆阿里云控制台,进入虚拟主机-高级环境设置-PHP.INI设置,如下图:  

    2024年12月4日
    100
  • 揭秘利于网站收录图片的关键因素

    随着互联网的快速发展,网站已经成为人们获取信息、交流互动的重要平台,而网站内容丰富程度直接影响着用户体验和搜索引擎排名,在众多网站内容中,图片作为视觉元素,具有吸引眼球、丰富页面内容的作用,如何让网站图片更利于搜索引擎收录呢?本文将为您揭秘利于网站收录图片的关键因素。 图片质量 1、高分辨率:高分辨率的图片能够为用户提供更好的视觉体验,有利于搜索引擎抓取和展…

    2025年3月27日
    000

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
域名可转让~