Creating Mobile websites
If your website isn’t mobile-friendly, then you could be losing a portion of your customers. Research by Google has uncovered that mobile surpassed desktop searches back in 2015.
If you don’t know if you’re website is mobile-friendly test it with Google’s mobile-friendly testing tool.
When creating a mobile-friendly website, you have three choices:
Google doesn’t favour a particular approach when ranking websites. But, responsive design is Google’s recommended design pattern.
Best practices for creating a Mobile website:
- Google recommends using Responsive Web Design over other design patterns.
- Use meta name=”viewport” tag to tell the browser how to adjust the content.
Common mistakes to avoid:
- Unplayable Content
- Faulty Redirects
- Mobile-Only 404s
- Avoid interstitials
- Irrelevant Cross Links
- Slow Mobile Pages
- Incorrect viewport configuration
- Small font size
- Touch elements too close
If you’ve submitted your website to Google Search Console, you can use the mobile usability report to fix mobile usability issues affecting your site.
Google now indexes websites by the mobile version of the website content. In the past, Google has always used the desktop version to rank websites.
So, this means that mobile SEO is more important than ever. And optimising your website for mobile-first indexing is vital.
Best practices for mobile-first indexing:
- Your mobile site should contain the same content as your desktop site
- Structured data should be present in both versions of your site.
- Metadata (page titles and meta descriptions) should be present on both versions of the site.
If your website uses responsive design, it’s likely that you don’t need to do anything to prepare for the mobile first index. But, I recommend reviewing your configuration to make sure it follows best practices. It’s also crucial that you have tailored your content to a mobile audience.
Improve mobile site speed
Page speed will be a mobile search ranking factor by July 2018, and it’s critical to improve site speed. Improving page speed can be very technical, and it’s best left to an experienced developer.
The future of mobile SEO: AMP & PWAs
Technology for improving the mobile experience is advancing at a blistering pace. Two approaches gaining traction are Accelerated Mobile Pages (AMP) and Progressive Web Apps (PWAs). Both AMP and PWA both aim to provide a better (and faster) experience for mobile users.
Accelerated Mobile Pages (AMP)
AMP is a straightforward way to create web pages that are compelling, smooth, and load near instantaneously for users. The project was designed by Google and Twitter.
Progressive Web Apps (PWAs)
PWAs are web applications that are a regular website, but they appear and act like a native mobile application. They are much faster than a traditional website and aim to provide a better user experience.
I will deep dive into both AMP and PWAs in a mobile SEO guide I’m working on.