Content Syndication: What is it and How Can it Help SEO?
Content Syndication: What is it and How Can it Help SEO?
December 23, 2020
SEO Color Psychology
Web Design Color Psychology: Optimizing Colors for Maximum Conversions & SEO
December 28, 2020

Mobile SEO


The Ultimate Guide for Improving Your Site for Mobile Search



 

Check your website's backlinks now! (Results populate in <1 min)



 

Mobile SEO

Table of Contents

 

Intro to Mobile SEO


There have been a number of misconceptions and half-truths circulating about mobile optimization, mostly as extremist responses to major announcements by tech companies like Google, and a panic that’s set in thanks to the rising trends of mobile use in most demographic segments. Fortunately, once you understand it, mobile optimization is relatively simple, and your site might already be in the clear. Still, there’s an ongoing component to mobile optimization—striving for a perfection that can never be reached—so there’s always more to learn about the process.

What is mobile optimization?

Here’s the simplest definition of mobile optimization you’re liable to find on the Internet: mobile optimization is changing your site to be as usable and convenient as possible for users on mobile devices. Ten years ago, mobile devices didn’t exist (or at least, weren’t popular), so most sites were designed specifically for desktop screens. Mobile screens, like those on smartphones, offer a handful of unique elements that desktop-designed sites can’t address:

  • Smaller screen sizes make it harder to view full-size pages, especially when it comes to viewing images and reading text.
  • Finger-based interactions make small, precision buttons on desktop sites hard to manage.
  • The diversity of devices available makes it hard to present an all-in-one solution.
  • Mobile browser compatibility is not universal, and not all types of code show up for all browsers.

Mobile optimization strives to fix all these problems.

Why optimize for mobile?

You may be asking yourself what the benefits of mobile optimization are. After all, a good chunk of your user base is still accessing your site through desktop devices, and even those who aren’t can get most of the same experiences even on the un-optimized version of your site, right?

Consider these benefits of mobile optimization before neglecting the strategy altogether:

  • SEO. Google (and other search engines) are staunch supporters of “ideal” mobile experiences. They want every site online to be “mobile friendly,” and they’re taking action to make it happen by penalizing sites that aren’t optimized for mobile and rewarding sites that are. Just by optimizing your site for mobile, you’ll earn higher positions in Google search results, resulting in more traffic to your site. In addition, you’ll earn a little badge next to your site’s name, telling users that your site is, indeed, mobile-friendly:

  • (Image Source: Google)


  • User experience. Some users are going to access your site through desktop, but the impressions mobile users get from a site are substantial. If a first-time visitor on a mobile device sees your content not loading properly or has a poor experience, he/she may not come back. Even loyal customers who don’t have a great mobile experience could leave you in favor of a competitor who can offer such an experience. Both your customer satisfaction and your brand reputation are on the line here.
  • Rising importance. These benefits are fantastic today, but what you really have to consider is their future value. Mobile devices and mobile web browsing are poised to surge dramatically over the course of the next several years. The longer you wait, the more benefits you’ll miss out on, and the worse position you’ll be in for the coming years.

Let’s take a look at the factors shaping mobile user experiences, and how they relate to mobile optimization overall.

The Mobile Landscape

We’re in the middle of an era that revolves around mobile experiences, and it’s not going away anytime soon.


Rising trends in mobile use

It was May of 2015 when Google announced that mobile searches had overtaken desktop searches for the first time ever. Now, we’re on an ever-accelerating upward trajectory, with mobile use still growing and desktop use starting to look more and more obsolete.

Why the steep growth? Mobile Internet access used to be nothing more than a novelty, to be used in rare circumstances by a fraction of the population. Coverage was limited, speeds were egregiously slow, devices were clumsy, and smartphones were only in the hands of the super tech-savvy. But slowly, tech giants have favored mobile use with innovative features like better touchscreens, voice-activated search, faster Internet, and better geographic positioning. Collectively, these improvements have led more users to rely on mobile devices, which in turn has prompted more tech companies to invest in mobile technology. It’s a self-perpetuating and exponential cycle with no end in sight.

Google’s response

Google is one of these forerunners of mobile technology, and they’re one of the biggest influencers of this steep rising trend in mobile use. The company unveiled its Voice Search product back in 2002, and local search started developing even before that, but they’ve been two major areas of development in the past decade. Voice search has become more intuitive, local search has been integrated with mobile, and most importantly, Google started giving ranking advantages to sites that ranked well on mobile devices. For a while, this was somewhat informal and unspoken, but back in April of last year, it took a massive leap forward.

Mobilegeddon v. 1.0

Announcing the update nearly two months in advance, Google proactively warned webmasters that on April 21, it would be launching a massive update to reward sites that had been properly optimized for mobile and penalize those that had not. This was a rare move for the company, as most of its search algorithm updates came as undocumented, unannounced surprises that the rest of us optimizers had to scramble to try and crack. Now, Google heads were telling us exactly what to expect—more or less.

The search community went on a rampage, donning the coming update as “mobilegeddon,” and using it as an opportunity to wrangle up business from webmasters who hadn’t yet updated their sites for mobile devices, or how exactly to go about it. Some insisted that this reaction was overblown, and to a degree it was, but the impact of “mobilegeddon” was still significant.

It’s not impossible for non-mobile-friendly sites to rank today, and desktop searches weren’t hit as hard as mobile searches, but it’s still a significant difference to note. Without a mobile-friendly site, your SEO potential is seriously compromised—and that update is here to stay.

 

Why Mobile Friendly Isn’t Enough for a Great Mobile Experience


When Google released the so-called “Mobilegeddon” update, it penalized any site that didn’t appear properly on mobile devices. Though the update was made out to be more significant than it actually was, millions of business owners breathed a sigh of relief when they realized their sites weren’t hit.

But unfortunately, that sigh of relief has led to a degree of complacency. Because they survived the Mobilegeddon update, they believe their site to offer a great mobile user experience. However, this is a product of a misconception: that being “mobile friendly” in Google’s eyes means you’ve essentially won the battle for mobile supremacy. Unfortunately, this correlation doesn’t exist.


How Google Defines Mobile Friendly

People feared Mobilegeddon as some massive, unpredictable, and subjective algorithm with the potential to crush their sites. But Google was open and honest about its intentions and its standards since it announced the update nearly two months before its rollout.

There are only a handful of standards that Google holds for mobile sites:

  • Loading and display. The page should be accessible to mobile devices, and without any technologies that aren’t compatible with mobile devices, like Flash. Horizontal scrolling is not acceptable.
  • Content availability. Words should be readable without zooming and images should load properly.
  • Touchable links. Links should be spaced so that users can tap them easily.

And if you’re ever in doubt, Google offers a convenient testing tool you can use to determine whether any page on your site is or isn’t mobile friendly.

All this seems relatively simple and straightforward, but it isn’t all that matters to give your users a great user experience.


Site Speed

Mobile Internet speeds are generally slower than connected ones, and users are as impatient as ever. If your site takes more than a few seconds to load for a mobile device, a user is far more likely to bounce and never come back. It’s possible to have an aggravating site loading speed but still pass Google’s mobile-friendly test, so if you want to offer the best possible mobile experience, you need to reduce those loading times by optimizing your site and eliminating unnecessary material.


