跟任何一種META標簽是一樣的，Robots Meta放置在HTML網頁代碼的HEAD之內。
<html>
<head>
<meta name=”robots” content=”noindex,nofollow”>
<meta name=”description” content=”This page ….”>
<title>…</title>
</head>
<body>…
怎么使用Robots Meta標簽？
例如：
<meta name=”robots” content=”index,follow”>
<meta name=”robots” content=”noindex,follow”>
<meta name=”robots” content=”index,nofollow”>
<meta name=”robots” content=”noindex,nofollow”>

當content需要包含多個屬性的時候需要用英文逗號隔離，注意同種屬性正反兩個方面（例如：index與noindex）不能同時出現在content之中。

通常content屬性里面的包含的標簽有：

NOINDEX -不索引當前頁面
NOFOLLOW -不跟蹤當前頁面中所有的鏈接
NOARCHIVE -在搜索結果中不保存當前頁面的快照
NOSNIPPET - 在搜索結果中不采用當前頁面的頭部描述信息，且不保存當前頁面的快照
NOODP -搜索結果中不使用DMOZ中的描述信息，Yahoo、MSN也支持此類標簽
NONE -不索引當前頁面以及其中的所有鏈接，跟“NOINDEX, NOFOLLOW” 含義相同

注:目前只有少數的機器人支持此標簽!

下午在Google網站管理員博客上看到了Google Robots支持的一些Meta標簽，才寫了這篇關于Robots Meta的博客文章。

通過設置這這些Robots Meta標簽，站長們就可以很好的控制一些頁面在某些搜索引擎中的的索引，跟蹤方式，網頁的描述信息以及是否要保存網頁快照。

SEO也可以針對客戶對具體的搜索引擎索引要求去調整這些標簽的展現形式，滿足客戶的需求。

以上內容來自互聯網，楓林只是按自己的思路做了整理。

TAG: 網頁設計 | web design |

(繼續閱讀...)

apsc 發表在痞客邦留言(0) 人氣(0)

個人分類：

▲top

11月 07 週一 201111:36
RGB色彩對照表_網頁設計

RGB色彩對照表 - 網頁設計

http://webdesign.zoapcon.com

RGB色彩對照表

