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 itThe 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 it1. Place it in the least conspicuous placeWebsites 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 placeFor 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 ![]() 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. ![]() 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 nameWhat could be simpler than xxx.com/about? 4. What to write1. 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 famousIf 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 likeIf 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 writeThe 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)
Port Mapping Before the Docker container is start...
Table of contents Overview Why choose a framework...
Table of contents What is the listener property? ...
This article example shares the specific code of ...
Preface When creating a primary and foreign key f...
question In the previous article about cross-doma...
CSS background: background:#00ffee; //Set the back...
Find the problem Today, when I tried to modify th...
Note: The third method is only used in XSell and ...
<br />Previous article: Web Design Tutorial ...
Recently, I learned about the Vue project and cam...
--Homepage backup 1.txt text 2. Scan the image 3. ...
1. Environment: CentOS7, Openssl1.1.1k. 2. Concep...
Table of contents Preface Standard sfc writing me...
See the effect first Implementation Code <div ...