Aesthetic Appeal

“Aesthetic appeal” is a subjective feature, but it’s also an important one. Good design features of a desktop site don’t always apply to a mobile site. For example, mobile devices tend to sport a “stacked” vertical look far better than a desktop site. Responsive sites add convenience for developers, but can also result in awkward-looking pages on a mobile display. Your main navigation can also appear strange if not designed and implemented properly. There are very few objectively “right” or “wrong” ways to design your site, so put it to the test with user experience trials to see what people actually think.


Multimedia Content

Removing all the images and videos on your site is not the best solution to reducing site loading times. People still love seeing visual content, and it’s going to help take your site to the next level. Being judicious about the format and placement of these pieces of content is vital to ensuring the best possible experience.


Full Functionality

Mobile users should have the “full” experience that your desktop users have. For example, if your desktop site has an e-commerce platform and a checkout process, your mobile users should be able to access it. Adding those extra functions can be tricky if you’re hosting separate versions of your site, but it’s necessary if you want to create a seamless experience.


Humans or Search Engines?

Making your site mobile friendly will stop you from getting penalized or ranked harshly in Google’s search, but as I’ve demonstrated, that isn’t enough to stay competitive in the mobile arena. But is optimizing your mobile user experience going to help your rankings or is it all about making your visitors happy?

The short answer is, improving the user experience can increase your ranks peripherally. You’ll have lower bounce rates, people will recognize your brand more, they’ll want to link to you more, and you’ll see a host of other benefits, all of which can incidentally increase your rank. As far as we know, there are no direct “bonus points” you can win from Google by having a “mobile friendlier” site as opposed to an average “mobile friendly” one.

That being said, your users are why you exist. Making them happy should always be your primary objective. Forget for a moment that mobile usability is a ranking factor in Google at all—if you could make your users happier by making a simple tweak to your site, wouldn’t you still?

It’s in your best interest to offer your mobile users the best possible experience you can. As new technologies like the Apple Watch and Google Glass start to herald an era of wearable technology, an adaptive mobile experience will become even more important. Figure out what your users need to be happy, and do your best to give it to them.

 

Differences Between Mobile & Desktop SEO


Mobile SEO has been in the spotlight for a few years now, as mobile traffic has risen dramatically to overtake desktop traffic in total volume. Google has added fuel to the fire by making mobile SEO an absolute must, launching its “Mobilegeddon” update earlier this year to penalize any webmasters who haven’t taken the time to optimize for mobile. Shortly after, Google’s John Mueller released a statement that to rank successfully in Google, a desktop site isn’t really necessary as long as you have a good mobile site—so what’s the deal? Are mobile and desktop SEO really that different, and if so, do you need both to succeed in SEO?

Why the Terms Are Differentiated

Why is there a “mobile” and “desktop” SEO in the first place? Why isn’t there just standard “SEO?”

In SEO, the terms “mobile” and “desktop” can actually apply in two different contexts. The one that people usually consider is a traditional desktop site versus a traditional mobile site—meaning that “desktop” and “mobile” refer to two kinds of sites, one of which is intended to function on desktop machines, and one of which is intended for mobile devices. This gets complicated because when these terms started appearing, most mobile sites were separately hosted versions of desktop sites (or else were found on subdomains via redirects). Now that responsive sites, which function seamlessly on both desktop and mobile devices, have emerged this terminology gets fuzzy; a responsive site is typically considered a mobile site, merely because it performs well on mobile.

In this context, “mobile” is important because it refers to a site’s ability to be easily loaded and viewed on a mobile device. “Mobile-optimized” and “mobile compatible” are often used here as well. Because desktop sites were the norm for so long, it is assumed that all new sites are automatically “optimized for desktop,” and because mobile devices are smaller and more finicky than desktop devices, even new “mobile sites” (responsive or otherwise) don’t bear much risk of sporting a desktop loading error.

The second context for “mobile” and “desktop” is more specific to SEO itself—Google actually produces separate results based on whether a user is performing a search on desktop or a mobile device. A few years ago, this meant your mobile searches were far more likely to fetch results that were mobile-friendly, and you might see different layouts for your destination SERP. Today, thanks to Mobilegeddon and gradual aesthetic tweaks from Google, mobile and desktop results are pretty similar. Being optimized for mobile can actually help your rank even in desktop sites.

With that explanation out of the way, we can start digging into what could qualify as mobile SEO versus “desktop SEO.”


General Best Practices

When it comes to general best practices for SEO, mobile and desktop SEO are practically identical. Your rankings in both types of SERPs depend on your domain authority, onsite content, availability and functionality for mobile sites, security, site speed, inbound links, social integration and shares, and an appropriate technical structure. With these in place, along with an ongoing content and audience development strategy, ranking in mobile and desktop results should be more or less the same.


A Single Site

As I mentioned above, the term “mobile SEO” only came about because desktop sites were so dominant, and because mobile sites used to be hosted or developed separately. Now that responsive sites have offered an all-in-one solution, there’s no reason why a modern webmaster would be concerned with separating the terms. All sites should be accessible on both types of devices no matter what kind of SEO strategy you want to follow. In this context, there isn’t a major differentiator between “desktop” and “mobile” SEO—even if desktop rankings are all you’re after, you still need a mobile-optimized site.


Unifying SERPs

Mobile and desktop SERPs are different, with different layouts and ranking structures, but they’re gradually growing to become more similar. Take, for instance, the new local 3-pack on desktop results, which emulates the traditionally mobile local 3-pack. Results are also becoming more similar as the months go on, reducing the need to differentiate the terms.

Mobile-Specific Strategies

Despite all the similarities and shared space that desktop and mobile SEO offer, there are still some mobile-specific optimization strategies that only help your mobile visibility:

  • Voice search. Mobile users are beginning to rely on voice search more than typed search, so long-tail and conversational keyword phrases are more important for mobile visibility than desktop.
  • Map optimization. Most people use Google and Apple maps exclusively on mobile devices. Ensuring that your information is available and accurate is crucial to gain more mobile visibility.
  • Local listings. Local results exist in desktop searches too, but they’re far more prominent and important in the mobile world.

Even so, adopting these strategies won’t offer any miraculous turning points to your strategy by themselves. They’re only effective if you already have a responsive, functional responsive website (which works for both desktop and mobile optimization), and you’re adhering to all other SEO best practices across the board.

 

You’re Losing Money if You’re Not Mobile Optimized


Roughly ¾ of mobile searches will result in conversion or other actions

Google and the respected Nielsen group recently released findings on a massive mobile search study: If someone is searching for your service or product, he or she is most likely to purchase, call, visit your store, etc., within ONE HOUR.

About 17% of mobile searches ended in the user visiting the store or making a purchase. Also, 25% of users visited the store’s site to get more info. Take a look at these actions, according to study:

Pretty amazing, right? But guess what? If they search for what you have to offer and visit you, let’s just hope they land on a mobile-friendly version of your site, or they’re probably just going to click out of there and go to a competitor’s site that IS mobile-friendly.

