Mobile Friendly? 
Author: Jo H.
Visited 2802,
Followers 2,
Shared 0
Does Website X5 Evolution 11 produce websites that are optimized for mobile phone viewing as I gather they are more google friendly and that this is now a factor in the google algorithms as there are more internet searches using mobile phones rather than Desktop computers.
Posted on the
Website X5 Evolution 11 does not pruduce mobile friendly pages. Google Webmaster Tools always tell me that my pages are not designed for mobile devices. The reason is the fixed width of the pages. I have no idea how to fix it.
Hello Jo,
The websites made with the program are correctly displayed on mobile devices but there is also the option to use a mobile template for the website or to create a copy of the project where you use instead of the template you select the mobile template and then you upload the mobile friendly version in a subfolder on your hosting space.
Google explains how to set everything correctly here: https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/separate-urls
Many thanks!
Hi
For mobile templates set your page width to 320px and only use 1 column, you can use 2 columns but 1 column is better check out this template on your mobile device it passes the google mobile test http://www.x5tuts.com/template/tamarillo/
Hello,
Is this the correct method? I have read the google information i get with their emails, and it talks about making pages with certain viewport device (non fixed) settings in order to have a single page look correct in both desktop and mobile versions.
Is it not possible to do this in X5?
Is there any plans to have this in future versions, and the ability to see a visualisation of how the page will look in a mobile device?
If you have two sites, will X5 have code to easily detect the device and direct the user to the correct version?
Obviously all this can be done, if you spend a lot of time reading and adding code to pages, but thats not really the point of X5 is it.
Thanks
Hello P. S.,
Google allows different methods and by using a mobile template this will be accepted by google.
There are many free custom HTML codes which can be used to detect a mobile device or as alternative you can use the welcome page with a link to the desktop version and to the mobile version.
Many thanks!
The code in Tamarillo template sets the device width, so you don't have to worry and just edit the template.
regards
jamie
The redirection script that we have in the x5tuts template does all this for you, all you have to do is add 3 lines of code to make it work, the script already includes all the mobile devices and we constantly keep it updated.
regards
jamie
Using separate URL's for different devices is accepted by Google, but not preferred. Within the X5 generated scripts the viewport is set at a fixed value and on the device it is usually adjusted to the screen-size. X5 hasn't got the possibility to define block-sizes with % nor to set font-sizes with em. At this time there's no other way using just thje software, I also would like to see otherwise in V12. Disadvantage of this method is, that you need a separate copy for each screensize-group, but that's also the advantage. We use it to offer different graphics and functionality to different screensizes. Lean an mean for mobile to feature-packed on HD and up.
This is how we do it:
Our projects always have 'start.html' as homepage, the index.html is a java-script that redirects to the suitable version for the device it's running on. By pointing a pictogram in the website header directly to one of the start.html's the user can decide to switch to another representation without it switching back to the one the software is thinking is the best.
The javascript looks like: (There is definitely room for improvement)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Subject of the website</title>
</head>
<body>
<script type="text/javascript">
if (screen.width < 656) {
[removed].replace("http://your_website.com/mobile/start.html");
} else if (screen.width > 1910) {
[removed].replace("http://your_website.com/hd/start.html");
} else {
[removed].replace("http://your_website.com/desktop/start.html");
}
</script>
</body>
</html>
Theoreticly it's also possible to pass the height and width of the screen, but that only works with .php files and I haven't found any use for it yet.
Our website is http://frieslandbeweegt.frl
The [removed] should read [removed]
That's not very helpful...
[removed] shoud read window dot location