On today’s round-table, Sallie Goetsch and John Locke joined the show’s co-host Kim Shivler to share tips for making your websites mobile friendly along with recent news stories.
While mobile responsive design has been around for many years, and you would think everyone was designing this way by now, we find that many people still ignore it.
From large background videos that don’t load well on phones to content that is designed for a print layout not online layout, we still see major issues trying to access websites from a mobile device.
John’s top tips included:
- Pay attention to the typography. He finds many sites with small fonts that are not legible on mobile. He recommends font sizes of at least 16 pixels.
- Tap targets, those buttons you must tap with your finger on a mobile device, need to be big enough to tap on.
- John recommends going into the Google Search Console and check your mobile usability. Google provides tips for what is problematic in your content. One he frequently sees is content that is too wide for the screen. This can often be fixed by setting “overflow x hidden” in your CSS.
Sallie’s top tips included:
- Avoid popup ads. Google has warned us about using popups and on phones they are often impossible to close.
- Make sure to take advantage of WordPress’s responsive images. Send small images to lighten the weight and make sure the site loads fast.
- Beware of sidebars. These usually move to the bottom of the text, so don’t place your most important content here.
- Test everything on mobile devices to see exactly how it works.
While we all should be developing our sites for mobile devices, many people are still focused on the desktop. Using these tips, you can make your site more friendly to those looking at you on phones and tablets.
This Week’s News and Discussion Stories
1 – Four Things I’d Like to See in This Year’s State of the Word
2 – Video Backgrounds Suck. Ban Them From Your Website
This Week’s Panel of WordPress Experts
Join us on Facebook every Friday at 8:30 am PST