When they find your site, the rest is all on you. It’s crucial that:

  • Your site is mobile-friendly
  • They can easily find whatever they’re looking for
  • It is also easy for visitors to take action: tap to call, make a purchase, etc.

I know it’s like beating you over the head with this, but again: You have to have a good, clear, mobile-friendly site that gives people what they were looking for.

Should You Consider Mobile Apps, Too?

Most small businesses, even if they have a mobile-friendly site and obviously understand how important it is, don’t think developing an app would be profitable. Maybe that’s the case. Maybe not.

In most cases, there are plenty of ways your own app could be profitable. We aren’t talking the next Angry Birds game that will cost thousands to develop and become a top-selling commercial app. We’re just talking about simple but useful apps that your customers would find helpful.

Let’s look at a couple of examples

If you own a restaurant

Seating: You could develop an app that lets customers instantly check waiting times in real time.
Carry-out orders: You probably have some regular customers who visit often and have their favorites. You know, those people that you simply ask “The usual?” when you take their order. Develop an app that saves their info and makes it a snap for them to put in their order on the go.

If you run an auto repair shop

Maintenance: Develop an app that will alert customers and give them reminders about maintenance that should be done.
“What’s That?”: You could design an app that has hints, tips, and answers to some of the most common questions you’ve heard over the years. A rattle here, a grinding there … help your customers narrow down the possibilities and get a free quote.

If you run a hair salon

Open seats: Let customers use your app to see which time slots are available for particular services, and which hairdressers are available.
Deadtime specials: Develop an app that covers those periods when no one is walking through the door and the reservation sheet is looking bare. Your app could send out an alert to customers that tells them they can get a 15% discount until 3PM (or something like that).

Now sure, these aren’t likely to be million-dollar apps. But they nurture your relationship with customers and help drive business by making things easier for them. Don’t you think that’s worth a little investment?

 

Why Flash-Powered Mobile Sites are Bad for SEO


As the number of people accessing the Internet from mobile devices continues to increase, finding an alternative to Flash animation and video is essential for every website administrator. Mobile devices such as iPhones, iPads and Android phones don’t support the Flash video framework, so Google ranks mobile sites with heavy Flash content lower than sites using Flash alternatives, such as HTML5 and its graphical Canvas library. Web programmers have long used Flash for online games and video players, but with HTML5 gaining momentum, Flash development is most likely on its way out.

Getting Higher Google Rankings With Better Mobile Websites

It makes sense for Google to penalize mobile websites for relying heavily on Flash content since very few devices can access this content. Not only do the iPhone and iPad lack Flash support, but most Android devices are incompatible with Flash, and Windows mobile devices natively support HTML5 as part of the Windows Metro interface. Google is simply making a rational decision to rank mobile Flash websites lower than HTML5 sites. While it can be a major undertaking to rebuild an entire mobile website using HTML5, the benefits of doing so speak for themselves. After all, most users won’t be able to access a mobile flash site unless they navigate there from a desktop or laptop computer, which hardly anyone ever does.

When you switch to HTML5 from Flash, you provide a wide range of benefits to users visiting your site from mobile devices. Your site will be natively supported by the core libraries of most mobile devices running all the modern operating systems, including Ubuntu, Firefox, iOS, Android and Windows. Flash only provides a graphical library for streaming content, displaying advertisements, drawing vector graphics, hosting online games and building rich Internet applications. Adobe has been moving away from developing Flash for several years, and in 2011, they stopped supporting Flash updates for mobile devices. In their place, Adobe began developing HTML5 libraries for mobile websites and devices because this format is what most users demanded.


The Benefits of Using HTML5 Instead of Flash

The difference between Flash and HTML5 is that HTML5 can perform all the tasks that Flash can perform, but HTML5 provides several other integrated services. Additionally, HTML5 is already built into the Web because it’s the latest version of the ubiquitous Hypertext Markup Language. In addition to Canvas Drawing, it supports several widely used programming libraries, such as GeoLocation, Offline Web Storage and CSS3. With Flash, you must build your website using HTML5 anyway, then integrate Flash into it using JavaScript code. The programming is prone to bugs and is much more cumbersome than the simple, clean HTML5 Canvas programming that all the highest-ranked mobile sites have adopted.

Since mobile devices have interruptions in network connectivity, Flash tends to provide a disjointed user experience due to dropped connections and video buffering. HTML5 solves this problem by implementing the Offline Web Storage API, which caches content on a user’s device so that a mobile site can continue to provide content when a connection is dropped. Google is acting in its own self-interest by filtering out Flash-based mobile sites because they will either crash the user’s mobile browser or simply fail to load at all. If Google ranks these sites equally with HTML5 sites, their ad revenue will drop as users enter mobile domains directly into browser address bars or find a search alternative.


Graphics and Video Without Flash

While support is still in the early stages, well-known Flash-based sites such as YouTube and Vimeo are gradually adopting HTML5 video streaming as an alternative to the now-outdated Flash framework. It doesn’t really make sense to embed Flash video on a mobile Web page anyway since device screens are too small to navigate such a page. Mobile sites ordinarily play video in full screen mode in a separate window, and mobile sites with video content can use alternative programming libraries to embed video. As for graphics, games, advertisements, animations and page transitions, HTML5 more than makes up for its rudimentary support for streaming video. With CSS3, Web administrators can make use of some of the newest technology on the Internet, in terms of smooth, seamless mobile Web animations and graphics.


Does Google Have a Hidden Agenda Regarding Mobile Flash Sites?

It’s hard to answer this question without speculating on Google’s motivation for ranking Flash sites lower than HTML5 sites. Google and Adobe have cooperated on their respective roles in developing the Internet as we know it today. Of course, Google is not only interested in providing the best search results, but they want their Android customers to have the best mobile Web experience possible as well. When it comes to search results, however, they have to take into consideration the millions of iPhones and iPads searching for mobile websites on Google.com. Add to that number the portion of mobile devices comprised of Windows users, and Google’s behavior is not hard to understand.

Windows phones use Bing as their default search engine, and users must manually choose Google from the browser settings to perform a Google search. Apple, of course, has no search engine competing with Google and Bing, but Apple Maps has made much progress since its notorious debut in which it impressed users with its shocking mistakes and lack of functionality. Neither of these services use Flash to provide graphics, and mobile users frequently rely on Google Maps, and to a lesser extent, Apple Maps. Flash-based mobile sites that try to deliver such Google services will have a hard time reaching their target audiences unless it’s through a search engine other than Google.

How to Convert a Mobile Flash Site to HTML5

Switching from Flash to the Google-friendly HTML5 is simply a matter of porting your website’s code to the new framework. The task can be quite time-consuming and challenging, but both languages are fairly simple for programmers to implement. The good news is that converting a Flash site to HTML5 gives website administrators a great opportunity to fine-tune their websites for their mobile audiences. Programming libraries such as the GeoLocation API and Offline Web Storage can turn a buggy, disjointed mobile website into a slick, modern user experience. Probably the most important improvement will be the local caching feature built into HTML5.

