搞網站?你傻了吧!

开乐彩地址 www.tgbko.com 搞網站?你傻了吧!
  起的比雞早,睡的比狗遲,吃的比豬差——有點過激,但做網站的誰沒有過這樣的經歷呢?
  為了什么?到底為了什么?
  是不是一個個的網絡創富神話鼓舞了我們?我們期待變成下一個?
  于是忍耐,于是苦求……死而后已。
  太難了……肚子有時候咕咕叫,重要的是,你找不到支持,天天貓在那里,忽然,你發現
 ?。眩焉蝦糜言嚼叢蕉?,而現實中,朋友越來越少了。
  有點悲憤,有點抓狂,有點不知所以……
  
  想走個捷徑,打點擦邊球,花在研究搜索引擎上的時間遠遠超過了更新維護網站的時間……
  有點效果了……效果不錯了……被KKKKKK了!!!!!
  哭!沒人聽到。
  鋌而走險吧,弄點*圖,**視頻……….
  哇塞,不需要推廣,不需要作弊,不需要關鍵詞,流量嘩嘩的來啦!
  我操,掛廣告,掛代碼,什么掙錢掛什么,注冊收費,短信……
  我操,流量怎么這么大啊,都是哪來的啊……亂哄哄的……可心里高興,瞪著通紅的兔子眼,看著流量統計、點擊統計……換算******民幣,人民幣換算成房子、車子、美人…………
  忽然世界清凈了!名氣大了,被政府請去喝茶了。
  我們有前車之鑒,所以不能那么做。
  某某某可以那么做,他發了,后來他金盆洗手了,黑改白了,牛逼了……但我們不能啊,為什么我們不能???就是有人能有人不能,這就是世道。
  安分守己的做吧,是的,就這樣吧,沒有風險,頂多就是轉載點文章,盜鏈點圖片,沒什么大不了的,人家寫信來,咱老老實實刪了就是,看一下熱門搜索,放點熱門文章,找幾個友情鏈接,去論壇發發帖子,騙點瀏覽量……老老實實的做吧,掛點GG的廣告,一天看三遍現在有幾刀,不小心點一下就緊張的要死,趕緊給 GG寫信承認錯誤,道歉三十遍,我不是故意的,我故意不是故意的……然后在A5發帖,問一個關于GG廣告的問題……
  放點文字鏈,期待有一天能把那些積分換******民幣,自己有時候點個一兩下,反正它不是GG,不用怕它,可有一天你發現許多人都有幾萬十幾萬乃至幾十萬的積分在那里,永遠是那么多積分,不會多,也不會少,偶爾減少,那是被人買去了……你千方百計找到那人的id,聯系資料,查到他的網站,發現那人根本就沒掛文字鏈!甚至那人網站的規模、美工、排名甚至流量都遠在你之下……你有點幡然醒悟了!哦!原來是這樣?。?!

  天可憐見,上帝保佑你,你很勤奮,做的不錯,規規矩矩干干凈凈的做,忽然也有流量了,而且很穩定……恭喜你!因為馬上就會有“很不錯的”聯盟來找你,做我們的廣告吧,我們上行高!轉換率高!不扣量!……不扣量???哄傻子吧你!不信你就試試看嘛!雖然必然知道他們會扣量,但你終于還是嘗試了……哇塞,不錯!收入還不錯哎~~~一天差不多有十幾二十塊呢,等著吧,滿100元支付,馬上就到了,還差10塊,2天的事兒……第二天一看,還差一塊!你說怎么這么……沒事再等一天吧!第三天,打開聯盟,傻眼了:公告:經研究決定,自即日起,改為滿200元支付!我日!再日!馬上找客服,投訴!申訴!客服很客氣,說,無所謂嘛,你流量不錯,200元也很快嘛,再等等,一周多的事兒嘛!想想也是,干嘛那么急呢?再等等吧……第四天,打開聯盟,忽然發現,收入從十幾塊一下子變成了三五塊!想到,可能是偶爾吧,第五天,兩三塊……第六天……三兩塊……找客服,客服依舊很客氣,我們的數據沒有問題,是不是您的流量下來了?您是不是更改了投放方式?……終于,你崩潰了,你認為問題出在自己這里了——因為你崩潰了。按照你目前的收入,達到支付門檻或許需要一個月,或許需要一年……只有鬼知道了?!?拉你入伙的時候你是大爺,出了問題你叫大爺也沒有用,有一些比較實在的聯盟,所謂比較實在,就是扣量比較穩定,只要你達到支付,就給你支付了的,也有一些包月的廣告,還有一些個彈出什么的,會給你錢,雖然都是花1塊錢買你10塊錢的東西,但必定給你了錢,辛苦錢,血汗錢,點燈熬蠟錢…… 你有錢了,有勁了,想好好搞搞,資源多了,流量大了,虛擬主機撐不住了,換獨立吧,
  買不起,養不起,合租不錯,一開始大多不錯,到最后大多不好,有時候就打不開網頁了,有時候做的好好的,服務器就被拿走了,說發現了違禁,在你空間你倒霉,不在你空間,你也倒霉。 咬咬牙,買個主機,獨立的,雙線的,智能的……多花錢,買個好未來嘛!好的,對,就 這樣,你被套牢了!……說起來沒個完。

揭露SEO高手不愿公開的SEO秘籍

  (1)、title中盡可能出現全部關鍵詞。這里說的全部關鍵詞,不外乎也就2-5個。有人說關鍵詞堆盡會K站,那都是狗屁。也會有人說,那是只暫時沒被K。錯,我對一些關鍵詞大量堆積的網站觀察了近一年,不但沒被K,而且排名非常好。百度一下任何一個熱門關鍵詞,看看排名好的哪個站沒有關鍵詞堆積?

  (2)、title、keywords、description這三個標簽中最好不要出現“最”。當然有些關鍵詞站長在優化的時候都出現“最”了,百度也沒辦法,總得有站排前面不是?

  (3)、title、keywords、description中也要包含所相關關鍵詞,盡量用句子連成一段話。不要怕長,長了也沒事,別輕信一些所謂的SEO人士說得長了會K、會降權,那都是狗屁。

  (4)、title、keywords、description、網站結構、模板這些元素千萬別頻繁修改,每修改一次,就會降低網站在搜索引擎中的信任度。這一點是最最重要的,網站被降權90%的原因在此。

  (5)、h1、h2、h3……標簽在網站優化中的作用不可低估,主關鍵詞出現在h1標簽里,次關鍵詞出現在h2標簽里,依次類推。切記:不可隱藏標簽里的內容,h1標簽搜索引擎非常敏感,隱藏就是作弊,這一點是會被搜索引擎懲罰的,不過凡事都有個例外,搜索引擎也不是神。

  (6)、就目前百度排名形勢來看,各行各業排名好的網站都有以下幾個共同特征:

 ?、?網站頭部、腳部堆積大量粗體關鍵詞,且鏈接指向主域名。(也算是內鏈吧,有些排名好的站,自己首頁鏈接就放10幾個)

 ?、?網站美工差,版面參差不齊,可以說得上很難看。(可能百度認為這是個人網站,不屬于帶有贏利性質的商業網站)

 ?、?導出鏈接少。(10-30個之間,買鏈接的可能性極大)。

 ?、?網站內容并不是原創,并不是天天更新,甚至有些是10天半月更新一次。(更新的太頻繁沒有好處)

  (7)、導出鏈接不宜過多,最多30個為好。如果可以一個都不要導出那最好。百度的權重并不是看PR,RP只是個虛擬產物,沒有一點實際意義,所以與人交換友情鏈接應該看重對方網站的排名、每日新收錄頁、快照日期。

  (8)、導入鏈接可以買,且越多越好,沒有限制。有人說買鏈接是作弊的,那都是狗屁。沒有一點根據,百度還沒有那個技術檢測出你的導入鏈接是花錢買的還是朋友給幫忙鏈的。但要求穩定,不可今日鏈,明日下。

網站增加流量的必備方法

如何提高網站訪問量—11種常用方法!
做網站內容,推廣難,一直都是站長們的心頭病,以下是我個人總結的一下方法,大家覺得好就參考一下吧。通常能夠獲得鏈接的方式大概可以分為以下11種:
1、同類站點友情鏈接—難度系數最大 ,所以可以多做一些其它的!
2、做出特色,有獨到之處獲得別人的主動鏈接 —-最有效的方法
3、寫blog、發新聞,被其他網站轉載,獲得鏈接—-最有效的方法
4、到其他論壇、博客在留言內容上帶上鏈接
5、做好簽名到論壇回帖獲得鏈接
6、花錢購買單向鏈接(鏈接交易)—-最簡單的方法
7、自己或者朋友站點主動鏈接 —最省力的方法
8、投放廣告獲得鏈接 —-最簡單的方法
9、加入網站聯盟,獲得鏈接
10、加入分類目錄或者網址大全之類的(當然有收費和免費以及互惠3中類型),獲得鏈接
11、在百度知道、貼吧、google groups、yahoo answers回答問題,獲得鏈接 —營銷中的互惠原則

網站采集的發展及技巧

采集是我們個人網站必須面對的東西,沒有誰有精力和能力批量創作原創的信息。

幾年前的采集剛開始時流行時,SE是你有什么東西,他照單全收。

記的我接觸的第一個采集器是一個用php代碼寫成的程序名字是小蜜蜂采集器,自己覺得東西很不錯。不過現在官方已經不存在了。停止了開發。讓我很是惋惜。有用過的完了后跟我交流一下,給下當初的版本讓我收藏下。

那幾年給了很多站長爆發的機會,一些人通過采集帶來了N多的流量

再加上當時SP服務廣告的橫行,帶來了N多的金錢。

但是負面的影響也很多,由于采集的橫行,互聯網上出現了太多的重復的信息

插一下話 小蜜蜂 沒有 SK采集器 好,可惜也停止開發了 惋惜

SE也不愿意出現這樣的情況所以專門對此研究了新的算法。導致了現在的情況。

SE開始在乎新的東西,對于已有的信息他不愿意收錄,要讓他收錄你的文章,就必須讓他覺得有新鮮感

