網站(zhàn)SEO優化如何帶給你(nǐ)更多的流量世界看(kàn)臉，網站(zhàn)看(kàn)流量，門(mén)面自(zì)然要漂亮(liàng)，不過很(hěn)多朋友以爲做網站(zhàn)是門(mén)技術活兒，自(zì)己學藝不精做不好(hǎo)，沒有流量自(zì)然也(yě)就沒用(yòng)利潤可言。如果你(nǐ)看(kàn)了(le)今天這(zhè)篇軟文(wén)，就會(huì)明(míng)白(bái)，刀(dāo)法于人，雖有招式，但(dàn)無内功支撐，久戰必敗。而這(zhè)篇好(hǎo)文(wén)，就像内功修煉心法，按6個大(dà)招來(lái)，速成可待。

适用(yòng)前提：

非專業設計(jì)師 沒太多空(kōng)閑時(shí)間去做。 爲什(shén)麽要做網站(zhàn)?網站(zhàn)是用(yòng)來(lái)傳達信息的。一切不以傳達有效信息的網站(zhàn)都是yy. 網站(zhàn)是用(yòng)來(lái)促使用(yòng)戶行動的，也(yě)即Call To Action。無法讓用(yòng)戶産生你(nǐ)所期望的都是無效的。

所以，先擺脫一個錯誤的認識：網站(zhàn)僅僅是用(yòng)來(lái)裝飾用(yòng)的，僅僅是爲了(le)吸引人注意的，有點流量還用(yòng)愁利潤在何方麽?所以，我們既然是專業網站(zhàn)建設設計(jì)，就要回歸到(dào)做設計(jì)的本源，爲了(le)達到(dào)以上(shàng)效果，同時(shí)兼顧美(měi)觀、大(dà)方、好(hǎo)看(kàn)。

你(nǐ)需要讓用(yòng)戶有參與感，這(zhè)也(yě)是進行用(yòng)戶體驗設計(jì)的時(shí)候最難的一點，因爲實現(xiàn)參與感就意味着你(nǐ)需要爲用(yòng)戶提供高(gāo)質量的内容，還得以絕妙而令人興奮的方式來(lái)呈現(xiàn)出這(zhè)些(xiē)内容。如果你(nǐ)覺得自(zì)己的網站(zhàn)死氣沉沉，那麽接下(xià)來(lái)的這(zhè)六大(dà)秘訣，應該能(néng)讓你(nǐ)的網站(zhàn)煥發活力

1、視(shì)差：讓單純的滾動變成互動

如果改變網站(zhàn)某一方面的設計(jì)能(néng)讓用(yòng)戶與網站(zhàn)之間的參與度提高(gāo)7成，那麽你(nǐ)會(huì)不會(huì)使用(yòng)?實際上(shàng)，很(hěn)多網站(zhàn)已經開(kāi)始這(zhè)樣做了(le)，這(zhè)就是視(shì)差滾動給網站(zhàn)帶來(lái)的改變。作(zuò)爲設計(jì)趨勢，視(shì)差滾動已經席卷了(le)網頁設計(jì)領域。這(zhè)種獨特而醒目的設計(jì)風(fēng)格讓信息和(hé)内容的呈現(xiàn)更加有趣和(hé)直觀。

視(shì)差滾動設計(jì)中，多種元素會(huì)随着頁面滾動而運動，給人以一種獨特的動态體驗，這(zhè)種體驗還會(huì)驅使用(yòng)戶進一步滾動。如果你(nǐ)想設計(jì)出一個視(shì)差滾動的網頁，諸如Webydo這(zhè)樣的免代碼工(gōng)具可以幫你(nǐ)制作(zuò)出動感而精美(měi)的網頁。最近他(tā)們又推出了(le)新工(gōng)具，Parallax Scrolling Animator，非常不錯哦。

2、符号與标識：視(shì)覺潤滑劑

