Up until 2010 there was very little to say about mobile.
But with the advent of social networks the use of portable devices such as smartphones and tablets has
certainly spread widely.
You probably already know that these devices are not only used for entertainment but in many cases for
daily research and they have replaced the use of the classic desktop the term mobile Ezio was born with
the need to optimize Web sites in order to provide optimal consultation of the web pages from various
portable devices today.
About 60 percent of the searches performed on Google are done via mobile devices.
And this trend is constantly.
I'm not implying that laptops will be abandoned because notebooks and mobile devices respond to different
needs data regarding the use of mobile devices vary according to the niche market time of year geo location
and many other factors.
I can often see a massive presence of these devices among my Web site as in the following case from
my point of view there is now a mass of people entering the Internet world who in the past did not own
a computer or if they did they used it very little let us remember that it was exactly Google who released
a mobile friendly update or mobile get in in 2015 in order to penalize those Web sites that were not
optimized for mobile access.
Furthermore in 2008 18 Google announced the mobile first index.
From that moment on the search results are based on indexing the Web site's mobile version.
This obviously also affects desktop searches.
There are two separate approaches when it comes to optimization for mobile.
Multiple versions with this type of approach.
There are two sites created site dot com and MDA dot com.
An automatic redirect takes the user to the correct version based on the type of device they are using.
Otherwise while keeping the same you URL a dynamic system loads different HTC Mel and CSX based on the
type of device used the disadvantage is that in terms of content and technical management this solution
becomes particularly complex.
Responsive design the page layout adapts according to the users resolution maintaining the same U.R.L.
and avoiding redirects.
I've always been a fan of this solution because in my opinion it is the best and easiest way to handle
cross device compatibility in order to verify that your website does not have accessibility problems
on mobile devices.
You can use the special Google mobile friendly test which offers many practical indications regarding
the interventions needed consider that you will probably use custom J.S. and CSX.
I would like to anticipate here that blocking these external resources in the robot's not text file
is a bad idea because Google would not be able to view the page correctly in the past Google has released
special updates against invasive pop ups and interstitial in order to improve the user experience.
I also advise you to avoid them on mobile devices because the user will definitely be annoyed by their
presence on such a small device.
Not to mention the potential CEO penalties.
Speaking of mobile CEO I told my students to check their websites for the following aspects loading
speed especially with a 3G mobile connection.
It is essential that the page loads quickly by reducing the size of the included assets readability.
Pay attention to the font size of the characters at least 16 p x and the titles of 50 p x headline may
be acceptable on desktop but on mobile it becomes invasive menu.
Use the famous hamburger menu those three lines that activated drop down menu in the header next to
the logo images.
Make sure that there is a CSX code aiming to adapt the image to the width of the device spaces use spaces
between buttons and paragraphs.
Because on mobile devices the fingers cannot press the correct target if the elements are too close
together.
I would like to conclude this section by talking about Google's ANP accelerated Mobile Pages project
because in my opinion it has been over speculated during the past years ANP is a technology built to
show web pages at an extreme speed on mobile devices.
The websites that use it can be recognized by the lightning icon next to the snippet in the search results
page at a theoretical level.
It seems to help the CTO but at what cost adds management is very limited.
Graphics have restrictions on style sheets and reduce both branding and graphic customization and link
building a back click to your MP version is not a link to your domain but to Google dot com slash ANP
slash S slash site I must say that I tested it out of curiosity but I abandoned it almost right away.
I prefer to optimize the speed of my graphic template rather than having fast pages but with the disadvantages
described above.