Not only will your website benefit from a higher Google page ranking, but your site visitors will use the site more often, stay on it longer and enjoy it more because it will provide a far smoother user experience. If your site provides location-based services, HTML5 natively supports the GeoLocation library, which can make suggestions and recommendations based on your visitor’s location.

Google is only going to continue punishing mobile websites for using Flash, and website owners are only hurting themselves by holding onto a framework that is becoming obsolete. Only a small number of mobile users with devices built between 2009 and 2011 can access mobile Flash content, and in a few years, no one will be able to play Flash games, view Flash graphics or stream Flash video on their phones and tablets.

 

Biggest Myths in Mobile SEO

1. Desktop and mobile SEO are totally different.

First, I want to take mild issue with the term “mobile SEO.” It implies that traditional SEO is “desktop SEO,” and that “mobile SEO” is a wholly separate entity. There are definitely some differences between them, but there are a greater number of similarities. Basic SEO best practices like proper coding, sitemapping, meta text writing, content optimizing, ongoing content, and several dozen other “basic” ranking factors I won’t take the time to list are relevant to both desktop and mobile SEO. There’s only a handful of differentiating strategies, which mostly revolve around offering seamless mobile functionality for your site, that distinguish the two (and these factors affect both desktop and mobile ranks!)

2. Mobile search is a different animal.

There’s a persistent idea that mobile search and search results are totally different from desktop counterparts. First, people like to claim that mobile queries are shorter, or that they’re more conversational due to voice-based search. Even a few years ago, this wasn’t the case. Now that voice-based search and apps have advanced further for both desktop and mobile devices, user queries have certainly changed—but they aren’t very different between devices. Similarly, mobile and desktop results have different layouts—but as evidenced by Google’s recent switch to a local 3-pack ranking system for local results, these are getting closer and closer together in form and function.


3. Mobile-specific URLs are necessary.

The separation of “desktop” and “mobile” SEO is probably to blame for this myth. For a time, mobile-specific URLs were one of the best and most efficient ways to set up a mobile site. Mobile sites were comparatively rarely accessed, and mobile URLs were an easy way to make sure your site was properly formatted for mobile. Today, responsive design is a much more popular means of optimizing for mobile, thanks to its easy implementation and flexible parameters.


4. Responsive sites are necessary.

Responsive design is fantastic, easy, and effective to make a site mobile-compliant for practically any device—that being said, it isn’t necessary. You can still have a mobile-specific URL or subdomain and suffer no ranking penalty. As long as your mobile users don’t notice the difference, Google won’t either. Personally, I recommend a responsive design for any modern site since it’s the easiest to manage and least time-consuming when it comes to testing, but the choice is yours.


5. Passing Google’s mobile compliance test is all that matters.

Even before it announced its landmark Mobilegeddon update, Google was more than willing to help webmasters get their sites ready and functional for mobile devices. It has, and still does offer a mobile compliance test to let you know exactly how your site stacks up for mobile devices—even letting you know if there are specific pages of your site that aren’t functional. The problem is, this is a pass/fail test that only covers the basics—if you pass, that’s a good start, but it doesn’t guarantee that your site is user friendly or that it will rank well in mobile search results. Check all of your content to make sure it loads properly, work to reduce loading times, and put mobile users in priority consideration when it comes to designing interactive elements.


6. Apps are necessary to rank in mobile.

If you have a mobile app, it’s possible to give it more visibility for certain user queries. Accordingly, having a mobile app can boost your brand’s overall visibility in search engines on mobile devices. That being said, a dedicated app is not necessary for every mobile SEO strategy—you’ll suffer no penalty by not having one.


7. Going mobile-only is better than having a desktop and mobile version.

This myth stemmed from a recent statement by John Mueller that mobile-only sites are completely fine—that having no desktop equivalent will suffer no ranking penalty. This is definitely true, and it’s fine if you want to go mobile-only, but don’t misconstrue this information; mobile-only isn’t inherently better in any way. Instead, it’s tolerated. If you have any desktop traffic at all, it’s worth considering it in your UX design.

Don’t buy into these all-too-common mobile SEO myths. Yes, having a site optimized for mobile devices is important, and yes, mobile and desktop search results do have differences, but you’re better off sticking with the strategies you know work for sure and avoid overcomplicating things. As always, keep watch for new updates as they roll out and listen to what Google is telling you—there aren’t many buried secrets about how to improve a site or how to rank well, regardless of what devices you target.

 

WordPress Plugins for a Mobile Friendly Website


If you haven’t already taken measures to ensure that your site is optimized for mobile experiences, it’s time to do so. If you don’t, you’ll officially be behind the ball. Fortunately, these five fantastic WordPress plugins are invaluable for taking your site to the next level:

1. WPtouch.

WPtouch is a plugin currently used by 5.5 million different blogs. While you can’t judge the usefulness of an app simply by its popularity, the amount of recognition it has garnered is well received. WPtouch is the self-proclaimed “complete mobile solution for WordPress,” and is compatible with virtually any type of mobile device.

With WPtouch, you’ll be able to choose a responsive WPtouch theme, which tends to run about four times faster than comparable responsive sites with touch enhancements. Furthermore, the WPtouch plugin features something called an “infinity cache,” which works to cache your mobile site on mobile devices, which will make your site even faster when accessed via mobile. The faster your site is, the happier your users will be—and you’ll get a ranking boost as well.

The only potential downside of WPtouch is that, unlike the majority of WordPress plugins, it is not free to use. The basic version of WPtouch is $49, though there are more advanced versions of the plugin available, with a host of other features.

2. Jetpack.

Jetpack is a single plugin that can help you optimize your site for mobile, and make other tweaks that enhance site performance and allow you to improve both SEO and user experience. The Jetpack plugin comes with 33 distinct special features, attempting to be a catch-all that can help you improve multiple different dimensions of your site performance.

As one of the primary selling points of the plugin, Jetpack offers a mobile theme that you can use to make your WordPress site responsive, which will ensure that both desktop and mobile users have a similarly great experience when attempting to view your site. You can also customize your Jetpack responsive theme, so long as you’re familiar with CSS and bit PHP.

In addition to its mobile-optimization functionality, Jetpack sports a number of verification and site enhancement tools. For example, the “photon” functionality will increase your site speed, and another feature can integrate directly with your social profiles.

Best of all, Jetpack is completely free to download and use. Despite its many features, it’s a relatively easy plugin to learn, so if you’re not confident in your abilities, it’s a nice beginner platform to experiment with.

3. WP Mobile.

WP Mobile is an option for any webmasters who want to forgo the responsive style of web design in favor of converting your website into a mobile version. In a responsive site design, one web layout will adjust based on what type of device is accessing it. In this style, separate desktop and mobile versions exist, and users will have the ability to toggle between the two based on their preferences. From a search engine perspective, Google doesn’t care how you make your site mobile-optimized—responsive and mobile-specific designs are treated with equal weight. However, you may find a user experience advantage in one over the other, depending on your core audience.

The WP Mobile plugin features a straightforward mobile theme, which is simple and easy to load, keeping your loading times well within your comfort zone.

