plugins, services - Profit Hunter

On April 21, Google began to lower sites that were not optimized for portable devices in mobile output. This has led many to take action and align their sites with the concept of mobile-friendly. And this is not surprising:

  • 23% of sales on the Internet today are done via phones.
  • The World Wide Web is increasingly used by owners of smartphones and mobile PCs.
  • 52% of tablet owners make purchases from their portable gadgets.

As the number of mobile users grows by leaps and bounds, and Internet users are moving from desktop PCs to phones and tablets, you should think about the viability of your Internet project and whether it can exist in the future permanently increasing competition. It is for this reason that it is important to take care of responsive design today.

How does your Internet resource look like in the eyes of search engines? Do you have to scale up, scroll the text horizontally to at least read it? In this case, you can lose a large proportion of users, worsen behavioral factors. Because of this, the site is reduced in issuance and attendance suffers. Users sometimes visit dozens of Internet resources per day, so they are likely to miss uncomfortable content and not learn to save time.

How to make website design responsive

  1. Of course, if you are an expert in web programming, you can write HTML 5 code using special design and adaptive designs . If not, you can hire a professional for this purpose. However, there are ways easier.
  2. So, if your website is built on the basis of a CMS (for example, Joomla or Wordpress), you can initially purchase or download a template adapted for different devices, and then uniquely own it.
  3. There is another way to create media queries in CSS3. They represent the conditions that you can register in order for the pages to appear in one way or another, depending on the size of the browser window and the device used. For example, you can set a condition (@media rule) to display specific styles if the screen width is less than 600 pixels. However, this is just one example. Conditions much more. If you understand something in the CSS layout, it’s not very difficult to deal with media queries.
  4. Application of frameworks is another way that designers like to use for the simplicity of their implementation. With the ability to work with adaptive frameworks, you can save a lot of time. Their list can be found on the website Beloweb. ru.

Services for the mobile version of the site

Well, if you find it difficult to deal with the layout, and you are far from working with the code, use the services to design the mobile site .

Dudamobile. com. With the help of the service, you can quickly create a decent resource option for laptops and mobile phones. There are lots of flexible settings. The only negative is a paid service, it costs $ 9 per month, but you can also choose to use it for free with the mobile version placed on the dudamobile subdomain and advertising service.

Mippin. com. Differs in a small number of settings. The site will be convenient to open on almost all mobile gadgets, since the data is taken from the rss feed.

Mobify. com. Constructor for adapting resources for iPad and smartphones. It is convenient to use for commercial purposes. You can apply for free, but there are also extended paid features. There is support for Javascript and HTML5. To start creating a portable version of the website, you need to register there. Registration is very easy, confirmation by e-mail is not required. If you have a blog on Wordpress, you will need to install the WordPress Mobile by Mobify plugin to redirect from the main desktop version to the mobile one.

WordPress plugins to adapt to mobile traffic

WPtouch. The plugin supports many portable devices, loads posts on ajax. With the help of the admin panel, you can set flexible settings for design elements in visual mode. Millions of downloads indicate that the plugin is really useful and easy to use.

WP Mobile Detector. Contains advanced mobile statistics, can reduce pictures, format content and identify a large number of devices (about 5000 phones). Mobile Detector is one of the first plug-ins that "learned" to distinguish between smartphones and regular phones.

MobilePress. This is a lightweight plugin that minimizes the site load. In the mobile version, all "heavy" elements, such as advertisements, widgets, etc., are excluded. The selection of design settings is not rich here, since the initial purpose of MobilePress was to quickly load the site on portable devices.

WordPress Mobile Pack .Structural elements in the mobile version are saved, but you can always disable widgets, sidebars, etc. The plugin automatically detects the device and connects the theme depending on its type. Mobile Pack provides statistics, there are a large number of settings. So, you can change the fonts, their size and color, add your own logo and graphic elements. The plugin easily adapts the site to different sizes, screen orientation, browsers.

Thus, even without having an idea about the layout, today you can put an adaptive template for a website / blog or construct something using online services. Give him some time - and your visitors will thank you for increasing conversion and improving behavioral factors.

Like articles? Subscribe to the newsletter!

Search

Related Articles