Creating A Mobile Friendly Website Plus SSL Security
In episode 8 of Local SEO Tactics we’ll tackle two very important topics that will surely impact your SEO and website rankings. We’re talking about creating a mobile friendly website – both what that means, and what some best practices are for being mobile friendly. We’ll also talk about website security and SSL encryption for your website. These two issues need to be addressed on your site ASAP, or you’ll risk losing position very soon, as warned by Google!
- What it means to have a “mobile friendly” website
- The difference between mobile friendly, responsive, and mobile first website approaches
- How to design a website with best practices for mobile usage in mind
- Why it’s important to design your website for mobile usage
- What is SSL security for your website
- Why is SSL security important for your website
- What will happen if you ignore Google’s SSL security warning
Thanks for Listening!
Here is a preview of the transcription from Episode 8 – Creating A Mobile Friendly Website Plus SSL Security;
Jesse: Google’s told everybody, “There’s some big changes coming that you need to be on top of,” these two areas particularly, “otherwise you’re just really not gonna be found.”
Jesse: Hey everyone. Jesse Dolan and Bob Brandon here with Local SEO Tactics. Today we’re gonna be talking about two more topics. One is, mobile friendly, mobile optimization for your website to make sure you’re playing well on mobile devices. And your SSL or HTTPS security. Both of these are big topics-
Bob: Oh, yeah.
Jesse: … as it relates to SEO. Over the last year Google’s told everybody, “There’s some big changes coming that you need to be on top of,” these two areas particularly, “otherwise you’re just really not gonna be found.”
So we’re gonna dig into those and again, just like all the other episodes, take notes. This isn’t gonna be fun, sexy stuff, right?
Bob: It’s important.
Jesse: It’s extremely important, if you’re gonna have a website, you gotta be doing these things, otherwise it’s really like, “What’s the point in doing it?”
Jesse: Especially with these two topics today. So take notes, grab a pencil and some paper, or bookmark some times on this. You’re gonna wanna take some actions and get this stuff rocking on your own website.
So the first topic we’re gonna cover today is the mobile side of things. Everybody today, we use our phones, or iPads and tablets too, but predominately smartphones, to do a lot more searching than we used to even a couple years ago. That has an impact on SEO now. You gotta design sites to be found, particularly on mobile devices.
Google’s kind of made it known to everybody that, “If your website is not mobile friendly, or mobile responsive,” and we’ll break those terms down here in a minute, they’re gonna penalize you.
Jesse: All things being equal. We use this example format here all the time, but if Bob and I have identical websites, if his is optimized for a mobile device and mine is not, Google is gonna give him preference over mine, and he’s gonna get the traction and the audience that I’m not gonna get, and gonna get the customers.
Bob: Yeah, and we’re getting more comfortable using our mobile devices for buying anything from airline tickets to athletic events, the whole nine yards. So that being said, the searches obviously have to fall in line with that as well.
Jesse: Right, and part of that adoption is, websites do get better, right? Being more mobile friendly, us as users, are more inclined to use our phones for those kinds of things, where a year-or-two ago, websites really weren’t designed for mobile devices. You’d design your website on your desktop or for your laptop, and on your phone you’d have to pinch and zoom to really get into stuff, and that’s just not convenient. People didn’t use it. But as websites started to become responsive, you just started adapting.
The responsive website is kind of the first version of the migration over to a mobile-first platform. A responsive website, for what that term means is, a website that will change based on the device you’re using. So if you’re on your laptop, or your desktop it’ll look good, it’ll be big and wide and everything else.Pad, it might rearrange itself a little bit.
Jesse: Some of the elements might pull down, or come in a different order. The sizes and the shapes really aren’t gonna maybe change too much, but the order where they’re at and the page layout will. And then, if you view that same webpage on a mobile device, like a smartphone or an iPhone, it’s gonna take that even more extreme. It’s gonna be much more of a one-column design, so things that might have gone left or right are just gonna be up and down now, and they’ll rearrange.
A responsive website is one that just kind of changes depending on whatever your device is. It’s always gonna look good and rearrange itself, no pinching and zooming needed to navigate the website.
A mobile friendly website, that means the same thing, basically. Not gonna be primarily designed to be viewed on a mobile device necessarily, but you’re not gonna have any problems if you’re on a mobile device-
Jesse: … navigating it. The most recent term that’s relevant in the industry and out there in the web world is, “mobile-first design.” There’s a big distinction on that versus mobile friendly, or responsive is, you design the website primarily as to be viewed on a mobile device.
Obviously, it’s gonna be viewed on laptops and desktops as well, so you wanna make it look good for that, but you have to pretend in your mind that the user is on a mobile phone when they’re visiting your website.
Statistics show that, depending on the industry you’re searching for, or the product you’re searching for, upwards of 70 or 80% of searches are done on mobile devices. Now, to break down what I mean by that in the context. Let’s say somebody’s gonna be ordering toner cartridges for their office. Well, most of the people doing that kind of search are probably sitting at their cube, or on their desk. So those kinds of searches aren’t gonna have that high degree of mobile searches, right?
Jesse: If you look at the stats on those kinds of search terms, probably primarily desktop or laptop type users. Maybe the nearest restaurant, or chiropractor, or services like that, out and about, shoe repair? Mobile.
Bob: Yeah, you’re broken down on the side of the road. You’re a truck driver, you’re broken down on the side of the road, what are you gonna do? You’re not gonna necessarily pull out your desktop or whatever.
Bob: You’re gonna pull out your phone. We’ve had clients that repair phones for a living and they’ve said their customers have come in with their broken cracked screen, with their website up, right there. So they know it works.
Bob: So yeah, I mean certain services, again, if you’re gonna have architectural drawings done, or you’re gonna have a house designed, you’re probably gonna sit down at your desktop, look the site. We’re not sure that really needs to be 100% mobile-first. But services that, really what this show is catering to, it has to be mobile-first in my opinion.
Jesse: Yeah. Some of the elements that make a website mobile-first, it doesn’t have to mean its small, or things like that. Every mobile-first “website” is still gonna be responsive. If you’re looking at it on any size screen, it’s gonna rearrange itself and just look great. Or at least it should, if you’re doing it properly.
But some of the elements that really makes something mobile-first are buttons instead of text links. If you want somebody to jump to the next page, “Click here for more information,” for example. Or, “Click here to schedule an appointment.” You don’t wanna have that link just be a little bitty text link, right?
Somebody with big old sausage fingers, you’re gonna be clicking the wrong links, or not able to get there. So one of the elements for mobile-first is, if you’re gonna have a link to something, have it be a big button. I say, “Big button,” on purpose. Same thing, you don’t want a little tiny button, a little bullet point or something, for somebody to click on, or a little image. It should be taking up a good chunk of the screen. A great design for a button is actually a full width button. On your smartphone, it would go left to right, the full width of the screen.
It makes it super easy for a user to click that, and they don’t even have to think about it. It’s just kind of instinctively, you know what it is. So there’s that, “Don’t make me think,” convention that we talked about before. And then there’s the actually physical act of clicking on it, that is easier when it’s a large size button. That’s probably one of the most critical parts as far as the mobile-first goes.
A second part would be clear and concise points. We talked in the previous episode of, how to use your H1, H2, H3 tags for your headlines for your website. Same thing here on mobile-first, make sure those are really called out and really identified. People are scrolling through that page. So on a desktop or on a laptop, you’re presented with a lot more of the text to view at any given time.
Check out the show notes below for resource links, guides, and a link to watch the episode in video format!
To share your thoughts:
- Send us a comment or question in the section below.
- Share this show on Facebook.
To help out the show:
- Leave an honest review on iTunes. Your ratings and reviews really help and we read each one.
- Subscribe on iTunes.
- Subscribe on Google Play.
- Subscribe on Stitcher.
Listen to the episode however you like with the audio file.
Note: some of the resources below may be affiliate links, meaning we get paid a commission (at no extra cost to you) if you use that link to make a purchase.
- Chrome extension for viewing your website in different sizes; WEBres
- Google PageSpeed Insights to see how fast your site loads; Google PageSpeed Insights
- Google mobile friendly website testing tool; Google Mobile-Friendly Test
- Our General Resources Page
- Our Free Instant Online SEO Audit