How to create the Desktop and Mobile versions of a website
Website
Author
author
Date
2020-07-16 20:52
Views
1240
Modified on: Thu, 28 Nov, 2019 at 12:23 PM
There are several ways of giving users the best possible navigation experience when visiting a Website, whatever device they are using. One way is to adopt a Responsive Web Design, a design criterion that involves creating a single website that automatically adapts itself to the various devices. Another way is to create separate versions of the same website, each one published on a different URL and optimized to be displayed on a specific device.
A configuration with separate URLs, with respect to a Responsive Web Design, allows you to build less complicated projects, because each one is designed specifically for a certain type of device, but the disadvantage is that all the updates and changes have to be repeated for all the Projects.
If you prefer this second solution, you will need to:
Compatibility:
WebSite X5 Pro
There are several ways of giving users the best possible navigation experience when visiting a Website, whatever device they are using. One way is to adopt a Responsive Web Design, a design criterion that involves creating a single website that automatically adapts itself to the various devices. Another way is to create separate versions of the same website, each one published on a different URL and optimized to be displayed on a specific device.
A configuration with separate URLs, with respect to a Responsive Web Design, allows you to build less complicated projects, because each one is designed specifically for a certain type of device, but the disadvantage is that all the updates and changes have to be repeated for all the Projects.
If you prefer this second solution, you will need to:
- Create a different project for each website version, each one optimized for a specific resolution.
- Set up a redirection according to the device resolution.
- Add the necessary notes in the page code so that Google algorithms can properly interpret each page as alternative versions of the same content. This step is crucial to avoid any penalization due to duplicate contents.
- Upload the websites online
Total Reply 0
Total 104
Number | Title | Author | Date | Votes | Views |
73 |
Website not working in smartphone view (6)
author
|
2020.07.16
|
Votes 0
|
Views 1241
|
author | 2020.07.16 | 0 | 1241 |
72 |
LiveChat Object. How to add a chat
author
|
2020.07.16
|
Votes 0
|
Views 1240
|
author | 2020.07.16 | 0 | 1240 |
71 |
RESPONSIVE DESIGN TROUBLES (2)
author
|
2020.07.16
|
Votes 0
|
Views 1468
|
author | 2020.07.16 | 0 | 1468 |
70 |
How to check the correct functioning of a responsive Website using the local Preview
author
|
2020.07.16
|
Votes 0
|
Views 1225
|
author | 2020.07.16 | 0 | 1225 |
69 |
How to change Header and Footer
author
|
2020.07.16
|
Votes 0
|
Views 1262
|
author | 2020.07.16 | 0 | 1262 |
68 |
How to manage the contents of a responsive website
author
|
2020.07.16
|
Votes 0
|
Views 1382
|
author | 2020.07.16 | 0 | 1382 |
67 |
How to set up a redirection according to the device resolution
author
|
2020.07.16
|
Votes 0
|
Views 1211
|
author | 2020.07.16 | 0 | 1211 |
66 |
How to correctly report the Desktop and Mobile URLs in the page code
author
|
2020.07.16
|
Votes 0
|
Views 1385
|
author | 2020.07.16 | 0 | 1385 |
65 |
How to create the Desktop and Mobile versions of a website
author
|
2020.07.16
|
Votes 0
|
Views 1240
|
author | 2020.07.16 | 0 | 1240 |
64 |
How to create a Responsive Website
author
|
2020.07.16
|
Votes 0
|
Views 1249
|
author | 2020.07.16 | 0 | 1249 |