但是任何時候,任何技術都不過時,關鍵是用腦子衍生出更多的東西。

怎么破解不收錄采集的文章這個難題就成了現在大家頭痛的事情了

大家的目的都是一樣的,就是取巧了,也就是不勞而獲。

因為你沒有付出,就想得到別的人通過自己的努力,積攢下來的東西。

為此,偽原創出現了。偽原創的方法很多

今天就說兩個 1,詞組替換 2,詞頻更改

大家用的最多的就是通過特定的詞典,將含義相同或相似的東西進行替換,在不影響訪問者閱讀的基礎上,使原文章在搜索引擎眼中變為一篇新的文章。

第二就是修改詞頻就是說一篇文章原來如果出現了張三5次。李四3詞

SE在數據庫里就記錄了,下次再出現一篇文章 張三也5詞,李四也3次,SE很可能把他當做一樣的文章而不進行收錄。
這也就是為什么打亂段落順序對SE判斷原創無效的原因。
而更改關鍵字的詞頻就能對搜索引擎對原創文章的判斷產生干擾。
針對原來的文章,使張三變成4次,李四變成2次,這樣詞頻就改變了

當然每個站都需要自己用心去改變對應關鍵詞的詞頻。

最終極的方法也是最牛的方法就是如果你的網站有了很高的權重,

你稍微改動點內容,把一個權重低的原創站點的文章拿過來或者直接COPY過來

SE也有很大的幾率判定你原創。而原先原創的站點自然變成的轉載的站。

這是對原來的站點不公平,可是這個世界本來就沒有公平。

不過我覺得既然網站權重夠大了就不要采集了,注重用戶粘度才是出路。

說道這里得給大家說個問題,大家的新站千萬不要拿出自己的原創文章加上鏈接當
軟文發到高權重站點。

因為現在許多的站點對于提交的文章

都是禁止出現站外鏈接的。

純文章類型的站點

這樣別的站會成為這篇文章的原創地址,你的就是純copy站了,不但不會有好的影響,反而會將你的站點當做純copy站降權,這個我是受過罪的。

所以我一般自己寫不出軟文都拿競爭者的文章加我的鏈接當軟文,有鏈接了對我好,沒有了懲罰的可不是我……是誰我就不說了。

今天關于采集過程,最重要的東西要亮相了,我想也是大家最關心的

這就是能不能不通過偽原創直接就讓SE認為你的是原創!

回答是肯定的。
這個方法很好想的,只要你用SE的邏輯思維跟原理來想就行了

SE怎么樣獲得數據,通過放出蜘蛛爬蟲程序,而蜘蛛其實就是模擬普通訪問者對網站進行深度的探索。并把看到得東西提交給SE。

那么什么文章你能看到而蜘蛛看不到。
蜘蛛是受限制的,你可以是自由的。

網站對蜘蛛的限制分為兩類

一是robots文件對他的限制,這個限制對普通訪問者是不存在的,不懂robots的自己可以查資料。

二是 人為設置的權限限制,這個限制對蜘蛛跟普通訪問者并存,區別是蜘蛛是過不了這道限制的,而人可以通過一些手段破除這些限制。

1.蜘蛛受robots.txt 文件限制的,有很多大站的很多目錄是不允許蜘蛛訪問的,也就是說搜索引擎是不能收錄這些目錄的。大家可以采集這些目錄下的信息,蜘蛛會把這個當做原創的,不過采的人多了就又回到開始了。

2.蜘蛛模擬的是訪問者,如果網站對訪問者有限制,蜘蛛同樣通不過。
比如各行各業訪問量搞的網站的論壇有些含金量高的欄目都是禁止游客進行瀏覽的,蜘蛛也被擋在了門外,所以絕不會在這里收錄到這些內容。

可是我們可以注冊相關的賬號,擁有了賬號就擁有了訪問的權限。通過對cookies模擬來讓采集器也獲得訪問這些內容的權限。這樣你就可以采集到這些含金量比較高的內容,SE同樣把這些內容當做你的原創。

這樣你就可以批量的采集到原創的內容,但是前提是只有你用這個方法采集這個論壇的。所以這一招適用于不是很熱的關鍵詞。畢竟這樣用的人目前我沒見過有太多。雖然知道的人很多,但是刻意這樣做的人又有幾個。知道不做什么也完成不了。

不只有論壇有限制的,還有很多地方,就要自己想一想了,都說出來反而不好了,把握好蜘蛛的原理就行了。

上面的所有的話都只是個皮毛,要是覺得照著上面的內容做你的站就能成功,那么你已經被大眾的話傷的很深了。

做網站要時刻記著你做網站是為了什么。

沒有幾個人是為了數流量玩

采集的后期處理

采集的東西還是要經過人工讓他們通過內鏈有機的合成一個整體,可以通過tag來實現。這個是最快捷的方法了。

后期處理才是在采集整個過程中最重要的,覺得采集完事就哦了的人是絕對錯誤的。但是與今天的主題無關,要是有人愿意跟我探討下,那么請哪天找我私聊吧。

采集器不單單是用來采集的

采集器的作用不止是給你的網站增加內容,他還可以干很多的事情

這個不能說出來,不過大家還是可以通過原理法來猜測。

哪里有采集器

我不能阻斷了大家想象的權利。甚至就在那一瞬間新的技術在你的腦海里展現。那是真正屬于你自己的東西。

采集的目的是原創,要把握好自己,切不可迷失在采集的世界里

采集的東西吸引來游客,要盡量的增強用戶的粘度,經常組織跟用戶互動的活動,讓他們覺得你的站點有意義

時間長了,你甚至會擺脫了搜索引擎對你的影響。只有原創的網站才會有活力,才會有贏利點出現。

垃圾站是什么,就是無目的,無計劃,無后期處理的采集打造的站點。

我所說的采集站希望大家伙別把當成了垃圾站。千萬不要認為我在教你辦垃圾站,要是為了個垃圾站我還費這么多口舌,那我就自己鄙視自己了。

最后一句話:采集只是網站初期的偉哥。

網站會員分析

首先從網站的目標會員的需求、習慣等說起.

一、目標會員:
  核心:24-39 大多數家庭是沒有孩子的
  受過高等院校教育,對互聯網有豐富的使用技巧
  對互聯網的依賴已經成為他們生活的一個主要組成部分
  深層次的需求表現在多種方面
  成就感的嗜迷者——只有通過做這些事情才能讓自己放松

二、目標會員需求:
  1、貼近生活——多種不同種類的需要相互交叉,但是他們到互聯網的目的(越來越多的)是為了尋找解決問題的答案:工作,社交,思考,家庭,娛樂,商務,研究,消息。
  2、讓他們有美好的感覺,有實用價值以及覺得與眾不同的服務產品
  3、能讓他們便于控制的清楚的界面和組織結構
  4、提供冒險,驚喜,時尚,地位,野心,社會責任等等的感覺
  5、工作成就感 – 他們因工作的完成而感覺心理的放松
  6、經久不衰性——就象一個擁有一定傾向的產品或娛樂表演一樣,用戶相信它可以提供優雅的理性的心理感受。

目標會員上網習慣:
  1、大多數習慣采用商務服務以及使用菜單選擇的服務
  2、比較熱衷于有關于創新,自我提升,金融,成功案例,體育,冒險和旅游方面的話題.
  3、不是消磨時間的人—他們使用互聯網用來節約時間(以一種更休閑最更容易操作的方式解決問題)。
  4、不是“耗時游戲狂”— 幾乎沒有在線或離線玩游戲的習慣。
  5、不屬于流行前沿 —他們流行而不前衛.
  6、不是被脅迫的 —網絡是他們尋找發展的生活中心

誰是商務SNS的用戶-成長的一代(1)
  1、年輕的辦公室一族,新新白領
  2、時尚且講究一些品味和格調;熱愛生活;有“不大不小”的壓力;自我,但內心渴望交往和承認;有一定的分享精神
  3、有一定的品牌敏感度
  4、他們都成長于飛躍的時代,擁有類似的回憶;生活對于他們,意味著新鮮和挑戰

誰是商務SNS的用戶-成熟的一代(2)
  1、他們是公司和社會的中堅力量
  2、追求事業,對未來仍有理想,但對生活的態度更為實際;家庭和工作是完全的生活重心;有更大的壓力;少于沖動
  3、追求高品質的生活,不追求時尚,但講求“時尚”;不甘心落伍;有較為固定的朋友圈
  4、他們長于變革的年代,內心傳統而叛逆,時尚而不前衛,和時代同步,不停步

網站對受眾的價值:
  1、真實、誠信
  2、私密性、安全性
  3、專業性強,穩重、成熟
  4、溝通交流方便
  5、聯系人信息維護方便
  6、找到志同道全或志趣相投的朋友
  7、功能強大

目標會員對網站的要求:

①嚴格的身分認證 80.7%
 ?、諢嵩弊柿系木員C?71.5%
 ?、鄯岣壞南呦祿疃?39.8%
 ?、苣芴峁┳ㄒ檔姆?34.3%

目標會員面臨的社交或交友障礙:
 ?、俟ぷ鞣泵?,缺乏時間 51.4%
 ?、諳肓私庖桓鋈頌?43.6%
 ?、勱患拭嬲?,缺乏機會 38.7%
 ?、芎苣顏業膠鮮實吶笥?48.8%

會員評價交友或社交類網站的優勢
 ?、俳渙鞴低ǚ獎?57.4%
 ?、誒┐笊緗幻?,有更多選擇 52.9%
 ?、勱謔∈奔?,能快速找到朋友 50.1%
 ?、馨踩氨;ひ?16.9%

商務SNS網站現在代表什么?
  品牌認知:高層次,成熟而有些內斂、時尚而非前衛、無明顯性別差異
  功能認知:專業而帶一點生活化、私密性好、界面時尚而不輕浮

談談網站運營需要注意的四個要素

一、網站氛圍
  策劃和開發網站的時候,作為日后的運營管理者,我認為有非常必要考慮這個問題–構建網站的環境.并且,如果有人問我,網站運營的第一步是什么,我會很堅決的告訴他:先別急著做推廣,先做好內功,把自己的網站環境按照你的業務方向來整理一下吧.

