相信很多seoer都遇到過這樣的問題，就是網(wǎng)站跳出率特別高，文章頁的相關(guān)推薦也增加了好多，可是訪客的停留時間依然很短。這樣的問題如何處理呢？

如今，有很多網(wǎng)站文章的排版給人的感覺就是整個頁面都是密密麻麻的字，讓人一看就有種煩躁的感覺。其實這個問題也就說明了文章排版在客戶體驗這一環(huán)節(jié)的重要性了，排版在網(wǎng)頁設(shè)計中經(jīng)常被忽略，其實這是錯誤的，因為注重網(wǎng)頁排版確實可以提高你的網(wǎng)頁設(shè)計水平和可讀性。說起排版，這是個大學問，頁面上的每一個元素都能影響瀏覽，排版設(shè)計的好壞絕對很考驗一個人的基本功底。接下來，長春網(wǎng)站優(yōu)化小編就給大家列出10個非常有用的排版技巧，讓你的網(wǎng)站頁面排版看起來更好。

1、糾正行高

最常見的網(wǎng)頁布局錯誤之一是定義了不正確的行高。行高是定義一行文本的高度，所以我們必須按照文本字體大小來設(shè)定行高。一般來說，在設(shè)置文本行高的時候，我經(jīng)常在字體大小的基礎(chǔ)上加上7個像素(對12-17像素的字體而言)

2、糾正標題margin值

另外一個常見的錯誤是標題周圍不正確的margin值。標題其實是與它下面的段落是相關(guān)聯(lián)的，而不僅僅是兩個段落的分割符。這就是為什么標題的margin-top比margin-bottom要寬。

3、不要使用過多的字體，為了確?？勺x性和專業(yè)性，你的網(wǎng)頁上不應(yīng)該使用超過3種字體。使用過多的字體會干擾你的用戶而且讓你的網(wǎng)站看起來很亂。相反，較少的字體讓你的網(wǎng)站顯得干凈易讀。

成都網(wǎng)站建設(shè)公司建議大家，可以標題使用一種字體，正文使用一種字體，最后logo或副標題使用另外的字體。

4、代碼部分使用等寬字體

如果你是一位開發(fā)者你可能想貼一些代碼在你的網(wǎng)站文章里。如果是這樣，請使用等寬字體。

5、關(guān)注對比

即使你的網(wǎng)站有很好的排版了，另一個需要注意的是對比。

如果你的頁面背景是中灰色(#999999)，那么不要使用深灰色(#333333)的文本，否則你的內(nèi)容很難看清，尤其是對一些年紀比較大的或視力差的人。

總之，除非你的網(wǎng)站是關(guān)于黑客、黑帽seo或哥特搖滾的，不然你應(yīng)該使用淺色背景和深色字體來保證清晰的對比度增加你網(wǎng)站的可讀性。

6、只給鏈接的文本加下劃線

瀏覽器用在鏈接的默認樣式一直是藍色文本加下劃線。雖然這個藍色經(jīng)常被改成另外的顏色，但下劃線一直被當做是鏈接的常規(guī)樣式。

這就是為什么除了鏈接你不要給其他的東西加上下劃線的原因。否則，這可能對你的用戶造成很大的困惑。

7、創(chuàng)建樣式庫

讓你的網(wǎng)站產(chǎn)生視覺震撼的一個簡單高效的方法是給特殊的頁面創(chuàng)建特殊的樣式。例如，創(chuàng)建一個warning的CSS類來向 你的用戶顯示“警告”。

8、按級別來排列標題和文本

為了增加可讀性，給標題、介紹段落和常規(guī)文本創(chuàng)建標簽層級是很重要的，這樣你的用戶可以看清你的文章結(jié)構(gòu)并能很快的找到他們感興趣的部分。

標題承載著內(nèi)容的主旨，使用簡短的文字讓讀者在短時間內(nèi)了解信息內(nèi)容，在版面中具有重要地位。文字是平面設(shè)計的重要組成部分，相對于圖片的暗示性，文字傳遞出的是明確并且具體的信息。

9、大膽留白

最重要的排版技巧之一是“大膽留白”。留白是指空白區(qū)或沒有使用的空間，它會使你的設(shè)計整齊而專業(yè)。許多人喜歡蘋果網(wǎng)站的原因是：它盡管簡單但很精致，而且有很多留白。

10、正確使用標點符號

如果你想提升你的排版水平不容忽視的一點是正確使用標點符號。

盡管，你可能已經(jīng)熟悉了網(wǎng)頁設(shè)計的層次結(jié)構(gòu)，你可能也明白排版中也少不了它。但是我還是要再強調(diào)一下，層級結(jié)構(gòu)會給你一個閱讀顯示文本的起點。這點非常重要，因為這會幫助你準確傳遞信息，同時保證讀者準確理解，很多網(wǎng)站在這個問題上都做得很好，但是你還是應(yīng)該牢記在心，這樣你的網(wǎng)站就不會顯得太過時。

為了增加可讀性，給標題、介紹段落和常規(guī)文本創(chuàng)建標簽層級是很重要的，這樣你的用戶可以看清你的文章結(jié)構(gòu)并能很快的找到他們感興趣的部分。

文字在畫面中的安排要考慮到全局的因素，不能有視覺上的沖突。否則在畫面上主次不分，很容易引起視覺順序的混亂，有時候甚至1個像素的差距也會改變你整個作品的味道。文字不僅要在字體上和畫面配合好，甚至顏色和部分筆畫都要加工，這樣才能達到更完整的效果，而這些細節(jié)的地方需要的是耐心和功力。關(guān)于排版的技巧，成都網(wǎng)站建設(shè)小編今天就給大家介紹到這里，一定要多琢磨，這樣你的頁面才會讓網(wǎng)民更喜歡。

本文標題：如何利用排版增加文章的可讀性？
當前網(wǎng)址：http://jinyejixie.com/news/45885.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、微信公眾號、移動網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、定制網(wǎng)站、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)