How to write the introduction content of the About page of the website

How to write the introduction content of the About page of the website

All websites, whether official, e-commerce, social networking or personal, should have a well-designed "About" page that tells visitors directly why they should waste their precious time browsing your website.

1. Why do we need an “About” page?

Don't make the user think!

1. Communicate the value of the site to visitors and retain users

2. Always remind yourself of the purpose of the site and don’t go off topic

2. What to name it

The purpose of the "About" page is to allow visitors to find the direction of the website as quickly as possible, or to serve as a further supplement, such as displaying its own advantages and characteristics compared to competitors. So the simpler and more plain the name, the better.

Different types of sites have different names.

Typical portal names are traditional because they are well-known. For example, NetEase’s “Company Profile” and Google’s “Google Encyclopedia”.

Popular and approachable websites are often called "About Us", such as DiGuo and phpChina; there are also many types of "About + website name", such as Douban and Alipay.

Personal websites are relatively simple and can be summed up in two words: "About". The same is true for many social networking sites such as Renren.

Most foreign sites are the same as above, such as "about Flickr", "about us", and "about".

3. Where to put it
1. Place it in the least conspicuous place

Websites with very strong titles, logos, content or visibility are placed in the footer.

These are the types of sites that you are either familiar with or you can tell at a glance what they are about. For example, Sina Weibo and Taobao.

2. Place it in the most conspicuous place

For small sites, such as personal sites, blogs, or brand new websites, it is necessary to explicitly "inform" visitors of the site's direction and purpose (in order to retain visitors to the greatest extent possible out of curiosity) and place it at the top of the page.

PMCaff was founded not long ago, and the navigation is clean and clear. Figure 01

PMCaff網站導航

01 PMCaff website navigation

There is a "Help" on the right side of Gmail to prompt users on how to use it. The “About” function itself is a suggestive description; Google has many product lines, and presenting it separately allows the “Prompt” function to be used to its fullest extent. As shown in Figure 02.

Gmail導航

02 Gmail Navigation

Geek Park is a newly built site. However, geek is a foreign word and it is not easy to interpret it literally; the general definition is "a person with a strange personality." Looking at the site's navigation, I am even more confused (so that's why it has a "weird personality"?). What’s even stranger is that it even puts the “About” link in the footer. This is a typical standard wrong answer, which directly leads to the user's loss of sense of direction. For users who have no time to spare, entering a website and leaving it only takes a split second. As shown in Figure 03.

極客公園導航

03 Geek Park Navigation

3. The simplest domain name

What could be simpler than xxx.com/about?

4. What to write
1. The purpose, features and advantages of the website (required)

When writing an essay, it is important to get straight to the point, and the same is true here. Don't talk nonsense!

Douban’s copywriting is simple, refined, and clearly structured. About Douban→The origin of Douban→Join Douban Take the first paragraph as an example, as shown in Figure 04.

豆瓣的“關于”

04 Douban’s “About”

Everyone knows Renren.com, and its “About” section is also a “People” page. The introduction above reads: "Renren.com is the largest and most influential SNS website in China. Based on the real-name system, it provides users with rich and powerful Internet function experiences such as diaries, groups, instant messaging, photo albums, markets, etc., to meet users' needs for social interaction, information, entertainment, and transactions." It is clear and concise.

There are four labels clearly marked above the "About" of Geek Park, which not only disturbs the audience, but these four pages are also separate HTML files, and the speed of the website is frustrating. What’s even more annoying is that it doesn’t make it clear what makes Geek Park different from others. ——This is in stark contrast to the clear description given in the blog by one of the founders of the website, the author of Maybe (he wrote: Geek Park, our team is positioned as an intensive reading community for IT and business information). As shown in Figure 05. (The "Contact Us" on the last line is repeated in the second label)

極客公園的“關于”

05 Geek Park's "About"

2. Organizer (optional)

1. The website is not famous, but the host is famous

If you don't know Flickr, you must know Yahoo. (Okay, this isn’t a good example.) If you don’t know iQiyi, you must know Baidu. Rely on the organizer to highlight your own momentum.

2. The website is interesting, I want to see what the author is like

If you like Harry Potter, you're probably also interested in Rowling (how she wrote it, her life, etc.). Likewise, for example, a personal website. The content on the site is good, and visitors want to find out more about the blogger - then satisfy this little wish, and they will definitely come back to visit you.

5. How to write

The purpose is clear.

1. Friendly. Use "you" instead of "you"

2. Direct and effective. Don't beat around the bush, don't talk big or empty words

3. Special. Show your own characteristics

4. Concise. If you can delete it, there is no need to write it.

5. Direct to the help page. There is no need to present every feature to the point of being immersive; this is not a place to troubleshoot. Still confused? Go to the help page (instead of closing the site after getting confused).

<<:  Vue uses openlayers to load Tiandi Map and Amap

>>:  Introduction to CSS style classification (basic knowledge)

Recommend

Docker primary network port mapping configuration

Port Mapping Before the Docker container is start...

Detailed comparison of Ember.js and Vue.js

Table of contents Overview Why choose a framework...

Detailed explanation of Vue monitoring attribute graphic example

Table of contents What is the listener property? ...

Vue implements page caching function

This article example shares the specific code of ...

Detailed explanation of using Nginx reverse proxy to solve cross-domain problems

question In the previous article about cross-doma...

Some common properties of CSS

CSS background: background:#00ffee; //Set the back...

How to solve the problem that Docker container has no vim command

Find the problem Today, when I tried to modify th...

Three methods of automatically completing commands in MySQL database

Note: The third method is only used in XSell and ...

Web Design Tutorial (5): Web Visual Design

<br />Previous article: Web Design Tutorial ...

Elementui exports data to xlsx and excel tables

Recently, I learned about the Vue project and cam...

Several things to note when making a web page

--Homepage backup 1.txt text 2. Scan the image 3. ...

Generate OpenSSL certificates in Linux environment

1. Environment: CentOS7, Openssl1.1.1k. 2. Concep...

Let's talk briefly about the changes in setup in vue3.0 sfc

Table of contents Preface Standard sfc writing me...

CSS3 realizes the graphic falling animation effect

See the effect first Implementation Code <div ...