The term mobile friendly refers to several things that support the convenience of access via mobile devices and is not limited to the presentation of website content / blogs only, but one of them includes the presentation of website content that supports mobile devices such as smartphones, tablets and other types of gadgets.
To respond to this, there are 2 options strategy commonly used by website / blog :
1. Specifically for access via mobile device
Create a design and web page version specifically for access via mobile device, or the term provides the template / theme mobile version. This concept uses the automatic detection feature when there is access via mobile, so then (after detected) the browser will be redirected to the template / theme mobile version. The most common news sites use this version and use a domain characterized by mobile access on its mobile version (m.domain.com, mobile.domain.com, etc., this is not absolute), for example Facebook (m.facebook.com ). In some platforms, this feature also exists, for example: in Blogger there is a feature mobile version complete with the default template or can be made its custom. In WordPress (self-hosted) there is a pretty popular mobile version plugin, WP-touch.
2. Using Responsive Web Design (RWD)
Using the principle of Responsive Web Design (RWD) to create template / website page design that can be adapted desktop and mobile browser. According to this principle, the web / blog layout must be able to adjust to the width of the browser. Generally, responsive design involves two things: viewport meta tags (used by mobile version jg) and CSS media queries (@mediascreen) to perform the adaptation. In some of the more sophisticated responsive designs, they are complemented by many things, for example: full HTML5 or javascript / jquery usage to enrich the response capability, hide some elements, and give effect to device switches. Templates with RWD principles can be accessed well by various browsers, both for desktop and mobile browsers of various sizes and resolutions.
So, mobile friendly website is a website capable of presenting content for mobile device users well, with one of the two ways above, and not limited to the ability of a template to respond to mobile devices only.
Which one is better? There is no. Both are good when applied appropriately, and bad if misapplied. As mentioned above, major news websites prefer to use two different templates: desktop version and mobile version, to respond to access to two types of devices rather than using responsive template principles. This is because news websites tend to have quite high file weight (because it has a lot of elements). So, if adapted to or replaced with a responsive template / theme, it's likely that the weight will still be high. Although it may be arranged in such a way that some elements are not displayed when accessed via mobile, but this is still seen as less effective.
Not all responsive templates are well-tested when accessed via mobile, as I mentioned in the previous post. On some Blogger templates in particular, there are still many quite heavy when accessed via mobile device browser. So do not be surprised if some Blogger users prefer to use the mobile version rather than using a responsive template and turn off its mobile version features.
How do I know if a website / blog supports this mobile friendly concept?
All may already know, Google recently released a tool to check whether a mobile friendly website:
To respond to this, there are 2 options strategy commonly used by website / blog :
1. Specifically for access via mobile device
Create a design and web page version specifically for access via mobile device, or the term provides the template / theme mobile version. This concept uses the automatic detection feature when there is access via mobile, so then (after detected) the browser will be redirected to the template / theme mobile version. The most common news sites use this version and use a domain characterized by mobile access on its mobile version (m.domain.com, mobile.domain.com, etc., this is not absolute), for example Facebook (m.facebook.com ). In some platforms, this feature also exists, for example: in Blogger there is a feature mobile version complete with the default template or can be made its custom. In WordPress (self-hosted) there is a pretty popular mobile version plugin, WP-touch.
2. Using Responsive Web Design (RWD)
Using the principle of Responsive Web Design (RWD) to create template / website page design that can be adapted desktop and mobile browser. According to this principle, the web / blog layout must be able to adjust to the width of the browser. Generally, responsive design involves two things: viewport meta tags (used by mobile version jg) and CSS media queries (@mediascreen) to perform the adaptation. In some of the more sophisticated responsive designs, they are complemented by many things, for example: full HTML5 or javascript / jquery usage to enrich the response capability, hide some elements, and give effect to device switches. Templates with RWD principles can be accessed well by various browsers, both for desktop and mobile browsers of various sizes and resolutions.
So, mobile friendly website is a website capable of presenting content for mobile device users well, with one of the two ways above, and not limited to the ability of a template to respond to mobile devices only.
Which one is better? There is no. Both are good when applied appropriately, and bad if misapplied. As mentioned above, major news websites prefer to use two different templates: desktop version and mobile version, to respond to access to two types of devices rather than using responsive template principles. This is because news websites tend to have quite high file weight (because it has a lot of elements). So, if adapted to or replaced with a responsive template / theme, it's likely that the weight will still be high. Although it may be arranged in such a way that some elements are not displayed when accessed via mobile, but this is still seen as less effective.
Not all responsive templates are well-tested when accessed via mobile, as I mentioned in the previous post. On some Blogger templates in particular, there are still many quite heavy when accessed via mobile device browser. So do not be surprised if some Blogger users prefer to use the mobile version rather than using a responsive template and turn off its mobile version features.
How do I know if a website / blog supports this mobile friendly concept?
All may already know, Google recently released a tool to check whether a mobile friendly website:
There it will be seen whether a website supports the mobile-friendly concept (passing the test or not), either through the use of responsive templates or the use of mobile templates. So the concept of mobile friendly website is not limited to certain web design principles only (eg RWD only).
Examples of tests on blogs with mobile version templates:
for the above picture using responsive template, if for mobile website you can try it yourself
There is actually one more method to present content to mobile users, ie with apps (both for android, iphone, bb, windows mobile etc). Some websites choose to use this way instead of presenting a mobile version or a responsive template. Every user comes from mobile browser, they are not presented mobile version, but redirected to the page that conveys information to download and install the application belongs to the website.
Which one is better? All depends on the choice and strategy that will be carried. What is clear, make sure visitors from mobile devices get the same enjoyment with desktop visitors, and one of the benchmarks is the speed of access / loading pages. Moreover loading the page also so benchmark SEO assessment, then mobile friendly is not enough for SEO if not pay attention to the speed of access. Both are synergistic, because it is closely related to the convenience of users in accessing web pages / blogs.
Write markup in comments
- To write letters bold using
<strong></strong>or<b></b>. - To write letters italic using
<em></em>or<i></i>. - To write letters underline using
<u></u>. - To write letters strikethrought using
<strike></strike>. - To write HTML code use
<code></code>or<pre></pre>or<pre><code></code></pre>, and please parse code in the parser box below.
Choose the Comment System