DIV CSS 佈局教程網

　　建站的背景是2012年05月02日百度發布了Web2.0反垃圾詳細攻略，我為職業發展著想，在寫軟文發外鏈之余多學點知識，05月10日按照04月底買的《seo藝術》書中規范，在 Go Daddy 上挑選了5個西文字母的com域名，建立了自己的網站。

　　萬事開頭難，零基礎建站亦是這樣，剛開始理念是不用他人模版、不備案、不放廣告、不發外鏈、只發原創內容，結果是網站至今平均每天不到10個訪客。

　　裝過 WordPress，之後被我刪了，當時只懂些許 HTML 代碼，都不知道 CSS 是什麼，WordPress 的 PHP 如同天書一樣難懂，遂花費大量時間在 Notepad++ 上敲 HTML 代碼熟悉網頁語言。另外更新文章效率低下，采用手動復制+粘貼方式在首頁、分類、feed 與 sitemap 中添加新內容，新的文章經常過1個月才會被百度收錄，久而久之，連文章都懶得寫了。由於不會用FTP，只好登錄 Cpanel 直接修改網頁代碼，每改1行就保存刷新1次，這樣導致百度蜘蛛不願花時間在網站上爬行。結果是1年多了70幾個頁面百度只收錄7個，在沒有大規模外鏈的情況下排名什麼不想了。

　　想起2011年3月進入上海一家seo外包公司，寫了2個月醫療軟文，發了9個月外鏈，所學到的東西根本無法滿足自行建站的要求，只是幫你打開一條縫隙。同時證明 seoer 在沒有技術支持下顯得多麼無助，加上這兩年百度谷歌對作弊行為的打壓，seo 逐漸退到網絡營銷輔助技能的位置上。

　　回到正題，建站1個多月，逐漸步入正軌，06月29日在谷歌網站管理員工具上發現 PageSpeed Insights，照建議改善了網站訪問速度，刪掉 Google Analytics 代碼，相冊首頁的圖片改為縮略圖，CSS 與網頁分離，規范代碼大小寫，全站采用 UTF-8 編碼。

　　到了07月21日，按《seo藝術》修改根目錄下的.htaccess的方式去解決1個頁面有多個URL的問題。

　　又過了1個月，為了集中權重，刪減掉許多內外鏈。W3C驗證、支付寶捐款、正文底部的原文地址、導航頁的鏈接被刪除或加 nofollow。

　　4天後全站安裝百度統計代碼，增改自適應寬度使網站兼容手機浏覽器。

　　接著被301跳轉玩得暈頭轉向，理解程序員的苦了，計算機不能理解人類的一些常識，輸入一定的規則它才能正確判斷人的意圖。

　　為支持 HTML5，最前面的文檔聲明改成簡潔的，再參照W3C慢慢修改代碼。

　　服務器從 Litespeed 搬至 cloudflare-nginx，不久又關閉 cloudflare 重回 Litespeed 的懷抱, 主要因為 cloudflare 導致谷歌抓取時間明顯變長，且手機上無法訪問。

　　09月份 Logo 從香幾改成雪花，因為不懂美工，所以 Logo 從谷歌圖片裡保存下來未加修飾就用的。頁面增加了一些鏈接、按鈕，包括 Google+1 按鈕，百度分享按鈕、喜歡按鈕、圖片分享按鈕，面包屑，回到頂部JS按鈕，RSS，增加可以將個人頭像顯示在 Google 搜索結果的 Google+ 鏈接。

　　添加按鈕的經驗使得我在10月18日能夠指出月光博客《Google豐富網頁摘要教程》的不足，月光博主亦因此在文末補充了我的方法，這是第1次感到建站可以提升個人價值，而靠每日寫6-8篇軟文是無論如何達不到的。

　　2012年國慶節假期掌握了代碼重用技術，厘清了個1多月來301跳轉的混亂狀態，繞了一圈，此 html 已非彼 html，從原來的 html 變成了 PHP 但仍以 html 作為後綴。

　　節後完成了持續1個多月的標題(Title)與描述(Description)中文長度測試，標題定為27個字，描述減少到50個字。在公司裡實踐27字標題1年多，品牌詞點擊率沒有變化，但提高了長尾詞排名。

　　11月開始收集整理百度搜索結果網址參數，不同於模擬人工搜索點擊行為的軟件，我是為了鍛煉 PHP 娴熟度和判斷力。發現百度也像 Widows 操作系統有大大小小的漏洞，過去的外鏈與新聞源是其中2個較大的漏洞。發外鏈也只能是短期行為，百度不會一直放任那麼大的漏洞不聞不問。因而與其問現在應該怎麼發外鏈不如換成百度能接受什麼樣的外鏈。最近百度營銷與認證中心總監宮鑫在微博上關注我，並使用了我用 PHP 編寫的分析百度參數工具 令人激動不已。

　　2013年元旦，修改 body 字體為一長串的 font: normal 100% "Lucida Grande", "Microsoft Yahei", Helvetica, Arial, Verdana, sans-serif;

　　02月21日，網站打上360提供的補丁，通過了360與百度站長平台的安全檢測，手寫代碼果然很安全。再過了1個月，采用 App Store 的背景作為網站背景。

　　04月09日，不再堅持不用他人模版的理念，適合的頁面添加新浪微博評論箱。開通網站已過了11個月，在首頁添加了第1個友情鏈接盧松松博客大全，不發外鏈的理念最終還是敵不過能帶來流量的外鏈。但此外鏈並非過去seo外包公司的 spam，是給可能想訪問我網站的人留下的鏈接。

　　過了3天，從上海坐動車前往廈門(捨不得花錢買往返飛機票)，網站流量創歷史記錄，1天竟然來了14個訪客，靠寫軟文發外鏈1天給客戶帶來成千上百的IP不及個人站點1天10個訪客來得開心。

　　04月20日，交換友情鏈接時，被對方熱情地在QQ上指出網站的許多問題。於是首頁增加了包含分類、最新文章、微博、微信二維碼的右側欄，刪減首頁的文章內容。

　　05月25日，模仿 Matt Cutts 的網站新建首頁，原先長期不被收錄的首頁放到2級博客目錄。

　　06月08日，在公司微信公眾平台帳號上推送了1條消息，插入了個人網站的1個 PHP 中間頁，當天訪問人數達到46人，比起2個月前歷史記錄翻了近2倍，大部分是通過手機微信訪問，第1次感受到移動互聯網的巨大能量。

　　06月22日，導航頁增加天氣預報，過了2天中國天氣網的人打電話給我，問我代碼加哪兒了，怎麼看不到?我說服務器在美國，網站經常打不開，所以您看不到。

　　07月10日，終於明白 JavaScript 與 Java 是兩碼事，第1次親手用 Java 敲出了 "Hello World"，推開了 Java 的大門，豁然間明白了買來近2年都沒看懂的《Java編程思想》在講些什麼。

　　07月23日 知名IT獨立博主盧松松在豆瓣上關注我，並在《閱讀SEO的藝術(原書第2版)》一文引用了我的2句話。

　　原初我就是捧著這本《seo藝術》開始建站的，效果各位已經看到了，基本沒什麼流量。此書學到更多的是觀念，譬如去了解搜索引擎本身，借助線上線下機會學習seo圈裡大牛們的經驗等。

        注：更多精彩教程請關注建站教程欄目