轉載自:SEO 筆記 -Google 機器人與芭樂網經理的對話

前幾天我在路邊抽煙的時候,聽到隔壁有一個西裝筆挺的傢伙對著一位奇裝異服的怪咖鞠躬哈腰,於是我很無聊的偷聽他們講話。一聽之下不得了,原來他們聊的是「 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 的機器人工作方便?」

「也不是這樣說拉。」蜘蛛人訕訕的說。「當然還是以閱覽者需求以及網站的內容屬性為主。但是,在程式編排上,如果這樣作,網頁不但可以減肥,而且我們會比較爽。」

「我瞭解,我瞭解」芭樂王經理當然瞭解蜘蛛人的意思。

看故事學SEO - Page2

SEO網站排名顧問 Mr.阿原
0918-127726

Google / Yahoo! 網站排名
關鍵字行銷企劃 / 資訊支援服務

Email:來信免費諮詢服務


搜尋引擎最佳化

Search Engine Optimization
簡稱SEO,是現今各大型企業最矚目的網路技術焦點之一,這種技術是透過充分了解搜尋引擎的搜尋規則後,最佳化網站內容讓搜尋引擎更易到達您的網站,以獲得更好的排名!