|
|
|
|
|
- Overview
- Principe and operating mode
- How to?
- Configuration
- Remarks
- Testing a "Dynamic serving" site
"Dynamic serving" is a technique where the same URL address leads to 2 different pages: a page for PC and a page for mobile devices. The page will be displayed according to the device (PC or mobile) that opens it. This is an alternate solution (even complementary) to " Responsive Web Design" to make a standard site "mobile friendly". With "Dynamic serving", you no longer need to modify the existing pages. You only need to add mobile-specific pages. This technique benefits from an excellent SEO by Google. Note: "Dynamic serving" is available for dynamic pages and non-standalone Active WEBDEV pages. Principe and operating mode The site should consist of two sets of pages: PC-specific and mobile-specific pages. These pages are associated in groups of 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 is adapted to the system. All the links and pages open in the code are automatically redirected to the corresponding page in the current platform. Remarks: - The detection of the environment is performed according to the Google recommendations: the tablets are not considered as being mobile devices.
- Google detects that the pages are in "Dynamic serving" mode. Therefore, the different page versions are optimized. If the mobile pages are developed properly, the site is considered as "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.
Configuration To use "Dynamic serving" in a WEBDEV website: - 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. Remarks - 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.
- Controls manipulated from outside the page (using the syntax: <Page name>.<Control name>) must be present on both associated pages.
- 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.
Note: This option is only available for testing a page or website. It can be enabled/disabled for testing a website or page using the GO icon.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|