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
Getting to Responsive
Was your website hand-coded?
Does it not use shared themes like
WordPress and Tumblr?
Getting to Responsive
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