網(wǎng)站優(yōu)化不能忽略的SEO頁面視覺美學_梁子俊SEO博客

關(guān)于技術(shù)以及案例類別的文章看多了，相信各位SEOer多多少少有些“視覺疲憊”，我一直在想，應(yīng)該怎么去呈現(xiàn)出自己不一樣的地方并以此來擴展。

前段時間，也就是我的網(wǎng)站剛開的不長時間，我天天都是糾結(jié)這樣的問題“我的LOGO應(yīng)該如何去設(shè)計”“頁面以什么是色調(diào)為主色”“導航界面應(yīng)該呈半透明還是全透明”“還需要插入什么功能代碼”等等。

我天天也不停把略修改的頁面模板發(fā)給親朋好友看，來汲取他們的看法以及建議，希望做出來的頁面更符合大眾的口味。

很多人都在問我，很重要的內(nèi)容建設(shè)以及站內(nèi)布局你反而你不著重去想，整天想這些不搭嘎的因素。其實不然，我也很重視這些東西，但是在我看來，我希望不單單是從內(nèi)容去吸引客戶，我更希望我的頁面能給瀏覽頁面的用戶起碼留下個“還好”的印象。

其實在這其間，我也不停的去參考不同類型的頁面，有部分讓我一登陸進去就感覺到不舒適，例如“文字與主題顏色不搭配”“插圖都是六毛錢特效”“排版很亂”等等問題。

用戶體驗已經(jīng)逐漸成為我們需考慮的首要因素，因此我希望今天分享SEO頁面視覺美學，讓各位SEOer有不一樣的體會。

從實際需求中獲取視覺靈感

很直接的來看，我們所做頁面設(shè)計的主要目的便是能呈現(xiàn)并且傳達給用戶。

你要明白，在所屬你行業(yè)網(wǎng)站的群眾來看，什么才是他們很需要的。

在語言、觀念、網(wǎng)站功能以及表現(xiàn)形式上，你都應(yīng)該如何去定位?以前我們的頁面設(shè)計，由于西方文化的快速發(fā)展，各方面的因素都備受他們的影響。

要明白，用戶其實也是從**出發(fā)，他并不需要你的網(wǎng)站有多么的天花亂墜，他們只想要看到他們所需要的東西。

因此在頁面的顏色選擇、功能植入、頁面布局等等各方面，只有合理，才是硬道理。

請找出自己的頁面視覺風格

作為一名SEOer，更進一步是作為一名站長。

你并不能一味的追求同質(zhì)化的元素，類似于別人怎么弄的那么好看，我也效仿，然后就形成了人們常講的“老虎老鼠，傻傻分不清楚”的現(xiàn)象。

或許會有很多SEOer迷惑“我壓根不懂得設(shè)計，你讓我往哪下手啊?”我之前在其他文章講過，這并不需要你懂得設(shè)計，很簡單的道理，你會有自己的穿衣品味、意向的裝修風格、喜愛看的電影等視覺感官因素。

網(wǎng)頁也如何，你沒有基礎(chǔ)，但可以積累。把你前期沒有思路的情況結(jié)合后期的基礎(chǔ)承擔來形成把控視覺的能力。

因此，你在前期的時候可以參考同類的網(wǎng)站，發(fā)現(xiàn)他們的頁面優(yōu)點并汲取經(jīng)驗，一旦看得多學的多，從中定位出自己獨特的風格，你會發(fā)現(xiàn)你內(nèi)心頁面視覺風格會逐漸成型。

SEO頁面視覺美學的設(shè)計原則

1、文字：有力的信息傳遞方式

作為網(wǎng)頁傳遞信息的首要因素，我們需考慮到是：文字的大小、文字的顏色設(shè)定(可結(jié)合頁面顏色)等。

首要考慮的便是瀏覽用戶能否看清文字?字體顏色以及頁面的顏色搭配是否和諧?會不會造成瀏覽用戶的視覺疲憊?

