How to increase the readability of website pages

Source: Internet
Author: User

1. Paragraph differentiation
If the text in any text contains more than a few lines, it will be distinguished by paragraphs. Otherwise, it will make it difficult for users to read. Sometimes I see an article with a length of thousands of words, just a paragraph, as soon as I saw it, I felt dizzy. How can I read it? I immediately closed it.

2. Bold and italic

Bold and italic words emphasize important words. The title of an article or the keywords of the current article are displayed in bold or italic, so that users can see at a glance. For the search engine tutorial, you also know what the focus of your article is. Of course, it cannot be abused. Do not use too many bold texts in each section. If it is not a link, do not use underscores. This will cause misunderstanding.

3. Background color

Add a background color to some special words or sentences, preferably Yellow, which can effectively capture the user's vision. You can also use mild colors to prevent eye fatigue.

4. Citation

Reference styles when referencing classic statements or more authoritative content. You can also use it when providing users with a piece of code snippet. Of course, the code snippet also has a dedicated style, which looks better.

5. Subtitle

The H tag of the HTML tag has 6, H1-H6, but we usually use very little, for the article title it is best to use H1, then like the subtitle of each section in the article can use H2-H4, depending on the specific article, we need to learn Baidu Encyclopedia.

6. Unordered list

Using the UL unordered list is also a simple method to increase the readability of the article. You can use this method for the list of some projects, preferably no more than 6.

7. Ordered list

An ordered list is applicable to a long list, such as 10 or even 100. When reading these ordered lists, users can instantly notice what they care about and quickly jump to the video.

8. Table

Some complex data display cannot be displayed in the same way as this article. Creating a data table looks more professional. The table provides a quick overview and comparison of data factors. For example, the product function list.

9. Icon

Visualized chart information is easier to grasp. If your article lists data analysis in an industry, you can use charts with dates and percentages, just like the commonly used statistical system and Baidu Index data.

10. Images

The topic articles of most mainstream media are accompanied by illustrations. In our SEO, experts often warn us not to use images because search engines cannot recognize images, but images are more intuitive and easy to attract readers, from the SEO perspective, we can only say that we should use images as little as possible, but we still need to use them.

11. Paging

Paging for long articles is a common method for testing readability. However, paging on webpages is very flawed. Although most CMS systems currently support paging for long articles, from the SEO perspective, paging leads to the generation of similar pages. There is a good way to use CSS to control the paging in the same page.

12. Boundary

The configured boundary can make the entire page look like a picture and highlight the focus. For example, a commonly used border or left or right border uses a contrast background.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.