#FFFFFF#FFFFF0#FFFFE0#FFFF00#FFFAFA#FFFAF0#FFFACD#FFF8DC#FFF68F#FFF5EE#FFF0F5#FFEFDB#FFEFD5#FFEC8B#FFEBCD#FFE7BA#FFE4E1#FFE4C4#FFE4B5#FFE1FF#FFDEAD#FFDAB9#FFD700#FFD39B#FFC1C1#FFC125#FFC0CB#FFBBFF#FFB90F#FFB6C1#FFB5C5#FFAEB9#FFA54F#FFA500#FFA07A#FF8C69#FF8C00#FF83FA#FF82AB#FF8247#FF7F50#FF7F24#FF7F00#FF7256#FF6EB4#FF6A6A#FF69B4#FF6347#FF4500#FF4040#FF3E96#FF34B3#FF3030#FF1493#FF00FF#FF0000#FDF5E6#FCFCFC#FAFAFA#FAFAD2#FAF0E6#FAEBD7#FA8072#F8F8FF#F7F7F7#F5FFFA#F5F5F5#F5F5DC#F5DEB3#F4F4F4#F4A460#F2F2F2#F0FFFF#F0FFF0#F0F8FF#F0F0F0#F0E68C#F08080#EEEEE0#EEEED1#EEEE00#EEE9E9#EEE9BF#EEE8CD#EEE8AA#EEE685#EEE5DE#EEE0E5#EEDFCC#EEDC82#EED8AE#EED5D2#EED5B7#EED2EE#EECFA1#EECBAD#EEC900#EEC591#EEB4B4#EEB422#EEAEEE#EEAD0E#EEA9B8#EEA2AD#EE9A49#EE9A00#EE9572#EE82EE#EE8262#EE7AE9#EE799F#EE7942#EE7621#EE7600#EE6AA7#EE6A50#EE6363#EE5C42#EE4000#EE3B3B#EE3A8C#EE30A7#EE2C2C#EE1289#EE00EE#EE0000#EDEDED#EBEBEB#EAEAEA#E9967A#E8E8E8#E6E6FA#E5E5E5#E3E3E3#E0FFFF#E0EEEE#E0EEE0#E0E0E0#E066FF#DEDEDE#DEB887#DDA0DD#DCDCDC#DC143C#DBDBDB#DB7093#DAA520#DA70D6#D9D9D9#D8BFD8#D6D6D6#D4D4D4#D3D3D3#D2B48C#D2691E#D1EEEE#D1D1D1#D15FEE#D02090#CFCFCF#CDCDC1#CDCDB4#CDCD00#CDC9C9#CDC9A5#CDC8B1#CDC673#CDC5BF#CDC1C5#CDC0B0#CDBE70#CDBA96#CDB7B5#CDB79E#CDB5CD#CDB38B#CDAF95#CDAD00#CDAA7D#CD9B9B#CD9B1D#CD96CD#CD950C#CD919E#CD8C95#CD853F#CD8500#CD8162#CD7054#CD69C9#CD6889#CD6839#CD661D#CD6600#CD6090#CD5C5C#CD5B45#CD5555#CD4F39#CD3700#CD3333#CD3278#CD2990#CD2626#CD1076#CD00CD#CD0000#CCCCCC#CAFF70#CAE1FF#C9C9C9#C7C7C7#C71585#C6E2FF#C67171#C5C1AA#C4C4C4#C2C2C2#C1FFC1#C1CDCD#C1CDC1#C1C1C1#C0FF3E#BFEFFF#BFBFBF#BF3EFF#BEBEBE#BDBDBD#BDB76B#BCEE68#BCD2EE#BC8F8F#BBFFFF#BABABA#BA55D3#B9D3EE#B8B8B8#B8860B#B7B7B7#B5B5B5#B4EEB4#B4CDCD#B452CD#B3EE3A#B3B3B3#B2DFEE#B23AEE#B22222#B0E2FF#B0E0E6#B0C4DE#B0B0B0#B03060#AEEEEE#ADFF2F#ADD8E6#ADADAD#ABABAB#AB82FF#AAAAAA#A9A9A9#A8A8A8#A6A6A6#A52A2A#A4D3EE#A3A3A3#A2CD5A#A2B5CD#A1A1A1#A0522D#A020F0#9FB6CD#9F79EE#9E9E9E#9C9C9C#9BCD9B#9B30FF#9AFF9A#9ACD32#9AC0CD#9A32CD#999999#9932CC#98FB98#98F5FF#97FFFF#96CDCD#969696#949494#9400D3#9370DB#919191#912CEE#90EE90#8FBC8F#8F8F8F#8EE5EE#8E8E8E#8E8E38#8E388E#8DEEEE#8DB6CD#8C8C8C#8B8B83#8B8B7A#8B8B00#8B8989#8B8970#8B8878#8B8682#8B864E#8B8386#8B8378#8B814C#8B7E66#8B7D7B#8B7D6B#8B7B8B#8B795E#8B7765#8B7500#8B7355#8B6969#8B6914#8B668B#8B6508#8B636C#8B5F65#8B5A2B#8B5A00#8B5742#8B4C39#8B4789#8B475D#8B4726#8B4513#8B4500#8B3E2F#8B3A62#8B3A3A#8B3626#8B2500#8B2323#8B2252#8B1C62#8B1A1A#8B0A50#8B008B#8B0000#8A8A8A#8A2BE2#8968CD#87CEFF#87CEFA#87CEEB#878787#858585#848484#8470FF#838B8B#838B83#836FFF#828282#7FFFD4#7FFF00#7F7F7F#7EC0EE#7D9EC0#7D7D7D#7D26CD#7CFC00#7CCD7C#7B68EE#7AC5CD#7A8B8B#7A7A7A#7A67EE#7A378B#79CDCD#787878#778899#76EEC6#76EE00#757575#737373#71C671#7171C6#708090#707070#6E8B3D#6E7B8B#6E6E6E#6CA6CD#6C7B8B#6B8E23#6B6B6B#6A5ACD#698B69#698B22#696969#6959CD#68838B#68228B#66CDAA#66CD00#668B8B#666666#6495ED#63B8FF#636363#616161#607B8B#5F9EA0#5E5E5E#5D478B#5CACEE#5C5C5C#5B5B5B#595959#575757#556B2F#555555#551A8B#54FF9F#548B54#545454#53868B#528B8B#525252#515151#4F94CD#4F4F4F#4EEE94#4D4D4D#4B0082#4A708B#4A4A4A#48D1CC#4876FF#483D8B#474747#473C8B#4682B4#458B74#458B00#454545#43CD80#436EEE#424242#4169E1#40E0D0#404040#3D3D3D#3CB371#3B3B3B#3A5FCD#388E8E#383838#36648B#363636#333333#32CD32#303030#2F4F4F#2E8B57#2E2E2E#2B2B2B#292929#282828#27408B#262626#242424#228B22#218868#212121#20B2AA#1F1F1F#1E90FF#1E1E1E#1C86EE#1C1C1C#1A1A1A#191970#1874CD#171717#141414#121212#104E8B#0F0F0F#0D0D0D#0A0A0A#080808#050505#030303#00FFFF#00FF7F#00FF00#00FA9A#00F5FF#00EEEE#00EE76#00EE00#00E5EE#00CED1#00CDCD#00CD66#00CD00#00C5CD#00BFFF#00B2EE#009ACD#008B8B#008B45#008B00#00868B#00688B#006400#0000FF#0000EE#0000CD#0000AA#00008B#000080#000000

