Menu
#1 - Responsive Websites
By Andreas Jensen
Category:
Web Development
Last updated:
17th November 2022
Reading time:
5 min
Table of Contents
What I Thought
Today, a significant issue in the website building industry is the lack of responsiveness in many websites, which means that a website that appears good on a MacBook may not display properly on an iPhone.
The Importance of a Responsive Website: An Explanation
Surprising fact:
As of 2021, up to 56% of the world population uses their phone for browsing, a 50% increase from 2011.
This means that a non-responsive website may be inaccessible to half of the potential audience, leading to a loss in potential leads, sales, and blog views.
Ensuring a responsive design is key to reaching the maximum number of viewers.
Is it Possible to Create a Responsive Website on My Own or Should I Hire Someone?
The answer is both yes and no.
There are many web developers on Fiverr, Upwork and companies, such as Flenster, that offer responsive website building services.
These services come with a cost, but it involves more than just checking a box to ensure responsiveness.
An example of the code involved is shown here.
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
This code enables the responsiveness of your website.
@media screen and (max-width: 1060px) {
#primary { width:67%; }
#secondary { width:30%; margin-left:3%;}
}
@media screen and (max-width: 768px) {
#primary { width:100%; }
#secondary { width:100%; margin:0; border:none; }
}
This code dictates the appearance of your website on screens smaller than 768 pixels, such as on a mobile phone. However, responsiveness goes beyond just the visual aspect. To provide optimal mobile performance, the website must be mobile-friendly as well. Don’t worry, there are platforms available to help greatly with making your website responsive.
Assisting Platforms for Website Responsiveness
Shopify and WordPress plugins like Elementor simplify the process of making a website responsive.
Shopify, being beginner-friendly, automatically ensures responsiveness with any theme selected, but it is mainly focused on online sales rather than blogging or other uses for a website.
On the other hand, Elementor facilitates responsiveness with the need for some manual adjustments, which may prove challenging at times, but still 99% of the work is done for you.
Why Responsiveness Matters: A Good Reason to Make Your Website Mobile-Friendly
Having a responsive website is vital to not just attract more sales and leads, but also to improve your website’s SEO score.
Google checks your website’s mobile-friendliness when it crawls your website to determine if it should show it to the world.
A good performance on mobile devices can increase your SEO score, leading to more visitors to your website. (Here is Flenster)
To check if your website is mobile-friendly, you can go to Google Search Console and have Google scan it. (See Flenster’s 100 percent SEO score on mobile devices.).
To Sum Up
In summary, prioritize responsiveness in your website design.
Some experts recommend starting with mobile development before desktop. If you have any questions or concerns, contact us at info@flenster.dk.
Menu