How to enhance the readability of web content

core tip: the most important aspect of web design is the readability of your web site. Readers come to your website to read what they care about, and if the content of the article is hidden by the design, which makes it difficult for readers to read, it will only keep them away from your web site.

1, underline

for your link

readers look forward to seeing underlined links, so don’t let them down.

2, use the appropriate line height

for the text in the paragraph

a fast, simple way to measure the line height by using the size of the font in the paragraph. Ideally, the line height is about 1.5 times the font size.

3 makes a clear distinction between what you publish in your design,

where your content starts and where it ends should be obvious. Other modules such as sidebar, article reviews, and additional information in the article should be visually distinct from the actual content.

4, the rational use of Pull-quotes (Note: core summary, guidance)

if you use Pull-quotes, make sure this part is obvious and near the top of the article. If users don’t recognize them quickly, they’re useless.

5, keep brief

same meaning, you need to write 50 words in written language, but it may take only 30 words to speak with your mouth.

6, contrast between text and background

uses the Snook s Color Contrast Checker to detect the text and background color of the page, ensuring that users with visual impairments can read your content normally.

7, use the structure hierarchy

for your document

: for example, the title of the article – Introduction – text title – content – subtitle – content; this will make your page more logical process.

8, pay attention to the advertising position

avoids inserting ads in the middle to destroy the integrity of the article, which interrupts the reader’s mind.

9, italics, bold and color

do not change their colors when they apply styles in italic and bold text. This can easily confuse the reader and stop them thinking, "is this a link?


10 uses semantic markup

, for example, use H1, H2, H3 tags to highlight them for the title of the article.

Leave a Reply

Your email address will not be published. Required fields are marked *