通俗點說,網站的環境就是網站的氣氛.是在給以后網站擁有的所有業務先磨刀的行為,可以說磨刀不誤砍材功.一個好的網站環境,能夠起到的作用恐怕要遠遠比表面的強大而重要.

我拿天涯舉個例子,天涯是我非常喜歡的論壇,但是經常去天涯的人盡管都知道天涯的界面不好看,功能不太好用甚至有點生硬,卻不自覺的沉迷于其 中.我覺得這是因為天涯給了大家一個非常公平自由參與的言論環境.天涯的文化環境之深厚,也是讓人著迷的地方.天涯現在七周年,只是簡簡單單一個帖子作為 慶賀,低調的不得了,但是眾多潛水的活躍的愛找事的原創的一干人等都在里面動情的衷心祝賀,讓人感動的同時,也深刻感受到天涯的環境對人潛移默化的影響. (引用)

這就是網站環境的力量,超出了頁面,功能,技術,服務,在這種環境下,我甚至能夠忍受我在其他網站上不能忍受的錯誤和不便.因為很多人,所喜歡的就是這里的環境,同時也喜歡上這個環境下的人和事.

所以,最出色的網站,不是最強大的技術,最全面的功能,最周到的應用,最漂亮的頁面,而是為用戶創造了一個可接受的網絡環境并因為這個環境的作用而留下了用戶.

那么,如果構建自己的網站環境呢?這其實是網站運營者的一個運營意識上的問題,不同的人有不同的辦法,我自己能夠給大家提供的是我個人的一點原則性的思路:

①不要先把自己當成一個商人,而是先作為一個用戶
 ?、諳感≈婀?從最細小的地方來考慮,哪怕只是經??吹降鈉脹ㄎ淖?
 ?、劭悸遣⑶咨砹私餑愕耐鏡哪勘耆巳?喜歡什么社會性的環境下的生活
 ?、蓯宰龐靡瘓渥羆虻サ幕襖此鄧低臼歉鍪裁捶瘴?說服自己和團隊,然后圍繞這個氛圍去工作
 ?、薟灰燃弊鷗嫠弒鶉四愕囊滴袷嵌嗝吹暮?要先讓別人覺得這里的氣氛很好
 ?、拚壹父齟永疵揮鋅垂愕耐鏡哪勘曖沒?來讓他們說說他們覺得呆在這里是什么感覺
 ?、叩階約鶴釹不恫⒛芄瘓Hサ牡胤?想想這個地方到底是什么吸引了你,讓你留連忘返?同樣也去調查一下你的目標用戶.

刀磨快了,如同給網站所有的業務上了鋒利的刃,輕輕一揮,就能砍下你想要的”柴”.提著鈍刀上陣,盡管這把刀重金打造,材質獨特,也恐怕一刀下 去,”柴”還沒有得到,自己卻可能傷了筋骨,甚至反彈回來,要了自己的命.因為這個原因,已經看到很多網站倒下了,我也不舉例子了,大家只要想想哪些垮掉的網站是說不來網站氛圍的.

總結:
  做構建網站氛圍的功課,是盡量體現真正的人文關懷,滿足用戶的心靈,是做的攻心的功課.而網站運營之極致,是否也應該是制人先奪其心?

二、網站速度
  有些網站訪問速度非常慢,以至很多用戶不等網站頁面的打開,就關掉瀏覽器,那么我們如何來解決這個問題?下面我從低成本、高性能和高擴張性的角度來說說我的一些經驗。

1、網站全部或大量HTML靜態化
  其實大家都知道,效率最高、消耗最小的就是純靜態化的html頁面,所以我們盡可能使我們的網站上的頁面采用靜態頁面來實現,這個最簡單的方法其實也是最有效的方法。對于交互性要求很高的社區類型網站來說,盡可能的靜態化也是提高性能的必要手段,將社區內的帖子、文章進行實時的靜態化,有更新的時候再重新靜態化也是大量使用的策略,像Mop的大雜燴就是使用了這樣的策略,網易社區等也是如此。

同時,html靜態化也是某些緩存策略使用的手段,對于系統中頻繁使用數據庫查詢但是內容更新很小的應用,可以考慮使用html靜態化來實現,比如論壇中論壇的公用設置信息,這些信息目前的主流論壇都可以進行后臺管理并且存儲再數據庫中,這些信息其實大量被前臺程序調用,但是更新頻率很小,可以考慮將這部分內容進行后臺更新的時候進行靜態化,這樣避免了大量的數據庫訪問請求。

2、圖片服務器分離
  大家知道,對于Web服務器來說,不管是Apache、IIS還是其他容器,圖片是最消耗資源的,于是我們有必要將圖片與頁面進行分離,這是基本上大型網站都會采用的策略,他們都有獨立的圖片服務器,甚至很多臺圖片服務器。這樣的架構可以降低提供頁面訪問請求的服務器系統壓力,并且可以保證系統不會因為圖片問題而崩潰,在應用服務器和圖片服務器上,可以進行不同的配置優化,比如apache在配置ContentType的時候可以盡量少支持,盡可能少的LoadModule,保證更高的系統消耗和執行效率。

3、采用DIV+CSS的頁面技術
  可以使訪問的效率得到提高。

4、頁面長度和大小
  一般一個頁面的長度盡量控制在2-3的長度,文件的大小盡量保持在150K以內。我一直認為太長的頁面會使得用戶失去耐心。

5、緩存
  緩存一詞搞技術的都接觸過,很多地方用到緩存。網站架構和網站開發中的緩存也是非常重要。這里先講述最基本的兩種緩存。
  架構方面的緩存,對Apache比較熟悉的人都能知道Apache提供了自己的緩存???,也可以使用外加的Squid??榻謝捍?,這兩種方式均可以有效的提高Apache的訪問響應能力。
  網站程序開發方面的緩存,Linux上提供的Memory Cache是常用的緩存接口,可以在web開發中使用,比如PHP有Pear的Cache??槎砸恍┦萁謝捍婧屯ㄑ豆蠶?其它我就不熟悉了。

6、鏡像
  鏡像是大型網站常采用的提高性能和數據安全性的方式,鏡像的技術可以解決不同網絡接入商和地域帶來的用戶訪問速度差異,比如ChinaNet和EduNet之間的差異就促使了很多網站在教育網內搭建鏡像站點,數據進行定時更新或者實時更新。在鏡像的細節技術方面,這里不闡述太深,有很多專業的現成的解決架構和產品可選。也有廉價的通過軟件實現的思路,比如Linux上的rsync等工具。

7、盡量不使用Flash和大圖片
  這樣好處是非常明顯的,一個能夠使得用戶專注在文字上,而圖片部分都和網站核心相關,不會產生無關的東西。

8、不要將整個頁面內容塞到一個Table中
  這是網頁設計的問題了,很多站長為了追求頁面統一對齊,將整個頁面的內容都塞進了一個Table(表格)里,然后再由單元格td來劃分各個“塊”的布局,這種網站的顯示速度是絕對慢的。因為Table要等里面所有的內容都加載完畢后才顯示出來的,如果某些內容無法訪問,就會拖延整個頁面的訪問速度。正確的做法是:將內容分割到幾個具有相同格局的Table中去,不要全都塞到一個Table里。

總結:
  在這里介紹得比較淺顯,具體實現過程中很多細節還需要大家在工作中慢慢熟悉和體會。另外,推薦一個在線的網頁讀取速度測試工具給大家,它可以顯示整個讀取進程,細化到每個網頁元素。 鏈接 //www.octagate.com/service/SiteTimer/?Target=AJAX

實際經歷:
  運營交友網站時,由于我們屬于個人網站,資金小,不可能在帶寬和服務器上有大的投入,我們采用了網站頁面全部靜態化,每隔12小時更新一次數據,同也這也帶來另外一個好處就是加大搜索引擎對網站的收錄頁面數,并搞會員的注冊量,最高的時候baidu收錄網站的頁面數為100多萬頁,Google收錄了70多萬頁.此外,還采用了緩存、鏡像、網頁優化、不使用FALS等方法。這樣做的效果是非常明顯的。簡單的招式練到極致就是絕招!

三、用戶體驗
  現在同類型的網站數不勝數,網站的功能或服務日趨同質化,大的方面看不出什么差別,差別就體現在細節上?!翱嘸?,細節成為網站最有力的表現形式。關注細節、完善細節往往體現了網站真誠地為用戶著想的拳拳之忱。我們有理由充分相信,一個真心實意地在細節上下功夫的網站,其服務的品質一定非常優秀。所以,作為網站運營者只有細致入微地審視自己的產品或服務,注重細節,為用戶著想,才能讓自己的網站在競爭中取勝, 就如針尖上打擂臺,拼的就是精細!

按照網站發展的觀點,“沒有最好,只有更好”,需要完善的細節會層出不窮,根本沒有止境;網站也正是在這種無止境的追求中不斷得到發展和提高的。

那么如何讓網站的設計具有獨特性和可用性?如何應用一些有效的方法來讓自己的網站具有良好的用戶體驗?下面談談我的一些經驗:

第一:體現網站的標識和定位
  網站不能放過任何一個可能訪問或者正在訪問甚至訪問過的用戶,大家都削尖了腦袋想辦法如何處理這三個問題。那么對于任何一個訪問你網站的用戶你就要了解他第一次打開你網站他關心什么。我個人覺得用戶第一次打開一個網站大部分是這四個問題:
 ?、僬饈鞘裁賜??
 ?、謖飧鐾舊嫌惺裁??
 ?、畚夷茉謖飫鎰鍪裁椿虻玫絞裁??
 ?、芪裁次矣Ω醚≡裾飫?,而不是其他地方?

第二:網站導航和站點層次
  網站要給出網站提供的服務的概貌,既要包括內容――“我能在這里找到什么?”。也要包括功能―“我能做什么?”?;褂姓廡┓袷僑綰巫櫓?。這項工作通常由持久導航來處理。其實一個網站的導航是非常重要的,他是網站的通道,它能讓用戶最方便快捷的找到他想去的頁面,此外,在用戶瀏覽每個頁面的時候,都應該清楚的標明他現在所在的位置,以免讓用戶摸不清東南西北。