在信息量較大(dà)的網站(zhàn)中，你(nǐ)可能(néng)需要借助大(dà)量的文(wén)字來(lái)描述事(shì)物，這(zhè)也(yě)就意味着設計(jì)師需要最大(dà)程度地展示文(wén)本。使用(yòng)圖标和(hé)符合可以幫助用(yòng)戶更快(kuài)更好(hǎo)地定位内容。雖然符号和(hé)标識都隻是微小(xiǎo)的視(shì)覺符号，但(dàn)是它們不僅可以啓發用(yòng)戶，讓他(tā)們更好(hǎo)地理(lǐ)解内容，還可以像路标一樣引導用(yòng)戶的視(shì)覺流向。在互聯網發展早期，圖标和(hé)符号通常是點陣的，要修改和(hé)調整的話(huà)過程會(huì)非常繁瑣。但(dàn)是現(xiàn)在不一樣了(le)，設計(jì)師可以借助圖标字體來(lái)輕松使用(yòng)符号和(hé)圖标，它們不僅是矢量的，而且還具備強大(dà)的拓展性，并通過CSS便捷地定制。最值得推薦的工(gōng)具無疑是Glyphter，它不僅可以從(cóng)開(kāi)源的圖标集來(lái)繪制圖标，還能(néng)通過上(shàng)傳SVG格式的圖标或者文(wén)字來(lái)制作(zuò)。使用(yòng)圖标和(hé)符号來(lái)支撐文(wén)本段落和(hé)不同的基面元素，比起單純的文(wén)本累積來(lái)的更加靠譜，如果結合動态排版技術，你(nǐ)的網站(zhàn)體驗會(huì)更加令人愉悅、便于閱讀。

3、靈活的版式：響應式設計(jì)

響應式設計(jì)并不僅僅是讓布局更靈活，它還關乎内容。網頁布局能(néng)随着屏幕尺寸改變而改變隻是一方面，各個模塊中所包含的内容也(yě)應該随之進行調整。移動端的用(yòng)戶通常沒有時(shí)間浏覽過長的段落，所以請(qǐng)确保移動端的段落足夠簡潔，交互和(hé)響應也(yě)應對(duì)更加清晰直觀。移動端屏幕本就不大(dà)，如果字體過大(dà)或者過小(xiǎo)都不合适，所以請(qǐng)使用(yòng)動态排版技術确保字體在一個适宜于閱讀的區(qū)間中，千萬不要讓用(yòng)戶放(fàng)大(dà)看(kàn)文(wén)本!說道(dào)響應式的網站(zhàn)設計(jì)，Information Architects site 是一個非常值得學習的案例——它不僅内容關于響應式設計(jì)，還是響應式設計(jì)的發起者之一。這(zhè)個博客不僅深入探讨了(le)響應式設計(jì)的思想和(hé)技術，并且以自(zì)己爲範例展示了(le)如何完美(měi)地響應式展示内容。響應式的内容展示讓用(yòng)戶更輕松地浏覽，也(yě)使得網站(zhàn)本身更加流暢清晰，使得整體上(shàng)更具有吸引力。這(zhè)種設計(jì)思想也(yě)應該延伸到(dào)圖片展示上(shàng)。

4、矢量圖片與響應式視(shì)覺

文(wén)本隻是網站(zhàn)設計(jì)的諸多設計(jì)因素之一，圖片和(hé)文(wén)本同樣重要。通常網站(zhàn)所使用(yòng)的圖片多是位圖，格式常見于JPG、PNG以及GIF。而位圖帶來(lái)了(le)2個問題：

每次使用(yòng)這(zhè)樣的圖片的時(shí)候，都會(huì)向網站(zhàn)的加載過程發一個HTTP請(qǐng)求。随着某個圖片在網站(zhàn)越來(lái)越受歡迎，這(zhè)個加載時(shí)間會(huì)開(kāi)始膨脹，更不用(yòng)說渲染更多頁面所需要的數據請(qǐng)求了(le)。解決方案：使用(yòng)矢量圖片。矢量圖片可以更容易縮放(fàng)到(dào)任意大(dà)小(xiǎo)，輕松适應任何分辨率。SVG格式是日益流行的矢量圖片格式，許多網頁設計(jì)師都特别喜歡使用(yòng)這(zhè)種格式，因爲它不僅可以适配不同的風(fēng)格，并且能(néng)夠實現(xiàn)許多漂亮(liàng)而吸引人的效果。

5、遊戲化

