4 Reasons You Need A Mobile Friendly Website
Why do I need a mobile friendly website?
First of all, that's not something you should ask, you should just know—and if you don't know, you should be ashamed not to know and pretend to know.
Srsly though, it's because we're in 2019, and because you're ignoring roughly 55% of web users if you don't.
This blog post is inspired by this interesting article from Google. According to people familiar with the matter, 96% of consumers have encountered websites that were not optimized for mobile viewing, which in this day is just about 96% too many.
1. These Are The Stats:
61% of users said that if they didn't find what they were looking for right away on a mobile site, they'd quickly move on to another site.
79% of people who don't like what they find on one site will go back and search for another site.
50% of people said that even if they like a business, they will use them less often if the website isn't mobile-friendly.
2. Google Likes Mobile
The truth is, they will punish you by lowering your ranking in their listings, if your site isn't mobile friendly.
On March 26, 2018, Google announced they’re rolling out their "Mobile-first" indexing of the web after years of experimentation and testing. According to their blog post, Mobile-first indexing means Google will use the mobile version of a web page “for indexing and ranking, to better help our – primarily mobile – users find what they’re looking for,” and by “primarily mobile,” Google is referring to the fact that the majority of people who use Google search, do so from mobile devices.
In short, Google will start to look at mobile web pages to index the web, not desktop pages, and if you don't have a responsive (mobile friendly) website. GET ON IT. You can check to see if your website is mobile friendly, here.
3. It's Easier Than You Think to Get One
The big players in the internet game were thinking ahead years ago and have adjusted their platforms accordingly. Squarespace for instance, makes sure that every site built on their platform is responsive—yet another reason I personally like to build client websites with Squarespace. However, other platforms do this as well, either for free or for an additional fee. Local internet startup PageCloud allows you to style the mobile version of your site however you like, but it does take some extra effort to get it right. Regardless, you should always check out your website with Google's mobile friendly test.
If you've already got a website, open it up on your phone and show it to people. Are they squinting, holding the phone up to their face, or holding in vomit? These might be clues that you need to take action. Deal with it now while there's still time to get ahead of Mobile-first indexing, or you'll be scrambling to catch up later.
4. You Need to Understand Your Audience
People are on their phones—all the damn time. Here's a funny gif in case you don't believe me.
As it turns out, you can lose more than just sales with a bad mobile experience. Us millennials will be left feeling downright frustrated. We've got crippling student debt, no hope of ever entering the real estate market and like, tots maje relationship probs, but non-responsive websites are really just the final straw.
48% of users say they feel frustrated and annoyed when they get to a site that's not mobile-friendly.
36% said they felt like they've wasted their time by visiting those sites.
52% of users said that a bad mobile experience made them less likely to engage with a company.
48% said that if a site didn't work well on their smartphones, it made them feel like the company didn't care about their business.
TL;DR:
It's 2019. Please, please, please jump on the mobile bandwagon.
Related Articles:
Learn how to turn the inset border on a Squarespace section into a blurred image frame using just 6 lines of custom CSS. Step-by-step tutorial with a code generator.
Create a vertical scrolling testimonial carousel to any Squarespace site. Includes a live code generator where you can type in your own reviews, customize colors, speed, and card styles, and copy the finished code in one click.
Uploaded a video to Squarespace but can't find a way to download it back? Here's a quick workaround to retrieve your hosted video files when the download button is missing.
Learn how to add quizes, polls, and surveys to your Squarespace website without code using Opinion Stage. A free tool to turn quizes and polls into lead generators.
Create anchor links in Squarespace 7.1 without coding! Learn to make smooth scrolling internal links for same-page navigation, links to other pages, and SEO-friendly anchor links. Get solutions for unsupported sections too.
A complete guide to the 2026 Squarespace Circle program changes, including how to qualify for Gold and Platinum status, earn points, and unlock exclusive discounts.
Create a typewriter effect header with a blinking cursor on your Squarespace site using one simple code block.
Add a 'View Project' button overlay to your Squarespace portfolio thumbnails. This code snippet is an easy plug-and-play solution to enhance your Squarespace website design.
Learn how to write original content as a Squarespace designer without relying on AI-generated templates. This guide covers a five-step process for creating blog posts that keep your unique voice while using AI as a helpful tool.
Add a collapsible floating side navigation menu to your Squarespace site with this code snippet. Keep links accessible without clutter, customize icons and colors, while being fully responsive. Follow the step-by-step guide to integrate it seamlessly.
Learn how to customize the default 'Sign up for News and Updates' text in Squarespace forms with a simple JavaScript snippet. This quick guide will help you align your forms with your brand’s tone and messaging, boosting engagement and maintaining consistency.
Discover Generative Engine Optimization (GEO) and learn how to rank in AI-generated search results from tools like ChatGPT and Google Gemini. Build a strong SEO foundation, optimize for informational queries, and adapt to AI-driven search behavior for future-proof visibility.
Learn how to reposition your Squarespace header to the bottom of the page using a simple CSS code snippet.
In this tutorial I will teach you how to add a polaroid photo effect to the Squarespace Instagram block.
In this tutorial I will teach you how to change images on hover in Squarespace Fluid Engine and 7.1 using a very simple CSS code.
In this article I will guide you through the process of implementing the Ken Burns effect on your Squarespace images, galleries, and section banners using CSS.
When a member logs into their Member Area account, the page simply refreshes and the user panel opens. This can be confusing and not the best user experience. In today's article, I'll show you how to solve this problem by sharing a simple code snippet that you can add to your website
In today's digital landscape, websites must be designed with responsiveness in mind. As a Squarespace designer, one of the most important steps in my web design process is ensuring my websites are responsive and look amazing on all displays, be it mobile, tablet, or desktop.
If you’re a business owner or a freelancer, you know that it can be stressful enough having an unstable and variable income. The last thing you want to worry about is clients that ghost you after your work is done. Your livelihood depends entirely on invoices paid on time by your clients. Unfortunately, that doesn’t always happen. Since starting my web design business, I have not encountered this problem once. Here are some tips to prevent late and non-payments
If you're a fan of Squarespace like I am, you'll know that 2022 was a banner year for the platform. They completely revamped their website builder with the "Fluid Engine" layout editor and let me tell you - it was a game changer. Building websites on Squarespace just got a whole lot easier and more stylish. But that's not all - they also rolled out a ton of new features that made it possible to create professional-grade websites without any coding skills. These updates were a total dream for anyone who loves to tinker with their website and try out the latest design trends. In this article, I'll be sharing all the details about these new features and giving you my honest thoughts on them.
Adding floating social icons that are always visible to your website is an easy way to encourage visitors to follow you on your chosen platforms and stay up to date with your content. Not only do these icons provide an easy way for visitors to connect with you, but they also contribute to the professional and cohesive look of your site. The new Fluid Engine update to Squarespace means the codes we used on 7.1 to achieve this are no longer viable and they need some tweaking.
In the web design business, like any tech-related business, technologies and trends move & change at an impossibly rapid rate. You’ve probably noticed many of these trends emerging already. If not, you’re going to notice them after reading this article.
Squarespace has just released a new feature that I've been wanting for a while: Saved Sections. In this post, I'll give you an overview of what Saved Sections are, how to use them, and how they can improve your Squarespace workflow.
In this article, I’ll show you how to create an anchor link sidebar navigation in Squarespace 7.1 and Fluid Engine.
In this article, I’ll show you how you can force the mobile navigation to show all the time, even when viewing on desktop browsers in Squarespace 7.1.
Like many, I left high-school with the task (read: burden) of deciding, that very minute, what it was that I was going to do for the rest of my life to make some semblance of a living in this tremendously costly city I call home. What do I want to be when I grow up? In western society, what that really means is: Which profession will define me a person, and how many expensive and unnecessary things do I want to buy to impress people I don’t like?
The Brine family of templates in Squarespace 7.0 offered a lovely, optional parallax feature that could be applied to banner images. 7.1 does not currently offer this option. However, with a little bit of code, we can add a (more flexible) version of the parallax effect to banner images in this updated design system.
Logos are essential for the branding of your company, and can also have an effect on the overall design of your site. This can certainly be an intimidating process if you have never designed a logo before, but it doesn’t have to be.
A complete guide to Squarespace’s 2025 pricing—Basic, Core, Plus, and Advanced. Use our free plan selector to quickly find the perfect tier for your site.