mobile seo
| |

Don’t Make These Ridiculously Simple Mobile SEO Mistakes

ByGreenlane

Unless you’ve been dialing up to the internet on a 56K modem attached to your Tangerine iBook G3, chances are you’ve heard that mobile internet usage has surpassed desktop usage for over a year now. Mobile SEO and the mobile experience is perhaps the most important consideration for your site after the content itself.

StatCounter Global Stats - Platform ComparisonSource: StatCounter Global Stats – Platform Comparison Market Share

It’s so important, in fact, that Google announced last year that they will be indexing all content by how it performs on mobile devices, and calling it “Mobile-first Indexing”. In the very near future, it won’t matter how good your content is if your site doesn’t work on mobile devices.

So your site works best on desktop, does it?

This issue is pretty uncommon these days, because thankfully developers haven’t been ignoring the rise of mobile. Today, most major platforms support responsive design, where the interface and content automatically scale to your screen size, using CSS.

Well-crafted responsive designs: The way of the modern web

Tangerine iBook G3Even if you are using the beautiful Tangerine iBook G3, you definitely are experiencing the wonders of responsive design. That computer’s resolution is 800×600, which is way less than a modern smartphone’s resolution and well low enough to trigger the mobile version of most responsive websites.

Developers set breakpoints in CSS that trigger different sets of design rules based on screen sizes, such as replacing the desktop menu navigation with a collapsible “hamburger” mobile menu and resizing content width and font size for easier reading.

Things you should look for:

  • All pages work on your phone
  • Way too tiny text or buttons
  • Missing elements, like navigation
  • Landscape still shows the mobile view (phones are BIG these days!)

Google really wants you to do this

They’ve gone out of their way to help you out with mobile, including baking testing tools right into the Chrome browser you’re probably using right now! Google Lighthouse, previously an add-on extension for Chrome, is now built into the developer tools. In addition, you can use the developer tools to simulate exactly how your pages look on a variety of mobile devices. In the Chrome menu (the three dots to the right of the address bar), just go to More Tools -> Developer Tools.

And don’t forget – test this on your own phone! Checking out a simulated mobile view is great, but I’ve found tons of issues by simply putting finger to phone and seeing if I could break it.

 

Still procrastinating on HTTPS?

It’s rare to see a site that isn’t on HTTPS these days, as internet security is one of the biggest topics today. This is extra important for mobile SEO, as search engines know that poor quality and malicious pages could bog down or even hijack mobile browsers.  Google’s stance is clear:

You should always protect all of your websites with HTTPS, even if they don’t handle sensitive communications. Aside from providing critical security and data integrity for both your websites and your users’ personal information, HTTPS is a requirement for many new browser features, particularly those required for progressive web apps.

–Google Fundamentals

Google really cares about this, so much so that it’s a pass/fail test in their Lighthouse audit tool. It’s also a really quick and inexpensive win – SSL certificates can cost as little as $17/year, and some hosting providers even provide them to current customers for free.

Things to look out for

If you’ve got SSL up and running, great! There can still be a few pitfalls that you should run through your site and check for, including:

  • Not all pages show HTTPS
  • Pages that show broken HTTPS (mixed content, signified with a little broken lock icon)
  • Both HTTP and HTTPS render the page (HTTP should instead redirect to HTTPS)

 

Your images are WAY TOO ENORMOUS

It’s really great that you’ve taken nice, high-resolution professional photography for your site. However, have you checked how big those images are on the page? Are they uploaded at an enormous resolution, and scaled down in HTML? If so, you’re wasting a huge amount of unnecessary download time, killing your users’ mobile experience, and ruining your mobile SEO. These images take forever to load on cellular connections, and the much more limited resources of mobile devices may struggle to scale and display these.

Scale your images

I’ve seen sites with images downloaded on the page at such a high resolution, one visit to that page per day would be enough to burn through a normal mobile data plan! Your images should be uploaded at 2x their largest intended display size, which will ensure they look great on high-resolution mobile displays while keeping the size reasonable.

Use lossless compression

If you’ve never heard of this before, that’s OK. Lossless compression is a magical process that removes all extraneous data from an image that isn’t required to display the image. Lossless compression can cut your image size often by more than half.

It’s so magical, in fact, that the most common library for doing so is called Image Magick. If you’re using a web platform, chances are this library is baked in, and might be one toggle button away from seriously speeding up your site.

If you want to test for lossless image compression on your site, a great tool is GT Metrix. Not only will it show you how much each image will save, but it actually performs the lossless compression and lets you download each resulting image!

 

“This page feels like it takes forever!”

