{"id":34161,"date":"2020-03-31T08:47:57","date_gmt":"2020-03-31T15:47:57","guid":{"rendered":"https:\/\/www.websitebuilderexpert.com\/?p=34161"},"modified":"2023-07-31T11:40:43","modified_gmt":"2023-07-31T11:40:43","slug":"how-to-make-website-mobile-friendly","status":"publish","type":"post","link":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/","title":{"rendered":"How to Make Your Website Mobile-Friendly: 11 Steps to Enhance User Experience"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text css=&rdquo;&rdquo;]In the summer of 2015, more Google searches were carried out via mobile than desktop for the first time ever &ndash; and you&rsquo;d better believe they&rsquo;ve only gone up since then! These days, many website builders help you <a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/\">build a website<\/a> that&rsquo;s mobile-friendly with tools and templates, but it&rsquo;s up to you to make sure your pages load and look good on different devices.<\/p>\n<p>If you&rsquo;re reading this article, chances are you&rsquo;re already aware of the importance of having a mobile-friendly website, and are looking to make sure that yours is offering a great experience to mobile users. We can teach you how to do that![\/vc_column_text][vc_column_text]<\/p>\n<h3>To make your website mobile-friendly, you&rsquo;ll need to:<\/h3>\n<ol>\n<li>Choose a mobile-responsive theme or template<\/li>\n<li>Strip back your content<\/li>\n<li>Make images and CSS as light as possible<\/li>\n<li>Avoid Flash<\/li>\n<li>Change button size and placement<\/li>\n<li>Space out your links<\/li>\n<li>Use a large and readable font<\/li>\n<li>Eliminate pop-ups<\/li>\n<li>Optimize forms and input fields for mobile<\/li>\n<li>Optimize your website&rsquo;s loading speed<\/li>\n<li>Test regularly<\/li>\n<\/ol>\n<p>[\/vc_column_text]\n<\/p><div class=\"form-simple\" data-eventcategory=\"feedback\" data-eventaction=\"Email-Subscribe\">\n <form target=\"_blank\" class=\"form-subscribe\" id=\"form-subscribe\">\n\n <div class=\"form-loader\">\n <div class=\"spinner-box\">\n <span class=\"spin-loader\"><\/span>\n <p class=\"form-loader-text\">Verifying<\/p>\n <\/div>\n <\/div>\n\n <div class=\"form-subscribe-info\">\n <p class=\"form-subscribe-title\">It&rsquo;s time to accelerate your business growth.<\/p>\n <p class=\"form-subscribe-subtitle\">Sign up to our FREE newsletter for weekly SEO, social media, &amp; ecommerce tips &ndash; boost traffic today!<\/p>\n <\/div>\n\n <div class=\"form-subscribe-box\">\n <div class=\"input-row input-row-text\">\n <input type=\"text\" class=\"form-control\" name=\"first_name\" placeholder=\"Name\" required>\n <span class=\"input-row-error\">Please fill in your name<\/span>\n <\/div>\n\n <div class=\"input-row input-row-email\">\n <input type=\"email\" class=\"form-control\" name=\"email_address\" placeholder=\"Email Address\" required>\n <span class=\"input-row-error\">Please fill in your email<\/span>\n <\/div>\n\n <div class=\"google-inline-captcha\">\n <div class=\"captcha-message\">\n <span class=\"btn-close\"><\/span>\n <span class=\"form-messages\"><\/span>\n <\/div>\n <\/div>\n\n <button class=\"form-subscribe-button btn btn-primary\" type=\"submit\" data-eventlabel=\"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/posts\/34161\">\n Subscribe <\/button>\n <\/div>\n\n <p class=\"form-subscribe-privacy-policy\">\n By signing up to receive our newsletter, you agree to our <a href=\"https:\/\/www2.mvfglobal.com\/privacypolicy\/b649e\" title=\"Privacy Policy\">Privacy Policy<\/a>. You can <strong>unsubscribe<\/strong> at any time. <\/p>\n\n <\/form>\n<\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\n<h3>What Does Mobile-Friendly Actually Mean?<\/h3>\n<p>When we talk about a &lsquo;mobile-friendly&rsquo; website, we&rsquo;re talking about displaying a different &lsquo;version&rsquo; of your website to visitors viewing your site from mobile, in order to give them a better experience.<\/p>\n<p>There are several ways you can achieve this:<\/p>\n<ul>\n<li><strong>Responsive design<\/strong> &ndash; your website&rsquo;s design adjusts to adapt to the screen size, whether you&rsquo;re just changing the size of your desktop tab, or browsing from a mobile or tablet.<\/li>\n<li><strong>Dynamic serving<\/strong> &ndash; visitors are shown a different, purpose-built version of the site, depending on the device they&rsquo;re viewing from.<\/li>\n<li><strong>A mobile app<\/strong> &ndash; in some cases, having a completely separate app for your mobile audience makes the most sense (although if this is the case, you should also make sure your website is up to scratch for those who don&rsquo;t want to download it).<\/li>\n<\/ul>\n<p>Responsive design is the bare minimum you should be aiming for, and it&rsquo;s what Google recommends &ndash; not to mention being one of the main routes you can take to <a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-a-website-accessible\/\">making your website more accessible<\/a>. That said, we think it&rsquo;s worth further editing your auto-generated mobile site anyway &ndash; after all, you want to aim for a fantastic mobile user experience, rather than an &lsquo;acceptable&rsquo; one.<\/p>\n<p>If you think a mobile app would work for your site, we recommend getting in touch with a developer who can help you out with that.[\/vc_column_text][vc_column_text]<strong>Find Out More<\/strong><\/p>\n<p><strong>Here are some other articles you might enjoy:<\/strong><\/p>\n<p><strong><a href=\"https:\/\/www.websitebuilderexpert.com\/designing-websites\/\">How to Design a Website<\/a><\/strong> &ndash; If you&rsquo;re starting to design (or redesign!) your website, check out this article for a step-by-step guide, and key points to consider.<\/p>\n<p><a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/\"><strong>How to Build a Website<\/strong><\/a> &ndash; Haven&rsquo;t made a start on your site yet? No worries, this guide will walk you through the whole process!<\/p>\n<p><strong><a href=\"https:\/\/www.websitebuilderexpert.com\/website-builders\/seo\/\">5 Best Website Builders for SEO<\/a> <\/strong>&ndash; Any website builder with strong SEO comes with mobile-friendliness baked right into its templates. Here are five of the best.<\/p>\n<p><strong><a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/digital-marketing-tips\/\">Digital Marketing Tips<\/a><\/strong> &ndash; Keen to know more about online marketing? Check out our top tips today&hellip;[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 1. Choose a Mobile Responsive Theme or Template <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Okay, so this is the first step, and it&rsquo;s a big one: choose a mobile responsive theme or template!<br>\nBecause having a mobile-responsive design is so important, it&rsquo;s something that pretty much every top website builder has covered across each of its templates. For example:<\/section><\/p>\n<p><a href=\"https:\/\/www.websitebuilderexpert.com\/website-builders\/squarespace-review\/\">Squarespace<\/a> &ndash; has water-tight mobile-responsiveness, and would be our top choice if you&rsquo;re building a site from scratch and view mobile experience as a top priority.<\/p>\n<p><a href=\"https:\/\/www.websitebuilderexpert.com\/website-builders\/wix-review\/\">Wix<\/a> &ndash; all templates are mobile-responsive, but always be sure to check in the mobile view as you go. Because Wix sites are so customizable, sometimes big changes don&rsquo;t translate so seamlessly, and you&rsquo;ll have to do some tweaking.<\/p>\n<p>If you&rsquo;re building a site using a CMS system, such as <a href=\"https:\/\/www.websitebuilderexpert.com\/wordpress\/org-review\/\">WordPress<\/a>, make sure the theme you choose to build your site from is mobile-responsive &ndash; or if you&rsquo;ve already built a site, switch to one that is!<\/p>\n<p>Just search &lsquo;responsive theme&rsquo; in WordPress&rsquo; own theme library, or on a third party site like <a href=\"https:\/\/themeforest.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Themeforest<\/a>. Make sure you read reviews, and if possible, take a look at any sites that are using this theme from your mobile to gauge the experience for yourself.[\/vc_column_text][vc_single_image image=&rdquo;89651&Prime; img_size=&rdquo;medium&rdquo; add_caption=&rdquo;yes&rdquo; alignment=&rdquo;center&rdquo;][vc_empty_space]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Help! What if I&rsquo;m on a non-responsive theme, and I can&rsquo;t switch it?<\/strong>\n<p>If your website was built using an old, non-responsive theme or template, and you&rsquo;re unable to switch it, try adding this line of code into each page&rsquo;s &lt;head&gt; tag:<\/p>\n<p style=\"text-align: center\">&lt;meta name=&rdquo;viewport&rdquo; content=&rdquo;width=device-width, initial-scale=1.0&Prime;&gt;<\/p>\n<p>This means your pages should automatically reformat to fit the width of the device, switching from a landscape style to portrait.<\/p><\/div>\n\n <footer>\n <\/footer>\n\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 2. Strip Back Your Content <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]You&rsquo;ve chosen a lovely responsive theme or template, so now you&rsquo;re all set, right? Wrong!\n<p>Switching to the right template or theme is a big step, but it&rsquo;s only one of several you should take to perfect that mobile experience.<\/p>\n<p>Now, it&rsquo;s time to take a look at the automated mobile view of your website and strip it back:<\/p>\n<h3>Distill Your Offer<\/h3>\n<p>Work out the main goal of the page you&rsquo;re on, and don&rsquo;t hesitate to make this a lot more prominent on your mobile version.<\/p>\n<p>Take a look at this example from <a href=\"https:\/\/www.thetrainline.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Trainline<\/a>:[\/vc_column_text][vc_single_image image=&rdquo;34424&Prime; img_size=&rdquo;full&rdquo; alignment=&rdquo;center&rdquo;][vc_column_text]The homepage is designed to encourage users to search for train tickets, and this form takes center stage on the mobile version. On the desktop version, this would seem too pushy, but on a mobile version, it works.<\/p>\n<h3>Avoid Large Chunks of Text<\/h3>\n<p>The copy on your website should be short and sweet at the best of times (with the exception of blog posts, like this one!), but on mobile this becomes all the more important. Take a read over our <a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/writing-for-the-web\/\">tips for writing for the web<\/a>, and take your virtual scissors to any long chunks of text.<\/p>\n<h3>Shorten Forms<\/h3>\n<p>Filling in long forms is a chore at the best of times, but on a mobile? On the move? Forget it! Long forms will lose you readers faster than you can say &lsquo;this is a required field&rsquo;. Make sure every form you&rsquo;re displaying on mobile is only asking for information that&rsquo;s absolutely essential.[\/vc_column_text]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <b>Top tip!<\/b> Pesky autocorrect is a surefire way to turn form-filling into a major waste of time. Save your readers the stress by switching it off. If you have access to the code of the form, make sure the autocorrect field is set to <b>autocorrect=off<\/b>.<\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 3. Make Images and CSS As Light As Possible <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Making your website as light as possible is always a good idea &ndash; but what exactly does that mean? Well, each element on your website carries a virtual &lsquo;weight&rsquo; &ndash; whether that&rsquo;s a video or an image which has a file size, or code which needs to be loaded each time the website is clicked on.\n<p>Google has been very clear about the fact that website speed is a crucial ranking factor, meaning slow (a.k.a. &lsquo;heavy&rsquo;) websites will lose out to the competition on the search engine results pages (SERPs).<\/p>\n<p>When it comes to mobile, this is all the more important. If you&rsquo;ve ever tried to load a webpage somewhere remote, only to watch each element fall into place painfully slowly, you&rsquo;ll understand why.<\/p>\n<p>So, what can you do about it?<\/p>\n<h3>Compress Your Images<\/h3>\n<p>When you&rsquo;re uploading any image to your site &ndash; mobile or desktop version &ndash; it&rsquo;s vital that you <a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/image-optimization-guide\/\">optimize images<\/a> by compressing them. You do this using a free online tool, such as <a href=\"https:\/\/kraken.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">kraken.io<\/a>. This greatly reduces the file size of your images, without compromising on the image quality.<\/p>\n<h3>Host Your Videos with a Third Party<\/h3>\n<p>By uploading your videos to a third party then embedding them on your site, it means the virtual &lsquo;weight&rsquo; of these videos is largely kept to that chosen site, rather than to yours.<\/p>\n<p><a href=\"https:\/\/wistia.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Wistia<\/a> is a popular platform for this, but <a href=\"https:\/\/www.youtube.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube<\/a> also works &ndash; you&rsquo;ll just want to make sure you&rsquo;re switching off autoplay, so that an unrelated video doesn&rsquo;t play after yours. To do this, simply:<\/p>\n<ul>\n<li>Go to your WordPress page or post<\/li>\n<li>Find the embedded code and click on the &lsquo;text&rsquo; tab<\/li>\n<li>Find the part that says src=&rdquo;youtubeurlhere&rdquo;<\/li>\n<li>Add <strong>?autoplay=0&amp;rel=0<\/strong> after <strong>youtubeurlhere<\/strong><\/li>\n<li>The code should now read src=&rdquo;youtubeurlhere?autoplay=0&amp;rel=0&Prime;<\/li>\n<li>Hit &lsquo;Update&rsquo; and you&rsquo;re good to go<\/li>\n<\/ul>\n<p>You can also <a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/video-optimization-for-your-website\/\">optimize videos for your website<\/a> to keep things running quickly and smoothly.[\/vc_column_text][vc_single_image image=&rdquo;89638&Prime; img_size=&rdquo;medium&rdquo; add_caption=&rdquo;yes&rdquo; alignment=&rdquo;center&rdquo;][vc_empty_space]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong> If you don&rsquo;t think your content would go down too well on YouTube (some videos don&rsquo;t make a lot of sense without the context of a full page), make sure you set the visibility to &lsquo;unlisted&rsquo;. That way, nobody will stumble upon it anywhere but your website.<\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 4. Avoid Flash <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Flash is often used to create animations, but it generally isn&rsquo;t supported by mobile devices, so is best avoided altogether.[\/vc_column_text]\n<div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong>\n<p>Instead of using Flash, consider utilizing modern animation techniques like CSS or JavaScript animations to add visually appealing and interactive elements to your website.<\/p><\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 5. Change Button Size and Placement <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Pretty much every website uses buttons to link through to other sections, or to forms. But a &lsquo;good&rsquo; button can quickly become a &lsquo;bad&rsquo; button on mobile if it&rsquo;s in the wrong place, or is the wrong size.\n<p>Think about how you hold and use your phone. Chances are you&rsquo;re using your thumbs for pretty much everything, meaning anything you can&rsquo;t reach with your thumb becomes a total pain.<\/p>\n<p><strong>Here&rsquo;s where you should aim to place <a href=\"https:\/\/www.websitebuilderexpert.com\/designing-websites\/what-is-a-call-to-action\/\">calls to action<\/a> (CTAs) on a mobile site:<\/strong>[\/vc_column_text][vc_single_image image=&rdquo;35481&Prime; img_size=&rdquo;full&rdquo; alignment=&rdquo;center&rdquo;][vc_column_text]So now you&rsquo;ve got your buttons in the right place, it&rsquo;s time to make them the right size. That generally means you&rsquo;ll need to enlarge them a little &ndash; it&rsquo;s a lot harder to click accurately with a thumb than with a mouse, after all. [\/vc_column_text]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong>\n<p>Check your button placement on a mobile device, as placement can change when switching between desktop and mobile. This can lead to buttons being placed away from the content they are linked to.<\/p><\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 6. Space Out Your Links <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Speaking of how hard it is to click accurately with a thumb as opposed to with a mouse, that brings us nicely onto our next point: <em>look at your links!<\/em>\n<p>More specifically, you&rsquo;ll want to check that any hyperlinks on your mobile site:<\/p>\n<ul>\n<li><strong>Aren&rsquo;t too close together<\/strong>, to avoid people clicking on the wrong one by accident.<\/li>\n<li><strong>Link out to pages which are also mobile-optimized<\/strong> for a seamless user journey.<\/li>\n<\/ul>\n<p>[\/vc_column_text]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!&nbsp;<\/strong>\n<p>Use a broken link checker to ensure all links on your site are leading to where they are supposed to!<\/p><\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 7. Use a Large and Readable Font <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]It&rsquo;s recommended that you use a font size of at least 14px on desktop, but make sure you test out how it looks on your mobile version &ndash; chances are you may find it shows up a little small, and you&rsquo;ll want to bump it up a bit.\n<p>Double check the readability of your font, too. It&rsquo;s one thing to try a more experimental font on a desktop, but this move is unlikely to pay off on mobile. That said, you&rsquo;ll want to keep fonts as &lsquo;on brand&rsquo; as possible across all platforms.<\/p>\n<p>When working on a mobile view of your site, you&rsquo;ve got a much smaller area to play with. On a desktop, you can space out text with line breaks and images. On mobile, try bolding or capitalizing different lines of text instead to stop them from merging into one another. [\/vc_column_text][vc_single_image image=&rdquo;89646&Prime; img_size=&rdquo;medium&rdquo; add_caption=&rdquo;yes&rdquo; alignment=&rdquo;center&rdquo;][vc_empty_space]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!&nbsp;<\/strong>\n<p>You may even consider removing non-essential text from the mobile version of your website to ensure a better user experience.<\/p><\/div>\n[vc_column_text]<strong>Find Out More<\/strong>\n<p>Need a hand choosing the perfect font? Our guide of the <a href=\"https:\/\/www.websitebuilderexpert.com\/designing-websites\/pick-best-font-style-for-website\/\">Best Fonts for Websites<\/a> shortlists our favorite typefaces, with tips for picking yours.[\/vc_column_text]\n <footer>\n <\/footer>\n<\/p><\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 8. Eliminate Pop-Ups <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]When used carefully, pop-ups can work really well on a desktop version of a site. You might have noticed they&rsquo;re something we use on quite a few pages here on WBE.\n<p>But when it comes to mobile, pop-ups are best avoided. Not only do you have a smaller screen to deal with, but you can&rsquo;t tailor the pop-up to trigger at key moments, such as when the user goes to exit your screen.[\/vc_column_text]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong>\n<p>If you <strong>just have to<\/strong> use a pop up on the mobile version of your site, ensure that the close and action buttons are visible and easy to select when viewed on a mobile browser.<\/p><\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 9. Optimize Forms and Input Fields for Mobile <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Filling out forms on mobile devices can be tricky when they aren&rsquo;t optimized. This often leads to frustration and failure to complete. For many businesses, this can be devastating as valuable actions such as contact forms, lead generation forms, and even checkout pages are left abandoned.\n<p>Here are some best practices for ensuring forms work well on mobile devices:<\/p>\n<ol>\n<li>Reduce the number of fields (if it isn&rsquo;t essential, lose it)<\/li>\n<li>Utilize input masks and auto-fill options to help speed up the processes<\/li>\n<li>Provide clear error messages and validation feedback to help users identify where they have gone wrong and where they have input information correctly.<\/li>\n<\/ol>\n<p>[\/vc_column_text]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong>\n<p>For each field you include in a form ask &ldquo;do we <em>really<\/em> need this information?&rdquo; In many cases just an email and first name is enough to complete a process.<\/p><\/div>\n[vc_empty_space][vc_single_image image=&rdquo;89642&Prime; img_size=&rdquo;medium&rdquo; add_caption=&rdquo;yes&rdquo; alignment=&rdquo;center&rdquo;]\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 10. Optimize Your Website's Loading Speed <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]<a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/website-load-time-statistics\/\">Website loading speed<\/a> has a huge impact on user experience and your search engine performance. After all, nobody likes to wait an eternity for a webpage to load.\n<p>You can check your website load time using free tools such as <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google&rsquo;s PageSpeed Insights<\/a>. If you find they are a little slow, here are some tips to help speed things up:<\/p>\n<ul>\n<li>Compress all the images you use, you can use a free online to do this<\/li>\n<li>Enable browser caching<\/li>\n<li>Minify CSS and JavaScript files<\/li>\n<\/ul>\n<p>[\/vc_column_text]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong>\n<p>If you follow the advice in this section and till find your website is loading slowly, talk to your webmaster as there may be something that needs to be changed in the configuration of the site such as the removal of plugins or <a href=\"https:\/\/www.websitebuilderexpert.com\/web-hosting\/how-to-transfer-website-hosting\/\">switching your host<\/a>.<\/p><\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n 11. Test Regularly <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]The best way to find out how mobile-friendly your mobile site is is to test it! You&rsquo;ll want to do this in three different ways:\n<h3>Run URLs Through Google&rsquo;s Mobile-Friendly Tool<\/h3>\n<p>Google has a <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noopener noreferrer\">free mobile-friendly testing tool<\/a>, which anyone can use to test how mobile friendly any given URL is &ndash; whether that&rsquo;s a homepage (as below), or a page within your site.[\/vc_column_text][vc_single_image image=&rdquo;34420&Prime; img_size=&rdquo;full&rdquo; alignment=&rdquo;center&rdquo;][vc_column_text]<\/p>\n<h3>Try Out Different Device Sizes from Your Desktop<\/h3>\n<p>A great way to check how responsive your site is is just to play around with the shape of the tab of your website that you have open. As you reduce the width of your tab, you should notice your site start to &lsquo;contract&rsquo; and morph into the more mobile-friendly version.<\/p>\n<p>To quickly test the look of anything on mobile, you can also right click on your webpage, select &lsquo;Inspect&rsquo;, and then click on the icon of two screens that appears in the toolbar across the top:[\/vc_column_text][vc_single_image image=&rdquo;34428&Prime; img_size=&rdquo;full&rdquo; alignment=&rdquo;center&rdquo;][vc_empty_space]\n<\/p><div class=\"taco-highlighted-block primary\">\n \n \n <strong>Top tip!<\/strong>\n<p>Set a reminder to test your website regularly. How often you do this will depend on how often you publish new content or make <a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/website-updates\/\">website updates<\/a>. For most, once a month would be fine.<\/p><\/div>\n\n <footer>\n <\/footer>\n<\/section>\n\n\n<section class=\"taco-content-section \" id=\"section-0\">\n <header class=\"taco-section-header no-number\">\n\n <div class=\"taco-section-heading\">\n <h2 class=\"taco-section-title primary\">\n \n How to Make Your Website Mobile-Friendly: Summary <\/h2>\n\n <\/div>\n\n <\/header>\n\n \n\n [vc_column_text]Thanks for sticking with us as we explained how to make your website mobile-friendly. Here&rsquo;s those steps once again:\n<h3>How To Make Your Website Mobile-Friendly:<\/h3>\n<ol>\n<li>Choose a mobile-responsive theme or template<\/li>\n<li>Strip back your content<\/li>\n<li>Make images and CSS as light as possible<\/li>\n<li>Avoid Flash<\/li>\n<li>Change button size and placement<\/li>\n<li>Space out your links<\/li>\n<li>Use a large and readable font<\/li>\n<li>Eliminate pop-ups<\/li>\n<li>Optimize forms and input fields<\/li>\n<li>Optimize your website&rsquo;s loading speed<\/li>\n<li>Test regularly<\/li>\n<\/ol>\n<p>The good news for most sites is that the bulk of the hard work will likely be done for you by your theme or template. That said, we think it&rsquo;s worth making the extra tweaks outlined above to ensure your mobile users are getting a brilliant experience, rather than an acceptable one. After all, the stats say they&rsquo;ll likely make up the majority of your users!<\/p>\n<p><strong>More information<\/strong><\/p>\n<ul>\n<li>Want more information on <strong>designing mobile optimized websites<\/strong>? Check out our step-by-step guide on<a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/mobile-first-design\/\"> mobile-first design<\/a><\/li>\n<li>Want more design tips? Find out about <strong><a href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/dynamic-content\/\">dynamic content<\/a><\/strong> and how to use it<\/li>\n<li>Learn how you can use <a href=\"https:\/\/www.websitebuilderexpert.com\/grow-online\/voice-search-optimization\/\">optimize voice search<\/a> for your website and mobile users<\/li>\n<\/ul>\n<p>[\/vc_column_text]\n <footer>\n <\/footer>\n<\/p><\/section>\n\n[\/vc_column][\/vc_row]\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&rdquo;&rdquo;]In the summer of 2015, more Google searches were carried out via mobile than desktop for the first time ever &ndash; and you&rsquo;d better believe they&rsquo;ve only gone up [&hellip;]<\/p>\n","protected":false},"author":113,"featured_media":99675,"comment_status":"open","ping_status":"closed","sticky":false,"template":"template-how-to.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[126],"tags":[],"class_list":["post-34161","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites"],"acf":[],"yoast_head":"\n<title>How to Make a Website Mobile-Friendly in 11 Simple Steps<\/title>\n<meta name=\"description\" content=\"Our easy-to-follow guide will show you the 11 steps to making your website mobile-friendly, with tips and examples, and ways to test it once live.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make a Website Mobile-Friendly in 11 Simple Steps\" \/>\n<meta property=\"og:description\" content=\"Our easy-to-follow guide will show you the 11 steps to making your website mobile-friendly, with tips and examples, and ways to test it once live.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\" \/>\n<meta property=\"og:site_name\" content=\"Website Builder Expert\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-31T15:47:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-31T11:40:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png\" \/>\n\t<meta property=\"og:image:width\" content=\"285\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Owain Williams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@WBExpert\" \/>\n<meta name=\"twitter:site\" content=\"@WBExpert\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Owain Williams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\"},\"author\":{\"name\":\"Owain Williams\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#\/schema\/person\/384ddfabe0996c26e0f24eca56b8320e\"},\"headline\":\"How to Make Your Website Mobile-Friendly: 11 Steps to Enhance User Experience\",\"datePublished\":\"2020-03-31T15:47:57+00:00\",\"dateModified\":\"2023-07-31T11:40:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\"},\"wordCount\":3325,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png\",\"articleSection\":[\"Building Websites\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#respond\"]}],\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\",\"url\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\",\"name\":\"How to Make a Website Mobile-Friendly in 11 Simple Steps\",\"isPartOf\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png\",\"datePublished\":\"2020-03-31T15:47:57+00:00\",\"dateModified\":\"2023-07-31T11:40:43+00:00\",\"description\":\"Our easy-to-follow guide will show you the 11 steps to making your website mobile-friendly, with tips and examples, and ways to test it once live.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage\",\"url\":\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png\",\"contentUrl\":\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png\",\"width\":285,\"height\":330},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.websitebuilderexpert.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building Websites\",\"item\":\"https:\/\/www.websitebuilderexpert.com\/building-websites\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Make Your Website Mobile-Friendly: 11 Steps to Enhance User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#website\",\"url\":\"https:\/\/www.websitebuilderexpert.com\/\",\"name\":\"Website Builder Expert\",\"description\":\"So you can pick the perfect website builder for your unique needs\",\"publisher\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.websitebuilderexpert.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#organization\",\"name\":\"Website Builder Expert\",\"url\":\"https:\/\/www.websitebuilderexpert.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2025\/08\/WBE_Brand-Mark_White-Background.png\",\"contentUrl\":\"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2025\/08\/WBE_Brand-Mark_White-Background.png\",\"width\":748,\"height\":673,\"caption\":\"Website Builder Expert\"},\"image\":{\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/WBExpert\",\"https:\/\/www.youtube.com\/user\/WebsiteBuilderExpert\",\"https:\/\/www.linkedin.com\/company\/websitebuilderexpert\/\",\"https:\/\/www.pinterest.com\/wbexpert\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.websitebuilderexpert.com\/#\/schema\/person\/384ddfabe0996c26e0f24eca56b8320e\",\"name\":\"Owain Williams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/dd4da4ec9838e72bffa796586958838325e923603fb3df7bc1e3d0ed325cf02d?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dd4da4ec9838e72bffa796586958838325e923603fb3df7bc1e3d0ed325cf02d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dd4da4ec9838e72bffa796586958838325e923603fb3df7bc1e3d0ed325cf02d?s=96&d=mm&r=g\",\"caption\":\"Owain Williams\"},\"description\":\"I\u2019m a content writer for Website Builder Expert. I\u2019m a bit of a business and marketing nerd and love sharing my knowledge and experience to help others achieve their business goals. From complex engineering and brewing to international events and brand design agencies, I\u2019ve worked in marketing roles for well over 10 years now. During this time I developed a skill for turning complex (and occasionally dull) information into exciting, easy-to-understand, and actionable content. I also set up my own content marketing consultancy and launched my own ecommerce business on Shopify.\"}]}<\/script>\n","yoast_head_json":{"title":"How to Make a Website Mobile-Friendly in 11 Simple Steps","description":"Our easy-to-follow guide will show you the 11 steps to making your website mobile-friendly, with tips and examples, and ways to test it once live.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/","og_locale":"en_US","og_type":"article","og_title":"How to Make a Website Mobile-Friendly in 11 Simple Steps","og_description":"Our easy-to-follow guide will show you the 11 steps to making your website mobile-friendly, with tips and examples, and ways to test it once live.","og_url":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/","og_site_name":"Website Builder Expert","article_published_time":"2020-03-31T15:47:57+00:00","article_modified_time":"2023-07-31T11:40:43+00:00","og_image":[{"width":285,"height":330,"url":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png","type":"image\/png"}],"author":"Owain Williams","twitter_card":"summary_large_image","twitter_creator":"@WBExpert","twitter_site":"@WBExpert","twitter_misc":{"Written by":"Owain Williams","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#article","isPartOf":{"@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/"},"author":{"name":"Owain Williams","@id":"https:\/\/www.websitebuilderexpert.com\/#\/schema\/person\/384ddfabe0996c26e0f24eca56b8320e"},"headline":"How to Make Your Website Mobile-Friendly: 11 Steps to Enhance User Experience","datePublished":"2020-03-31T15:47:57+00:00","dateModified":"2023-07-31T11:40:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/"},"wordCount":3325,"commentCount":3,"publisher":{"@id":"https:\/\/www.websitebuilderexpert.com\/#organization"},"image":{"@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage"},"thumbnailUrl":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png","articleSection":["Building Websites"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#respond"]}],"copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/www.websitebuilderexpert.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/","url":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/","name":"How to Make a Website Mobile-Friendly in 11 Simple Steps","isPartOf":{"@id":"https:\/\/www.websitebuilderexpert.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage"},"image":{"@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage"},"thumbnailUrl":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png","datePublished":"2020-03-31T15:47:57+00:00","dateModified":"2023-07-31T11:40:43+00:00","description":"Our easy-to-follow guide will show you the 11 steps to making your website mobile-friendly, with tips and examples, and ways to test it once live.","breadcrumb":{"@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#primaryimage","url":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png","contentUrl":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2020\/03\/31034322\/How-To-Make-Your-Website-Mobile-Friendly.png","width":285,"height":330},{"@type":"BreadcrumbList","@id":"https:\/\/www.websitebuilderexpert.com\/building-websites\/how-to-make-website-mobile-friendly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websitebuilderexpert.com\/"},{"@type":"ListItem","position":2,"name":"Building Websites","item":"https:\/\/www.websitebuilderexpert.com\/building-websites\/"},{"@type":"ListItem","position":3,"name":"How to Make Your Website Mobile-Friendly: 11 Steps to Enhance User Experience"}]},{"@type":"WebSite","@id":"https:\/\/www.websitebuilderexpert.com\/#website","url":"https:\/\/www.websitebuilderexpert.com\/","name":"Website Builder Expert","description":"So you can pick the perfect website builder for your unique needs","publisher":{"@id":"https:\/\/www.websitebuilderexpert.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websitebuilderexpert.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.websitebuilderexpert.com\/#organization","name":"Website Builder Expert","url":"https:\/\/www.websitebuilderexpert.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.websitebuilderexpert.com\/#\/schema\/logo\/image\/","url":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2025\/08\/WBE_Brand-Mark_White-Background.png","contentUrl":"https:\/\/images.websitebuilderexpert.com\/wp-content\/uploads\/2025\/08\/WBE_Brand-Mark_White-Background.png","width":748,"height":673,"caption":"Website Builder Expert"},"image":{"@id":"https:\/\/www.websitebuilderexpert.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/WBExpert","https:\/\/www.youtube.com\/user\/WebsiteBuilderExpert","https:\/\/www.linkedin.com\/company\/websitebuilderexpert\/","https:\/\/www.pinterest.com\/wbexpert\/"]},{"@type":"Person","@id":"https:\/\/www.websitebuilderexpert.com\/#\/schema\/person\/384ddfabe0996c26e0f24eca56b8320e","name":"Owain Williams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dd4da4ec9838e72bffa796586958838325e923603fb3df7bc1e3d0ed325cf02d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dd4da4ec9838e72bffa796586958838325e923603fb3df7bc1e3d0ed325cf02d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dd4da4ec9838e72bffa796586958838325e923603fb3df7bc1e3d0ed325cf02d?s=96&d=mm&r=g","caption":"Owain Williams"},"description":"I\u2019m a content writer for Website Builder Expert. I\u2019m a bit of a business and marketing nerd and love sharing my knowledge and experience to help others achieve their business goals. From complex engineering and brewing to international events and brand design agencies, I\u2019ve worked in marketing roles for well over 10 years now. During this time I developed a skill for turning complex (and occasionally dull) information into exciting, easy-to-understand, and actionable content. I also set up my own content marketing consultancy and launched my own ecommerce business on Shopify."}]}},"_links":{"self":[{"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/posts\/34161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/comments?post=34161"}],"version-history":[{"count":0,"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/posts\/34161\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/media\/99675"}],"wp:attachment":[{"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/media?parent=34161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/categories?post=34161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websitebuilderexpert.com\/wp-json\/wp\/v2\/tags?post=34161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}