前几天我在路边抽烟的时候，听到隔壁有一个西装笔挺的家伙对着一位奇装异服的怪咖鞠躬哈腰，于是我很无聊的偷听他们讲话。一听之下不得了，原来他们聊的是「 SEO 」搜索引擎优化。虽然，我两三年前曾经大略研究过，而他们说的东西，网络上也早有专家发表。但是，离开网络圈一年的我，还是生疏不少。再加上我最近工作上的需要，于是我赶紧尾随他们，看能不能藉此温习一下。
果然不出我所料，他们走进了伯朗咖啡厅，这可是近年来 IT 网络界们大家最喜欢的聚集地。于是，我赶快做到他们旁边，打开我的笔电，假装很认真的在玩新接龙，顺便在看看网络上得芳邻有没有什么新鲜的东西。
「我说 Google 机器人大哥，我自我介绍一下，我是卓杰科技的的网站经理，真感谢您赏光，愿意跟我来喝一杯咖啡。」
「没什么，反正有人愿意请客，我也没差。」 Google 机器人大哥抖着脚一副屌样的回答。
「今天怎么有空到机房来逛逛啊，要不是因为今天公司的冷气坏掉，我只好跑道机房来吹冷气，根本就遇不到您啊。您下次预计什么时候要来，我也好准备准备。」卓杰网站经理一脸谄媚的说。
「ㄟ，你搞清楚喔，不是每一个主机服务商的机房我都愿意进去的好吗。有些主机商因为他们都有一些垃圾客户，要吗发垃圾信，不然就是搞作弊，这样的主机，我们 team 的人早就不想去了。今天要不是你租的主机商，还没列入我们机器人小组的黑名单，搞不好你这辈子都遇不到我。」
「哇，原来选择主机服务商也会影响到 Google 机器人的造访喔。」
「废话，我可是国际级企业 Google 的员工耶，我们会去做这么没效率的事吗。明明知道这间主机没内容，我干麻要花时间去呀。」 Google 机器人顺手从卓杰网站经理的烟盒里拿了一只烟，叼在嘴上。
「您抽，您抽 ! 不知道我这包大中华的烟还何不合您胃口。」
「哎呀，抽这么淡干麻，下次要改进呀 ! 」
「是，是 ! 不过话说回来，万一有些公司的网站很有内容，但是不小心选错主机商，这样不是很倒霉吗 ? 」
「你的意思是说我们很机车吗 ? 我告诉你，这年代，我们看的是整体性的表现。如果你连房子都不会租，我们当然会认为你很逊啊。像我们这种国际型企业的员工，绝对不会犯这样的错误。」
「当然当然。」卓杰网站经理眼睛一转。「请问 Google 机器人大哥，不知道您刚刚有没有把我们网站的优良内容回报给贵公司呢，这样我们公司的 GOOGLE 排行才会高一点哪。」
「我拜托你，不要一直叫我 Google 机器人大哥，这样很没礼貌耶。这就好比你去学校家长会，问你儿子说「你老师咧 ? 」一样。算了，除了你的烟淡了一点，我看你还蛮顺眼的，不然，给你我在网络上的昵称好了。请叫我蜘蛛人。」
「ㄜ …. ，蜘蛛人大哥。关于我公司的网站 ? 」
「网站 ? 你的网站是什么，我没印象耶。」刚刚改名叫做蜘蛛人的 Google 机器人一脸迷惑的问道。
「就是 卓杰科技网站 啊，在 B 柜第二层。里面有很多具有参考价值的行业相关信息耶。」卓杰网站经理一脸愤愤不平的说。
「这样ㄚ，那真是对不起了」蜘蛛人似乎没有什么歉意的说。「你也知道，身为国际型企业 GOOGLE 的员工，重要的是，你的网站符不符合我们的规矩。唉呀，你年纪也有一点了，不要认为网站做给自己爽的就好。」
「你的意思是说，我的网站不符合你们筛选的标准」卓杰网站经理一脸悲愤。「你知道吗，光首页的动画 FLASH ，我们就做了三个月。不但图片优、动画美、过场炫、连音效都搞的高音甜，中音准，低音沉，总之一句话，就是通透。这样用心的 FLASH 首页你居然会没印象！」
「喔，原来是这样ㄚ。」蜘蛛人喝了ㄧ口咖啡「唉，这咖啡还是没有我们国际型企业 GOOGLE 的咖啡好喝。」「我告诉你，我是 IT 人员，谁管你 FLASH 好不好看，精不精采ㄚ。 FLASH 对于我们国际型企业 GOOGLE 来说，完全不列入考虑。你 FLASH 做的再怎么炫，我们这种 IT 是看不懂的。 FLASH 的内容是动画，就算里面有文字，那依然图片。就算我们这种国际型企业 GOOGLE 发展出可以辨识动画或图片里文字的技术，如果用在我们机器人身上，你不觉得很没有效率吗？这世界每天都有成千上万的网站出现，我们可没有这种中国时间去了解这种东西。」
「原来是这样啊！」卓杰网站经理一脸枉然的说。「所以，你不建议我们网站首页用 FLASH 吗？可是，好的 FLASH 真的可以提升企业网站的形象啊。而且，这样网站看起来也生动一点不是吗？」
「你这样讲是没错。」那个曾经是 GOOGLE 机器人大哥的蜘蛛人说。「但是，我老板的意思是说，信息这种东西，越容易阅读越好。用复杂或更丰富的视觉呈现，不见得对使用者是好的。我记得上次有一次我在主机里钻来钻去的时候，就有看到一个不知道叫做沙色拉还是哇哇啦的博客就说，企业网站建议使用图文传统模式清楚的呈现企业内容。若是一定要使用 FLASH ，可以作成活动网站的模式，这样可以更加的凸显营销主题。这样的作法似乎可以两全其美。」
「你这样说也是有道理，那我去你们 GOOGLE 找一下沙色拉还是哇哇啦的博客来参考一下好了。」卓杰网站经理还是有点伤心的说。
「不过，蜘蛛人大哥，撇开首页 FLASH 动画来说，我们动画结束之后，不是也会跑到第二页，里面关于卓杰科技的信息也很丰富啊，你怎么会完全没印象呢！」
「让我想一想」蜘蛛人又拿了一只卓杰网站经理的烟。「我好像有印象 ….. 」「呦，我想起来了，就是那个害我迷路到很不爽的网站嘛。」
「迷路？」 卓杰网站经理经理不解的问
「对，就是你们的 HTML 搞得太复杂了！」
「抗议，别人写 HTML ，我们也写 HTML ，哪有什么复杂不复杂啊？」
「抗议无效！就说说你们家的表格吧，那边问题太多了！」蜘蛛人淡淡的说。
「大家网站排版都是用 TABLE 啊，而且我们家的美术设计还是表格高手。像一块图加文加窗体的区块，她可以用表格排出完美的 LAYOUT 。而且， TABLE 语法不就是 <TR><TD> 之类的，哪有什么复杂啊。」卓杰网站经理经理骄傲的说。
「所以说啊，你们落伍了。像你们家的网站，一个大 TABL E ，里面有分一堆 <TR> 。然后 <TD> 和 </TD> 之间，又夹了 <TABLE> ，那个 <TABLE> 里面又有背景图片、表格颜色、置左置中的，之后再来一段文字。你知道吗，我在里面绕来绕去有多辛苦吗？身为国际型企业 GOOGLE 的员工，怎能作这么没效率的事。 」这次换蜘蛛人忿忿不平的连抽两口烟。
「不然，还能怎么样啊， TABLE 是很普遍的技术啊？没有了 TABLE ，怎么排版？」卓杰网站经理经理一脸困惑。
「你们这些网络从业人员，没事也要吸收一点新知识啊。」蜘蛛人的气开始有点消了。「你们可以使用 CSS 啊！」
「那个 CSS 我知道啦，我们家设计也会。就是改字体的啊。比方说我要细字体，设计就会用 CSS 搞出漂亮的字体。我想你是搞错了吧，改字体的东西怎么可以用来搞网站排版呢？」卓杰网站经理经理第一次抬头挺胸的大声说话。
「你要这样想，表格的定义是什么。在我们 IT 人员眼中，表格就是某一行字，其上下左右距离某某数值，然后在那数值上，增加点至线。这样的模式，就可以用在 CSS 上了。」蜘蛛人继续说道。「你要开始有一种观念。你的网页只需要文字。然后，所有的表格统统转变成 CSS 来呈现。顺便告诉你一点， CSS 请用连结 ，不要直接写在 <BODY> 上面。 」
「啊？什么意思啊？」卓杰网站经理一脸遇到外星人的痴呆样。
「你是在问表格 CSS 化还是 CSS 连结？算了，我猜你完全都听不懂吧！看在我刚刚抽了你两只烟以及未来可能抽你更多烟的状况下，教你一个秘诀。」刚刚变成蜘蛛人的 GOOGLE 机器人大哥露出神秘的眼神。
「对啦，有没有什么速成法，这个我做爱听。」卓杰网站经理终于高兴了起来。
「你去玩博客就会知道了！比方说，你随便找一个免费的博客，选一些制式的版型，再写一些噫噫唉唉不知所谓的内容，这时候，你的博客大致有些样子了。这时候，你去博客后台，把 CSS 叫出来，给它全部删掉，这时候，你会发现，原本排的美美，你以为是 TABLE 搞出来的博客，会变成丑不啦机一行一行的文字。这时候，你就了解 CSS 排版的威力了。」「你再使用网站提供的 CSS ，开始自己试着改改看，这时候你就可以开始快速的学习 CSS 的语法了！」
「听起来很难，不过应该是个可行的方案。我明天叫设计人员来处理一下好了。」卓杰网站经理经理若有所思的沉吟。
「对啦，反正官字两个口。」蜘蛛人不屑的说。
「但是你们 TEAM 的机器人怎么这么喜欢 CSS 啊，该不会是 CSS 的开发商常请你们去金钱豹呀？」卓杰网站经理经理贼贼的窃笑。
「你这种言论对我们这种国际型企业 GOOGLE 员工简直是一种污辱。靠，再罚你一根烟。」蜘蛛人生气的大叫。
「是 … 是 … 马上来。」
「既然你有这样的疑虑，再加上我也怕我们隔壁那个鬼鬼祟祟搞偷听的家伙误会，我就解释给你听。」蜘蛛人抽起了来自卓杰网站经理经理的第三根烟。
「重点在效率。你网页的 HTML 标签越多，网页的 K 数越大，然后我们 TEAM 的机器人读的越辛苦。所以 HTML 的语法太过于复杂，对我们的工作效率越是伤害。既然会伤害效率，干脆放弃，反正这世界多得是网站。像一组 TABLE 所带来的标签会很多。你一旦用了 TABLE ，一定会用无数的 <TR> 、 <TD> 。如果，你一开始就定义在 CSS 里，然后使用外部连结，你想想看，你的网页程序代码会多干净。原本要用一大堆 <TR> 、 <TD> ，现在只要呼叫 CSS 就可以了。当然，我们刚刚说得 FLASH 也是一样，你也可以用一组 JAVASCRIPT 把 FLASH 相关 HTML 写在里面，然后呼叫 SWF 檔。这样的 HTML 原始档也会搞得很简洁，这种方式我们也爱 」。蜘蛛人说得性起，直接用吸管在桌子上划起了程序代码。「你可以这样处理 FLASH 」
「你先在 <head> 前先导入一只预先写好的 JS 」
<script type="text/javascript" src="/js/SWFObject.js"></script>
「然后在预计插入 FLASH 的地方，只要写上以下的 CODE 。」
<script type="text/javascript">
var fo = new SWFObject("XXX.swf","flash", "500", "4000", "5", "# 3a 403c ");
fo.write("flash");
</script>
「这样的程序代码就非常的清爽，不但执行速度快，而且避免了以前插入 SWF 档案又臭又长的 HTML 。」
由于咖啡听的冷气很强，所以卓杰网站经理经理急急忙忙的在水渍未干前，赶快抄起来。
「所以你的意思是说，我们在制作网页时，一定要优先考虑让你们 TEAM 的机器人工作方便？」
「也不是这样说拉。」蜘蛛人讪讪的说。「当然还是以阅览者需求以及网站的上下文属性为主。但是，在程序编排上，如果这样作，网页不但可以减肥，而且我们会比较爽。」
「我了解，我了解」卓杰网站经理当然了解蜘蛛人的意思。
粤公网安备44010502000280号
公众号二维码
小程序二维码