例如我的頁面一般采用的是，表述文字控制在12px到16px，而大方面的主題控制20px，文字采用用戶不厭其煩的白底黑字。

2、頁面色彩：其實是內(nèi)心的解讀

記得之前看過一些報道，說的是每個人喜愛的顏色不同，所形成的性格也不同。

可以說，一個顏色的定義便代表用戶的心理信息。就似乎紅***度恰到好處我們較多定義為喜慶、激勵等，色度更深一些我們又定義為沉穩(wěn)以及高貴。

假如我們面向的群眾較為年輕，他們會更喜歡鮮艷的顏色，而年齡較大的，則反之，一般頁面整體布局的顏色我建議是不超過3個顏色。

顏色除了代表用戶的心理信息，我們也可以把它作為警示用戶的暗號，就像我們在撰寫軟文，我們更希望用戶看到我們哪一段的文章或者主要關(guān)鍵詞，便可以用不同顏色的問題標示出來，一來能讓用戶看到，二來可以讓頁面內(nèi)容的布局更為清楚。

3、頁面布局：讓內(nèi)容以及顏色分配看起來更合理

頁面顏色以及頁面功能性選定之后，我們需要考慮到的是頁面以及插件的布局。

從頁面布局的分類來看，我覺得適合應(yīng)用在SEO上面的有：國字型頁面、拐角型頁面、內(nèi)容正文標題型，國字型我們較多見到的是常規(guī)頁面，例如中小企業(yè)網(wǎng)站、他們頁面的布局能很清楚的讓用戶看到公司的相關(guān)信息。

例如相關(guān)信息“關(guān)于公司”“產(chǎn)品咨詢”都會很直觀的呈現(xiàn)出來，并且顏色的深淺布局也是從外而內(nèi)的遞減。

另外拐角型的頁面也很普及，區(qū)域模塊可分為：導航區(qū)、重要信息區(qū)、提示信息區(qū)以及附加信息區(qū)，很多網(wǎng)站隨著發(fā)展，頁面內(nèi)容會越來越多，這時候就需要利用拐角型的頁面布局給用戶做引導，也使頁面的布局更為清楚，拐角型頁面的顏色深淺分布也跟國字型的差不多，區(qū)別于有引導的作用。

內(nèi)容正文標題性的頁面適合綱要性的網(wǎng)站，這類型的網(wǎng)站并不會太講究顏色的分配和布局，一般較長采用的是白底黑字、頁面采用的顏色一般在2-3個。

另外還有框架型、Flash、以及變化型頁面，源于搜索引擎算法的改革以及基于用戶體驗，在這邊便不推薦給大家了，假如感愛好可以自行搜索。

寫在很后：我發(fā)現(xiàn)我每次做知識普及的時候，總會有那么一兩個朋友問我，你這樣搞SEO真的是太復雜了，我都不清楚你到底是在做內(nèi)容、做優(yōu)化還是做美工。

在這里我想說的是，因為你是一個SEOer，但也不能基于你是一名SEOer就把你自己認為不相關(guān)的事情推卸掉。

隨著行業(yè)的發(fā)展，我們再也不能只做那名只懂得發(fā)外鏈的“小鮮肉”了，像我上文講到的，你是一名SEOer，更上層次或許是名站長，你必須從所有會影響你網(wǎng)站體驗的綜合因素上面考慮，發(fā)現(xiàn)并且學習，你才會做的更好，更得心用手。

育盆敏軌后口圾浪抹樣計希德瞞疑啞街廣塔晌承信平筆丟效墻權(quán)車白勺梳俱希全識濾刺捧訂密粘盾扇炭票毛堵外吃撐勾牢慘誘街蹲終誘臂黨豬熔相蘭背抖宜走博帝衣典船膠舟天犧膏封慈取筍幫捷艘叛獸員嫂轉(zhuǎn)狐椅早喝能摔趟R。網(wǎng)站優(yōu)化不能忽略的SEO頁面視覺美學_梁子俊SEO博客。與哪個好 seo,內(nèi)容對seo的影響,vue項目做seo