The adaptation feature of the app also auto-detects the device being used to access the site, so it automatically loads the appropriate version while still giving users the option to switch if necessary. It even comes with mobile advertising settings, which are optional, in case you want to pursue that route. The plugin is free to download and use, so if you want a mobile-exclusive version of your site—have at it!

4. WP Mobile Detector.

The WP Mobile Detector doesn’t have quite as many features as some of its competitors, but it’s a perfect fit for some businesses who only need a convenient way of detecting which users are accessing their site from a standard mobile phone or a smartphone. If you’re in a business where a sizeable portion of your audience is still using traditional mobile phones, it could be extremely useful.

With this plugin, your site will be able to automatically detect the type of device being used to access it, and will load an appropriate theme based on that information. It also features an integrated analytics platform, which can help you identify your audience’s makeup and behavior, and seven pre-loaded mobile themes that you can use to ensure your site is properly optimized for mobile without compromising your brand standards.

Like WPtouch, WP Mobile Detector is not free. The basic version of the plugin is $50, with more features and greater functionality attributed to the premium version, which is a bit more expensive.


5. WordPress Mobile Pack 2.0.

Last but not least is a plugin that comes from WordPress itself. The WordPress Mobile Pack 2.0 exists to help you consolidate your website and provide a similar experience across any platform, any operating system, and most importantly, any device. It has full compatibility with all the major players in the web world, and allows you to convert your website into a responsive format.

The plugin also comes with its very own custom theme, which features six abstract covers and plenty of customizable options to ensure that the theme becomes your own. Like the WP Mobile Detector, it also has a fully integrated analytics platform, which allows you to track your user behavior and regularly measure your site’s performance. It’s a simple, easy-to-use application that can help almost anyone optimize his/her WordPress site for a mobile experience. The plugin is free to download and use.

How to Optimize a Site for Mobile

Optimizing for mobile isn’t complicated, but it isn’t as simple as flipping a switch. There’s no single patch of code or button you can push to magically alter your site to be compatible with mobile devices. However, you do have several options.

Responsive Websites

Responsive websites are optimized for mobile at a design level. They are created in such a way that allows the components of the page—such as the banners, blocks of text, headlines, and so on—to organize themselves on the page based on the size of the screen that’s accessing the webpage. These components may flex or stack to accommodate a smaller screen size, so a desktop user and a mobile user would both be able to easily navigate the site (even though the layout might be different).

There are a number of advantages to responsive websites. Since the design is flexible enough to adjust to any screen, every type of mobile device will have a customized experience. However, the “responsive” element only needs to be built once. There is only one URL for your website, which makes it easy to develop and easier to manage over time, and it’s relatively simple to implement. The loading times for responsive sites tends to be slightly slower than the other options, but that’s generally a small price to pay for a universally adaptable website.

Mobile URLs

Mobile URLs are exactly what they sound like—they’re separate, customized URLs that exist for the mobile version of a webpage. For example, if your traditional website was www.example.com, your new website could be www.mobile.example.com. Whenever a user accesses your site using a mobile device, you can automatically re-point them to the mobile version of your site (and provide a link to toggle between these versions, just in case a user wants to switch).

Mobile URLs are starting to become antiquated, but they’re still useful for some businesses. They take more time to create than a responsive design, since they require an independent creation, and require more extensive ongoing upkeep. They’re also vulnerable to fault points in the redirect system—if you accidentally direct a mobile user to the desktop version, they may have a poor experience.

Dynamic Content

The third option for mobile optimization is closer in theory to responsive design. Like with a responsive design, dynamic content structures require a single URL to house both a mobile version and a desktop version. The difference is, in a dynamic content setting, you’ll have twin versions of your site—the desktop and mobile versions—ready to display based on the type of device and screen size trying to access them.

This is an improvement over mobile URLs, since you’ll only need to manage one URL, and you won’t have to worry about creating and sustaining a redirect. However, there are some flaws that may prevent you from achieving the best results. Creating one mobile version can be problematic, since there are hundreds of different mobile devices that could theoretically access your site.


Ensuring Google Approves of Your Mobile Site

Before you start trying to optimize specifically for a mobile experience, you have to ensure that Google approves of your mobile site. That means having your website perfectly capable of loading when accessed by mobile devices.

There are three types of mobile layouts that are considered the standard for modern websites: responsive designs, dynamic content, and mobile URLs. All three are viewed equally by Google, but some webmasters may have a preference for one over the others.

Responsive Design

A responsive design is one that automatically detects the type of device being used to access it, and adjusts the layout of the site accordingly. For example, if your site is being accessed from a desktop machine, it may display traditionally, but if it’s being accessed from a smaller, vertical smartphone screen, it might “stack” some of the horizontal features to maximize the user experience.

Responsive designs use one URL and one design, which makes it very convenient and efficient for developers. It’s relatively easy to incorporate, and it consolidates an otherwise multifaceted development effort. The only potential drawback of the responsive web design is loading time—since mobile users will technically be loading the entire site, it may take longer to download than a specific mobile landing page. Still, responsive design is the most popular mobile option today.

Dynamic Content

Dynamic serving content is similar to a responsive design, since only one URL is used no matter what type of device is accessing the content. However, under dynamic content, you’ll actually be serving up totally different versions of your website. For example, you’ll have a “desktop” version of your site loaded up and a “mobile” version of your site loaded up, and you’ll serve the version that corresponds with the device trying to access it.

This allows you to serve each device more specifically. However, it takes much more work to develop, implement, and manage since you’ll need to create a version for almost every type of device that could access your page.

Mobile URLs

Mobile URLs are an old-fashioned way of getting your site optimized for mobile, but they still work fine for some businesses. Rather than trying to adapt on the fly the way responsive designs do, with mobile URLs, you’ll essentially be building a separate, mobile version of your site on a different URL. When a user access your site from a mobile device, you’ll automatically redirect them to the proper URL, usually a variant of your primary URL.

Mobile URLs are typically more difficult to manage. You’ll have to ensure that your desktop and mobile versions redirect appropriately, which can be difficult. Otherwise, your users will view an inappropriate version of your website, and they may be left with a terrible first impression.

Optimizing for Mobile-Specific Searches

Users searching on mobile devices, like smartphones, are searching using the same index as desktop or home searchers. That means, as long as your site is present on that index, both desktop and mobile users will be able to see you. However, there are a handful of specific ranking signals on mobile devices that will interfere with your rank:

  • Desktop and Mobile Presence. Google tends to favor sites with both a desktop and a mobile presence. If you only have a mobile site, you aren’t going to rank as high, even if the majority of your searches are on mobile. Make sure your links are suitable for both desktop and mobile loading.
  • Page Loading Times. Page loading times have always mattered—the faster your site’s pages load, the higher your site is going to rank. But on mobile, the preference for fast-loading web pages is even more extreme. Google recommends loading above-the-fold content in under one second. Optimize your loading speed for mobile as much as possible.
  • URL Redirects. Redirects are an important part of many sites, and an unavoidable one in many circumstances. However, adding a redirect essentially adds more time to load the destination page, which means a lagging user experience, and a lower rank as a result. Avoid redirects as much as you can.
  • Annoying Popups. It’s tempting to include an overlay page or a popup ad on your mobile site, especially if you’re trying to get users to download your mobile app, but Google has a firm belief that such advertising efforts are damaging to overall user experience, and as a result, you could rank lower if you feature one. You’ll have to make the call as to whether the increased conversion rate from the popup ad or the increased traffic from the higher rank is more important.
  • Full Content. Your webpages can’t just be partially optimized for mobile. If there are any areas of your page that aren’t optimized for mobile—such as flash animations or a video that won’t play—your ranking for mobile searches could drop as a result. Be sure to check every nook and cranny of your pages for potential non-optimized content.

