田锋林《SEO进化虾教程》第四章(六)：之Tag标签设计(2)

发布:终极梦幻|2011年9月26日

Tag信息的录入

    常见的Tag输入无非在两个阶段完成，一个是信息创建流程中进行标签输入，也就是在文本，图片，视频或者其他多媒体文件的用户创建或者上传流程环节与标题、分类等并列出现一个Tag区域，通常这种Tag区域由于数据库压力等原因会做限制，如“最多几个”还会做一些字符转化，如：空格，逗号等表示标签之间是独立的，高级点的还有标签记录功能，当然这也是为了更好的进行聚合，让用户选择使用最多的，或者自己使用过的标签，可以有效避免标签多，每个标签聚合的信息过少的情况，当然对于图片信息或者多媒体片段，教程等很可能很多片段或图片都需要有一些重复的标签，而上传的时候又是批量上传，这样如果让用户一个一个添加重复的标签，那就显得毫无意义了，所以如腾讯QQ空间相册，新浪博客相册等具有批量添加标签的功能；另一个是信息修改中进行标签输入，一般而言，标签虽然与标题，描述，分类同时出现在信息创建流程中，但是标签通常是处于可选择输入的项目，所以会有很多情况下用户懒得输入，这样就有必要在信息展示页面设计标签编辑功能，用户可以直接对信息的Tag进行编辑和补充。

（新浪博客标签输入文本框，值得一提的是新浪的“自动匹配标签”和“推荐热门标签”，有兴趣的同学可以一试）

（QQ空间相册上传照片结束后的添加照片信息环节，有一个为所有照片添加相同的描述和标签，前面枫林也做过一个相册上传流程的原型与此也与人争论过，不过最后觉得加上能更好些，一般情况能一次上传多张照片到同一个相册中去，那么这些张照片多半为同一个地点拍摄或者同一天拍摄，所以很有可能描述的东西都相同，至少标签会重复的多些）

（这个是Zblog的后台新建文章流程中Tag项设计，也是最普通，最常见的设计方式，但是也同样简单实用）

Tag的输出

Tag输出的位置一般有首页和内容页面，首页要么是最新Tag要么是热门Tag，而内容页面的tag则是增加某信息时候，输入的特定Tag。自然前者如果都是最新Tag，那么好说，如果是热门Tag，这里会牵扯到一个排序的问题。尤其是我们要显示按照热门程度Tag的大小也呈现变化的效果（如：flickr）

在数据库的设计上我们会有独立的Tag表，Tag表需要记录每个Tag的使用次数，当然首页热门tag区域显示的tag是固定数量的，比如（40个），然后根据全站所有用户增加同一Tag的数量由高到低筛选前40位，分段与字号建立一种对应关系，如：使用次数300-600次的tag，对应使用14Px的字号，是否需要加粗等。有了对应关系就知道Tag要显示多大了，下来就是按照某个规则排序了，一般我们常用的就是中文tag，英文Tag，阿拉伯数字Tag或者几种的混编。这里就需要设计一个规则，如：中文最前（按照拼音的首字母由A-Z排序），英文（由A-Z）下来数字...这样便能达到上面的排列效果。内页中的tag则一般直接跟随在信息的底部了，显示也与Body中默认样式相同。（见本文下方Tag区域即可）

Tag的聚合页面（标签云）

多Tag聚合页面不是每个网站都有，但是枫林觉得很有必要说一说，如果说上面一部是局部Tag聚合，那么这一步就是所有Tag聚合和有效解决Tag的收录的很关键的一部，而且实践中发现搜索引擎能通过这个Tag聚合页面快速抓取到埋藏较深的Tag（内页中的）或者不在首页显示的Tag（因为首页Tag区域由于要顾及页面美观等原因不可能展示所有的Tag），所以这个页面本质起到一个Sitemap的作用了，Sitemap在SEO中的作用想必大家也都熟悉，这里不做过多解释。该页面的具体表现形式如：

作者: 枫林
原载: 枫林'Blog
版权所有。转载时必须注明作者和原始出处及本声明。