Tab标签让网页设计与SEO不相冲突
Zac说过“是大量的，高质量的，原创的，相关的内容。可以这么说，没有内容就没有排名。”内容是SEO第一要素，所以网站包含丰富的内容是必须的。但很多网站似乎只记得要做给搜索引擎看，却把访问者抛在了一边。把页面挤满很多内容，但却由于太多而显得杂乱无章，一个个列表，一排排文字挤满了整个页面。
通常这样杂乱，臃肿的排版可用性和组织性很差，会让访问者无所适从最后离开网站，这样SEO效果再好也等于零，很容易被用户所抛弃。那么如何让页面保存简洁美观轻松，有足够的留白和恰当的长度，而又包含必须具备的丰富内容？
方法有很多，在这里我想说的是使用Tab标签功能的界面设计。很多网站已经将Tab标签就应用在界面设计上，因为“标签是极少几个将物理隐喻有效应用到用户界面中的例子之一”（Steve Krug——《DONT’T MAKE ME THINK》），它可以有效地对页面的内容进行合理准确的导航，运用得当便能鱼与熊掌兼得。
就像苹果的网站，设计中包含了大量的Tab标签元素。看Apple Mac Pro这个页面，页面的内容是介绍Mac Pro的性能。包括了应用性能和硬件性能两个大类和视频、图像图形和3D等九个小类，小类大部分都使用Tab标签分成几部分内容。每部分内容还有更细的分类，虽然不是Tab标签设计是实用了文字设计，但效果是一样的。这样一个拥有多级丰富内容的页面，通过Tab标签的应用，让页面没有一点拥挤的感觉，而且很清晰的展示了全部内容并传达了相应的关系。
再看看这个网站，介绍了一款基于Mac的网页编辑软件Coda。这是经典的应用Tab标签设计的网站。点击下面的内容框上面的New、Sites标签或者点击左右的箭头，都可以用很华丽的方式滑动显示下一个标签的内容。所以虽然网站设有很多留白，元素之间的间隔很宽松，但其实是在一个页面里包含了很多的内容。
合理的使用Tab标签设计，可以让网站展示大量信息的方式更加简洁美观，让网页设计与SEO优化不相冲突。其实这是一个很简单的问题，大部分人都知道怎么使用Tab选项卡，没有什么技术含量的。但还是到处可以看到设计得很拥挤的网站，所以憋了很久还是拿出来说说。
还有一个问题就是，Tab标签设计很多都使用了JavaScript。Google的网站管理员指南明确指出如果在html中过多的使用 JavaScript、Cookie、会话 ID、框架、DHTML 或 Flash 等复杂功能会使搜索引擎抓取工具在抓取网站时可能会遇到问题。不过只要记住出色的前端设计，只使用JavaScript控制页面元素的表现，而不参与页面的内容就可以了。看看前面说过的两个网站，查看他们的源文件，里面可以看到所有内容而不是一堆JS文件。
具体可以参考星箭发表在点石互动的JavaScript对SEO的影响及解决之道。
标签: SEO优化, Tab标签, 设计与SEO
