- Principe and operating mode
- How to?
- Testing a "Dynamic serving" site
"Dynamic serving" is a technique where the same address (URL) leads to 2 different pages: a page for PC and a page for mobile.
The proper page will be displayed according to the device (PC or mobile) that accesses the page.
This is an alternate solution (even complementary) to "Responsive Web Design
" to make a standard site "mobile friendly". With "Dynamic serving", no need to modify the existing pages: all you have to do is add some for the mobile devices.
This technique benefits from an excellent SEO by Google.
Remarks: "Dynamic serving" is available for the dynamic pages and for the Active WEBDEV Pages (not stand-alone).
Principe and operating mode
The site includes 2 sets of pages: the pages for computer and the pages for mobile device. These pages are associated 2 by 2.
When the page address is typed in the browser, the environment used is automatically detected and the corresponding page (computer or mobile device) is displayed in the browser. The address displayed in the browser does not change: only the content displayed is adapted to the system.
All the links and the pages opened in the code are automatically redirected to the corresponding page in the current platform.
- The detection of the environment is performed according to the Google recommendations: the tablets are not considered as being mobile devices.
- The pages are identified by Google as being in "Dynamic serving" mode. Therefore, the different page versions are optimized. If the mobile pages are developed properly, the site is considered as being "Mobile friendly".
- Caution, Dynamic Serving is not available on a PHP server. However, for a mixed site that would mix dynamic and PHP, the Active WEBDEV Pages that reference PHP pages must use Dynamic Serving. In this case, the PHP pages are listed by Dynamic Serving.
To use "Dynamic serving" in a WEBDEV site:
- Create the pages specific to the mobile interface in your project.
- On the "Project" tab, in the "Web" group, expand "SEO" and select "Dynamic Serving".
- The window that is displayed includes three sections:
- 1. The list of common pages (displayed regardless of the platform).
- 2. The list of pages for computer.
- 3. The list of pages for mobile.
- To perform page associations:
- In the "Common pages" list, select the page corresponding to the "Computer version" page.
- Drag and Drop the page to the "Computer version" section or click .
- The corresponding "Mobile version" section appears in red.
- In the "Common pages" list, select the page corresponding to the "Mobile version" page.
- Drag and Drop the page to the "Mobile version" section or click .
When all the associations are performed, validate the window.
- The associations are saved in the pages. If your pages are found in the SCM, a check-out of mobile pages is requested.
- The associated pages must have the same prototype. If the expected parameters are not the same, the pages are displayed on a red background in the window for managing the associations.
- Stand-alone Active WEBDEV Pages cannot be associated.
- The controls used from the outside of the page (syntax: <Page name>.<Control name>) must be found in the two pages of the association.
- DynamicServingConfigure is used to create a "Mobile site" link or a "Site for computer" link that forces the display of the site for a given environment.
Testing a "Dynamic serving" site
By default, when running the test of a page or site, the "Computer" version of the site is automatically started.
To run the test of a project or page in "Mobile" mode, all you have to do is enable the test option in mobile:
- In the quick access buttons, expand the Combo Box found beside the requested "GO" icon (page test or project test):
- Select "Debug the mobile version (Dynamic Serving)".
- The next page or project tests will be run in mobile mode. To go back to "Computer" mode, all you have to do is select "Debug the mobile version (Dynamic Serving)" again in order to disable it.
Caution: This option is available in GO mode for page and site. It can be enabled/disabled for the page GO and/or for the site GO only.