《網(wǎng)站頁面結(jié)構(gòu)與內(nèi)容優(yōu)化》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、實用標(biāo)準(zhǔn)文案網(wǎng)站頁面結(jié)構(gòu)與內(nèi)容優(yōu)化A、明確網(wǎng)頁的主題單個網(wǎng)頁的優(yōu)化也是SEO必要工作,需要一頁一頁去開展。　　1、網(wǎng)頁的命名：賦予包含有關(guān)鍵詞的網(wǎng)頁文件名，也能幫助搜索引擎判斷一個網(wǎng)頁的主題是什么，同是也清楚地告訴用戶?！　?、網(wǎng)頁的標(biāo)題：網(wǎng)頁標(biāo)題是搜索引擎單頁優(yōu)化中最重要的因素，而且是用它來表達的內(nèi)容來判斷一個網(wǎng)頁的主題內(nèi)容。直的注意的是網(wǎng)頁標(biāo)題的空間很短，所使用的文字就有很大的限制。如果光是關(guān)鍵詞而沒有能將它們串連在一起的話，標(biāo)題自然就很難順暢，這樣寫出來的標(biāo)題不可能吸引人，甚至有垃圾網(wǎng)站的嫌疑。　　3、h1的應(yīng)用：因搜索引

2、擎需要在一堆文本中明白它寫的是什么，所以它也仿照人們的閱讀習(xí)慣來尋找文章的標(biāo)題。在搜索引擎算法中，和中的文字一定比其他地方的文字具備更重要的意義，我們也喜歡把一些關(guān)鍵詞放在中，如果過分的使用反而產(chǎn)生不利的影響。注：風(fēng)采依揚建議

盡量靠近html中的標(biāo)簽，越近越好，以便讓搜索引擎最快地領(lǐng)略到主題。B、用戶視覺原理與網(wǎng)頁結(jié)構(gòu)布局優(yōu)化1.用戶視覺原理優(yōu)化1—logo：　　基本logo特征，符合logo設(shè)計基礎(chǔ)（平面設(shè)計通用）顯示器效果：清晰度，最小尺寸（因顯示器分辨率而帶來的，等同線下平面設(shè)

3、計的印刷效果）　　2—文字：　　內(nèi)容等級決定字體、字號大小、粗細(xì)；狀態(tài)決定顏色（默認(rèn)或者根據(jù)網(wǎng)站特殊統(tǒng)一）　　3—廣告、內(nèi)容圖片：　　尺寸樣式的定位，同一頁面的和諧性，圖片的優(yōu)化，位置的節(jié)奏，大小對比?！　?—icon：　　品牌性，表達準(zhǔn)確合理，設(shè)計手法（依據(jù)品牌性），一致性，作用：吸引，醒目，方便識別、理解、操作、記憶?！　?—可點擊（button)：　　區(qū)別（不可點擊），根據(jù)人的生活經(jīng)驗：厚度，可按，質(zhì)感（實體聯(lián)想），色彩（品牌性、統(tǒng)一性、對比性）；統(tǒng)一的樣式大小（依據(jù)里面文字的內(nèi)邊距統(tǒng)一）　　6—背景圖片：　　氛圍效果營造

4、，同產(chǎn)品的統(tǒng)一性，優(yōu)化（品質(zhì)大小，色彩信息，實現(xiàn)方案），　　7—圖文排版：　　主圖次文，圖文節(jié)奏，空隙，模塊化?！　?—當(dāng)前狀態(tài)：　　放大（形狀），變色（反色、對比色、明度純度區(qū)別色），鏈進鏈出后指定內(nèi)容提示?！　?—交互控件：樣式合理準(zhǔn)確性（人對系統(tǒng)默認(rèn)的認(rèn)知和生活常規(guī)認(rèn)知），狀態(tài)（視覺表現(xiàn)樣式和動作過程優(yōu)化），創(chuàng)意?！　?0—loading：　　內(nèi)容關(guān)聯(lián)性（loading前后的內(nèi)容關(guān)聯(lián)），無聊等待的樂趣，體積、面積優(yōu)化，創(chuàng)意。文檔實用標(biāo)準(zhǔn)文案　　11—用戶反饋_成功、出錯、提示、無結(jié)果：　　文案（明確、合理、人性化、創(chuàng)意），