第三:搜索
  多采用熱門關鍵詞的搜索方法,這樣對用戶來說是方便、快捷并且省事,對網站來說能減輕服務器的壓力,提高用戶瀏覽的速度。

第四:推薦
  就像雜志封面一樣,主頁要用一些“里面有精彩內容”的暗示來吸引我,“內容推薦”部分應該突出最新、最好、最熱門等的內容片斷,例如:在SNS網站,推薦一些優秀的會員,最好是每天能更新一次,這能給新來的會員樹立一個榜樣,同時也能加強會員間的互動。

第五:告訴用戶從哪里開始
  用戶第一次到一個網站還無從下手,網站首頁應該如何安排才能完成這個任務,其實方法有很多,比如:在SNS網站里,根據會員的注冊時的個人資料,向他匹配一些同城同興趣、同城同行的朋友,同時提示他所在的城市有那些聚會,有關于他所在的行業有什么信息等,總之一點不能讓會員進來后舉目無親或無所事從!

第六:內容更新
  如果網站的成功取決于用戶是否經常來訪,那么網站應該有一些經常更新的內容。即使是不需要固定訪問者的網站也需要有一些活躍的跡象,哪怕只是一個到最新的新聞鏈接,告訴用戶這里并不是一潭死水。

第七:讓用戶看到他正在尋找的東西
  網站應該讓用戶想要的任何東西顯而易見,如果這些內容在站內某個角落的話。當然,不是把網站的所有東西都羅列出來,而是把對會員最有用和網站最有特色的顯示出來!

第八:建立可信度和信任感
  網站應該經常的傾聽和收集會員的反饋,并定期對會員的反饋進行快速的處理和答復,總之一點就急用戶所急,幫用戶解決問題。長持以往,取得用戶對網站的信任和支持。

總結:
  在用戶體驗方面應該更多的學習一些好的并且是成功的網站,學習他們先進的經驗、先進的設計和方法,然后快速的轉變成自己的東西,縮短自己的學習、研究成本。但要注意的是“抄/學習”都是要以自己的用戶為基礎,清楚用戶的情況,了解自己的發展階段,不要盲從。此外,也要靠自己長期積累的經驗去摸索,并充分去了解用戶、了解用戶的需求,才可能保證自己的行動是有目的性和一定的可靠性,而不至于把自己的產品當成測試品,這樣才能設計更好的用戶體驗.

有關用戶體驗具體如何運用還需要根據網站自身的特點,站在網站自身的角度,站在用戶的角度,站在行業的角度,用心的取舍,細細的考究!

實際經歷:
  在運營網站的時候,基本上每天會收集一些會員的反饋,同時在會員的一些MSN群和QQ群上跟會員去溝通交流,此外,也會到一些同類型的網站去使用他們的產品或服務,并且看看其網站會員的一些反饋,并收集起來(很有效)。稍后,會定期的把收集到的會員反饋以及后臺的數據結合起來分析,并整理出來可執行的改進計劃,并實施,來完善我們的服務或產品。例如:對注冊頁面改進,改進后的會員注冊量比未改時之前提高了20-40%,具體的改進方法如下:
 ?、?顏色搭配:頁面的顏色不超過三色,讓注冊的用戶感到簡潔、舒適;
 ?、?文字描述:簡單明了的告訴用戶填寫什么,刪除多余無用的用語;
 ?、?取消鏈接:去掉所有與注冊頁面無關的鏈接,以便讓用戶專心注冊;
 ?、?下拉菜單:盡可能使用戶要填寫的地方使用下拉菜單,這能節省用戶很多時間并減少會員不必要的輸入。
 ?、?按鈕排放:采面上面標簽,下面輸入框的方式,能減少用戶的眼睛切換時間的
  總之,不要小看這些小細節上的改變,它會給用戶帶來很好體驗,同時給網站帶來的效果也有很大的不同。偉大源于細節的積累!

此外,還會經常去使用一些比較有特色的網站,大多是一些國內成功的個人網站,他們有非常著好的創意或者在某些方面做得非常個性化、人性化,我們會把這些好的方面跟自己的網站結合起來,開發新服務或產品提供給我們的會員。創新才能勝出!

四、互動和參與
  一個好的網站成功的原因各不相同,但是,有一點是不能忽視的,那就是用戶的互動和參與性??梢運?,每個網站都是一個社區,人們可以在這里發布信息,溝通交流,人們也可以在這里闡述自己的觀點或者評論,再或者在這里交朋識友。從BBS、博客、播客、威客、秀客、換客、交友或SNS網站等等,不管其概念如何,所需要的技術支持如何,功能如何,它們都有一個共同點,那就是讓每一個用戶都成為參與者和貢獻者。因此任何網站要有互動性,才可以說它具有發展的潛能;離開了用戶的互動和參與性,網站就是一堆廢墟?;ザ緣鬧匾卣骶褪撬紉藶閿沒е淶墓低ㄓ虢渙?,又要提高用戶的參與和貢獻,這才能使使網站贏得良好的口碑,并且很好地聚集人氣。

以我的經驗來看,互動性包括以下幾方面:
 ?、?排名:針對某些具體事物進行排行。例如:博客排行、相冊排行、最受歡迎會員排行等
 ?、?評價:可以讓用戶針對某件具體事物進行評價,例如:會員評價的音樂、電影、博客等
 ?、?推薦:可以讓用戶針對某些具體事物進行推薦,例如:會員推薦的餐館、書、音樂等
 ?、?統計:針對用戶對某些內容進行統計,例如:用多少會員瀏覽他的相冊、博客等
 ?、?激勵:提高用戶的貢獻和參與熱情。
 ?、?評論: 可以讓用戶對網站的任何用戶發布的東西時行評論。
 ?、?討論:針對某些具體的事物進行討論,例如:網上辨論、網上評選等。
 ?、?方便: 網站提供的功能,一定要操作方便,反饋及時。
 ?、?參與:簡化用戶對某一事物的參與性。
 ?、?聚會:讓會員通過網上和網下進行互動。

總結:
  互動性是一個網站靈魂,也是一個網站成功的標志之一,作為一個網站運營者,其中一項最主要的工作,就是加強網站與用戶的互動,提高用戶與用戶之間的溝通和交流,激勵用戶的參與和貢獻,總之,一定要讓用戶對你的網站產生依賴性,直白的說就讓用戶覺得這里“好玩”,只有這樣才能提高網站的活躍用戶數和黏度。

實際經歷:
  下面舉三個實例問題,詳細說明一下
 ?、?在用戶登錄網站后,進來做的第一件事情是什么?
  我們從后臺數據分析,并且咨詢過很多網站的會員,得出大得數會員登錄后做的第一件事就是查閱自己的郵箱,看看有沒有好友新的郵件。

② 接下來,用戶會做的什么?
  用戶會去查看自己曾經發布或回復過的博客、貼子等信息是否有新的回復。

③ 當用戶在瀏覽別人的博客、相冊、貼子的時候,他們是怎么做的?
  大多數用戶在瀏覽的別人的博客、相冊、貼子時基本上是一看完就走人,從這組數據看出發布者、參與者、瀏覽者的比例是:1:10:90,即一個用戶發表一篇博客,有100個觀眾,其中10個用戶參與了回復,其它90個用戶只是過客,不參與任何操作。為什么會這樣呢?根據《第二屆中國互聯網社區發展狀況調查報告》顯示“社區網民不發帖或跟帖的原因以“想說的話都已經有人說出來了”的比例最多;”

大家看看自己是不是在天際網也是這樣的?

那么以上三個問題我們是怎么解決的呢?
  第一和第二個問題我們可以看到,用戶最關心的是跟自己的相關的信息,這會讓他們感覺自己被別人關注、關懷或重視,觀點被別人珍視,被欣賞,或被稱贊。

第二和第三個問題有點相互矛盾,用戶既希望自己發布信息有更多的回復,同時又不愿意去參與。

基于這種情況我們網站做出相應的調整,一是簡化參與操作,如給博客、相冊等增加推薦、評價、留言等參與功能,推薦(只需一只點擊)比評價(兩只點擊)操作簡單,評價比留言簡單,可以提高用戶的參與性,并激勵發布人發布更多信息。二是加強互動,當用戶對信息進行推薦、評價、留言時都在相關頁面上顯示其照片和姓名,并在其下增加如“加為好友”、“給他留言”等互動功能,可增強會員間的溝通和交流。三是提醒功能,當有新的用戶對其曾推薦、評價、留言過的信息有新的操作時,都會被提醒,同時發布人也收到相應的提醒信,并且把每周有關于他的相關統計也發送給他,讓會員可以隨時收到與他有關的新信息。通過上述的三種解決辦法,我們從后臺數據和Alexa上面看到效果是比較顯著的,如:會員間的發信量提高、網站的PV增加、用戶瀏覽的頁面數增加、活躍用戶數增加等,從而帶動用戶繼續使用和留在網站。

好了,有關網站運營的四個基本要素就說到這,希望對大家有所幫助,不足之處敬請大家諒解和指正!

最后想提幾個問題,歡迎大家一起討論一下:
  1、一個技術含量高,功能繁多的網站是不是就是有價值的網站?
  2、網站組織活動,有多少是用戶感興趣的?
  3、社交網站到底可以做什么?
  4、你會邀請你身邊的朋友加入這類的社交網站嗎?
  5、你最希望網站能為你提供什么樣的服務或產品?

談談SNS網站

一直關注國內和國外SNS和社區的發展,運營過SNS兩年,看過很多有關SNS方面的評論和分析,同時也一直在使用各個SNS網站,我想就從在SNS運營中碰到的一些問題和想法與各位交流一下,在這篇文章里我會提到一些具體的網站,如有不妥當的地方,歡迎大家給我提出指正和批評,我也將認真的回復您的意見,您的提出的任何東西都將對我極為有用,讓我們共同提高!

之前所寫的《談談網站運營需要注意的四個要素》、《談談網站的黏度》、《網站會員分析》都是為今后所寫的文章做一個鋪墊。

