一、友好的Javascrpt

1、javascript链接

javascript链接可以是任意的按钮或文本，但是不赞成使用的原因就是蜘蛛无法进入到链接，而且也让不支持javascript的用户无法进入。

<a href="#" onclick="location.href='http://www.example.com';return false;">Link</a>

这样的问题也出现在其他客户端动态技术如java applets、Ajax和Flash。一般来说不能通过<a>链接进入的导航都是不能被蜘蛛检索到的。如果非要不希望一个链接被索引应使用robots.txt或者meta标签来排除。

正确的可以修改为：

<a href="http://www.example.com" onclick="location.href=this.href;return false;">Link</a>

这样既可以保证链接的有效性，也可以再支持javascript的情况下使用javascript跳转。

2、DHTML菜单

DHTML菜单是基于javascript的，这对搜索引擎同样也是存在问题的。由于使用javascript来产生或者控制HTML的显示等动态效果，但蜘蛛却把其视为页面上不可见的元素，因此导航菜单部分的链接就是最大的问题。

可以在页脚设置一组可见的链接，或者使用站点地图，这样提供了可见的明确的链接不仅对搜索引擎来说是友好的，而且对不支持javascript实现的动态效果的用户也是可以使用导航功能的。

3、弹出窗口

搜索引擎很可能无法搜索到弹出的页面，一般如下：

<a href="#" onclick="window.open('page.html', 'mywindow', 'width=800;height=600');return false;">Window</a>

这样可以使用如下的代码来改变：

<a href="page.html" target="_blank" onclick="window.open('page.html', 'mywindow', 'width=800;height=600');return false;">Window</a>

使用target="_blank"来模拟新打开的窗口，在page.html页面的body中可以使用onresize='setTimeout("window.reaizeTo(800,600)",100)'来处理大小。这样对搜索引擎来说友好，而且对不支持javascript的用户也是同样可以访问。
上述实现有一个问题就是新打开的页面需要提供导航才能返回到原来页面，通过读取$_SERVER['HTTP_REFERER']变量来获取到达弹出页面的网页，如果是本地网站就不显示导航，否则是从外部网站访问的，就要显示导航页面。但是很多防火墙封闭了referer信息，同时如果是https协议得到，那么referer信息也不可用。

最后的选择，可以使用DHTML来模拟，使用javascript隐藏或显示，设置visibility属性为hidden，从而控制实现弹出窗口的效果。但是由于不可见，很可能会被认为是不可见的页上因素。

4、可检索的图像和图形文本

网络蜘蛛不能检索图片中的文字等信息，因此需要尽可能使用按CSS风格设计的正规文字，但是CSS不能满足设计者的排版需要，为了弥补CSS排版的不足，可以使用客户端javascript浏览HTML文件结构，选项性地选择部分位子用已下载的图形进行替换，这就是所谓的“文本替换”，常用的文本替换有sIFR和Stewart Rosenberger方法，前者是使用Flash文件替代指定的文本，后者是使用服务器端脚本生成的图片替换。这个替代使得蜘蛛可以检索文本内容，人类访问者可以看到有优美字体的Flash或图片，达到了排版了需要，这种替代需要忠实于原文，否则就是“黑帽”。

二、友好的HTML

1、HTML结构化单元

HTML标签需要与语义相关，这样结构化的单元可以帮助网络蜘蛛从全局了解文件内容以及定位逻辑分区和重要部分，如<h1>、<h2>、<b>、<li>等，使用内容语义化的标签结构进行布局是搜索引擎同样也是开发者关注的重点。

应该直接创建HTML而不是用所见即所得的编辑器，同时还有一种解决方案就是使用自定义标记语言。

2、内容突出和表格

内容突出是只物理深度，即该内容在HTML文档中的实际起始位置。搜索引擎对越靠近文档头部的内容越重视，因此要避免在页面初始内容中设置重复和不相关内容。

通常将javascript文件移到文档底部，或者移到单独文件中并在文档底部进行引入。

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

SEO——友善的HTML和javascript