How to create the Desktop and Mobile versions of a website
Website
Author
author
Date
2020-07-16 20:52
Views
2083
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 |
103 |
Join a Microsoft Teams meeting
author
|
2020.09.22
|
Votes 0
|
Views 3876
|
author | 2020.09.22 | 0 | 3876 |
102 |
How to delete songs and albums from your Google Play Music library
author
|
2020.09.19
|
Votes 0
|
Views 4075
|
author | 2020.09.19 | 0 | 4075 |
101 |
Watch Prime Video on Chromecast
author
|
2020.09.14
|
Votes 0
|
Views 4083
|
author | 2020.09.14 | 0 | 4083 |
100 |
How to Fix the Windows 10 We Couldn’t Connect to the Update Service Issue (2)
author
|
2020.09.09
|
Votes 0
|
Views 4873
|
author | 2020.09.09 | 0 | 4873 |
99 |
IONOS Joomla! Standard Installation
author
|
2020.09.02
|
Votes 0
|
Views 2630
|
author | 2020.09.02 | 0 | 2630 |
98 |
How to improve the life of a Battery: (1)
author
|
2020.08.25
|
Votes 0
|
Views 2666
|
author | 2020.08.25 | 0 | 2666 |
97 |
Laptop battery not charging
author
|
2020.08.21
|
Votes 0
|
Views 2977
|
author | 2020.08.21 | 0 | 2977 |
96 |
Plugged in, not charging (1)
author
|
2020.08.21
|
Votes 0
|
Views 2763
|
author | 2020.08.21 | 0 | 2763 |
95 |
How to add reCaptcha plugin to a custom form on my WordPress website?
author
|
2020.08.13
|
Votes 0
|
Views 2987
|
author | 2020.08.13 | 0 | 2987 |
94 |
I can't log in to the WordPress admin dashboard after installing and activating Limit Attempts plugin
author
|
2020.08.13
|
Votes 0
|
Views 2663
|
author | 2020.08.13 | 0 | 2663 |