To ensure that your site appears in search results, see below to learn how to configure your site for multiple devices and how to help your search engine understand your site.

Choose your mobile site configuration
Three ways to implement mobile sites

Here are three main ways you can use these methods to implement mobile sites that allow websites to handle all types and sizes of view screens. The following is a comparison of the three methods:

Configure my URL to remain the same? Will my HTML remain the same?
Adaptive design yes yes
Dynamically provided content yes no
Separate URL no no
Adaptive design: This method provides the same HTML code through the same URL, regardless of the device (desktop, tablet, mobile, non-visual browser) used by the user, but can be presented in different ways depending on the screen size ( Ie "response") to display the content. The adaptive design is Google's recommended design style.
Dynamic content: This method uses the same URL, regardless of the device used by the user, but generates different versions of HTML for different device types based on the server's knowledge of the browser used by the user.
Separate URL: This method uses a separate URL to provide different code for each device. This configuration will attempt to detect the device that the user is using, and then use the HTTP redirect and the Vary HTTP header to redirect to the appropriate page.
Google does not prefer a specific URL pattern, as long as the page and all web properties are available to all Googlebot users.

For more information on how to choose a mobile site configuration (and to weigh the pros and cons of each method), see Building a website for a multi-screen consumer.

Tips for building a mobile site

Later, we'll discuss other configurations that you can choose to build a mobile-friendly site. However, regardless of which configuration you choose, you should note the following points.

When a page is in a mobile-friendly format, it should be shown to Google (when the page has a peer-to-peer page that is formatted for mobile devices). This helps Google to accurately provide search content to mobile devices in search results.
Make sure resources are available for crawling. Do not use robots.txt to block search engines from accessing important files on your site that help render web pages, including ads. If Googlebot can not access the web's resources (such as CSS, JavaScript, or images), we may not be able to detect that this is a webpage for mobile browsers. That is, we may not be able to detect that this is a web page that is suitable for browsing on a mobile device and can not provide this page to the mobile device search user in an appropriate way.
Avoid common bugs that can cause trouble with mobile device visitors, such as video that can not be played (this happens when Flash video is an important part of a web page). If the mobile page does not provide a satisfactory search experience, the ranking in the mobile search results will drop or be accompanied by a warning when it appears in the mobile search results. For more information, see the "Common Errors" section.
Understand the differences between devices

Mobile device: In this document, "mobile" or "mobile device" refers to a smartphone, such as a mobile phone running Android, iPhone or Windows Phone. Although mobile devices have smaller screen sizes and, in most cases, their default screen orientation is portrait, but mobile browsers are similar to desktop browsers and can display a variety of HTML5 specifications.

Tablet: We see Tablet PCs as a separate device category, so when referring to mobile devices, the tablet is not usually included in the definition. Relatively speaking, the Tablet PC screen to be larger. This means that unless you provide content optimized for your tablet, users will be able to see how the desktop browser will appear instead of the smartphone browser when they browse the site through a tablet.

Multimedia phone: This type of mobile browser uses a browser that conforms to the XHTML coding standard; supports HTML5 tags, Javascript / ECMAscript, but may not support some HTML5 standard extension APIs. This usually refers to most browsers with 3G-enabled phones (non-smartphones).

Feature phones: The browsers used in these phones do not display standard desktop pages that use standard HTML encoding, including browsers that only render pages that use cHTML (iMode), WML, XHTML-MPF, and other languages.

Note: Our recommendations are primarily for smartphones, but we also encourage owners of multimedia mobile and feature mobile sites to adopt these recommendations in a timely manner.