How to Adjust Your Current SEO Strategy

For the most part, mobile SEO is going to function the same as traditional SEO. You’re still going to function on user experience, onsite content, offsite backlinks, and the same navigational improvements that lead to higher ranks. In terms of your ongoing strategy, there isn’t much you’ll need to improve on as long as your strategy is currently in order.

To start things off, you’ll need to optimize your site for a mobile layout. The specifics are up to you, but you’ll need to ensure that your site loads appropriately and quickly—perform multiple tests on multiple devices to ensure that your site is loading the way it should, and don’t hesitate to consult Google Webmaster Tools to see if your site is registering as optimized for mobile. From there, you’ll need to do periodic tests for your page loading times and to ensure that the full content of your site is available on all mobile devices.


The Best Option

Google doesn’t care how you optimize your site for mobile, as long as it is optimized in some way. Whether you choose responsive, mobile URLs, or dynamic content, Google will consider your site optimized for mobile, and you’ll rank accordingly. Your users likely won’t care what type of mobile-optimization strategy you use either, as long as you’re giving them the best possible experience.

That being said, your decision should come down to your own personal preferences. From a technical standpoint, responsive designs are generally the cleanest; they only require one redesign to be complete, and the ongoing maintenance is pretty much nonexistent, at least compared to dynamic content or mobile URL strategies. Plus, you’ll eliminate the vulnerability of failing to accurately judge the type of device being used to access it.


Improving Your Rank in Mobile Search Results

After optimizing your design and structure for mobile, there are a handful of ongoing strategies you can use to boost your rank in mobile searches, even beyond the strategies of a traditional SEO campaign:

  • Decrease your page loading times. Mobile devices load pages slower than desktop versions. Make sure your mobile design is optimized for lightning-fast download times.
  • Keep plenty of content on your pages. Since mobile users need things quick, it may be tempting to reduce your on-page content, but keep as many words on the page as appropriate to maximize the amount of content Google can crawl.
  • Avoid the temptation to use pop-ups. Pop-up ads are seeing a resurgence, especially for companies trying to push their mobile application specifically to mobile users. Doing so can devalue user experience, increase page loading times, and decrease your domain authority in Google’s eyes.

Now that the “mobile landscape” is out of the way and you have a good idea what you can expect from mobile optimization, let’s dig into the details of exactly what mobile optimization entails. These are mostly a series of onsite changes that you can implement to make your site appear and perform better on mobile and alternative devices, but there are many options when it comes to implementation and of course, testing.


The Basics

Let’s start with the basics. These are hallmarks of mobile optimization that you can’t ignore, and following all of them will put you in pretty good shape to be qualified as “mobile-friendly:”

  • Don’t block CSS, images, or JavaScript. These are all coding elements or types of content that you may be tempted to block from Google search crawlers, or otherwise disable for your users, to ensure a good mobile experience. You need to keep all these elements present and available to Googlebot (as well as other search crawlers) or you’ll run into indexation problems. All the mobile optimizing and high-quality content in the world won’t do you much good if Google isn’t indexing your site in the first place.
  • Ensure all your images and videos load properly. This is a crucial step, as most mobile browsers and devices function differently than desktop-based means of accessing content. You may find that on some mobile browsers, your content loads perfectly fine, but on others, all you see is a “file not found” or similar message. This is bad news, both for human visitors and for search crawlers, so if you discover one of these compatibility problems, you’re going to need to update your site. You’ll also want to make sure these images and videos are loading quickly, but that’s a separate bullet point altogether.
  • Make your text visible without zooming or scrolling. One of Google’s biggest concerns with mobile-friendliness is the convenience and navigability of your site. Design is important, but realistically, your text is the most important material on your site. If users have a hard time reading that text, your site isn’t doing its job, so to optimize your site for mobile, you need to ensure that all the text of your site is visible (i.e., readable) without the need for users to zoom or scroll horizontally. Take a look at this handy guide image Google created, illustrating how you can rearrange a site to better present your written information to mobile users:
  • (Image Source: Google)

  • Make buttons finger-clickable. No matter how much you love using your mobile device, you have to admit that the precision of an old-school computer mouse handily out-performs the clumsiness of your own fingers. When it comes to buttons, menus, dropdowns, choices, and other interactive elements, precision is notoriously difficult. If you want your site to be mobile-friendly, all those actionable elements need to be easily navigable with fingers. There’s no hard rule for this, such as the recommended size of a button, but you can generally rely on your best judgment. Test it and see how you’re able to fare with your own fingers—this is more intuitive than it is programmatic or mathematical.
  • Improve your page loading speed. Page loading time is a significant website factor, primarily for user experience but also for search ranking potential. Have you ever been to a webpage that takes longer than a second or two to load? It’s terrible. We should be ashamed of ourselves for our low attention spans, but it’s terrible. If your site takes too long to load, your users won’t even give you a chance, so keep your site as lean as possible by using the right image formats, reducing your multimedia sizes, clearing old drafts and meta data, and using a good caching plugin. The problem is compounded on mobile devices, since Internet speeds are usually much lower, so you’ll have to do double duty here.
  • Avoid Flash. Thanks in part to Apple’s crackdown on Flash compatibility in iPhone (and similar) devices, Flash is pretty much obsolete these days. Unless you have some niche function that literally can’t exist without Flash, or an already-dedicated user base, there’s no excuse to continue using it. It won’t load properly on mobile devices, and it’s only going to grow more archaic as the years roll on.
  • Avoid pop-ups. Some pop-ups can be valuable, such as prompts to sign up for an email newsletter, but as much as possible, you’ll want to disable these on mobile devices. Pop-ups are somewhat annoying on desktop devices, but on mobile devices, they’re even worse—not only is it harder to click them away with a finger, there’s also the likelihood that you’ll miss-press and end up loading a bulky page you didn’t intend. Don’t put your users through this experience unless you have to.

Going Above and Beyond

