The WordPress.com Blog

The WordPress.com Blog

Ensuring Your Site is Mobile-Friendly

Here’s how to make sure your site is ready for Google’s algorithm changes.

Goran's layout changes slightly to make sure important content comes first, regardless of the type of device you use to view the site.

Today, Google released a change to its algorithm that gives higher search scores to sites it deems “mobile-friendly.” Curious WordPressers might be asking:

  1. How can I be sure my site is mobile-friendly?
  2. What can I do if my site is not mobile-friendly?

1. See if your site is mobile-friendly

Visit Google’s mobile-friendly test link and enter your site’s address (e.g., http://dailypost.wordpress.com or http://automattic.com). Google will then analyze your site and declare it mobile-friendly or not.

Did your site pass? YAY! Pass GO and collect $200 from the Community Chest.

2. What can I do if my site is not mobile-friendly?

If your site failed Google’s test, you might be using an older theme that’s not responsive. Responsive themes change their layout slightly when someone visits via tablet or mobile phone to ensure that important content like the site title, post titles, and post content can be read on smaller screens.

Goran is one example of a responsive theme. Here’s a sample of what it looks like on desktop computers, tablets, and smartphones:

Goran's layout changes slightly to make sure important content comes first, regardless of the type of device you use to view the site.

Goran’s layout changes slightly to make sure important content comes first, regardless of the type of device you use to view the site.

There are two things you can do to make your site mobile-friendly:

  1. Switch your theme to a responsive theme. Here’s a search on the Theme Showcase returning all our responsive themes to help you choose.
  2. If you’d prefer not to switch to a responsive theme, you can enable an option that will show a mobile-friendly, responsive theme to your mobile visitors only. Go to My Site(s) → WP Admin → Appearance → Mobile in your dashboard. Click on the Yes radio button to enable a mobile-friendly theme, and click on the Update button. You’re set.

Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications - please check your spam folder if you don't receive this.

Join 31,825,534 other followers

39 Comments

Comments are closed.

  1. arernil

    Yeah, my page is mobile friendly !!!😀

    Liked by 3 people

  2. andyc37

    Thank you so much for such a useful article. Definitely something I’m going to have to look into for my web presence!

    Liked by 5 people

  3. pegoleg

    This was really useful, thanks! I’m mobile-friendly. Also pet-friendly, kid-friendly and friend-friendly.

    Liked by 10 people

  4. Paul Bowler

    Didn’t know this, thanks, will have to check this out.

    Liked by 4 people

  5. vocabulary|in|chunks

    Thanks for letting us know.

    Liked by 3 people

  6. Bill Hayes

    I passed the test, yay! Not much else worked that well today.

    Liked by 4 people

  7. suesconsideredtrifles

    Yay, Wu Wei, Pachyderm and Penscratch all pass. Thanks, WordPress.

    Liked by 2 people

  8. Ben Browton

    Many thanks for this. I’m Google awesome, which is reassuring. Glad I did not have to change my theme. Love you WordPress!

    Liked by 4 people

  9. Ray Laskowitz

    Storyteller (www.laskowitzpictures.org) is not mobile friendly according to Google. They want me to change my text size, the space between my links, open mobile view port (whatever that is) and my content is too wide for the page.

    Wow. I use a WordPress template, The text is how WordPress created it. The links are how WordPress set them, I have no idea what a mobile view port is and again, my content width is whatever WordPress said it should be.

    I’m a photographer, not a coder. I trusted that WordPress would provide the proper templates and coding. Apparently not.

    Liked by 2 people

  10. Jan Watson

    My theme (that I want to keep) is not responsive and I don’t have a Mobile option under appearance. Please advise.

    Liked by 1 person

  11. Carmen Lezeth Suarez

    Awe…thank you for this! Never even dawned on me. I’m so glad I’m with WordPress! You guys rock!

    Liked by 2 people

  12. vbrown11

    Mine passed the test too and thank you so much for this! You are so greatly appreciated and I am very grateful for you WordPress.com.😉

    Liked by 2 people

  13. littlebeanfarms

    I am using a responsive theme (Sela) and I’m still failing the google test. My x’s are:
    Text too small to read
    Links too close together
    Mobile viewport not set
    How do I fix it?

    Liked by 2 people

  14. roseglace

    it’s interesting that there is no obvious definition of what constitutes ‘mobile-friendly’. it’s hinted that it involves — but is not limited to — things like the necessity to zoom or scroll. i think far more important is “is the content and functionality of the mobile site EXACTLY THE SAME as the ‘real’ site? this criterion is never mentioned (or if it is, it’s not obvious).

    Liked by 2 people

  15. Jean Reinhardt

    For once I’m compatible with something technical, yayyyy. Thanks.

    Liked by 1 person

  16. अनिरुद्ध बनहट्टी

    Ya.
    I have created two sites and both passed the test and are mobile friendly. The screen shot is exactly correct.

    But I didn’t understand Pass GO and collect $200 from community chest. I didn’t see any GO link or button anywhere.

    So please explain to me how I can collect my 400$.

    Liked by 2 people

    • Krista

      The reference to “Pass GO and collect $200 from the Community Chest” refers to a popular board game called Monopoly. It’s a light-hearted attempt at a joke.

      Liked by 3 people

  17. borehead

    Hi. I have responsive theme, even seen the site on all the different devices! Says my site is not responsive! sigh.

    Liked by 1 person

  18. steveesq

    Thanks. I read articles yesterday about this but your post was the only one that gave me the link to check my sites.

    Liked by 1 person

  19. dhenztm

    The mobile-friendly theme works for old themes like what I’m using (Redoable Lite) but there’s no customization so hopefully they get some attention as well🙂

    Liked by 1 person

  20. Anand Rangpara

    It did not happen. I entered my wordpress blog URL but no analysis happened.

    Liked by 1 person

  21. Olivia

    My theme, Blogum, is not responsive, but I clicked it over to Mobile (as on your point 2) and now I’m ‘Google awesome’!! But pages are not still not showing up in searches as mobile friendly, so I’m not sure what to do now😦

    Liked by 1 person

  22. Eunice Sanchez

    Yay! Where’s my 200 bucks?😀 Thanks for this very helpful article.

    Liked by 3 people

  23. Jan Watson

    Thanks. But I inherited a site bfineartjewelry.com in which lies the problem. Minimatica is not responsive and I can’t find a Mobile radio button.

    Liked by 1 person

  24. nickvreys

    Thx for such a useful article. It never even dawned on me to check my site on my mobile. Glad I passed the test!

    Liked by 3 people

  25. Haya

    Thanks a million. (Now I never had and will most likely would never have million dollars)

    My site was not mobile friendly, by adopting ur advice got it changed. I am still looking for right theme though.

    Like

  26. furquanahmed13

    So I am ready to face Google Mobile friendly algorithm with help from WordPress.

    Liked by 1 person

  27. Ana Rojas

    YAY! My website passed this test..Happy to see “Awesome! This page is mobile-friendly.” THANKS for posting this article.

    Liked by 3 people

  28. nwginc

    Thanks for the link!!!

    Liked by 1 person

%d bloggers like this: