Table of Contents
Mobile isn’t just the way of the future. It’s the way of the now. Google is working on splitting desktop and mobile into separate indexes. And mobile will be primary. SEOs like myself have been pushing mobile for the better part of five years now. It’s no longer a new idea. Research shows mobile users outpaced desktop as of 2014. That was a long time ago. Did you know mobile devices are our primary connection to the Internet? In fact, mobile accounts for 71% of total online time in the U.S. It’s not just mobile, but smartphones specifically. We love our smartphones! They’re used more than desktops, laptops, and tablets. Knowing all this, it only makes sense to optimize your website for mobile devices, right? But how exactly do we do that? Mobile search is different than desktop search in a few ways. People are increasingly using apps, voice assistants, and IoT devices for online searches. We also use mobile devices on the go. The context of mobile search can be different than on desktop devices. So making sure your website shows up in mobile search is now mandatory. To get you started, I put together my list of the best ways to make sure your website shows up on mobile SERPs. Let’s get right into it.
Use Accelerated Mobile Pages (AMP) markupAs of February 2016, AMP has been officially integrated into Google’s mobile search results. This means you’ll reap some very important benefits by implementing AMP markup into your web page. First, you’ll be included in Google’s SERPs above search results and even paid results for certain searches. Are you starting to see why AMP is important? It’s meant to strip mobile pages of all the bells and whistles to focus only on the necessary components. Google and other search providers are making this push to force web developers to create simpler designs with fewer load times. There are three components to successfully implementing AMP into your website’s structure.
- AMP HTML – This redesigned HTML uses custom AMP-related commands for more dynamic mobile content.
- AMP CDN – A Google-hosted content delivery network with cached content.
Implement Schema markupYou already know I’m a fan of structured data. It’s one of the few technical parts of digital marketing I like to roll up my sleeves for. This is because structured schema data can trump all other SEO efforts by answering a specific user question well enough to be featured as essentially the only answer. It doesn’t take a technical genius to get started. There’s a plugin for WordPress called Schema App Structured Data that I love. Google has long been working on providing simple answers to user queries. When we search the term “what is content marketing?” for example, we are presented with an infobox with answers to related questions. By answering as many specific user questions as possible in your blog, you’ll gain more exposure. Of course, that’s only if you implement schema markup. But that’s not the only benefit. Check out this search of “food subscription boxes.” Buzzfeed’s schema allows it to outrank everything but the PPC campaigns for Blue Apron and HelloFresh (neither of which is shown in the preview of Buzzfeed’s article). Essentially, Buzzfeed put a list within a list of the search results. This once again proves the success of listicles online (and Buzzfeed’s mastery of them). Even the PPC campaign for the term is somewhat high at nearly $6. Using elbow grease instead of spending money is never a bad idea. We still have some more technical stuff to go through, so I hope you’re still with me. Don’t worry. It doesn’t get too wonky.
Choose a responsive web designEver since Mobilegeddon in 2015, responsive web design has been mandatory to maintain rankings. And Google has made it very clear it’s only going to continue prioritizing mobile design. Responsive HTML adapts according to the screen size and orientation of the device viewing the content. For example, the code for a fixed-width column looks like this. This is non-responsive HTML that will fix the width at 320px. While this will display well on an iPhone, it’s going to look terrible on a desktop or tablet. Instead of considering every possible screen size for every device, this simple, responsive code can be used. It’s sleeker, simpler, and much more powerful. These simple changes ensure that every image and character on your website is displayed exactly how you want. On a desktop, the weather report may be landscape. But on mobile devices, this information needs to be displayed vertically. Responsive design is the most effective way to personalize each end user’s experience while also minimizing HTML code on your end. Of course, you don’t even have to program your website yourself. Many people and businesses use WordPress. Thankfully, the WPBeginner editorial staff put together a great list of the best responsive themes for any website. Now we need to talk about images.
Compress imagesImages are necessary for dynamic web content. You’ll notice I use a ton of graphs, screenshots, videos, and other visual content throughout my blogs. It’s no accident. Visual content is a top priority for digital marketers. As a general rule, I like to have at least one image for every 100 words throughout my blogs. That means there are a TON of images on my web servers. In fact, a large portion of my monthly spending is just for images. While we want high-quality images, it’s also important to not take up a lot of space. Compressing images frees up space while decreasing page load times. It’s a win-win for everyone! Here’s a quick chart explaining how image file formats differ in lossless compression and other attributes. PNG is most often recommended for its ability to compress up to 95% in Photoshop with little loss in quality. This is because web optimization is much different than print. It takes time on the front end, but optimizing all image and video files before uploading them to your website saves a LOT of time and money in the long run. While visual content is important, there’s one type of visual content that needs to be removed from your site. Can you guess what it is?
Remove FlashI don’t typically like to be negative about much, but Flash is one of those things I was never excited about. Maybe I’m just not technical enough to appreciate it. In the early years of the Internet, Adobe Flash was all the rage. Animated websites were created with overly complicated designs that eventually become too much. Sleek, simple designs like Google, Medium, Craigslist, Facebook, and Amazon prevailed while flashy (pun intended) designs started to fall off. Designs like this may look cool, but they don’t translate at all to mobile. Vulnerabilities in Flash make it even less attractive for web design. It’s also banned from Google’s AMP project. What Flash is great for is games. It can be integrated into apps with amazing results. Flash doesn’t have a place on your website, though. Remove it.
Look at your mobile websiteYour content needs to be mobile-friendly. People naturally see websites in a certain way on mobile devices. Here’s a handy chart to show the hot zones that are being focused on most. It’s much different than the typical F pattern we use to read desktop pages. No amount of design and development can replace looking at your mobile website from a customer’s perspective. You’ll also be able to tighten up your page structure. When the most relevant information follows an image, it’s most likely to be actually read. This is the ideal spot for a CTA or purchase button. These are the types of decisions you can only make by looking at your website. You wouldn’t release an app without beta testing it. Don’t let your website be the weak point of your digital marketing efforts. Speaking of which, don’t forget to take advantage of free tools available to you, especially from search engines.
Take advantage of free Google toolsThere are plenty of search engines out there, but Google remains the king. It accounts for 77.43% of the 6,586,013,574 daily Internet searches! Getting your site indexed in Google is the crucial first step for publishing any website or content online. So it only makes sense to use all the free tools Google has available for us. And Google is integrating valuable mobile data everywhere. Starting with keyword research, we find it’s possible to change the device type in order to focus on mobile keywords. Google Search Console also has a mobile-friendly test that can show you whether or not your site is mobile-friendly. Google also has a repository of information explaining how to optimize your website for mobile. It’s sorted by platform. This means whichever CMS you use, you can optimize for mobile devices. These helpful guides are just part of Google’s webmaster support ecosystem. It also has forums and live chat support too. Even Google Analytics was updated last year to include more detailed mobile information. By clicking Mobile → Devices, I can see more detailed information about which specific mobile devices are accessing my website. It’s important to get used to checking for mobile within all your normal data reports. Segment your traffic whenever you can, and you’ll be well on your way to tracking mobile. Now we have to discuss one of the most important factors that affect your mobile site performance. It’s time to discuss site speed!
- Use a CDN.
- Optimize database queries.
- Decrease HTTP requests.
- Lower server response time.
- Use RFPL caching.