TAG: 網頁設計 | web design |

(繼續閱讀...)

apsc 發表在痞客邦留言(0) 人氣(1)

個人分類：

▲top

11月 07 週一 201111:32
Qzoneing主題視覺設計分享_網頁設計

Qzoneing主題視覺設計分享 - 網頁設計

http://webdesign.zoapcon.com

2009年 6月6日,空間4歲啦！

與此同時Qzone月登錄用戶2億，同時在線用戶也突破了1000萬。這是讓人歡欣雀躍的數字，在空間同事眼里，空間的成長就像是自己孩子的成長一樣，并為孩子取得的成功感到喜悅。為了分享這樣的快樂，設計師參與了產品同學策劃的Qzone慶生活動負責為活動設計logo、海報。

由于項目時間緊、視覺質量要求又比較高，產品同學希望拿到更多的設計形式來進行挑選，還特意向組織申請了一部PSP做為獎品，這大大的提升了大家參與這個集體項目的積極性，雖然需要在業余時間完成，但是有趣的形式和誘惑的獎品還是刺激起了大家的激情。經過Qzone設計師內部的討論，我們商量出先由設計師們各自完成一款logo設計demo，待logo確定后進行海報的設計工作。下面先展示一下logo demo的部分效果圖:

從設計師完成的幾款logo初稿中驚喜的發現，構思和元素選取上有異曲同工之意。空間logo中的五角星，星球和代表”Qzone”的Z被從新表現和詮釋不同的氣質。加之彩帶，光環和歡慶的元素的結合表現著慶典主題logo的歡慶氛圍。
經過討論決定采用第一套方案。不過需要進行些優化，比如初稿中的絲帶顯得不夠飄逸，整體色彩不夠明快，文字的造型質感不夠細膩。設計師對logo進行了后期的修改和質感的處理，為了方便后期運用于印刷，因此選擇在AI里根據設計初稿重新繪制。經過一些細節調整之后，下圖為Qzoneing logo的定稿：

