• info@creativabali.com

Mobile Friendly Concept And Application On Blog/Website

Mobile Friendly Concept And Application On Blog/Website

Mobile friendly is a new term of the development of the blogging world that is now being discussed by bloggers busy. Many assert that to be successful, a blog or website that we have today should be "mobile friendly"? Is that right?

Mobile friendly is a term in the blogging world that refers to some of the things that promote comfort and ease of access to the content of the website/blog via mobile devices such as smartphones, tablets, and other types of gadgets. With their support on mobile devices means a blog required to be able to adjust to maximum performance in order to work well on mobile devices.

The term mobile friendly itself appear for their massive technological developments in mobile devices are integrated with good internet. Because of this then a lot of people who then prefer accessing your blog or website through mobile devices because they are more comfortable and easier.

To cope with this, there are two strategies that can be selected by bloggers to be applied on a website/blog:

1. Creating a Web Page Design and Special Versions

This strategy requires bloggers to provide a template or blog theme that is mobile version. With this blog will have a detection feature that will work automatically when there is access through mobiledengan redirect the browser to the template/theme of the mobile version.

Usually the big sites most commonly use this version and use the domain characterized by a mobile access to the mobile version of its pages like m.domain.com, mobile.domain.com, etc. Maybe you've seen Facebook that read access m.facebook.com, well that's an example.

In some platforms, mobile features is also supplied as Blogger which provides mobile version features complete with default templates or a custom version of its and WordPress (self-hosted), which also provides a mobile version of the plugin is quite popular, namely WP-touch.

2. Using the principle of Responsive Web Design (RWD)

The use of this strategy is used to create the template/design web pages that can be adapted with browser desktop and mobile. According to this principle, the layout of the web/blog to be able to adjust to the width of the browser.

Generally, responsive design will involve two things: the viewport meta tag (used mobile version) and CSS media queries (@mediascreen). In some responsive design more sophisticated, this strategy is complemented by a variety of things like HTML5 as a whole or the use of javascript/jquery to increase response capability, to hide some of the elements as well as provide specific effects when switching devices.

With the template with the principles of this RWD then the website can be accessed either by various browsers, both desktop and mobile browsers various sizes and resolutions.

For users responsive template itself, you do have to consistently advance testing to ensure that your website is really "mobile friendly". So how to we can know that a website/blog has supported the concept of this mobile friendly? How you can use the tool of Google to check with the address that is https://www.google.com/webmasters/tools/mobile-friendly/.

Share This

About the Author

Novi Candrasari's Photo

Novi Candrasari - CEO

Designer, system analyst, and writer. Can't live without coffee, internet, computer, gadget, and books.