感謝你耐心地看完這段文字。

先談談SNS的概念,以便于大家理解:
  Social Networking Service (簡稱SNS ,社會化網絡軟件)是Web 2.0 體系下的一個技術應用架構。SNS 基于六度分隔理論運作,這個理論的通俗解釋是:“在人脈網絡中,要結識任何一位陌生的朋友,中間最多只要通過六個朋友就可以達到目的?!?“按照六度分隔理論,每個個體的社交圈都不斷放大,最后成為一個大型網絡,這就是社會化網絡(SNS )。國內的SNS最初基本是以美國的兩個網站為參照:Linkedin和Friendster。目前大家使用的若鄰網就屬于SNS網站。

回顧2006:
  毫無疑問,2006年是社會化網絡(SNS)年。
  在美國:MySpace, YouTube, Facebook 是最突出的成功案例。同時英國的Bebo也很出色。以及現有SNS網站的強勢發展,如LinkedIn融資1300萬美元估值2.5億美元、Wallop獲得1000萬美元風險投資。而SNS狂潮的頂峰可能就是Google以16億5千萬收購YouTube了。
  在歐洲:XING德國成功上市融資3570萬歐元、Passado獲1320萬美元資金投資等
  在韓國:cyworld早已實現盈利,并進入中國。
  在日本:Mixi于9月13日在日本上市,其市值達到15億美金
  在臺灣:雅虎奇摩2100萬美金收購臺灣最大社交網站“無名小站”,愛情公寓獲300萬美金投資
  在國內:千橡互動集團200萬美金收購校內網(校園SNS)等

國內現狀:
  國內從去年開始,大批SNS網站紛紛創立,那么我按各家網站定位將其分為以下幾種:
 ?、?娛樂型:如:億友友、碰碰網、網友天下、粉絲網、賽我網、我賽網、愛情公寓等
 ?、?商務型:如:天際網、楚現會、聯系家、若鄰、四度、世界經理人、人聯網、九幫網等
 ?、?校園型:如:校內網、占座網、5Q網、億聚網、底片網、Chinay等
 ?、?綜合型:如:博億網、Fzone、UUzone、U能網、聯趣網、根本網、圈網、

首先,SNS作為web2.0陣營中的典型代表,一年之間,誕生了上百家的SNS網站,目前在國內就我看到的、使用過的SNS網站里沒有那一家網站是處于絕對的領導和領先地位。國內的SNS網站在創立時絕大多數是拷貝國外的成功模式?;チ緦饜姓庋桓鏊搗?國外一個新模式只要出來,最多半年一定會在中國復制出現。由于國外互聯網的發展階段、網民成熟程度、思想文化觀念與國內有著很大的差異,直接照搬國外的模式往往是很危險的。復制容易,創新艱難!如何認識到這些差異的影響、如何根據中國國情、用戶的需求并不斷的創新,將是對中國SNS網站的重大考驗。

其次,我們再看看日本人發出的危險預言, 日本財經類權威日報《日本經濟新聞》刊登專欄文章,對中國互聯網行業的web2.0現象進行了解讀,并指出,如果不能推出更多的特色服務,中國的web2.0泡沫將面臨崩潰的危險。

另外,該專欄文章中提到,中國的眾多web2.0企業因為“以用戶為中心”、blog、SNS等新鮮概念吸引了大量VC,但是(由于缺乏完整的商業模式支持),中國的互聯網行業總是受VC的影響過大(而失去創新贏利點的時機),Web1.0時代的泡沫悲劇注定要在web2.0時代重演。

文章同時認為,web2.0雖然概念新,但中國的web2.0企業大多還是采用廣告、短信等陳舊的盈利模式,而且,web2.0的技術門檻并不高,大型門戶網站很容易介入,而新興小網站必將敵不過實力雄厚的傳統門戶。即便是web2.0企業的代表、曾放出豪言“2年內納斯達克上市”(方興東)的博客網也不得不迫于運營壓力而裁員。因此,剛剛展露頭角的web2.0企業被傳統門戶網站收購是大勢所趨,中國互聯網行業必將迎來新一輪洗牌。

文章同時指出,“C2C(Copy to China)”是中國的互聯網企業長期以來的一大弱點,照搬海外模式、特別是美國模式,確實有成功的先例,但在特色服務先行的web2.0時代,依然一味地“C2C“,成功機率就很低了。

還有,該文也評價了中國網民的免費心理,認為這是早期互聯網企業自掘墳墓的結果,(已經形成了不可扭轉的商業倫理/信仰),再開始培養網民的付費習慣也是中國互聯網行業的當務之急之一,(但幾乎是不可能實現的)。

文章的結論是:
 ?、僭趙eb2.0時代,中國的互聯網企業應該透徹地分析國情,進行市場細分,推出真正的特色服務;(只有細分,才能真正掌握細分話題的激發、擴散、辯論和權威生成4個過程)
 ?、謨敫嗟鬧髁髏教搴獻?,提升網絡廣告的價值;(Web2.0一定要融入某個信息鏈條中,主流媒體的信息注意力的價值評價方法完全可以借鑒過來)
 ?、鄣繾由濤癖匭臚憊刈⑾呱蝦拖呦祿疃?,構筑垂直型商務模式;(所謂線下,就是與最終愿意付錢那個環節—-機構或個人—-面對面交流,其實就是推銷的過程而已)

再次,SNS網站的成長發展道路上,還將面臨來自以門戶網站為代表的“上一代網站”和國外成功SNS網站的嚴峻挑戰。SNS并非一個革命性的新概念和新技術,并不是“新一代網站”的專利,“上一代網站”必然將“與時俱進”,跟上web2.0的步伐,新浪網推出blog、視頻,而騰訊QQ涉入校園SNS,以及進入中國的Xing和即將進入中國的Myspace,從這些可見到這種必然?!吧弦淮盡焙凸獾某曬NS網站,已經歷多年的市場磨練,無論資金、人才、經驗都明顯占據優勢,國內新生SNS網站要獲得成功,勢必需要付出多倍的努力。

最后,作為新生代SNS網站,需要做出自己的特色。特色一是來自創新,來自于對用戶需求的把握,二是來自于市場細分?;チ煊虻木赫?,逐漸類似于商業領域的競爭,留給新生網站的市場空隙越來越小,新生網站面臨的市場競爭越來越大。新生代SNS網站要站穩腳跟,成長壯大,在激烈的市場競爭中脫穎而出,重要的法寶是“細分市場”:根據自身的優勢選擇合適的細分市場,深刻分析理解自身所面向的細分市場的用戶特點,集中資源,在本細分市場深耕細作,不斷改進創新,努力去滿足用戶的個性需求,形成自己的特色,并不斷取得更大的競爭優勢。估計未來前途光明的SNS網站,不是大而全的SNS網站,不是“見熱跟風、缺乏定力”的 SNS網站。

“好風憑借力,送我上青天”。對于眾多的SNS網站創新、中國特色、市場細分、個性滿足,也許將決定誰是明日耀眼的明星。

如何提高網站的黏度

從事互聯網行業10年,曾經負責過B2B網站的運營、創建過一家交友網站,參與運營過一家SNS網站,正好在這段休息的時間里,把自己在網站運營方面的一些心得、經驗和問題總結出來,以期拋磚引玉與大家一起探討。

網站運營范疇包括:產品設計、內容運營、內容更新、市場推廣等相關的運營管理工作。具體表現為網站策劃、產品開發、網絡營銷、客戶服務、市場推廣等;

那我就先從網站的黏度說起,作為一個網站運營者,我們不得不面臨一個問題,就是如何提高網站會員的黏度,廣義的黏度指的是用戶對網站的重復使用度(依賴度、忠誠度),和用戶遷移成本基本成正比。我認為黏度是指個體用戶對于社區內某個或某些特定人群的交互的依賴性,而不是對某個社區產品或者功能應用的依賴性。通常黏度越高的網站越體現價值,因此如何提高用戶黏度是各網站運營的首要任務之一。

我們可以通過網絡推廣的營銷戰術,可以短時間吸引到人,但是留住人我認為需要以下幾個方面,以我的實際經歷來說說,供大家參考:

一、用戶需求是什么?
  首先,我們需要觀察和了解”用戶在做什么、在怎么做”。
  比如一個門把手,我們需要觀察和了解用戶怎么去用的,拉?推?.?

其次,我們需要知道用戶是怎樣想的為什么要這么做?
  他們在使用這個門把手的過程中和使用后在想什么,包括他腦袋里面的感受是什么。

接下來,我們要去了解“用戶知道什么?”
  他有什么樣的基礎,是否見過用過你設計的這種門把手?(知識積累、使用經驗、..?)

同時,我們還需要知道用戶是什么樣的思考路線,你的設計給了他什么樣的預設邏輯。
  當他看到這個門把手要去開門的時候,他會如何打算去完成這個事情。 (當你告訴用戶“把大象放進冰箱”,他會做什么樣的計劃?)

最后,我們還需要了解:用戶有什么樣的接受和學習能力。
  如果這個用戶從來沒有見過圓形的門把手,也不會想到擰開門,那么他是否能夠接受和很快的學會去“擰著開門”。

總結:
  在互聯網上,我們發現任何一種興趣愛好都可以找到那么一群人,比如看書,聽音樂,購物,甚至育兒,都可以發現每種需求都會引導一群人,使他們走到一起。形形色色的各類網站成為某一種需求的提供者,而這樣的提供方式,很多人認為較之傳統的門戶網站,更加專注,更有個性。我想,同樣一種需求,不同的表現方式,也可以獲得不同人群的反饋,因為我們都是希望可以獲得更好的服務。

我們用一種可以讓一類人群喜歡的服務去吸引他們,當然我們希望他們可以停留下來,成為網站忠實的用戶,那我想這個工作就應該是社區了。同時滿足這種需求的服務,也是在引導網站的發展方向,甚至商業模式。