其實，最巧妙的解決方法是讓網頁遊戲化，或者增加遊戲元素吸引用(yòng)戶，這(zhè)可以增加網站(zhàn)的互動性和(hé)獎勵感。遊戲化最常見的就是各種徽章，你(nǐ)可以在完成各種任務之後解鎖徽章，教育網站(zhàn)Treehouse就是這(zhè)麽做的，當你(nǐ)完成課程之後會(huì)收到(dào)新徽章，這(zhè)對(duì)于用(yòng)戶非常有意義。但(dàn)是，如果你(nǐ)的網站(zhàn)并不具備類似的功能(néng)和(hé)結構，那該怎麽辦?對(duì)于博客、電商網站(zhàn)或者其他(tā)相對(duì)更标準的網站(zhàn)而言，遊戲化可以采取的策略，是在特定情況下(xià)爲用(yòng)戶提供優惠券或者折扣。比如，用(yòng)戶可以通過在Twitter上(shàng)轉發網站(zhàn)内容來(lái)獲取免費電子書，或者電商網站(zhàn)的優惠券，或者獲取更多隐藏的内容，等等等等像這(zhè)樣的小(xiǎo)活動、小(xiǎo)互動其實可以賦予用(yòng)戶更加私人化的體驗，培養他(tā)們的關注意識和(hé)互動意識，鼓勵他(tā)們參與，常常回來(lái)。

6、圖像壓縮：網站(zhàn)提速

沒有什(shén)麽比網站(zhàn)加載緩慢更讓人抓狂。如果網站(zhàn)加載時(shí)間太長，用(yòng)戶會(huì)相繼離開(kāi)——誰知(zhī)道(dào)網站(zhàn)什(shén)麽時(shí)候能(néng)最終打開(kāi)呢(ne)?尤其是在這(zhè)個缺乏耐心的時(shí)代。當網站(zhàn)越來(lái)越複雜(zá)，越來(lái)越視(shì)覺化，加載時(shí)間不可避免地受到(dào)影響。幸運的是，有一些(xiē)技巧可以解決這(zhè)個問題：

・簡化内容,

・優化網站(zhàn)圖片

・通過内容分發系統(CDN)來(lái)提升網站(zhàn)

對(duì)于初學者，許多設計(jì)師會(huì)傾向于借助簡化網站(zhàn)内容來(lái)提升訪問速度，盡可能(néng)去除空(kōng)白(bái)、注釋和(hé)冗餘的CSS與JS文(wén)件，小(xiǎo)步快(kuài)跑。

移動互聯網的推出，各位站(zhàn)長也(yě)紛紛的擠入了(le)移動化網站(zhàn)，移動網站(zhàn)可以說是一個比一個做的漂亮(liàng)，那麽既然做了(le)移動化的網站(zhàn)，那少不了(le)的自(zì)然是SEO優化，在PC端上(shàng)你(nǐ)的網站(zhàn)可能(néng)在某個詞上(shàng)有排名，但(dàn)在移動搜索引擎上(shàng)，未必你(nǐ)會(huì)優先排名展現(xiàn)。

首先來(lái)看(kàn)看(kàn)我們需要針對(duì)的搜索引擎吧，也(yě)就是今年的移動搜索引擎使用(yòng)份額。其他(tā)的可以忽略不計(jì)，重點我們考慮在百度，因爲他(tā)在移動搜索引擎中份額占比是79%。

一、大(dà)部分的移動網站(zhàn)都是有一個二級域名或者一個二級欄目做移動網站(zhàn)，其實這(zhè)是不科學的，試想一下(xià)，你(nǐ)發布一篇文(wén)章，有兩個URL有一模一樣的内容，那就算(suàn)你(nǐ)是一篇原創文(wén)章，那是不是也(yě)會(huì)變成了(le)僞原創呢(ne)?在SEO的角度考慮，原創和(hé)僞原創差距是甚大(dà)呀!所以，如果條件允許，建議(yì)還是做自(zì)動響應的移動化站(zhàn)點，比如我的博客，你(nǐ)試着用(yòng)浏覽器的放(fàng)大(dà)功能(néng)看(kàn)看(kàn)，是不是根據分辨率網站(zhàn)也(yě)有少許的變化呢(ne)?

\

