Written by: Richard Fong
Published on July 9, 2021
Published on July 9, 2021
Smartphone usage has risen exponentially over the past few years. In fact, browsing on mobile devices accounts for over half of all web traffic globally. Due to these trends, search engines are now showing preferences for websites that are mobile-friendly and mobile-optimized, granting them higher rankings on search engine results pages (SERPs).
Squarespace is one of the most common website builders today and was actually the leading software platform for e-commerce shops in 2021. In general, websites on Squarespace are already designed to be viewed and navigated well on any device. Squarespace sites adjust to different browser window sizes through responsive design.
This mobile responsive design ensures that page elements will remain intact, and will adapt to different screen sizes without having anything on the site change. Despite this assurance, there are still a number of things to keep in mind to ensure that you have the most mobile-optimized and customized site of your dreams.
Here are some tips for getting started:
Before anything else, make sure to do your own audit of your Squarespace site. You can manually have a look on your smartphone, but you can also use Squarespace’s Device View for a preview of the site’s display on small screens. Google also has a Mobile-Friendly Test for you to get an overview of your site’s mobile optimization and compatibility.
After checking your site’s Device View, it is still recommended to adjust its font size to your liking. You can do this via custom CSS. In addition to this, you can also adjust your letter spacing to 0px – or even higher to avoid having text overlap.
Devices download the content of a page when a user views it. As such, it’s best to lessen the amount of data on every page. You can minimize how much content is displayed on every page, keeping it below 5 MB. This will ensure faster page load speed, and thus, a better user experience.
Sometimes, spacer blocks look better on desktop view than on mobile. To avoid having excessive empty spaces on your mobile sites, fix your spacer blocks. Instead of using a single spacer, put two blocks side-by-side. This cancels out on Squarespace’s mobile view but will remain as is on desktop view.
Squarespace has an image editor where you can edit the focal points of your photos, especially your banner images. Repositioning the part you want to focus on ensures that users get the best view of your site and all its content, regardless of the device they are using.
Although Squarespace has a number of great built-in features for responsive mobile design, it is important that you do your part to check that every element is mobile-optimized. With all the potential traffic and leads generated from mobile traffic, you won’t want to miss out by having a site that isn’t performing as well as it could be.
Want more tips on mobile SEO? Check out some of our previous posts! Contact Bliss Drive today for all your web design needs.