Tips for Baidu Mini Program inclusion and experience sharing on developing Baidu Mini Program!

I am very happy to share with you the problems we encountered in developing Baidu Mini Programs. There are two parts. The first part is some operational problems that webmasters may encounter, and the second part is some bugs that programmers may encounter during development. I hope to help everyone successfully develop their own small program!

Here are some problems encountered by webmasters in operation. Let me share with you the problems encountered in the webmaster operation part!

1. Name review issues

At the beginning, it seemed that it was machine review, which led to the appearance of a large number of junk mini-programs. Of course, now this problem has been solved, but the name review is more stringent. For example: a website that has been reviewed by others in the early stage can be called decoration website or home furnishing website, but if you call yourself decoration home furnishing website, it cannot be reviewed. However, some mini-programs that had problems with their names and had passed the preliminary review seem to have been forced to be taken offline for rectification recently. When we were coming up with a name, we racked our brains. There was no trademark for the brand name, and it would take more than a year to register a trademark. In the end, we had no choice but to choose to use two characters from the company name, which only passed the review. So other friends who encounter name review issues can try using your company name plus industry terms.

2. Configure the legal domain name of the request

You can see that this place requires an https site. Some webmasters may be discouraged when they see https, fearing that it will affect the current site in the short term. However, the domain name that needs to be configured here is not the domain name of your h5 site or pc site, but a domain name that you have the management rights. Therefore, there is no problem of https affecting the current site as you worry about. However, webmasters who are worried about this problem must be careful that if you are not ready to install a certificate for the current domain name, do not install it by mistake.

3. URL mapping problem

According to the current mini-program requirements, it seems that unless it is hard-coded, the parameters must correspond one to one.

(For example, the home page is hard-coded to correspond.) For sites that have removed the final parameters in some pseudo-static rules, such as 1542.html, it is very complicated to adapt. The mini-program must be adjusted manually one by one. The programmer will probably tell you that this requirement is too difficult and I can't do it. However, changing the h5 site URL is also an unrealistic problem. At the same time, it is even more difficult for some h5 sites that are outsourced to website construction companies. As an operator, SEO or management, it is best to check whether your own h5 site has this problem. Once the project is launched, the responsibility lies on your shoulders.

4. Bind or not bind h5 site?

Although there is no problem in not binding to the h5 site, it can still be web-based, connected to search, indexed, and ranked, but it just cannot inherit the weight of the h5 site. It is a bold guess that this binding and mapping adaptation is the same as mobile adaptation. Adaptation is definitely better than no adaptation. At the same time, like the revision of the webmaster platform, the original h5 resources will be replaced in the search results, and a small program will be added for weighting.

For example, if your h5 site is currently ranked on the second page, it may have been adapted to a mini program, and it will directly inherit the weight and, with the mini program’s weighting, directly rise to the homepage. However, if you do not bind an h5 site and only have a mini program, the possible result is that if you have an h5 site and are newly launched, it would not be ranked originally, but with the addition of a mini program, it will be ranked on the fifth page or even further back. This may also be the reason why many webmasters say that the mini program is included but not ranked. In fact, it’s not that there is no ranking, but the weighting given to you cannot bring you to the height you want.

So based on my personal experience and thinking, I still strongly recommend that you do binding adaptation for h5 sites.

But from another perspective, if you are an old site with a relatively high weight, you should be cautious about some things that are not clear for the time being. After all, the mini program is bound to h5 and cannot be unbound. (For example, I really want to remove the icon of the bear paw account now, it is too ugly)

But if your site is a new site with little weight and little traffic, there is no need for you to bind or adapt. There are also colleagues around me who do a very good job in making independent mini-programs without binding them to sites. Of course, this depends more on the quality of the individual mini-programs.

5. Component issues

During the development process, white screen problems often occur when using components provided by Baidu, but not when using third-party plug-ins. So the question is: using third-party plug-ins will slow down the speed, and the loading speed of some complex site applets is already very slow... We can only hope that the official can provide more components, and the webmasters can appropriately remove some complex functions, try to make the applets simple and conducive to user experience. At the same time, it is strongly recommended to place the pictures on a server with CDN turned on, or try to use lazy loading for the pictures after the first screen. After all, the first screen must be loaded within 1.5s.

6. The lag issue in the Mini Program management backend

Don't panic if there are freezes, data disappearances, data not displayed in a timely manner, etc. Just refresh the page when your data disappears, or wait a little longer. Everything will be fine. Don't be impatient. (Baidu Mini Program is still a baby! Don’t set your expectations too high!)

7. Ranking Issues

Recently, a colleague told me that some website construction companies and optimization companies that outsourced mini programs are basically not accepting new orders. I was shocked: Could it be that mini programs are following the footsteps of Xiong Zhanghao so quickly?!