The above “best practices” are the basic ones you’ll need to comply with Google’s mobile standards and get your site seen as “mobile-friendly” by search engines. However, that doesn’t necessarily mean your mobile optimization journey is complete. Meeting the basic requirements will help you appeal to search engines, but you also have to bear your users in mind. Yes, meeting the above thresholds will be valuable for users, but if you really want to sell the experience of your site, you’ll need to go above and beyond the line of duty:

  • Maximize loading speed. Don’t just strive for a slightly faster website—try to outdo all your competitors here. If you can get your page loading in a second or less, your users will notice the difference. If you have lots of images to show off, this can be difficult, but you can still strive for on-page minimalism. Keep your content lean and focused, and reduce your image sizes as much as possible without sacrificing the quality. Get rid of any plugins on your backend that you aren’t currently using, and make sure your caching plugin settings are optimized for page performance.
  • Design specifically for mobile experiences. There’s a difference between taking an existing website and shoehorning it into decent mobile experiences, and designing specifically for mobile experiences. Unless you’ve done the research to prove that your target audience still uses mostly desktop devices (and plans to stay there indefinitely), it’s a good idea to redesign your website from the ground-up for your mobile audience. That means arranging all your content vertically, redesigning interactive functions to appeal to small touch screens, and visualizing your site completely differently. If you use an eCommerce platform, this will similarly need updating—there are many user interactions here, and mobile user interactions can make or break the experience.
  • Test and evaluate differences in user behavior to improve. Don’t just assume that your changes will be valuable to mobile users; you can use a degree of intuition to help guide your creativity and reaffirm the benefits of your changes once they’re actually applied, but don’t neglect the follow-up of measuring your user behavior. How are your users interacting with your site? Are they engaging the way you thought they would? Can you strive for something even better? Don’t be afraid to make iterative tweaks here, gradually building up your overall mobile performance.

Implementation

Aside from smaller factors like optimizing your images, there are three main ways you can implement broad mobile changes to your website:

  • Responsive design. The first, and most important, is what’s known as “responsive design.” This is the method currently favored by Google, and it’s one of the easiest to implement. It also gives you the most flexibility of any of the three options, and is the easiest to troubleshoot if something goes wrong.
    Essentially, the idea here is to code your site to automatically detect the size of the screen viewing it and adapt its material accordingly. For example, you might have a desktop layout like the one on the left in the diagram below, but when a user tries to access the same site on a mobile device, the site with “sense” it, and rearrange its components to be viewed conveniently.

    (Image Source: Google)



    This may seem space-aged or incredibly difficult to incorporate, but the reality is, there are many responsive options available these days. In fact, if you have a WordPress site, or use any popular CMS, you can easily find a free responsive template on which to build your site. It’s super popular for a reason.
  • Dynamic serving. In dynamic serving, you’ll essentially be creating multiple versions of your site in the backend code. Here, you’ll be able to control—with precision—the differences between how your site shows up on desktop devices versus mobile devices. Though the backend coding is going to be different, your URLs are going to be the same; your server will determine what type of device is being used to access your URL, and will serve up the code that’s most appropriate.
  • Separate URLs. With separate URLs, you’ll also be creating a separate version of your site, only this time it’s going to be hosted on an entirely separate URL (usually some variation of your root domain, such as mobile.example.com).

If you’re having trouble visualizing or comparing these methods against each other, here’s a handy chart that Google created to explain the differences:


(Image Source: Google)



There are some pros and cons to each method, but ultimately, responsive comes out on top in most scenarios:


(Image Source: Moz)



Other forms of mobile SEO

When it comes to the search optimization element of mobile optimization, there isn’t much more to be seen. The basic standards of onsite and offsite optimization apply here, and of course you’ll need to come up with high-quality content on a regular basis, but there’s nothing else specifically for mobile devices that you’ll need to do on an ongoing basis.


Testing

Let’s say you’ve done everything I’ve outlined above—even the “above and beyond” stuff—and you’re confident that your site is sufficiently optimized for mobile. Just how confident are you? Are you willing to bank the visibility of your website on it?

Even if you feel supremely confident, it’s important that you test your assumptions.


Device Differences

One of the biggest reasons to test yourself is because of the sheer diversity of devices that are currently out there. Each device has its own quirks, layout issues, and rendering issues, and if you want your site to be as mobile compliant as possible, you’ll have to adapt for all of them. Just because your site looks fine on your specific model of smartphone doesn’t mean it’s similarly rendering across the board.

  • Desktops/laptops. Desktop and laptop devices aren’t ones you’ll have to worry about—at least not generally. If your site is working properly on any other mobile device, it’s probably working just fine on desktops. Besides that, Google doesn’t care much about desktop optimization these days anyway.
  • Smartphones. Smartphones make up the biggest market share of mobile users, and are the biggest concern you should have when it comes to site performance. Android, iPhone, and Windows Phone devices all fall under this category.
  • Tablets. Tablets generally have screens bigger than a smartphone but smaller than a desktop device, and may be oriented vertically or horizontally. It’s good to know how your site will look in both orientations because of this.
  • Multimedia phones. Multimedia phones are ones that can “meet XHTML standards, support HTML5 Markup, JavaScript/ECMAscript but might not support some of the extension APIs in the HTML5 standard.” Generally, any 3G-compatible phone that isn’t a smartphone falls into this category.
  • Feature phones. Feature phones can’t render standard websites, and instead rely on things like cHTML (iMode), WML, and XHTML-MP.

Conducting Your Tests

Google is one your side. Google wants your site to be mobile-friendly. Accordingly, they’ve developed a handy online test you can use to determine whether or not your site passes their basic standards. Run your site through this test and Google will let you know exactly what—if any—errors or incompatibilities it finds. If you pass this test, you won’t have to worry about any irregularities in your search rank or visibility.

Even if you pass Google’s standard test, it’s a good idea to run tests on your own devices, or through a service like MobileTest.me, which will allow you to “simulate” how your site appears on different browsers and devices. This is because even officially mobile-friendly sites can have visual hiccups or unpleasant factors in their design that compromise your intentions or show up differently than you expected. Use this stage of testing to weed those errors and fault points out.

How to Increase Mobile Site Speed

By now, you realize the importance of optimizing a site for mobile. You have a responsive design implemented, and you’ve used Google’s mobile-friendly checker tool to make sure every page of your site is loading properly for mobile devices. But how much attention have you paid to the speed of your site?

The Importance of Site Speed

Site speed is an underrated quality in website optimization because it’s affected by a number of individual factors, and can’t be directly controlled or changed the way your onsite content can. Still, site speed if vitally important if you want to give your visitors the best possible experience.

For starters, slower page loading speeds lead to higher page abandonment, and every second here counts:

Faster loading times lead to higher user satisfaction, higher user retention rates, and allow for more time for site engagement. Plus, Google considers page speed as a ranking factor, at least peripherally. The faster your website performs, the higher authority you’ll be seen to have, and the higher ranks you’ll be able to earn (the user experience factor helps here too).

All these factors are amplified by the fact that mobile devices tend to load more slowly than their desktop counterparts (and mobile users are less patient as well, since they’re usually after more immediate information). Cutting your page loading times, even by a second, can lead to a dramatic increase in user engagement. So how can you do it?

Making Your Mobile Site Faster

Let’s take a look at some of the main ways you can make your mobile site faster:


1. Optimize your images.

Your first goal should be to optimize the images of your site, since they’ll constitute the majority of your site’s data. Reducing this data as much as possible (while maintaining the integrity of your images) is crucial to shrinking your page load time. First, make sure your images are in a proper format, such as JPG, GIF, or PNG. Then, strip your images of any unnecessary meta data (while keeping them optimized for SEO with proper titles and alt tags). Once that’s done, shrink your file sizes as much as possible without compromising your quality.