人們通過一種需求吸引到網站,參與分享后,發展已經不再僅僅是滿足一種需求,作為網站本身來說并不是服務提供者,而是一個服務的平臺,用戶可以在平臺上創造需求,滿足需求,完善需求。那么我想這也是網站的優勢所在,需求的擴展性和外延性非常好,永遠的beta版本,永遠在幫助用戶創造更好的服務。

用戶需求決定了社區的氛圍,決定了商業模式,決定了贏利規模。

當然用戶需求容易發掘,就好比一個好的idea,但是真正的發展,僅僅有idea是完全不夠的。是否具備了優秀的產品設計能力,是否具備了優秀的網站運營能力,我想這些都很關鍵。如果要談到網站設計,網站運營發展,那完全可以在寫幾篇,只是想到了這些,隨便談談,我始終認為用戶是網站價值的核心,網站也必須圍繞用戶去做,甚至對于用戶自身的關注程度要高于網站本身。

雖然我們在搭舞臺,用戶在表演,演員的積極性,除了舞臺下觀看者的鼓掌,對于臺幕下的服務也很關鍵。

實際經驗:
  在做社交類網站時遇到過這樣的問題?那就是當一個目標用戶注冊成為你的會員后,大多數會員并不知道這個網站是做什么的?也不知他們能從這個網站得到什么?他們能在這里做什么?這些問題同時也是國內某些SNS網站共同所面臨的問題, 因此,不要僅僅滿足于只停留在“玩概念”、“搞理論”的層面上,而是要在實際的工作中,應用一些有效的方法來讓自己了解用戶的需求和解決用戶的需求。總之操作比理念更重要,實踐比理論更重要!

我在做交友網站,同樣問題正好相反,當時這個網站在2004年時候在ALEX三個月平均排名為300多位,三個月平均每個訪問者瀏覽的頁面數為:20頁,另外其會員數僅為SNS網站幾分之一。那么做交友網站是怎么解決這個問題的了?簡單說一下:先說注冊,完成交友網站的注冊程序需要20分鐘以上。我們大部分網站都說我的注冊簡單,只需10秒鐘,這就是差別。接下來就是注冊成功或登錄后的頁面,交友網站在登錄后,會根據個人填寫的資料,為他們匹配喜歡的音樂、同興趣的朋友和相關的內容等等,滿足他們的某些需求,而我們大部分網站會提醒你應該邀請你朋友加入,或顯示你的人脈關系圈或讓你完善資料等等,就會造成新會員進來后舉目無親和無所適從,這又是一個差別。我們要相信大多數會員是決不會把大量的時間花到去熟悉、體驗某個網站。因此,可否得出這樣的結論,人們是由于共同目標和愛好聚集在一起的, 彼此分享生活中的樂趣和尋找工作中難題的解決辦法,不會因為單純交友的目的聚在一起。

二、如何滿足和解決用戶的需求?
  1、產品設計
  第一步自身網站分析,而不是設計。通過對網站目標用戶的需要和特點分析,制定出產品的整體架構。就是確定為用戶提供什么樣的產品

第二步分析競爭對手,從競爭網站的注冊開始,仔細使用、體驗對方的服務,如果好的服務或產品,一定要記錄在案并保存,并根據自身網站的情況整合起來,唯我所有,并做到知已知彼。

第三步產品定位必須緊緊圍繞網站的定位和用戶需求來定。

第四步產品設計,這就好比設計一個店鋪的展示,什么樣的產品最吸引眼球放在櫥窗;什么樣的產品最好賣放在柜臺;什么樣的產品很冷門放在倉庫,只在老顧客偶爾來詢問時才拿出來,因此這不需要花費很多金錢和時間,卻可以使產品有重大的變化。切記:是讓技術為用戶服務,而不是讓用戶服務技術。

總之,一個產品的可用性,可以從以下五個方面入手:
 ?、僖籽С潭齲河沒У諞淮問褂貌吠瓿苫救撾袷欠竇虻?;
 ?、?效率:一旦用戶學會了使用這個產品,他能否高效的完成任務;
 ?、劭杉且洌河沒г誥歡問奔湟院笤俅問褂謎飧霾肥?,能否快速回憶起使用方法并完成任務;
 ?、艽砦螅河沒Э贍芑岵嗌俅砦??錯誤的嚴重性如何?修復錯誤的難易程度如何;
 ?、?滿意度:用戶在使用過程中是否比較愉快。

  2、網頁設計
  網站頁面設計的需求主要體現在用戶體驗方面,

用戶體驗指的是會員感官視覺效果,第一眼看到網站頁面整體要布局清晰有條理顏色搭配得當給人一種輕松愉悅舒適的使用體驗,起碼不能給人一種亂煩的感覺。網站針對的用戶群是年齡在23-38 間的中小企業的白領,那么這個顏色就要適合這個年齡段這個層次的人。另外一點就是要使用方便,按鈕擺放的位置合理,各個板塊風格一致,讓用戶可以在短時間內就可以上手。
  ? 頁面布局清晰
  ? 文字字體設置合理而且要普及
  ? 顏色搭配得當合理,不要太花俏了
  ? 各個板塊風格要一致
  ? 頁面間跳轉要合理,各級頁面間要層次清晰
  ? 使用Web標準設計網頁,盡量兼容更多瀏覽器,但首先要支持IE瀏覽器
  ? 每個頁面長度最好控制在2頁,不超過3頁。我一直認為太長的頁面會使得用戶失去耐心,而2-3頁是最好的選擇。

3、程序開發, 減少在開發過程中對頁面的二次修改,避免頁面出現過多冗余標簽,頁面盡量的瘦身,提高頁面加載速度。
 ?、?使用 div + css ,div 標簽的屬性除了 id ,class 其它的盡量少用
 ?、?樣式表統一,不要過于龐大
 ?、?Table 不要太復雜
 ?、?少用圖片,必要的情況下可以使用一些小圖,杜絕使用大圖和flash動畫,以保證提高網站訪問速度
 ?、?避免頁面中出現過多的垃圾代碼

4、細節改進
  對網站的每一功能和欄目都有針對性的詳細的研究,說白了就是對現有網站的功能進行優化,盡量在網站的細節上多加注意,以便找到用戶最容易找到,最能夠記住,并且最快捷的路徑。現在同類型網站功能大體都差不多,如何在同類網站勝出了?我認為就如同針尖上打擂臺,拼的就是精細.

總結:
  個性化、人性化、體驗性等任何一種因素都有可能讓一個網站脫穎而出,所以我們應更加關注如何能更好的滿足和解決用戶的需求產品,好的產品其實就是最好的營銷方式,用戶幫你口碑相傳,這是誰都希望看到的。但是要給用戶一個口碑相傳的理由,做好產品是最務實的做法。

實際經驗:
  在做交友網站時,有兩個產品占到整個網站流量的60%:一個是音樂欄目35%,另外一個征友欄目25%。當時的交友網站提供音樂播放的功能,我們從后臺發現每天音樂增加鏈接數量成倍速的增長,同時也從ALEXA看到音樂欄目的所占流量的持續增長和用戶瀏覽頁面的增加,以及我們還觀察到音樂能有助會員間的交友互動,因此,我們在網站上做了一個有關于音樂方面的需求調查,結果是許多會員希望我們能加強音樂方面的功能,我們根據會員的需求反饋,開發提供了音樂的搜索、在線音樂播放、好友點歌、制作音樂賀卡、音樂鈴聲等相關的功能。結果會員的反饋非常好,網站的在線員達到每10分鐘1萬多人的在線量,這也同時給我們帶來了很大的流量和一定的收益。

  三、如何鼓勵更多用戶的參與和貢獻?
  在產品因素問題不大的情況下,也許游戲規則決定了一個網站的長遠發展。一般性的游戲規則,可以提高一部分用戶的積極性;優秀的游戲規則可以與商業模式緊密相連;沒有游戲規則,很有可能就無序的發展,最終可能也沒有了發展。很遺憾現在不少網站希望用戶貢獻,但是用戶憑什么貢獻?

規則一:網站的價值觀
  應該算是潛規則,網站引導方向,什么是好的,什么是不好的,從開始就在約束這件事情,網站運營者作的事情好比是搭舞臺,演員就是用戶,但是你要告訴演員什么劇目是這個舞臺受歡迎的,當所有人按照這個價值觀去做事情,就不會出現搗亂的人,出現了群眾就把他趕下去。

規則二:激勵機制很重要
  從前看到論壇有一些發帖子,然后轉變成頭銜,獲得一定虛擬的榮耀,其實是很有效果的,但是不知道為什么,在社交類網站這些光榮的革命傳統都“革命”掉了。

規則三:用戶是需要分層次的
  web2.0的用戶10-20%的人貢獻內容,剩下的大都是看客,傳統社區也是如此,有朋友統計過一個數據,如果論壇有200個活躍用戶,那么這個論壇就會比較火了,具體是這樣嗎,我也不清楚。但是卻反映了一個用戶層次的關系,這么10-20%的人就是社區的精英用戶,他們對社區有較強的粘性,他們是社區的創造者,抓住這10-20%的用戶,經營好這些用戶也許社區就成功了。我覺得社區也可以嘗試劃分用戶層次,激勵更多的用戶成為精英用戶,精英用戶可以享受一點點“特權”,滿足他們希望得到的成就感。這個就需要具體問題具體分析了。我記得有一個論壇他們有一次搞了個活動,在某個星期,讓注冊前100名的用戶,發帖的標題都變為粗體,一點點小技巧,卻很有效果。

規則四:互助誠信機制
  讓用戶知道貢獻能給別人帶來的幫助,如果用戶知道只是一個簡單操作就能給別人來帶有效的幫助,我想大家會很樂于去觸發這個交互,另外,被幫助者可以對幫助人進行評價,這樣可以提高幫助人在網站誠信度,有利于今后他與其他會員的交流與互動。這可以參考一下易趣和淘寶的誠信機制。

規則五:簡化參與和貢獻的操作
  比如當一個會員發表博客時,其它網站做法是在博客下面提供一個留言板功能,可是大多數情況下很多用戶更多只是瀏覽者而不是參與者。我曾經就這方面的問題詢問過一些會員,為什么不發帖或跟帖?其中回復最多的是“想說的話都已經有人說出來了”的比例最多;我想在這方應該增加簡單的評分或digg.com交互功能會比編寫評論來得簡單方便;