The most important thing to your mobile visitors is how fast the page feels. Even if your page has 100 gigantic images and takes forever to download, you can make it feel really fast by making sure that the “above the fold” content loads and renders as quickly as possible. Google refers to this as prioritizing the first meaningful paint, and it’s something their crawlers definitely put a lot of value in.

Image from Google Developer

There are a few really simple steps you can take to supercharge your initial visible content:

 

Why can’t I zoom in? I can’t read this!

Accessibility is a big issue for Google these days, and rightly so. The whole point of mobile-first is to ensure that as many people as possible can use your content on as many devices as possible. It’s easy to fall into the trap of seeing your site look good on your big fancy shiny phone, while it may not work on someone else’s aging iPhone 4.

There’s a few things you should look out for, specifically:

  • You can pinch to zoom, even if the page is responsive and already sized to your device
  • All text is readable, even captions and footer text
  • All of the images have scaled well
  • None of the items are overlapping in a weird way
  • Things are easy to touch and navigate through (tap targets)

 

Take the “reasonable person playing with their phone while waiting somewhere” challenge

Also known as the RPPWTPWWS challenge, this important test is the very first thing I do when auditing a mobile site. Before opening any tool, it’s important to take out your own device, and try to use the site. Look for things that are “off”, are annoying, don’t work quite right, etc. Basically, anything that would bother you if you were trying to quickly use the site on your phone while you were waiting in like at the supermarket or something. Remember – you’re fighting text messages and pictures of cats, so make your experience as friendly as possible!

Similar Posts

Using Google Search Console Tools To Clean Up Your (404) Act
| |

Using Google Search Console Tools To Clean Up Your (404) Act

ByBill Sebald

This article is an entire rewrite from its original 2012 version. When Google launched the new Search Console (thus killing the legacy 404 report), it rendered the old version of this post useless. The bad news – the new URL inspector doesn’t work the same as the legacy report. In the previous report, you could…

Step-By-Step Google Disavow Process
| |

Step-By-Step Google Disavow Process

ByBill Sebald

Read Full Article

For one reason or another, plenty of sites are in the doghouse. The dust has settled a bit. Google has gotten more specific about the penalties and warnings through their notifications, and much of the confusion is no longer… as confusing. We’re now in the aftermath – the grass is slowly growing again and the sky is starting to clear. A lot of companies that sold black hat link building work have vanished (and seem to have their phone off the hook). Some companies who sold black hat work are now even charging to remove the links they built for you (we know who you are!). But at the end of the day, if you were snared by Google for willingly – or maybe unknowingly – creating “unnatural links,” the only thing to do is get yourself out of the doghouse.

optimize
|

Optimize NOW For Entities and Relationships

ByBill Sebald

I remember a few years ago blowing the mind of a boss with a theory that Google would eventually rank (in part) based on their own internal understanding of your object. If Wikipedia could know so much about an object, why couldn’t Google? In the end, I was basically describing semantic search and entities, something that has already lived as a concept in the fringe of the mainstream.

How Entities (and Knowledge Cards) Can Help With Query Intent
| |

How Entities (and Knowledge Cards) Can Help With Query Intent

ByBill Sebald

Entity optimization as a big SEO play isn’t quite upon us yet. It’s a slow, growing Google addition. I know – it frustrates me too. So much potential, of which I believe will greatly improve search results in the future. Google isn’t nearly showing the fruits of everything it knows through entities, whether through cards or search results – at least not relative to the way they rank on keywords alone. But can knowledge cards help bring qualified traffic while considering searcher intent? SEOs always talk about searchers intent. Anyone who’s been doing SEO for a while knows that building for intent can be a challenge.

seo report
| |

SEO Reporting: How to Build Meaningful Analytics Reports

ByBill Sebald

The SEO report. It’s a calling card for some agencies. These reports can be ornate or no-frills (everyone has their own style). Smart companies use APIs to compile reports without spending manual hours. Some rely on automatic SEO reporting tools. For other companies, it’s a time-intensive and considerably low-value exercise.

How To Work Relationships and Concepts Into Your Copy
| |

How To Work Relationships and Concepts Into Your Copy

ByBill Sebald

The folks at Mountain View made the conscious decision that keywords alone couldn’t deliver them the results they wanted to see (ahem, “their users wanted to see”). Google tried some different modeling but ultimately came around to semantic search (that is, using semantic technology to refine the query results). Now I said much of the industry has picked up on it. Not all. I still see a lot of pretending Panda, Penguin and Hummingbird never happened. That’s unfortunate for innocent clients around the world. But for most of us probably reading this, we’re students of a new lexicon. With words like “triples” and “entities” and “semiotics” and “topic modeling.”