【发言权已获取】符合百度搜索的seo与ajax设计

作者: 少校seo 分类: 黑帽seo资讯 发布时间: 2019-09-06 11:35

在原始版本中,由于ajax被广泛用于加载数据,搜索引擎无法捕获许多列表页面上的任何链接。结果,网站的收集速度变慢了。

当前版本已经过优化,以支持seo和ajax设计。

总结以下经验:

首先:ajax只用于尽可能多的页面交互

在数据加载列表页面中,通常会有页面。这种页面不使用ajax来尽可能多地加载数据。

有人说许多大型网站,如csdn和Zhihu,仍然使用大量ajax流来加载数据,搜索引擎无法捕捉到。

事实上,搜索引擎优化对于大型网站来说并不是第一位的,数量已经很大了,还有其他技术手段来支持搜索引擎的收集。

相反,对于网站的初始阶段,搜索引擎的流量实际上非常重要。然而,ajax显然会阻止蜘蛛获得任何链接,这些链接将被忽略。

第二:使用百度的主动推送界面

使用百度主动推送界面的优势在于站点中有很多页面没有链接,搜索引擎可以通过主动推送发现这些链接。

如果您确实有很多工作要做来移除ajax加载数据,那么您可以使用主动推送来弥补无法通过链接捕获的页面。

第三:ajax获取数据的优势

例如,有一个由用户发布的文章列表页面,它显示用户的相关信息和文章的分页列表。浏览器只翻页,然后翻页,但页面也显示用户信息。

如果分页使用ajax加载数据,它会减轻服务器和数据库的压力,因为分页只会读取分页数据,而其他信息页不会移动。

一些朋友会问我之前说的似乎有点矛盾。他们还会要求不要使用ajax来获取分页数据,这会影响seo。他们还会说分页可以减轻服务器的压力。

事实上,seo和ajax本来就有选择,所以让我们来谈谈这篇文章的关键点:温王庆的解决方案。

每个人都应该在网上搜索相关文章。有句谚语说搜索引擎蜘蛛只在爬行时识别链接。如果有黑帽搜索引擎优化的链接,他们可以继续抓取页面。

那么当ajax分页时,会同时有链接和ajax吗?* *是的,问题的关键是。

他的目的是防止页面跳跃,但不会影响蜘蛛的抓取。一旦页面没有跳转,事实上,我们可以很好地进行ajax分页,每个人都应该能够编写代码。

另一个关键问题是,目前在页面ajax站点seo上有一个链接地址,并且不会有跳转。ajax分页也可以执行。成功了吗?

不,还有一个关键点:分页链接必须可以单独访问!这句话似乎是胡说八道。

wordpress 修改ajax评论分页

这里设置的注释将被分页,但是搜索引擎优化搜索引擎优化ajax分页会有问题。注释分页页面的标题、关键字和描述都是相同的。对于搜索引擎来说,这是同一个页面,所以注释分页页面应该被阻止进入搜索引擎。

有两种方法可以屏蔽

首先是元方法

<?php if( is_single() || is_page() ) {   if( function_exists('get_query_var') ) {     $cpage = intval(get_query_var('cpage'));     $commentPage = intval(get_query_var('comment-page'));   }   if( !empty($cpage) || !empty($commentPage) ) {     echo '<meta name="robots" content="noindex, nofollow" />';     echo "\n";   } } ?>

第二个是通过修改robots.txt来添加下面一行

Disallow: /*#comments

就我的评论风格而言,我下面的comments.php展示了评论代码,主要关注id和类风格,它们应该对应于js选择器。

<div id="postcomments">   <h3 id="comments">   网友最新评论   </h3>   <ol class="commentlist">     ....   </ol>   <div class="pagenav" id="comments-navi">   .....   </div> </div>

在< ol class="commentlist " >处。添加下面的代码,当然,您也可以在加载时修改样式。我的话是“正在加载图片加”,请等待加载。"

<div id="loading-comments"><img src="<?php echo get_bloginfo('template_directory').'/img/Loading.gif' ?>">加载中,请稍候...</div>

对应于上面的css样式

<style> #loading-comments {background: #fff; display: none; width: 100%; line-height: 45px; text-align: center; margin: 0 0 10px 0; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); border-radius: 2px; } </style>

要添加下面的js代码,首先必须添加jquery,它主要对应于上面html代码的id和类

<script> $body=(window.opera)?(document.compatMode=="CSS1Compat"?$('html'):$('body')):$('html,body'); $('#comments-navi a').live('click', function(e){   e.preventDefault();   $.ajax({     type: "GET",     url: $(this).attr('href'),     beforeSend: function(){     $('#comments-navi').remove();     $('.commentlist').remove();     $('#loading-comments').slideDown();     $body.animate({scrollTop: $('#comments').offset().top - 65}, 800 );   },   dataType: "html",   success: function(out){     result = $(out).find('.commentlist');     nextlink = $(out).find('#comments-navi');     $('#loading-comments').slideUp('fast');     $('#loading-comments').after(result.fadeIn(500));     $('.commentlist').after(nextlink);   }   }); }); </script>

Ajax注释是在修改后实现的,但是我发现我注释中的所有图片都是以延迟的方式加载的。如果用ajax调优的评论不能显示图片,应该删除图片的延迟加载,应该使用直接显示方法。

最后修改,如果你有任何问题请留言黑帽seo,修改后的风格请检查

QQ通讯组:136351212(完整)455721967