2. Use a content delivery network (CDN).

Content delivery networks are systems of distributed servers that make the delivery of your webpage information faster and more streamlined. The technical details here aren’t important; just know that this makes the request and delivery process faster for mobile users.


3. Delete any unnecessary drafts or meta data.

Take a look at the back end of your site. Are there any unused content drafts floating around? Is there meta data that’s irrelevant? These things can bog down your site speed with unnecessary size additions, so get rid of them.


4. Use HTTP “keep alive” response headers.

This action is a bit technically complicated, but it’s actually much simpler than it sounds. In a normal environment, HTTP requests are done individually, but the “keep alive” response header keeps the connection open, allowing for multiple requests to be done simultaneously. The simple analogy? It makes the page loading process more efficient by letting your users grab more information at once. Setting this up takes a bit of technical knowledge, but it’s not totally unapproachable for a novice—you can read more about it here.


5. Make use of a caching plugin.

A good caching plugin will store some of your site’s data so users can access your site faster in the future. Try not to tinker with the settings too much or you’ll interfere with its ability to make your site faster.


6. Get rid of any plugins you aren’t using.

Most plugins increase your site size and decrease its ability to load quickly, so do a thorough audit of all your plugins, and get rid of any that you don’t actively need on your site. Don’t be afraid to keep a handful that you actually use—but most webmasters end up accumulating far more than they realize.


7. Use Gzip compression.

Gzip compression can help you reduce the number of bytes different elements of your site occupy. In short, it keeps the integrity of your site intact while reducing the total amount of size it occupies. The bottom line is that your site runs faster.


8. Minify any CSS or JavaScript you run.

All website transfers are based on the interpretation of code, so the simpler the code you use, the faster your site will be able to load. It’s on you to “minify” any CSS or JavaScript lines on your site; this means deleting any unnecessary lines of code, spaces or other “fluff” that takes up space and doesn’t objectively add to the value of your site. There are many tools you can use to help you here, including GitHub’s YUI Compressor:


(Image Source: YUI)


9. Upgrade your hosting package (or provider).

By this point, your site is probably decently optimized for speed. If your pages were loading slow at the beginning, you may have been able to shave multiple seconds off your loading times. Even if not, you’ve at least earned a somewhat faster web presence. If you find that these changes aren’t enough to reach your page speed goals, it could be an indication that something is wrong with your hosting provider, or your specific package. Some hosting packages lump many businesses together on the same plan, forcing you to compete for resources. Consider making a change to earn your own dedicated set of resources.

None of these site speed optimization tactics are inherently complicated or intensive. In fact, many of them can be accomplished in an hour or less. Once implemented, your site is going to run cleaner and faster, and all your mobile users will appreciate the increase in speed and availability. As competition continues to rise and Google continues improving the average user’s mobile web experience, any differentiating factor you can pull here is valuable.

Mobile App Optimization & Indexing

All of the insights I’ve shared thus far have been relegated to optimizing websites for mobile browsers, but there’s another form of user interaction on mobile devices you should be preparing your business for: apps. Apps have surged in popularity, just as mobile devices have, and there’s no sign that their growth has an end point. In fact, they’re responsible for much more mobile use than web browsers.

To address this, Google’s been implementing a number of functions and updates for what’s becoming known as “app SEO,” including the basic presence of apps in search engines, app deep linking to take users to specific screens within apps downloaded on their devices, and even app streaming, which allows users to access apps they haven’t downloaded.

It’s not entirely certain whether apps may one day replace traditional websites, but they are becoming more important and they’re presenting more opportunities for marketers. Keep a close eye on their development as you fine-tune your strategic approach for mobile users.

The App Indexing API

Google offers a specific, easy-to-integrate API that will ensure your app is seen and indexed by its search algorithm. However, Android and iOS apps are treated a little differently. Namely, for Android apps, if a user searches for a term specific to your app and has not yet downloaded it, he/she will see it appear in mobile search results. Those who already have the app installed will get autocomplete suggestions, along with deep links to content within the app. For iOS, things are a little less beneficial; mobile search visibility only applies for users who have already downloaded the app.

Either way, applying the app indexing API is relatively simple. You can think about it in three steps:

  • Make sure HTTP deep links are supported in your app—there are different ways to do this for Android and iOS apps, but I’ll dig a little deeper into that below.
  • Directly implement Google’s app indexing API, which they conveniently offer to developers.
  • Use rel=alternate link elements or a Schema markup to map various web pages to their app-based counterparts, so Google can gain a better understanding of your app.

That being said, Android and iOS apps do require a bit of a different approach.


Android App Indexing

To get your Android app’s content properly indexed:

  • Add intent filters to your manifest so you can dictate how your app will respond to different types of user actions. Action, category, and data tags are the most important. This will allow for HTTP deep links, which is a requirement for app search visibility.
  • Use Google’s Search Console to associate your app with your site. This will ensure that Google knows your brand is in control of both your mobile app and your primary domain (and will associate the two).
  • Use the app indexing API provided by Google. They give detailed instructions on how to do this correctly.
  • Run a test. Fetch as Google to make sure you’ve implemented these steps correctly.

iOS App Indexing

For iOS, the process is a little different:

  • Use the “universal links” option to enable HTTP deep link support. If you need help with this step of the process, Google offers a handy guide for developers.
  • Use Google’s app SDK to register your app with Google. This will make sure Google recognizes and properly associates your app with an existing website.
  • Run a test. Fetch as Google to make sure you’ve implemented these steps correctly.

Apps Without a Corresponding Website

You may have noticed that one of the biggest parts of implementing app indexing is associating an app with a particular website. So what happens if your app has no corresponding website? Unfortunately, do to Google’s current structures and limitations, it is not possible to index your app. However, they are working on developing a new way to index and display app-only content. If you’re interested in being one of the first volunteers for the feature, you can use this form to apply.

Conclusion

This has been a long and exhaustive guide, so if you’re looking for some key takeaways, these are the highlights you should walk away with:

  • Mobile optimization is a necessity. If you want to rank, or if you want to keep your users happy, or both, mobile optimization is an absolute necessity. Mobilegeddon made this so last year, and that update alone is growing in significance. You can’t run away from this.
  • Responsive design is Google’s solution of choice. If you’re currently using dynamic serving or separate URLs, you can manage just fine, but responsive design is Google’s optimization method of choice. If you’re just now optimizing your site for mobile, this is the way to go.
  • Testing can help you find and correct any issue. No matter what stage of optimization you’re in, utilizing tools like Google’s Mobile Friendly test can help you sniff out and troubleshoot any problem with the mobile rendering of your site. You don’t have to rely on your assumptions or instincts.
  • You’ll want more than just the basics. Meeting all of Google’s baseline requirements for mobile-friendly sites is a good start, and will ensure you aren’t penalized for not being mobile-friendly, but if you want to succeed from a user experience perspective, you’ll have to do more to make your site functional and convenient on mobile devices.

Mobile is a segment poised for even more expansive growth in the coming decade. If you want your brand and your website to not just survive, but outlast the competition, you need to prioritize the experiences of your mobile audience.

START HERE!