前幾天我在路邊抽煙的時候，聽到隔壁有一個西裝筆挺的傢伙對著一位奇裝異服的怪咖鞠躬哈腰，於是我很無聊的偷聽他們講話。一聽之下不得了，原來他們聊的是「 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 的機器人工作方便？」
「也不是這樣說拉。」蜘蛛人訕訕的說。「當然還是以閱覽者需求以及網站的內容屬性為主。但是，在程式編排上，如果這樣作，網頁不但可以減肥，而且我們會比較爽。」
「我瞭解，我瞭解」芭樂王經理當然瞭解蜘蛛人的意思。
未完待續
留言列表
+露營區 (0)
