How to do SEO optimization for mobile websites
Source: Shangpin China |
Type: website encyclopedia |
Time: November 24, 2015
How to do SEO optimization for mobile websites? Below by Beijing Website Design The company Shangpin China would like to share with you:
1. Mobile station positioning and page design
In addition to different page sizes and presentation forms, mobile phone stations and PC stations need to do both in analyzing user needs. For example, for a local decoration website, the PC station focuses on showing the decoration renderings, decoration quotations and the company's decoration designer style, so the mobile station should focus on the company's contact information, map, telephone, etc. Mobile websites need to be "timely and fast".
Taking into account Marketing website construction The overall page should be written in div+css code. Don't use flash or js for the convenience of graphics. It is difficult for search engines to crawl. There are many mobile browsers, such as UC, which does not support flash playback. You need to install a separate mobile false, but how can users have so much time to wait?
Many smart phones don't support java programs, so websites should be developed in php.
2. Mobile phone stations should be simple and generous
Users can browse content on their mobile phones, or the screen is larger, or they can browse on their tablet computers, but no matter how large the screen is, it is not as large as the ordinary computer screen. Therefore, the page of the mobile phone station should be more concise, especially for websites with download needs, the download button on the mobile phone station should be clearly displayed in front of users. If you have seen the mobile station of Taiyuan Yahui Decoration Company on your mobile phone, you can clearly feel that when I design the navigation, I do not hide it and display it in the way of drop-down, but tile it on the page, so that users can see where to click to find the content they want.
Also, the content page should not be too long, because users who use mobile phones to browse the website are very pressed for time, and some of them still look at the traffic and network speed in the process of taking a car. Traffic and network speed are a big problem, so if a problem can be solved with a sentence and a picture, don't make a long argument.
For mobile phone stations in shopping malls, in addition to the above points, the most important payment page must be foolproof and simple. This can be done with reference to JD and Taobao. Their payment pages are very good.
3. Pop up window is prohibited in mobile phone station (must be prohibited)
Pop ups are annoying enough for users on PC stations. If you set up a pop up window on a mobile phone or tablet, users are really speechless: "Let's come in, but don't let us look at it with peace of mind.".
4. Which web language is better for mobile station?
I have talked about this in the mobile website optimization tutorial of Zhao Yiming's essay blog, and analyzed the difference between html4 and html5 as mobile stations in detail. Here I can tell you 100% that as long as the user experience is good, you can use any language, not necessarily html5. Do you think the mobile station of Shangpin China Website Production Company is html5?
5. The url path must be normalized
As a mobile phone station, don't buy a new space to save some space. It is best to use a separate secondary domain name as a mobile phone station, such as m.xxx.com or wap.xxx.com.
6. Open configuration between PC station and mobile station
My mobile phone station of the decoration website only updated the content specifically after it went online, without an external link. Now most of the main keywords are ranked on the home page. The most important reason is that my mobile phone station has an open configuration. If you don't know how to do the open configuration, you can see how to do the open configuration on the mobile website in the mobile website optimization section of my blog, which is shown in the form of video, step by step to teach you how to do the open configuration.
7. Other small details
As for robots, maps, keyword settings and other issues, they are the same as those of PC stations. As for PC stations, mobile phone stations do. The title on the home page of the mobile phone station can only write the company brand words, or it can be the same as the title of the PC station.
For responsive websites, we will talk about the relationship between mobile Internet and responsive design. First, we will introduce how to skillfully use responsive design, why performance is very important for mobile terminals, why responsive design cannot be the goal of your website, and finally, technical performance issues will help us better understand this problem.
Since 2000, designers and developers have oversimplified the problem of mobile devices, so that some people still believe that responsive web design can solve all problems.
You must understand that mobile network experience must be as fast as lightning, overriding any goal. A fast, practical, and compatible experience is a challenge for all mobile devices. When you use responsive design, these challenges exist. Focusing on performance from the beginning will make the process easier.
Responsive design is great, but not a master key. If you persist on mobile devices, performance problems may be hidden after the conversion rate. About 11% of websites are responsive, and the number is growing every month, so now is the time to talk about this problem.
According to Guy Podjarny's research, 72% of responsive websites provide the same bytes regardless of screen size, although this will reduce mobile network connectivity. Not all users have the patience to wait for the website to load.
Having a basic understanding of the problems existing in responsive design, we can reduce the losses it brings.
Mobile website from the past
I'm not saying that you should not adopt responsive design or use the sub domain name of m. *. In fact, social sharing is ubiquitous now. It is smart to assign a URL to a document regardless of the device. This does not mean that a single URL should provide the same document or that each device should download the same resource.
Citing Ethan Marcotte, he coined the term "responsive web design".
Most importantly, responsive web design is not intended to replace mobile web pages—— Ethan Marcotte
Interactive, mobile, fast
If we can use some other technologies, we can achieve the benefits of responsive design without affecting the performance of mobile devices. Responsive design never means to solve "performance", which is why we can't blame it. However, it is a big mistake to believe that it can solve all your problems.
Design responsiveness is important because we need to solve the problem of cross desktop and mobile end window size range. But just considering the screen size underestimates mobile devices. The boundary between desktop and mobile is becoming blurred. There are still many possibilities for us based on different devices. However, we cannot determine the function of responsive design through media query. Some critics call it "reliable responsive web design", while others regard it as responsive web design accompanied by modern vision. Without understanding its basic semantics, we need to understand this problem.
Although there is no one size fits all solution that can be applied to various documents, some techniques can be used to improve the existing responsive solutions and maximize the performance.
Realize that each document uses the same URL and the same content for all devices, and the structure is not necessarily the same.
When starting from zero, follow the "move first" approach.
Test what happens when resources are loaded and displayed on a real device. Don't rely on adjusting your desktop browser.
Use optimization tools to measure and improve performance.
The response image is transmitted through JavaScript, although we expect browser providers (such as srcset) to solve this problem
When you need the current device to meet the loading conditions, only JavaScript will be loaded, which will occur after the onload event.
For mobile devices, inline the original view of the document, or send a screen of display content.
Use one or more of the following technologies to apply intelligent responsive solutions: conditional loading, group response, server layer (such as adaptive methods).
Conditional loading
Do not always rely on media queries in CSS, because the browser will load and parse all selectors and styles for all devices (discussed in detail later). This means that the phone needs to download and parse CSS for a large screen. Because of the rendering of CSS blocks, you have to waste some time waiting for the connection to succeed.
Replace CSS media queries with JavaScript matchMedia queries on the device. You know that these contents will not change. For example, we all know that the iPhone cannot be dynamically converted to the iPad specifications, so we only use CSS when we need it.
Feature detection, such as Modernizr, can be used to make more intelligent decisions about UI and functionality rather than just screen size.
Respond by Group
When dealing with simple documents and providing the same HTML for desktops and smartphones, although we can make all screens rely on a single HTML foundation and responsive design, this is not always the best solution. Why? It is also due to the performance of mobile devices.
Even though we store the same document on the server side, we give users different documents according to different device groups. For example, provide a large floating menu for a 6-inch or larger screen, and a hamburger menu for a small screen. In each group, response time technology is used to adapt to different scenes, such as the conversion of portrait mode and landscape mode, switching between iPhone (320 pixels wide), 5-inch Android device (360 inches) and tablet (400 pixels).
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