總結:
  好的產品,好的游戲規則才是網站生存的長遠根本,此外還要較好的把握住你的用戶群,精心把內容經營好,擁有自己的一批活躍用戶和內容建設者,探索用戶參與和網站貢獻價值之間的平衡點,就能夠發掘你自己的盈利模式。

實際經驗:
  在做交友網站時,我們有一套較好的等級機制和獎勵機制,當用戶貢獻了一定的內容后,并達到一個相應的會員級別,就擁有比普通會員好的權限和待遇, 舉例來說,當一個會員在網站發布征友廣告時,他的排名就比級別低的會員靠前,同時發布的費用就有一定的折扣,再或者,增加他相冊空間的容量等等。總體來看,這方面效果是十分明顯,增加了會員的黏度和活躍度。

做社交網站時,采用了嚴格的審核機制,比如會員的形象照必須是真實的照片,名星照、卡通照等一律刪除,沒有照片的會員在搜索結果排序時,相應的排列在最后面,有照片的同時也是活躍會員排名靠前。

Google網站地圖Sitemap與搜索引擎優化

Google網站地圖(sitemap)是Google提供給網站管理員的一個工具,來提高網站被收錄的網頁數目。

一般來說,搜索引擎蜘蛛會跟著鏈接爬行到你網站的所有網頁。但很多時候,由于種種原因,并不是所有網頁都能被收錄進搜索引擎數據庫。比如說,你的網站是數據庫動態生成的,URL中帶有參數,一些網頁離主頁太遠,你的網站PR值太低,新的網頁可能過很長時間才有機會被抓取等等。

Google Sitemap就允許站長上傳給Google一個網站地圖,列出你所有需要被抓取的網頁及重要性級別。據很多人證實,Google網站地圖確實能提高被Google收錄的網頁數目,而且似乎Google每天都會抓取sitemap的內容。

所以如果你有新的網頁,或你的網站內容更新比較快,Google網站地圖是一個很好的通知Google的工具。

不過我在這里想和大家分享幾個Google Sitemap用于搜索引擎優化的心得。

第一,像前面說的,當然最重要的是,使你的網頁被收錄的越多越好。因為我的網站沒有收錄問題,所以我也沒有提交網站地圖。但據朋友說,這個功能確實很好用。如果你的網站有很多網頁沒有被收錄的話,應該試一下。

第二,在Google網站地圖管理界面中,你可以看到Google是否懲罰了你的網站。像在以前提到的,Google會通知一部分被懲罰的網站站長。我感覺這是一個最重要的必須要使用Google Sitemaps的原因。雖然這個功能最好永遠用不上。

第三,Google網站地圖管理界面Diagnostic(診斷)部分,你的網站在被抓取的時候,如果有什么問題都會被列出來。比如說URL錯誤,404錯誤,服務器宕機等等。在HTTP錯誤中,可以看到有哪些URL是有問題的,這樣可以及時解決網站上的技術問題。

第四,Diagnostic部分也提供了一個robots.txt文件檢測工具。很多時候我們不希望搜索引擎來抓取某些目錄或某些文件,用robots.txt文件是一個標準方法。但如果這個文件寫的有問題,可能會造成搜索引擎完全不能爬行你的網站。你可以用這個Google Sitemaps檢測工具測試某一個目錄或某一個文件是否被排除在搜索引擎之外。

第五,在Google網站地圖Statistic(統計資料)部分,有很多非常有用的信息。

比如搜索統計(query stats)。Google會列出用戶在找到你的網站時,使用的是什么關鍵詞。在這個關鍵詞下,你排名第幾(top search queries)。在這個關鍵詞下,你又得到了多少點擊(top search query clicks)。雖然你可以從服務器日志文件中得到同樣的資料,但Google在他的界面中,已經非常清楚的列出了這些信息,非常好用。

你可以從關鍵詞統計信息中,清楚的看到你的目標關鍵詞表現怎么樣,你的標題標簽寫的怎么樣。

第六,我覺得最重要的一個統計信息就是這一點,在網頁分析統計(page analysis)欄目下,Google列出了Google所認為的你的網站與哪些關鍵詞最有關(In your site’s content)。同時列出了在Google的數據庫里面,你的反向鏈接都是使用哪些關鍵詞做鏈接文字的(In external links to your site)。

左欄In your site’s content是在Google眼中,你的網站是談論什么的,你的網站主題是什么。如果Google列出的這些關鍵詞與你真正的網站主題有所偏離的話,很顯然你需要修改你的網站內容,重寫網站文字。

舉個例子,對我的博客來說,Google列出的關鍵詞是:網站,Google,搜索引擎,網頁,排名,優化,鏈接,SEO,研究,等等。當然后面也列出了一些不太相關的,比如爸爸,這和中文分詞的不準確有關。因為我的博客里從來沒談爸爸,而是在談大爸爸數據中心。不過無論如何,這個信息非常重要。

而右欄In external links to your site顯示在Google數據庫中,反向鏈接所使用的鏈接文字。 我們都知道反向鏈接是Google排名和所有搜索引擎排名算法中非常重要的一環。而鏈接文字從兩年前開始,變得越來越重要了。從Google所列出的外部鏈接的情況,你可以知道其他網站是怎樣鏈接到你的網站的。而這些鏈接文字所形成的主題在很大程度上影響Google所認為的你的網站的主題。

比如說,我的這個博客的反向鏈接所出現的鏈接文字最多的是:SEO每天一帖,Google,搜索,虛擬主機,域名注冊,電子郵件。很明顯很少其他網站用”搜索引擎優化”來鏈接向我的博客。這也就難怪在 Google中,如果你搜索搜索引擎優化,我的這個博客目前根本找不到。

一般來說,你應該盡可能的使其他網站使用你最重要的關鍵詞來鏈接向你。Google列出了你的鏈接當前效果怎么樣,你也就知道了應該努力的方向。

網頁分析統計(page analysis)是我覺得Google網站地圖最有用最有意義的

IE6、IE7、Firefox CSS兼容技巧

CSS技巧

1.div的垂直居中問題

vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然后插入文字,就垂直居中了。缺點是要控制內容不要換行

2. margin加倍的問題

設置為float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。解決方案是在這個div里面加上display:inline;
例如:
<#div id=”imfloat”>
相應的css為
#imfloat{
float:left;
margin:5px;/*IE下理解為10px*/
display:inline;/*IE下再理解為5px*/}

3.浮動ie產生的雙倍距離

#box{ float:left; width:100px; margin:0 0 0 100px; //這種情況之下IE會產生200px的距離 display:inline; //使浮動忽略}
這里細說一下block與inline兩個元素:block元素的特點是,總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline元素的特點是,和其他元素在同一行上,不可控制(內嵌元素);
#box{ display:block; //可以為內嵌元素模擬為塊元素 display:inline; //實現同一行排列的效果 diplay:table;

4 IE與寬度和高度的問題

IE不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的瀏覽器里這兩個值就不會變,如果只用min-width和min-height的話,IE下面根本等于沒有設置寬度和高度。
比如要設置背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

5.頁面的最小寬度

min- width是個非常方便的CSS命令,它可以指定元素最小也不能小于某個寬度,這樣就能保證排版一直正確。但IE不認得這個,而它實際上把 width當做最小寬度來使。為了讓這一命令在IE上也能用,可以把一個<div> 放到 <body> 標簽下,然后為div指定一個類,然后CSS這樣設計:
#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? “600px”: “auto” );}
第一個min-width是正常的;但第2行的width使用了Javascript,這只有IE才認得,這也會讓你的HTML文檔不太正規。它實際上通過Javascript的判斷來實現最小寬度。

6.DIV浮動IE文本產生3象素的bug

左邊對象浮動,右邊采用外補丁的左邊距來定位,右邊對象內的文本會離左邊有3px的間距.
#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}
*html #left{ margin-right:-3px; //這句是關鍵}
<div id=“box”>
<div id=“left”></div>
<div id=“right”></div>
</div>

7.IE捉迷藏的問題

當div應用復雜的時候每個欄中又有一些鏈接,DIV等這個時候容易發生捉迷藏的問題。
有些內容顯示不出來,當鼠標選擇這個區域是發現內容確實在頁面。 解決辦法:對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構盡量簡單。

8.float的div閉合;清除浮動;自適應高度;

① 例如:<#div id=”floatA” ><#div id=”floatB” ><#div id=”NOTfloatC” >這里的NOTfloatC并不希望繼續平移,而是希望往下排。(其中floatA、floatB的屬性已經設置為float:left;)
這 段代碼在IE中毫無問題,問題出在FF。原因是NOTfloatC并非float標簽,必須將float標簽閉合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之間加上 <#div class=”clear”>這個div一定要注意位置,而且必須與兩個具有float屬性的div同級,之間不能存在嵌套關系,否則會產生異常。 并且將clear這種樣式定義為為如下即可: .clear{ clear:both;}

②作為外部 wrapper 的 div 不要定死高度,為了讓高度能自動適應,要在wrapper里面加上overflow:hidden; 當包含float的box的時候,高度自動適應在IE下無效,這時候應該觸發IE的layout私有屬性(萬惡的IE??!)用zoom:1;可以做到,這 樣就達到了兼容。
例如某一個wrapper如下定義:
.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}

③對于排版,我們用得最多的css描述可能就是float:left.有的時候我們需要在n欄的float div后面做一個統一的背景,譬如:
<div id=”page”>
<div id=”left”></div>
<div id=”center”></div>
<div id=”right”></div>
</div>
比 如我們要將page的背景設置成藍色,以達到所有三欄的背景顏色是藍色的目的,但是我們會發現隨著left center right的向下拉長,而page居然保存高度不變,問題來了,原因在于page不是float屬性,而我們的page由于要居中,不能設置成 float,所以我們應該這樣解決
<div id=”page”>
<div id=”bg” style=”float:left;width:100%”>
<div id=”left”></div>
<div id=”center”></div>
<div id=”right”></div>
</div>
</div>
再嵌入一個float left而寬度是100%的DIV解決之