二、代碼移動網站(zhàn)我們可以理(lǐ)解成一個微網站(zhàn)，在微網站(zhàn)的基礎上(shàng)，我們沒必要把網站(zhàn)做的如此複雜(zá)(特殊功能(néng)除外(wài))，所以在代碼上(shàng)能(néng)夠簡潔就簡潔，再說用(yòng)戶看(kàn)網站(zhàn)不是看(kàn)你(nǐ)網站(zhàn)代碼多複雜(zá)，網站(zhàn)多美(měi)觀，而是看(kàn)你(nǐ)網站(zhàn)能(néng)不能(néng)在最短的時(shí)間找到(dào)他(tā)想要的答(dá)案。其次是通常情況下(xià)，手機浏覽器是沒有PC端浏覽器那麽強大(dà)，也(yě)就是說不是每一個JS在移動網站(zhàn)上(shàng)都可以解析到(dào)，萬一用(yòng)戶用(yòng)的浏覽器解析不了(le)你(nǐ)的一個JS呢(ne)，那豈不是看(kàn)到(dào)亂糟糟的?還有一個非常嚴肅的問題，當用(yòng)戶使用(yòng)2G網絡，要是你(nǐ)把網站(zhàn)做的如此複雜(zá)，一時(shí)半會(huì)兒加載不出來(lái)咋辦呢(ne)?

三、避免耗費用(yòng)戶流量

在移動互聯網上(shàng)，用(yòng)戶最關心的啥?流量嘛，如果你(nǐ)做一個網站(zhàn)，一打開(kāi)就是視(shì)頻、flash、彈窗，用(yòng)戶會(huì)感覺到(dào)可怕，你(nǐ)可能(néng)會(huì)認爲用(yòng)戶不知(zhī)情在你(nǐ)網站(zhàn)上(shàng)耗費的流量，但(dàn)如果有一個鐵(tiě)杆粉絲一直在關注你(nǐ)的網站(zhàn)，卻因爲你(nǐ)網站(zhàn)耗費流量過多，沒到(dào)月底沒流量了(le)，你(nǐ)覺得這(zhè)事(shì)兒是好(hǎo)事(shì)還是壞事(shì)。在技術層面來(lái)講，Apple産品不支持Flash功能(néng)，很(hěn)大(dà)一部分智能(néng)手機用(yòng)戶用(yòng)不了(le)這(zhè)項功能(néng)，同樣，很(hěn)多智能(néng)手機也(yě)不支持Java，所以這(zhè)隻是兩方面都是不讨好(hǎo)的做法。

四、頁面細節優化

與PC端的網站(zhàn)一樣，頁面不可确實keywords、description，可能(néng)在PC端上(shàng)，我們不加上(shàng)關鍵詞和(hé)描述搜索引擎一樣可以識别到(dào)你(nǐ)的具體内容是什(shén)麽，但(dàn)是我們并無法确定到(dào)移動搜索引擎是否可以識别這(zhè)一點，所以我們做到(dào)多一事(shì)不如少一事(shì)，盡量按照常規出牌。移動化網站(zhàn)也(yě)非常在乎死鏈接和(hé)到(dào)處鏈接，所以盡量做好(hǎo)404、403 等，如果内容死鏈希望重定向到(dào)首頁，最好(hǎo)通過302跳轉，不要使用(yòng)javascript 跳轉。其次是外(wài)部鏈接，都說外(wài)部鏈接影響排名的并不多，但(dàn)出于剛剛興趣的移動搜索引擎，我們沒有辦法不做到(dào)面面俱到(dào)!

五、跳轉

一般情況下(xià)我們的PC網站(zhàn)上(shàng)都可以看(kàn)到(dào)一個手機版的按鈕，或者是當手機輸入域名的時(shí)候會(huì)自(zì)動跳轉到(dào)手機網站(zhàn)，這(zhè)一技術改變了(le)手機用(yòng)戶的用(yòng)戶體驗，如果還有不懂的朋友，可以去學習學習網站(zhàn)自(zì)動識别手機端與PC端，但(dàn)跳轉歸跳轉，偏偏還有用(yòng)戶就是喜歡用(yòng)手機看(kàn)PC網站(zhàn)，所以我們還的在手機網站(zhàn)上(shàng)做一個按鈕讓移動網站(zhàn)跳回PC端，這(zhè)就是用(yòng)戶體驗的一個細節處理(lǐ)。