北京小旋风站群免费 Ajax如何做搜索引擎优化友好

我想你在网上搜索"搜索引擎""Ajax seo""Ajax seo友好"如何为Ajax编制索引;以及其他关键字都在这里。你可能会很累，因为很久以前我也在搜索，但我发现搜索的内容质量不高，有些只适用于Google，有些不完整。但它并不重要。如果再坚持下去，你真的可以找到解决方案。

我们都知道搜索引擎蜘蛛何时爬行到您的网站，然后包含您网站的内容。但是蜘蛛不执行JS，也就是说，如果您的网站内容是通过Ajax动态加载的，那么搜索引擎不包含在这部分内容中。如果我们的网站通过Ajax加载了大量内容，那么该**将很痛苦。

这里列出了我'最近为解释我如何做Ajax和SEO友好而做的事情。

这种需求是移动网站的手机游戏，其结构大致如下：

此需求场景是典型的，页面上的大部分内容都在用户中单击"简介""动态""礼品包""策略""打开服务北京小旋风站群免费"动态加载后的这几个选项卡。

当我收到需求时，我相信任何编写Ajax的前端工程师都可以轻松完成此要求，无论SEO问题如何，即使默认显示"简介"选项卡是动态加载的页面。

但是，产品经理mm跑了几天后，然后：

该怎么办。

加载页面时查询所有内容。这解决了SEO问题，但这会降低性能页面。两者都没有办法。是的，采用quickling技术（来自Facebook）

首先看代码的传统实现：

<导航id="tab">IntroductionDynamic礼品包Raiders

URL:"/introduction.html"成功：功能（HTML）{//将请求的内容添加到以下Div$（"##con"）。附加（HTML）;});});

那么快速技术如何实现？还要看代码：

<导航id="tab">
简介
News
礼品袋和lt;/a>
Open service
突袭者和lt;/a>

URL:"/introduction.html"，
数据：{key:'Ajax'}成功：功能（HTML）{//将请求的内容添加到以下Div$（"##con"）。HTML（HTML）;});返回错误;//阻止链接跳转});

关键代码返回false;此代码can当用户单击链接时，阻止链接's默认跳转。请记住，我们在搜索引擎spider不执行JS之前说过，所以当spider爬到这个页面时，它将遵循一个链接爬行到相应的页面，并包含相应的内容。

北京小旋风站群免费

这也意味着我们需要做两组页面，一组用于响应Ajax请求，一组用于蜘蛛。

后端和前端怎么可能比海尔兄弟的感觉要好，后端工程师怎么能做更多的工作。

采取"简介"introduction.html例如，在这里我们假设后端正在使用PHP，代码如下：

$isAjax=$_get["key"];$con=包含'con.php';if（$isAjax=&"Ajax"）{回声$con;}其他{$head=包括'head.php';$foot=包含'head.php';Echo$head+$con+$foot;}
很长一段时间没有写PHP，写错了don't mind ah。

如果请求中参数密钥的值为"Ajax"，则仅输出部分内容，否则输出包含完整内容，例如头部底部。

好的。它'这很简单，你可以看到。

免费域名注册