在構思logo的設計時，首先把現有的能代表空間元素和發散想象的與活動主題相關的元素都羅列出來，比如空間固有元素星球、五角星、代表”Qzone”的Z；結合活動主題構想的元素有文字“Qzoneing”、彩帶、光環、皇冠等等；接下來就是這些關鍵詞視覺化并相互碰撞組合成新的圖形。把覺得滿意的構思從草圖中篩選處理進行繪制。

Logo選定后，由菜花同學跟進活動海報的設計。
如何體現Qzong特色和反映出生日、突破千萬的慶典氛圍又不失簡潔大氣，一目了然的設計是設計師面臨的難題。在經過幾次頭腦風暴后，最初的一個構思是從空間進行時這一主題入手。將“ing…”拆分為四張海報表現，單張海報有獨立的創意點，合在一起后又能反應出空間不斷成長，不斷發展的意義。

TAG: 網頁設計 | web design |

(繼續閱讀...)

apsc 發表在痞客邦留言(0) 人氣(4)

個人分類：

▲top

11月 07 週一 201111:31
QQ郵箱是騰訊最好的產品_網頁設計

QQ郵箱是騰訊最好的產品 - 網頁設計

http://webdesign.zoapcon.com

不管你是如何鄙視QQ，你是不得不用的。昨天Zylew告訴我，他往我的QQ郵箱里發了一張賀卡，我真的不知道，因為我每天必用的只是Gmail。昨天試用了一段時間，得出的結論是：QQ郵箱是騰訊目前用戶體驗最好的產品。

騰訊一直是受到鄙視的，不管是由于它的抄襲史，還是它讓很多初中生陷入經濟危機。但QQ郵箱讓我對騰訊另眼相看，它真的是一個非常好的產品。

事實上在QQ郵箱的很多地方都能看到Gmail的影子，但同時也看到很多創新的地方，這是難能可貴的。
比如QQ郵箱里的聊天：

和Gmail的聊天相比：

說說QQ郵箱讓我感到滿意的地方：

1、加載速度快

相比起其它騰訊的服務，QQ郵箱的加載速度是驚人的，尤其是拿QQ空間與其對比。

如果一個郵箱系統加載速度很慢，我覺得已經沒有必要使用它了。

2、郵件底部不嵌入廣告

這和Gmail是一樣的，郵件底部廣告是讓人感到厭煩的，國內大多數郵箱服務商都會在用戶發出的郵件底部嵌入文字鏈接。

3、無條件轉發郵件

謝謝dukewei與阿中的提醒，QQ郵箱是支持無條件轉發郵件的。這個功能被放置在【常規】選項卡里。

現在的webmail通常會提供“接收其它郵件帳戶的郵件”的功能（通過POP3協議），但少有無條件轉發郵件到其它帳戶的功能。

Gmail是我看到的第一個無條件轉發所有郵件到其它郵箱的webmail，國內少有郵箱服務商提供這樣的功能，原因很簡單：

郵件無條件轉發出去了，用戶不再用我們的郵箱怎么辦？

非常高興看到QQ郵箱也擺脫了這種自私的想法，只要你的產品設計得足夠好，根本無需擔心用戶會離開，除非你自己的底氣不足。

4、預覽郵件

點擊郵件列表右側的預覽按鈕即可下拉預覽郵件，這有別于hotmail的左右窗口預覽模式。（hotmail的速度真的不敢恭維）

5、超大附件

QQ郵箱的文件中轉站的想法是不錯的，為傳送大附件提供了條件，但是，只支持在IE下操作不是一個好的體驗。

6、其它功能

還有其它的一些功能也是非常優秀的，比如發信時右側顯示的最近聯系人、內嵌的RSS閱讀器等等。

幾個需要改進的地方

1、功能多不一定好

QQ郵箱雖然是相對國內其它郵箱服務做得最優秀的，功能最強大的。

