Think mobile first when designing your website.
There’s nothing worse than viewing a poorly rendered website on a mobile device and struggling to read overlapping text with cluttered images that run off the page.
Mobile first means mobile responsive. A fully mobile-responsive website design should be a top priority in 2020 to ensure that your visitors have the same user experience across the board from a smartphone, desktop or a tablet.
(Article by Bridget O’Connor on www.business2community.com 16 January 2020)
Aside from potentially poor viewing aesthetics in mobile devices, it’s now imperative to have a mobile-responsive website in order to rank in Google. At 1 July 2019 Google announced that “all new websites previously unknown to Google Search” will be indexed using mobile-first indexing. In other words, Google now crawls and indexes your website based on how it renders on a mobile phone versus a desktop computer.
How Can I Test My Site?
Here are 4 ways you can switch your website from desktop to mobile device view:
- Open your website and select anywhere on your page and right-click. You will see a list of options appear. Select the bottom option, ‘Inspect’.
- Step 1: Click on the multi-device icon as seen below. This will reduce the size of your website.
- Step 2. Select from the ‘Responsive’ drop down options to see how your website fares in a number of mobile device views.
- If you’re designing a WordPress site and using a page builder like Beaver Builder, you can select the module you’re working on and choose the mobile view from the Advanced tab to see how the site looks.
- WordPress has its own built-in mobile device preview option via Customize which is located in the admin panel. This comes in handy when you want to take a quick view of your mobile design.
- Free tools such as responsivedesignchecker will show how your site looks in different device options.
Read the full article here