5、圖形（明確、醒目、色彩的心理認(rèn)知準(zhǔn)確度）?！　?2—動畫效果：　　過程合理（模擬真實環(huán)境的合理化），連續(xù)，節(jié)奏感，用戶日常動作表現(xiàn)，音效配合，創(chuàng)意?！　?3—首尾設(shè)計：　　首（品牌宣傳、自身特點、明確內(nèi)容、氣氛表達、創(chuàng)意。尾：呼應(yīng)、節(jié)奏（與首），創(chuàng)意?！　?4—適應(yīng)屏設(shè)計（全屏設(shè)計）：　　最大最小屏幕的考慮（文字、圖片的位置、折行效果）　　15—固定尺寸的柵格設(shè)計：　　合理的單元格（考慮黃金分割），單元格面積節(jié)奏，邊距統(tǒng)一性　　16—demo設(shè)計樣稿：　　對內(nèi)容最多最少的考慮?！　?7—頁面：　　品牌性，基調(diào)元素一致性，復(fù)用性，

6、節(jié)奏感、面積感，視覺第一吸引，引導(dǎo)瀏覽，點線面關(guān)系，素描原理（運用素描的基本規(guī)律來做頁面）?！　?8—閱讀：　　背景對閱讀（視力）的舒適度，內(nèi)容與背景的對比舒適度?！　∑鋵嵾€有很多設(shè)計的點比如交互設(shè)計，比如代碼設(shè)計，我們可以展示給用戶看到的這些綜上所述，構(gòu)成了用戶體驗設(shè)計的一個大過程，自己在做的很多時候其實也不是都能估計到每個點的，總結(jié)出來以幫助隨時審視！2.網(wǎng)頁結(jié)構(gòu)布局優(yōu)化2.1頁面結(jié)構(gòu)布局　　一個結(jié)構(gòu)清楚、布局合理的頁面可以讓蛛蛛更順利通暢充分的爬動絕對站，對于收錄而言是十分有幫助的。同時在用戶體驗認(rèn)識方面，頁面結(jié)構(gòu)布局清楚

7、天然，每個版塊的區(qū)別辨清楚晰，一樣可以讓用戶對網(wǎng)站萌生好感。實際上很很長時間候，用戶是否喜歡一個網(wǎng)站，其起初的判斷根據(jù)就是頁面的結(jié)構(gòu)是否看起來看著舒服，這就是為何網(wǎng)絡(luò)上一套手續(xù)有幾十上百的模型板改易的端由了。就拿用戶體驗認(rèn)識方面來說吧，當(dāng)用戶進入了網(wǎng)站后，其所需的信息一股腦兒都是在內(nèi)部實質(zhì)意義頁萌生的，那末讓用戶喜歡這個網(wǎng)站，首先務(wù)必頁面看起來看著舒服，其次頁面可以很容易讓用戶辯白出哪一些是重點，哪一些是有關(guān)文章，再者是否合乎用戶的瀏覽習(xí)性，依據(jù)右面的點擊大于左面的原理，最終就是頁面的群體布局。所以說，一個布局合理的頁面從群體來

8、看有可能看不出效果，不過假如你從數(shù)值入眼，你便會發(fā)覺，眾多影響用戶體驗認(rèn)識滿足度的都是一點細(xì)節(jié)方面的端由。做好頁面布局就相當(dāng)于讓這個細(xì)節(jié)讓用戶萌生好感?！　√幹棉k法：普通標(biāo)準(zhǔn)的頁面結(jié)構(gòu)布局策略是上頭是頭部，左側(cè)是內(nèi)部實質(zhì)意義，右側(cè)是有關(guān)信息，底部是交流版塊。不過