Mobilegeddon, Responsiveness,
and You

Mobilegeddon, Responsiveness,
and You

http://slides.com/tennisbear/mry

Who Am I?

  • Dennis Slade Jr.
    tennisbear@gmail.com
     
  • 22+ years experience in web & desktop applications, software support, and training
     
  • 12+ years experience with PHP/MySQL  and similar technologies
     
  • 30+ years providing tech support to Mom

 

Hi, Mom!

What Was
Mobilegeddon?

What Was
Mobilegeddon?

Mobilegeddon was...

Overblown and over-hyped.

 

But even so, Mobilegeddon is real. Not addressed properly, it can have a real (if not fatal) impact on the number of visitors to your website/blog. And that of course can affect your income, your livelihood, and your fame online influence.

Mobilegeddon is...

A fundamental change in the Google Search algorithm based on how websites render on mobile devices.

 

Since April 2015, Google Search ranks websites lower if they don't display well on mobile devices - for searches coming from a mobile device.

Mobilegeddon is...

That last part is very important:
for searches coming from a mobile device.

 

And make no mistake, Google knows if a search is coming from mobile because either you're using their app, or you're using a web browser which reports itself as mobile.

"Does it really matter how my website ranks in mobile-only Google searches?"

According to most industry sources, Google searches from mobile have surpassed all other Google searches since mid-2014.  [ clickz ]

According to most industry sources, Google searches from mobile have surpassed all other Google searches since mid-2014​.  [ clickz ]

So if you rely on (or  ever plan to rely on) people finding you through Google Search, this matters to you.

"How do I ensure my blog or website can thrive in this
post-Mobilegeddon
world?"

"How do I ensure my blog or website can thrive in this
post-Mobilegeddon
world?"

Make sure your websites are Responsive.

What is Responsiveness?

​A website is responsive (or, displays responsiveness) when its layout changes based on the size and capabilities of a web browser's device, particularly mobile devices.

What is Responsiveness?

Mobilegeddon reworded:


In Google searches initiated from mobile devices, non-responsive websites are now ranked lower than responsive websites.

What is Responsiveness?

The more responsive your website is, the higher your page will rank in mobile-initiated Google searches, and the wider the audience you can reach.

"How can I
check whether my website
is responsive
or not?"

"How can I
check whether my website
is responsive
or not?"

Checking for Responsiveness

You can use Google's Mobile-Friendly Test tool to diagnose general responsiveness issues with your website.

Checking for Responsiveness

Test your website on mobile devices of varying sizes and operating systems (Android, iOS, Windows Phone).

Checking for Responsiveness

App developers can test for responsiveness using the simulators included with the mobile app development environments for Android, iOS and Windows Phone.

Checking for Responsiveness

Cloud-based website responsiveness testing is
available from sites like CrossBrowserTesting.com, BrowserStack.com, and SauceLabs.com.

"I've figured out
that my site is
non-responsive.
How can I make it responsive? "

"I've figured out
that my site is
non-responsive.
How can I make it responsive? "

Getting to Responsive

Is your website a blog hosted on WordPress, Tumblr, or a similar hosting service?

You probably chose a theme for your blog that happens to be non-responsive.

Getting to Responsive

Solution:
Change your blog theme to one that IS responsive.

 

Here are some themes for WordPress and Tumblr.

Getting to Responsive

Was your website hand-coded?

 

Does it not use shared themes like
WordPress and Tumblr?

Getting to Responsive

Solution:

Use a CSS/JavaScript framework like Bootstrap or Skeleton.

Mobilegeddon, Responsiveness,
and You

 (this was)

Mobilegeddon, Responsiveness,
and You

 (this was)

References

Thanks for listening!

Dennis Slade Jr.
• Mail: tennisbear@gmail.com
• LinkedIn: https://linkedin.com/in/dennissladejr
• Twitter: @DennisSladeJr

 

This presentation on Slides.com:

http://slides.com/tennisbear/mry

 

Also check out the San Diego PHP Users Group:
http://sdphp.org

Mobilegeddon, Responsiveness, and You

By Dennis Slade Jr.

Mobilegeddon, Responsiveness, and You

Recently you may have heard about Mobilegeddon, something dreaded and mysterious coming out of Google. In this presentation you'll learn what Mobilegeddon was and how the concept of website responsiveness drove it. You'll also learn the answer to the following questions: What is responsiveness? How does a site become responsive? Why are so many sites not responsive? Why does Google care so much about responsiveness? And finally, why should you, me, and all of us care about responsiveness?

  • 1,955