但是，也有很多功能是沒有必要的，比如換膚、信紙，又比如剛剛推出的語音郵件，其實Gmail早就有，可以通過Gtalk發送，但沒有多少人用，因為這個功能的實用性不強。

2、快捷鍵操作

可能快捷鍵操作在郵箱里大多數并不會用到，但當你將QQ郵箱的“閱讀空間”當作主要的RSS閱讀器，快捷鍵操作就顯得非常必要了。

如果你的RSS每天更新量是幾千，每次都用鼠標操作你是手臂會相當難受的。

3、在線保存聊天記錄

這是我喜歡使用Gtalk的原因之一，其實Gmail還有很多強勁的功能。

QQ郵箱可以說是無限大的（可免費擴容），而且現在又加入了內嵌郵箱的在線聊天，我實在無法理解將聊天記錄保存在郵箱里是多么困難的事情。

或許，騰訊在打錢的主意，每月交多少Q幣，成為多少級的會員，就為你在線保存聊天記錄。

4、tag（lable）與文件夾

我一直很欣賞Gmail拋棄文件夾的概念，轉而使用tag來標記郵件。QQ郵箱或許可以學習這一點，因為使用tag來管理郵件更為方便，也便于搜索。

Gmail的lables：

5、https方式

https方式的訪問能提高安全性，郵件是一種隱私性較高的信息，Gmail是提供https方式的，我很期待QQ郵箱也提供這樣的功能。

總結

總的來說，QQ郵箱是一個好的產品，是目前為止騰訊最不賺錢的產品，也是騰訊給我體驗最好的產品。雖然有一些不必要的功能，但這些功能并不太影響使用。

郵箱作為個人的互聯網標識之一，里面保存著用戶的隱私信息，郵箱服務商必須保護用戶的隱私，在任何條件下都不應該背叛用戶，中國互聯網讓人覺得不可信賴。

希望騰訊其它產品可以向QQ郵箱學習，賺錢沒有人有意見，但如果不顧一切地榨取每一分價值，那這個企業永遠得不到大多數人的敬佩。

TAG: 網頁設計 | web design |

(繼續閱讀...)

apsc 發表在痞客邦留言(0) 人氣(3)

個人分類：

▲top

11月 07 週一 201110:50
社會化音樂：在夾縫中生出花來_網頁設計

社會化音樂：在夾縫中生出花來 - 網頁設計

http://webdesign.zoapcon.com

　　以前做音樂項目的時候，最讓我們頭痛的就是滿足用戶的問題。在音樂的領域，不要試圖去滿足所有用戶這個定律得到了最充分的驗證。究其原因，無非是音樂這個東西能夠產生足夠的黏性和吸力，來把用戶群體分眾化，形成相對穩固的小型社會。

　　音樂博客和論壇是一種最淳樸的社會，依靠單純的信息和人與人的互動而聚合。繼而是類似Myspace.com的社會化音樂網站，以搭建平臺為主，實現音樂發布者、共享者、使用者資源信息分享，這是一個很好的人性營銷案例，對音樂人、普通用戶、網站本身甚至整個音樂產業來說，都有利可圖。另外一種社會是以用戶為中心的：利用協同過濾等方式產生推送，通過音樂推薦來產生用戶信任，從而逐步建立起用戶之間的關系網。后兩種方式就是典型的2.0式音樂社會：神奇的Spotify已經做到了Music2.0 + Social + P2P + Legal + Free + Artist Wiki + iTunes + Last.fm + Pandora + iLike + Wikipedia + Playlist + Net Radio 等等的完美結合；last.fm叫囂著“最后的音樂電臺”橫空出世，牽手audioscrobber，把推薦算法的力量發揮到了極致，亦作為社會化音樂的領路人與革命者，為業內所稱頌；在國內，豆瓣音樂人也憑借其龐大而忠實的高端文藝青年用戶群，儼然有著成為中國地下音樂第一樂土的趨勢。

　　豆瓣音樂人：中國式的myspace.com

　　優秀社會化音樂的典型性素質：

　　1. 第一眼的設計與體驗。

　　網民都是視覺系動物，尤其是音樂愛好者們。這個道理就好比人人都愛第一眼的美女一樣。在用戶已經對無數的音樂網站產生審美疲勞的時候，無論是web界面風格、特色插件還是播放器的賣相、新功能與體驗，簡潔、清爽或者有特色都能成為攻占用戶第一眼的優勢。

　　last.fm的電臺

　　2.內容為王是經久不變的標準。

　　收集用戶反饋時遭遇最多的投訴就是內容：內容少、分類死板、更新頻率不夠、不能下載、音質還有待改進……對于想做SNS但是試聽服務也不想落下的網站們來說，沒有好的內容，就相當于你已經在競爭中喪失了大半的競爭力。即便是決心像豆瓣一樣做個純粹的信息引領者，到最后也不得不跨刀巨鯨九天，搭上最底層的聽歌服務。而音質方面，全新的蝦米beta上線以來，一直也是標榜著192k這個概念。且不論是不是徒有概念，相信其也能憑此攏聚不少簇擁。

　　3.準確推送：讓用戶感覺到你的貼心。

　　如果致力于做推薦算法，推送的效率必須要高，否則這個功能模塊很容易成為雞肋，并影響用戶對整個網站的信任度。通過推送而形成穩固的交際圈本屬不易，再加之一次次失敗的推薦，直接會減小用戶的好感度，直到突破他們對網站的信心底線。另外，推送的頻率同時也會影響用戶的使用情緒。相對頻繁并且明顯有時間規律可循的推送，能夠讓用戶覺得你的網站是有生命力同時有紀律性的，這也是一個網站安全可靠有保障的維度之一。

　　根據用戶收藏記錄產生推送的豆瓣電臺，目前仍在小范圍公測中。

　　4.契合實際的定位：你得知道自己算哪棵菜。

　　又回到滿足用戶的問題。這里強調的是，你有多大的“吞吐量”，就攬多少用戶的活。無論是從硬件還是軟件上來說，如果成本有限，那么妄圖把攤子鋪的過大就是不理智的。鑒于音樂用戶較強的群體性，你完全可以做一個有觀點、有主張的網站，針對具體群體創造你的垂直性音樂社會。在做寬已成為不現實愿望的時候，精良與深度才是王道。做音樂，要學會適當放棄一部分甚至是一大部分用戶。

　　好的音樂網站是可以取悅并且網聚很多用戶的。但是我們不禁會想，做音樂怎么盈利呢？掙錢永遠是個俗套而又經典的話題。在中國特殊的數字音樂環境下，盈利對音樂社區來說更是最直接的挑戰。規避版權問題只能是權宜之計，那么如何解決版權與用戶免費占有的心理的矛盾即刻就讓版權費用成為最大頭的成本。雖然Google音樂聰明地選擇與巨鯨聯姻，但是單靠廣告維持生計總不是那么回事兒。豆瓣提供的那些賞心悅目一對一圖片廣告，的確增加了我對其本身的好感，但我認為目前其收入的大頭應該還是來源于音樂人。Myspace模式雖然簡單，但是直接有效。另外，經營好自己的會員群體、利用用戶群的購買力來創造價值，也是一種可觀的盈利模式。

　　蝦米的盈利模式：下載收費。資源來自P2P的用戶互傳

　　國內的音樂社區風起云涌，傳統的音樂站點已很難在這場商業的斗爭與革命中再分得一杯羹。而社會化音樂網站如何增加用戶黏度，建立并不斷擴建自己忠實的用戶群體，并且在付費音樂問題尤其尷尬的中國實現盈利，都是需要深思熟慮的問題。在這條路上，又不知道會有多少個站點一夜成名或者悄然死去。

TAG: 網頁設計 | web design |

(繼續閱讀...)

apsc 發表在痞客邦留言(0) 人氣(0)