How to enhance the readability of web site content

Core tip: The most important aspect of website design is the readability of the website. 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.

1, for your link to add an underscore

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 and easy way to measure the height of a line using 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, reasonable use of pull-quotes (Note: Core summary, guidance)

If you use Pull-quotes, make sure that this part is clear and close to the top of the article. 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, the contrast between the text and the 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 structure level for your document

For example: article title--Introduction--body title--Content--subtitle--content, which will make your page more logical flow.

8. Pay attention to the position of advertisement

Avoiding the insertion of ads in the middle breaks the integrity of the article, which interrupts the reader's thinking.

9, italic bold body and color

When you apply styles to text that is italic and bold, do not change their color. It's easy to confuse the reader and make them stop and think: Is this a link?

10. Using Semantic tags

For example, use H1, H2, H3 and other labels for the title of the article to highlight them.