13 tips-cleverly design your link

Products are the lifeblood of enterprises, and links are one of the core values of the Internet. The ultimate goal of the Internet is to build a large network that contains all websites connected to each other. Search engine spider programs rely on this network to include them. Whether an Internet user will become a regular visitor to a website depends on the link and the content of the website to which the link points. No one can pay attention to this new trend caused by Web 2.0-a new writing genre emerged to cater to the new needs of Internet users and the process of Information Conversion from search engines.

Generally, when users browse a webpage, they only select the most important information or information that is easy to find and instantly accessible. They must be able to make a quick assessment of the webpage content, find the information they are looking for and go to another webpage. Generally, Web writers use hypertext links to define or supplement a concept: that is, they integrate a website with a series of related links. The problems caused by links are almost irrelevant to the network, but they are related to the concept of "hypertext". After all, clustering links are not as easy to read as traditional linear texts, it will also produce different effects for readers.

We understand "superreading" as a non-linear reading for Hypertext, while linear reading for linear text is called traditional reading. In the traditional reading process, readers need to make great efforts to find the information they want. Gradually, links become technical issues, because most web pages have a specific level in the search engine, and this level depends on the number and quality of external links on the web page.

When talking about the link, it is also worth mentioning that the link designers all use the relevant link tags and add the "clickable" identifier to the link consistency, separate the "clicked" and "not clicked" links by color.

1. Use the relevant Link Description

Avoid user confusion at all costs! That is to say, to ensure that users can recognize every link and predict the content of the target page to some extent, or the content of the website they are about to visit. A classic instance that will confuse users is to use the "Click here" label, which does not provide any information related to the target page of the link, so it is very confusing.

Another example is embedded links. Once such links are used, the link text should accurately point out the link whereabouts. Generally, users tend to ignore embedded links in text. Therefore, we recommend that you do not use these links.

2. You need to know that the link has certain characteristics, such as underscores and special colors.

In fact, the second feature is far from the first feature, but in some special cases, the underline can still be removed, especially when some areas are absolutely obvious-visitors know the link at first glance; for example, when the mouse is placed over the hyperlink, the cursor will become the shape of the hand. When creating a link, you should provide users with clear enough identifiers to let them know that this is a "clickable" link. At the same time, it is worth remembering that the probability of a link appearing in different areas of a webpage is also different. For example, the titles on the center, left, and right of the webpage may be more likely to be links.

3. Use different colors to differentiate accessed and unaccessed links

Text links must be differentiated from other text on the page to avoid special colors on the links. We should use standard and eye-catching colors-in short, the link should be exposed from the computer screen as much as possible. It is worth noting that the clicked link must also be different from the unclicked link in some way. The best method is to use different colors.

This is the opposite of a link that has not been clicked. A link that has been clicked should be in a dark, pale color, like a gray or chestnut color. Use two different colors, but if their color intensity is consistent, it may also bring bad results, because it is difficult for users to distinguish between accessed and unaccessed links. We can consider using other colors, such as blue, which is the most classic link color.

4. Avoid other text color

In my opinion, colors should only be used on hyperlinks. However, some special words can also use universally recognized colors. Red represents errors or warnings, while green represents passing or success. Technically speaking, when it comes to file colors, you 'd better specify all colors (such as bgcolor, text, Link, vlink, and alink) in attribute settings ), to make sure that all parts of the website are accessible.

This is emphasized mainly because many users set a certain color as the default, so if you do not specify all the colors of the file, they will eventually become hard to recognize files. In addition, even if you use an image as the background, you should still specify the bgcolor (background color) of the file, because the user may not load the image.

5. When the cursor points to a hyperlink, do not use "special effects"

As we have said before, the underline text is the most obvious identifier of a hyperlink, but in some special cases, the underline Of a hyperlink can be removed without affecting its effect and availability. For example, only when a user points to a link can we display the clickable --- or underline only when the mouse is placed on the link, it indicates "clickable.

However, I do not recommend that you use "bold" because it may make the entire text recompile. On the contrary, the effects of other titles like links are particularly successful when creating useful websites (website navigation availability). However, users have found many problems recently, in most cases, they do not know where the link to be clicked is going. To meet your needs, many browsers have extended a feature that allows you to preview the link URL slightly. This extension greatly reduces users' concerns.

6. The link cannot be too dense

Make sure that Internet users voluntarily reach the target page, rather than clicking other links due to too many links. However, this is not very important. We can skip this step and I don't think netizens will be very interested in it. However, we still need to pay attention to it and consider it as appropriate, limit the number of links on each webpage to a reasonable range (less than 100) to prevent visitors from entering other pages by mistake.

7. Ensure that important webpage content can be accessed through multiple paths

Setting multiple paths to access the same information can help users quickly find the information they want. Different users will query in different ways, depending on their interests and their website layout.

8. Use text links instead of image links

As we mentioned earlier, text links give people a feeling of "clickable. Text links usually have a fast download speed, which is preferred by users. Note that after a link is selected, the color should change accordingly.

Even from a technical point of view, it makes sense to set text at the link destination much easier than to use images. If it is an image link, users will be quite confused. They usually cannot determine whether the current image is clickable or linked to some malicious websites, making people seem insecure. Therefore, do not use images or text for Link buttons!

9. Reasonable link length

A hyperlink must be long enough to be understood by the user, but cannot be too long. Generally, it cannot exceed 50 characters.

10. Try to remind visitors to prevent them from exiting the page.

When a visitor may leave the page and turn to another website without knowing it, you 'd better remind him in advance. In general, users expect that the new page to be accessed is from the same website as the current webpage. If there is another situation, they will feel at a loss. Therefore, what I want to end up with is to consider setting a prompt when creating a website. When a visitor wants to leave the website, it will remind them whether they really want to exit the website.

11. provide links to useful information on the website

If you use hyperlinks to further define, interpret, or describe the content of the webpage, the navigation system of your website can be improved. These links can be used to explain some concepts and help users who lack experience!

12. Problems Caused by reserved characters

This is also a technical problem: to be used as a web site, the reserved characters must be encoded in hexadecimal format. Some browsers can correctly display these characters, but this does not mean that you do not need to set the browser encoding when using these characters.

For example, spaces are special characters that need to be encoded. However, I advise you not to use characters that need to be encoded. In addition, the case sensitivity of URL letters may cause unnecessary trouble. I suggest you consider case sensitivity when designing a database, prevent them from changing when you switch from one server to another.

13. standardized construction of Navigation Systems

Remember, it is vital to aggregate relevant links in a region. When a screen reader browses a webpage, it seems that everyone expects the main navigation menu of the website to appear before the webpage content. Almost no user will want to see the webpage content first, but it is desirable to place the webpage content before irrelevant information such as advertisements, links, and footers.