30 tips for Improving web readability

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

What is the most important aspect of web design? Many people will answer the Web site's readability, how to make your content easier to read.

Readers come to your site to read what they care about, and if the content of the article is obscured by the design, making it difficult for readers to read, it will only keep them away from your site.

So what can we do to improve the readability of the site so that the readers stay and read on?

One or 30 things you can do now:

1. Underline your links. Readers expect to see underlined links, so don't let them down.

2. Use the appropriate line height for the text in the paragraph. A quick, simple way to measure the height of a line by the size of the font in the paragraph. Ideally, the row is about 1.5 times times the size of the font.

3, in the design of a clear distinction between your published content. It should be obvious where your published content starts and where it ends, and other modules, such as sidebar, article reviews, and additional information, should be visually distinct from the actual content.

4, if you use pull-quotes, to ensure that this part of the content is obvious, and near the top of the article place. If users do not recognize them quickly, they are of little use.

5. Keep it short. By the same token, you need 50 words to write in a written word, but it may take only 30 words to say it in your mouth.

6. Contrast between text and background. Use the color contrast checker of Snook ' s to detect the text and background colors of your Web page, and make sure that users with visual impairments can read your content as well.

7. Use the structure level for your document. For example: article title--Introduction--body title--Content--subtitle--content, which will make your page more logical flow.

8, to avoid the insertion of ads in the middle to undermine the integrity of the article, this will interrupt the reader's thinking.

9. Do not change their colors to apply styles to text that is shown in italics and bold. It's easy to confuse the reader and make them stop and think: Is this a link?

10. Use semantic tags. For example, use H1, H2, H3 and other labels for the title of the article to highlight them. Maybe your

11, a lot of readers are using news aggregator to read your content, such as span class= "myheading" such a label for them will not show any effect.

12, in the beginning of the article using texture. The purpose of this is to attract the reader's attention, and usually apply the texture to the top of the article.

13, avoid the whole block of text. Nothing can scare away visitors more than a text like a wall.

14. Aligning text to the left is usually the best choice. Rarely do we see an example of centering or aligning text (except the title) and aligning the text to the right I don't think it's the best choice at any time.

15. Text around the map. Depending on how you wrap the text around an image, you can reconsider the wording of the text or resize the image.

16, the article title and subtitle must be prominent. One of the benefits of doing this is to get the reader to understand the title of the article at the first time. Highlighting what you want to do is simply using a larger font, underlining the font, changing the color, and so on.

17. Learn when to use a sequential list and when to use a unordered list. If your list of items is in a specific order, it's best to add numbers to them.

18. Indent list. To show that they are more than just multiple paragraphs.

19. The image is centered. If you have some specific pictures that you can't partition in your article (such as flowcharts, statistics), it's a good idea to center the images and specify a separator line around the image.

20. Create a print style sheet. Remember that not all readers are reading your article on a computer screen, creating a print style sheet to ensure that your article works equally well on paper.

21. Choose Common Fonts. After you decide which font to use, it's best to choose a generic font that everyone has.

22, add additional content is best with the original article space open some distance.

23, the prominent sentences use the same font size. Changing the font size will change the height of the row, disrupting the layout of the page.

Do not set all the text in the body to use all uppercase. for English only.

24, do not use snapshots on the link.

25, so that the content of the article to maintain a reasonable width. Floating layouts often make the content of an article out of the screen, making it unreadable.

26. Too many paragraphs are better than too few paragraphs. When writing on paper, there are usually 4-5 sentences in each paragraph, while on the web, 2-3 sentences are more common. This is done in order to make the paragraph appear in a beautifully understandable small block.

27. Keep the sidebar short.

28. Pagination. If you use a pagination style for an article, make sure that the navigation of the article is clear and easy to use.

29. Use Fade color. Use faded colors for non-critical information, such as publication time, author, etc. In addition, light color lines are less likely to attract attention.

30, the use of labels. To add a description for some abbreviations, not all readers understand the meaning of abbreviations. In the general style, add a dashed underline underneath the abbreviation.