Obviously, the mini program is not dead. Instead, it is constantly being optimized and improved. It’s just that these swindlers are dead.

In the early stage, there were relatively few people involved in mini programs. In addition, the traffic was biased, and the single-card search was not a fuzzy match at the time. As a result, a large number of outsourcing companies that did not have professional optimization capabilities claimed that their mini programs could be ranked and put on the homepage in seconds. And they charge fees ranging from several thousand to tens of thousands. In fact, they just use a template to make a small program for you, which is equivalent to building a website with source code. They may not even provide you with data, or even search access. They just rely on a single card and direct search to fool you.

However, with the update of mini programs, the Hurricane Algorithm has hit these template mini programs, and direct search and single-card display have begun to pay more and more attention to the quality of the mini programs themselves. Naturally, these junk mini-programs became unpopular, the scammers’ tricks no longer worked, and they dared not accept new orders.

However, the weight of Baidu Mini Programs is real, the traffic bias is real, and the large amount of traffic distributed within the terminal is also real. It just depends on how you play it. Sadly, I haven’t gotten a lot of traffic yet and I’m still learning step by step.

Some bugs and "paranormal events" that programmers may encounter
Okay, now our programmer will share with you some bugs encountered during development and some supernatural events. When the company's programmers were developing Baidu Mini Programs, they had not yet come into contact with similar products, so they could only rely on their own exploration to solve the problem or search online to see if there were similar problems with WeChat Mini Programs. Finally, the more prominent problems that may be encountered and their solutions are attached.

1. The page is blank, but there is no error message

ps: Since we are transplanting the website functions to the mini program, many styles are directly applied to the website style, which is convenient for rapid development. However, since many HTML tags are single tags and the mini program tags are basically double tags, the most typical one is the img>image tag. Also, when writing the input tag, you must pay special attention to the end tag. If you do not write the end tag, the page will be blank, but there will be no obvious error.

2. A supernatural event

After developing several pages of the mini program, I found that I could not preview it, but I didn’t find any errors. As I was in a hurry, I recorded it temporarily and put it here.

But when it came time to publish, I was stunned and found that I couldn’t publish it. The error message was -> Publishing error Upload failed - 1:500-undefined.

I have tried many methods, and this error seems to be unique to Baidu Mini Program. I checked WeChat Mini Program but couldn't find similar problems. I asked other friends but they didn't work either. The development community also had similar problems, but no one answered them.

I tried again to see if the package was too large, and deleted some packages to try again, but the error still occurred. I checked the appID and it was normal. After a few hours of struggling, it still didn't work, so I packed up the package and took it home, ready to continue trying and finding the problem during my break the next day. The next day, I downloaded the latest version of the development tools on my computer, published it, and it was successfully published. I thought it was a problem with the development tool version, but a day later, the review failed. When I was about to pick up the package again after modification, the problem reappeared. This time, no matter it was the latest development tools or my own computer, it didn't work. It turned out that I used the company network at work and my home network at home, and then I turned on my own hotspot to try to publish, and sure enough, it was successfully published.

I haven't found the reason for this problem yet. Does Baidu's mini program limit IP when it is released? I hope Baidu can give me an answer to this question. It may also be because I was careless and didn't see it. Students who encounter the same problem, why not try to use your mobile phone to open a hotspot for the computer to carry the bag...

3. Stepping into the pit of textarea component

This bug is not necessarily present, but sometimes it will appear. The placeholder attribute in the developer tool is set to invalid and not displayed. Occasionally, penetration will occur on mobile phones, and the focus of the input box will move to the bottom and overlap with other modules. Clicking the place where you originally wanted to input is invalid because the input focus is no longer here. The submit button is also in the original place, but clicking it is invalid because you don’t know where it has moved to. It should be that everything in this place has been moved down. The solution is to set the default overflow attribute. There are more problems. Due to the short development time, other problems have not been tested.

4. The problem has not been solved yet

When the rich-text component parses text data in string mode, all data on the page is blank, no error is reported, and data cannot be printed in js, so this problem has not been solved yet. The problem of no error information is difficult to solve, especially for a newbie like me who has never developed a mini program. Due to time constraints, I temporarily use the bdparse plug-in to render data, but because the plug-in consumes some performance, the page rendering speed has some problems, so I still want to find the problem and use native components to render data

In addition, our programmer brother asked me to tell you: When you encounter some problems and cannot find relevant answers to Baidu Mini Programs, you can try to use the solution to the same problem using WeChat Mini Programs, which may be helpful to you.

There are indeed various problems with natively developed mini programs, but mini programs are a trend, and if you don’t keep up, you may be eliminated. So I hope everyone will find a way to solve the problem when they encounter it, and successfully launch their own mini program!