④萬能float 閉合(非常重要!)
關于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup],將以下代碼加入Global CSS 中,給需要閉合的div加上 class=“clearfix” 即可,屢試不爽.
/* Clear Fix */
.clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
或者這樣設置:.hackbox{ display:table; //將對象作為塊元素級的表格顯示}

9.高度不適應

高度不適應是當內層對象的高度發生變化時外層高度不能自動進行調節,特別是當內層對象使用margin 或paddign 時。
例:
#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
<div id=“box”>
<p>p對象中的內容</p>
</div>
解決方法:在P對象上下各加2個空的div對象CSS代碼:.1{height:0px;overflow:hidden;}或者為DIV加上border屬性。

10 .IE6下為什么圖片下有空隙產生

解 決這個BUG的方法也有很多,可以是改變html的排版,或者設置img 為display:block 或者設置vertical-align 屬性為vertical-align:top   bottom  middle  text-bottom 都可以解決.

11.如何對齊文本與文本輸入框

加上 vertical-align:middle;
<style type=“text/css”>
<!—
input {
width:200px;
height:30px;
border:1px solid red;
vertical-align:middle;
}
—>
</style>

12.web標準中定義id與class有什么區別嗎

一.web標準中是不容許重復ID的,比如 div id=“aa” 不容許重復2次,而class 定義的是類,理論上可以無限重復, 這樣需要多次引用的定義便可以使用他.

二.屬性的優先級問題
ID 的優先級要高于class,看上面的例子

三.方便JS等客戶端腳本,如果在頁面中要對某個對象進行腳本操作,那么可以給他定義一個ID,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如一個ID來得簡單.

13. LI中內容超過長度后以省略號顯示的方法

此方法適用與IE與OP瀏覽器

<style type=“text/css”>
<!—
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}

—>
</style>

14.為什么web標準中IE無法設置滾動條顏色了

解決辦法是將body換成html
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<style type=“text/css”>
<!—
html {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#eeeeee;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#000;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
—>
</style>

15.為什么無法定義1px左右高度的容器

IE6下這個問題是因為默認的行高造成的,解決的方法也有很多,例如:overflow:hidden   zoom:0.08   line-height:1px

16.怎么樣才能讓層顯示在FLASH之上呢

解決的辦法是給FLASH設置透明
<param name=“wmode” value=“transparent” />

17.怎樣使一個層垂直居中于瀏覽器中

這里我們使用百分比絕對定位,與外補丁負值的方法,負值的大小為其自身寬度高度除以二
<style type=“text/css”>
<!—
div {
position:absolute;
top:50%;
lef:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
—>
</style>

CSS兼容IE6、IE7、火狐(Firefox)技巧集合2
FF與IE

1. Div居中問題

div設置 margin-left, margin-right 為 auto 時已經居中,IE 不行,IE需要設定body居中,首先在父級元素定義text-algin: center;這個的意思就是在父級元素內的內容居中。

2.鏈接(a標簽)的邊框與背景

a 鏈接加邊框和背景色,需設置 display: block, 同時設置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設置高度是為了避免底邊顯示錯位, 若不設 height, 可以在 menubar 中插入一個空格。

3.超鏈接訪問過后hover樣式就不出現的問題

被點擊訪問過的超鏈接樣式不在具有hover和active了,很多人應該都遇到過這個問題,解決方法是改變CSS屬性的排列順序: L-V-H-A
Code:
<style type=“text/css”>
<!—
a:link {}
a:visited {}
a:hover {}
a:active {}
—>
</style>

4. 游標手指cursor

cursor: pointer 可以同時在 IE FF 中顯示游標手指狀, hand 僅 IE 可以

5.UL的padding與margin

ul標簽在FF中默認是有padding值的,而在IE中只有margin默認有值,所以先定義 ul{margin:0;padding:0;}就能解決大部分問題

6. FORM標簽

這 個標簽在IE中,將會自動margin一些邊距,而在FF中margin則是0,因此,如果想顯示一致,所以最好在css中指定margin和 padding,針對上面兩個問題,我的css中一般首先都使用這樣的樣式ul,form{margin:0;padding:0;}給定義死了,所以后 面就不會為這個頭疼了.

7. BOX模型解釋不一致問題

在FF和IE中的BOX模型解釋不一致導致 相差2px解決方法:div{margin:30px!important;margin:28px;} 注意這兩個margin的順序一定不能寫反, important這個屬性IE不能識別,但別的瀏覽器可以識別。所以在IE下其實解釋成這樣: div{maring:30px;margin:28px}重復定義的話按照最后一個來執行,所以不可以只寫margin:xx px!important;
#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}
#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

8.屬性選擇器(這個不能算是兼容,是隱藏css的一個bug)

p[id]{}div[id]{}
這個對于IE6.0和IE6.0以下的版本都隱藏,FF和OPera作用.屬性選擇器和子選擇器還是有區別的,子選擇器的范圍從形式來說縮小了,屬性選擇器的范圍比較大,如p[id]中,所有p標簽中有id的都是同樣式的.

9.最狠的手段 – !important;

如果實在沒有辦法解決一些細節問題,可以用這個方法.FF對于”!important”會自動優先解析,然而IE則會忽略.如下
.tabd1{
background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/
background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}
值得注意的是,一定要將xxxx !important 這句放置在另一句之上,上面已經提過

10.IE,FF的默認值問題

或 許你一直在抱怨為什么要專門為IE和FF寫不同的CSS,為什么IE這樣讓人頭疼,然后一邊寫css,一邊咒罵那個可惡的M$ IE.其實對于css的標準支持方面,IE并沒有我們想象的那么可惡,關鍵在于IE和FF的默認值不一樣而已,掌握了這個技巧,你會發現寫出兼容FF和 IE的css并不是那么困難,或許對于簡單的css,你完全可以不用”!important”這個東西了。
我們都知道,瀏覽器在顯示網頁的時 候,都會根據網頁的css樣式表來決定如何顯示,但是我們在樣式表中未必會將所有的元素都進行了具體的描述,當然也沒有必要那么做,所以對于那些沒有描述 的屬性,瀏覽器將采用內置默認的方式來進行顯示,譬如文字,如果你沒有在css中指定顏色,那么瀏覽器將采用黑色或者系統顏色來顯示,div或者其他元素 的背景,如果在css中沒有被指定,瀏覽器則將其設置為白色或者透明,等等其他未定義的樣式均如此。所以有很多東西出現 FF和IE顯示不一樣的根本原因在于它們的默認顯示不一樣,而這個默認樣式該如何顯示我知道在w3中有沒有對應的標準來進行規定,因此對于這點也就別去怪 罪IE了。

11.為什么FF下文本無法撐開容器的高度

標準瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設置呢?辦法就是去掉height設置min- height:200px; 這里為了照顧不認識min-height的IE6 可以這樣定義:

{
height:auto!important;
height:200px;
min-height:200px;
}

12.FireFox下如何使連續長字段自動換行

眾所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我們使用JS插入
的方法來解決

<style type=“text/css”>
<!—
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
—>
</style>

<div id=“ff”>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

<scrīpt type=“text/javascrīpt”>
/* <![CDATA[ */
function toBreakWord(el, intLen){
var ōbj=document.getElementById(el);
var strContent=obj.innerHTML;
var strTemp=”“;
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+”
“;
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=”
“+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(“ff”, 37);
/* ]]> */
</scrīpt>

13.為什么IE6下容器的寬度和FF解釋不同呢

<?xml version=“1.0” encoding=“gb2312”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<style type=“text/css”>
<!—
div {
cursor:pointer;
width:200px;
height:200px;
border:10px solid red
}
—>
</style>
<div ōnclick=“alert(this.offsetWidth)”>讓FireFox與IE兼容</div>

問 題的差別在于容器的整體寬度有沒有將邊框(border)的寬度算在其內,這里IE6解釋為200PX ,而FF則解釋為220PX,那究竟是怎么導致的問題呢?大家把容器頂部的xml去掉就會發現原來問題出在這,頂部的申明觸發了IE的qurks mode,關于qurks mode、standards mode的相關知識,請參考://www.microsoft.com/china/msdn/library/webservices /asp.net/
ASPNETusStan.mspx?mfr=true

IE6,IE7,FF

IE7.0出來了,對CSS的支持又有新問題。瀏覽器多了,網Bpx; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

注意順序。

這樣也屬于CSS HACK,不過沒有上面這樣簡潔。
#example { color: #333; } /* Moz */

  • html #example { color: #666; } /* IE6 */

+html #example { color: #999; } / IE7 */

第二種,是使用IE專用的條件注釋

<!—其他瀏覽器 —>
<link rel=“stylesheet” type=“text/css” href=“css.css” />

<!—[if IE 7]>
<!— 適合于IE7 —>
<link rel=“stylesheet” type=“text/css” href=“ie7.css” />
<![endif]—>

<!—[if lte IE 6]>
<!— 適合于IE6及一下 —>
<link rel=“stylesheet” type=“text/css” href=“ie.css” />
<![endif]—>

第三種,css filter的辦法,以下為經典從國外網站翻譯過來的。.

新建一個css樣式如下:
#item {
width: 200px;
height: 200px;
background: red;
}

新建一個div,并使用前面定義的css的樣式:
<div id=“item”>some text here</div>

在body表現這里加入lang屬性,中文為zh:
<body lang=“en”>

現在對div元素再定義一個樣式:
*:lang(en) #item{
background:green !important;
}

這樣做是為了用!important覆蓋原來的css樣式,由于:lang選擇器ie7.0并不支持,所以對這句話不會有任何作用,于是也達到了 ie6.0下同樣的效果,但是很不幸地的是,safari同樣不支持此屬性,所以需要加入以下css樣式:
#item:empty {
background: green !important
}
:empty選擇器為css3的規范,盡管safari并不支持此規范,但是還是會選擇此元素,不管是否此元素存在,現在綠色會現在在除ie各版本以外的瀏覽器上。

對IE6和FF的兼容可以考慮以前的!important 個人比較喜歡用第一種,簡潔,兼容性比較好。