Your website strategy should help drive business and marketing objectives. For your website to work, you need to keep up with what makes a good website today.<\/p>\n\n
Website trends and customer expectations change rapidly. It feels like yesterday when I worked in a leading website design agency. Back then, we encouraged clients to build a mobile-friendly website because it was the new thing. Before I knew it, we were building mobile-first websites as standard, then web apps. These days, mobile responsiveness is no longer a USP; it\u2019s an expectation.<\/p>\n
<\/a><\/p>\n I wanted this article to cover every component of what makes a good website. To do this, I needed more than just my knowledge, so I spoke to website experts, including talented and certified UX designers, website developers, website administrators (because a good website has to be easy for your team to use, too), and marketers who rely on websites for marketing success.<\/p>\n I suggest reading this article and using each item as a checklist. If the recommendation works for you, you can add it to your next website brief. However, you don\u2019t need to wait until you need a new website to implement some of these recommendations. For each recommendation, I\u2019ve made a point to suggest whether or not this is something you can do now or if it\u2019s better as part of a wider website project (read: a rebuild).<\/p>\n <\/a> <\/p>\n I\u2019m jumping straight into the qualities of a good website, but before I do, I want to share an analogy from Ste Bell<\/a> because I think it helps explain why a good website matters. Bell is the founder at Technically Creative<\/a>; fair to say, he knows a thing or two when it comes to the qualities of a good website.<\/p>\n Bell uses the analogy of a shop to describe a website. He says, \u201cImagine you go into a shop, but just before you go in, you\u2019re told that you need to wait before you come in. You might be a little bit disgruntled, or you might even leave and go elsewhere. That\u2019s what it\u2019s like for your users if your site takes ages to load.\u201d<\/p>\n Bell continues, \u201cNow, you\u2019ve gone into the shop, and it\u2019s a bit of a mess; the decor\u2019s pretty dirty and needs painting. You\u2019re going to assume the quality isn\u2019t the best. You\u2019ll be reluctant to spend a lot of money in that shop. This is the same as your website. If your aesthetic is stuck in the past you\u2019re letting competitors get a head start in winning all the potential buyers.\u201d<\/p>\n Now, onto the components of a great website so your visitors will stay engaged on your site and convert.<\/p>\n I asked many experts for insights into what makes a good website, and I was inundated<\/em> with recommendations for improving clarity.<\/p>\n Ste Bell said that \u201cClarity\u201d was the most crucial component <\/strong>for a successful website. What do you do and who do you do it for?<\/p>\n Bell says, \u201cA clear website means users instantly know what you offer, how it helps them, and what the next steps they should take. Done properly, this will drive user engagement and lead to tangible business results.\u201d<\/p>\n Bell warns, \u201cMany businesses miss the mark on clarity, yet it’s really not that complex.\u201d<\/p>\n Bell has the key steps to bringing clarity to your website. He says, \u201cThe first step to this is nailing your sections and headings. Users skim, and 99% of people landing on your website aren’t going to read all of your copy.<\/p>\n \u201cYou need them to understand:<\/p>\n What problem you’re solving. On his own site, and within the hero, Bell demonstrates these three items. See the image below for clarity in action.<\/p>\n\n Source<\/em><\/a><\/p>\n Bell says, \u201cYou don\u2018t get a second chance at a first impression so it\u2019s crucial to nail this in your hero section, so that visitors are going to want to scroll to find out more.\u201d<\/p>\n Easy to add to an existing website?<\/strong> Yes! You should be able to alter your website\u2019s messaging within minutes on your site. Any CMS, or drag-and-drop website builder<\/a> should give you functionality to make these changes.<\/p>\n The second component of a good website is consumer focus. While this point overlaps with the clarity point above, I wanted consumer focus to have its section because I think it\u2019s incredibly important, and so does Tasmin Lofthouse<\/a>, a freelance conversion copywriter and founder of Fika Digital<\/a><\/p>\n Lofthouse warns, \u201cToo many brands focus on themselves when it comes to their website messaging.\u201d<\/p>\n Instead, Lofthouse says brands should \u201cPut themselves in their target audience\u2018s shoes and be able to see their product or service from their customer\u2019s perspective.<\/p>\n \u201cIt’s not enough to just sell people based on features and benefits. Consumers should visit your website and instantly get a sense of how your product\/service will add value to their lives. They care about what it can specifically do for them.\u201d<\/p>\n In marketing, we talk about the four Ps<\/a>: product, price, place, and promotion, but I\u2019d argue that the four Cs of marketing are a better perspective when it comes to copywriting. The four Cs include: customer, cost, convenience, and communication.<\/p>\n Lofthouse says you should do \u201cin-depth customer research and pivot your website messaging to centre your customer\u2018s emotions, motivations, and needs. That way, you can make sure your website messaging speaks directly to the heart of your consumers without them ever feeling like they\u2019re being sold to.\u201d<\/p>\n Easy to add to an existing website?<\/strong> This is easy to add to your existing website as long as you know how to communicate what you do. If you don\u2019t, then a branding exercise could be a helpful project.<\/p>\n If SEO is driving traffic to your website, you need to think about the experience the visitor gets when they click on your page. It\u2019s essential that the page delivers the information the user is asking for.<\/p>\n Ben Poulton<\/a>, founder of Intellar<\/a>, considers what makes a good website from an SEO perspective.<\/p>\n Poulton says, \u201cThere is a lot of overlap with design, UX, content, and technical best practices. High-performing websites have clear hierarchies when it comes to navigation and content consumption.<\/p>\n \u201cIf users are searching for a product, it\u2018s likely they want to buy, but it\u2019s also likely they have many other intents to fulfil.<\/p>\n How do they use [the product]? \u201cA good landing page will capture all of the above.\u201d<\/p>\n I\u2019ve worked in SEO for over a decade and strongly agree with Poulton. SEO drives a lot of new traffic to a website, and if someone hasn\u2019t heard of you before, they need extra trust builders to lead them to conversion.<\/p>\n It is essential to think about the components of an individual page and how these components contribute to an action being taken. Sticking with product pages, all components of the page should help drive that final conversion, a sale.<\/p>\n Holland & Barrett<\/a> do this really well. Below is a screenshot from their site. On the product page, they\u2019ve made conversion very easy but have also included a lot of supporting content such as delivery and returns, sustainability, reviews, and more.<\/p>\n\n Poulton has a tip for finding out what to include on your page. He says, \u201c[Combine] existing customer feedback (if you have it), search intent (what do they expect to get, think format and medium too), and piggybacking off other data across your marketing channels.\u201d<\/p>\n Easy to add to an existing website?<\/strong> For smaller sites, it will be easy to make edits on a page-by-page basis, but larger sites, especially ecommerce, may need to consider a full redesign and rebuild before getting search intent fully implemented across the site.<\/p>\n P.S. Need to rebuild your website? <\/strong>Worry not! HubSpot has a complete guide on how to build a website from scratch<\/a>.<\/p>\n Andrew Ganesh<\/a> is a digital marketing consultant at neshworks<\/a>. He says that users (especially new users) visiting a site need to know they can trust a business.<\/p>\n I strongly agree that social proof<\/a> is a critical part of what makes a good website.<\/p>\n Ganesh says, \u201cVisitors look for trust signals that help them determine if the business is legitimate and credible.\u201d<\/p>\n Examples provided by Ganesh include:<\/p>\n Social proof from 3rd party platforms like Google Reviews or Trust Pilot. Ganesh says, \u201cVisitors are expecting to see these trust signals within seconds [and]<\/p>\n are expecting to see positive experiences.<\/p>\n \u201cVisitors decide within seconds whether they leave or stay on the website. If a website doesn\u2018t show social proof above the fold, near CTA buttons, and throughout the page, they\u2019ll assume it’s not a credible business.\u201d<\/p>\n The Holland & Barrett screenshot above shows examples of social proof in the form of reviews and sustainability claims.<\/p>\n\n Source<\/em><\/a><\/p>\n Easy to add to an existing website?<\/strong> You should be able to update your website to include social proof. The challenge comes in getting the content. For example, it can be a challenge to get user-generated content, such as videos from happy buyers, but don\u2019t let this stop you! Start collecting social proof now.<\/p>\n Customer testimonials are mentioned above as part of social proof, but I wanted them to have their own section in this article because they are absolutely critical.<\/p>\n Potential customers need to trust you before choosing to work with you. Fortunately, customer testimonial pages<\/a> can help you effectively build that trust with prospects.<\/p>\n Use your website to build your credibility by sharing your expertise and successful track record with clients and customers. When you do get testimonials, ask your clients for permission to use their real names. Real endorsements from recognizable businesses and organizations mean a lot more than an anonymous testimonial or a quote from a fictional persona.<\/p>\n Case study pages should have a consistent, concise format and template to explain what problem a customer had, how your company solved it, and what process you used to get to a resolution.<\/p>\n\n Source<\/em><\/a><\/p>\n Top tip:<\/strong> Create a branded page on your website using a URL like yourdomain.com\/reviews\/ so that you can catch branded search in Google. Too many brands give these \u201creview\u201d clicks to third-party websites like TrustPilot, G2, or even Facebook.<\/p>\n Easy to add to an existing website?<\/strong> You should be able to add some testimonials easily! The new page from the top tip might require a little more work, such as a design and build, but you should be able to create the page now, rather than waiting for a bigger website project.<\/p>\n Optimized UX feels like a no-brainer for this article. Obvious but not always simple to implement.<\/p>\n Gediminas Skirmontas<\/a> is the senior web UX designer at Omnisend<\/a>. Skirmontas believes that how well a website matches business goals is what matters.<\/p>\n It\u2019s critical that a website has a UX optimized to drive business goals, such as conversions.<\/p>\n Skirmontas says, \u201cThe whole design and functionality should easily guide users through their journey. A good example is Tapcart<\/a>.\u201d<\/p>\n\n Source<\/em><\/a><\/p>\n Skirmontas breaks down why the Tapcart website works. He says, \u201cIt has everything:<\/p>\n A sleek, luxurious design. \u201cEverything from the consistent button styles to inline form validation and Shopify one-click setup is built to reduce friction and help users move forward fast.\u201d<\/p>\n Creating an intentional website design that helps users convert all comes down to the digital UX design<\/a>.<\/p>\n Easy to add to an existing website?<\/strong> Generally not. You could work page-by-page, but ideally, UX would be tackled as a site-wide consideration so every step of the buyer journey is optimized for success.<\/p>\n Including contact information seems simple, but a lot of companies miss this. And it’s undeniably important.<\/p>\n Where possible, you want to include your:<\/p>\n Phone number. Preferably, this information will be in an easy-to-find location, like the header of the page.<\/p>\n Also, consider including a clickable \u201cEmail us!\u201d CTA that either opens an email client or links to your contact form. And, speaking of forms, you might want to embed \u201cContact Us\u201d forms throughout your site. Visitors don’t need to go on a scavenger hunt to find out how to get in touch with you.<\/p>\n Nirmal Gyanwali<\/a> is the founder and CMO at WP Creative<\/a>. He believes strongly that being able to contact someone is crucial in good websites. Gyanwali uses Airbnb to illustrate his point.<\/p>\n He says, \u201cClear contact information shows visitors they are dealing with a legitimate business.<\/p>\n Take Airbnb’s website as an example. Every listing includes host details, guest reviews, and safety measures. Their secure booking process and money-back guarantee help visitors feel comfortable making a reservation.<\/p>\n \u201cThese small trust signals make a huge difference in converting hesitant visitors into customers. When a website feels credible, people are more likely to stay, explore, and do business with you.\u201d<\/p>\n\n Easy to add to an existing website? <\/strong>Yes! Add your contact information to your footer and create a page on your site. Add the contact page to your header.<\/p>\n Sharing your story and highlighting core values is critical for your brand’s long-term success. Like the contact page, a good about page builds trust.<\/p>\n Simply put, people care about who they do business with, so tell people who you are and why your work matters. That said, keep it brief. Customers don’t have time to read a research paper.<\/p>\n For About Us page inspiration, take a look a these About Us and About Me Pages<\/a>.<\/p>\n Easy to add to an existing website?<\/strong> This should be very easy! You need to add a new page, and About pages are generally not overly designed so a good drag and drop builder<\/a> or simple page template should be all you need.<\/p>\n All digital, social, and other online marketing requires quality content. A blog is one of the most effective opportunities you have to create and distribute high-quality content related to your products or services.<\/p>\n As an SEO, I\u2019m a huge advocate for blogging. Though, you don\u2019t need to cover everything to write an excellent blog. You want to think about keywords and topics related to your buyer’s needs.<\/p>\n I like to track blog performance by monitoring the number of people who buy after reading a blog. See the segment overlap report below from G4: Just over 9% of total sales came from people who viewed a blog and purchased within one month.<\/p>\n\n Ilya Telegin<\/a>, head of content at Improvado<\/a>, agrees with content\u2018s role in creating a good website. He says, \u201cHigh-quality content means clear, useful, and engaging information that answers the audience\u2019s questions. It builds trust, keeps people on your site longer, and helps with SEO so more people can find you through search engines.<\/p>\n \u201cIf our website only had product descriptions but no valuable blog posts, case studies, or guides, potential customers wouldn\u2018t see us as experts in the field. But by offering in-depth articles \u2026 we educate visitors and make them more likely to trust and buy from us. Good content isn\u2019t just about words, it’s about helping users solve problems.\u201d<\/p>\n To maximize SEO, your blog should be listed under your domain (something like www.yourcompany\/blog) instead of off-site through a third-party service.<\/p>\n Ultimately, a blog can help you reach new audiences, increase brand awareness, and convert prospects through educational, valuable content.<\/p>\n Easy to add to an existing website? <\/strong>Generally, adding a blog will be easy, especially if you\u2019re using a CMS like WordPress or Content Hub<\/a>. The wider challenge with writing high-quality content is resources.<\/p>\n Once your website is regularly bringing in traffic, it’s important you link out to your social media pages so prospects and customers can follow you.<\/p>\n However, it’s important not to overdo it \u2014 when in doubt, go for simplicity over scale. For instance, if you work for an ecommerce company<\/a>, consider linking to a few visually appealing pages, such as Instagram, Pinterest, or YouTube.<\/p>\n Of course, don\u2018t add platforms that you don\u2019t update regularly. You’re building trust, and that comes by regularly having updated and relevant content and answering queries from customers and leads.<\/p>\n In the screenshot below, you can see how HubSpot displays its social media icons. HubSpot is an excellent example of how social media icons contribute to a good website experience. All the icons are available, and it\u2019s clear which social media the graphic will link to. HubSpot socials are also regularly updated.<\/p>\n\n Easy to add to an existing website? Yes! This should be very easy. If it\u2019s not easy, you might want to consider a new CMS that allows you to control your own website.<\/p>\n 46% of all Google searches are looking for local information<\/a> \u2014 which means if your business isn’t optimized for local search, you could be missing out on potential customers who are searching for products or services within your geographical region.<\/p>\n Most businesses with brick-and-mortar locations rely on customers within a certain geographic area. Fortunately, when many people search for a product or service, they include a location. Including your location information will help your SEO strategy and help people unfamiliar with your region find your business.<\/p>\n For instance, if you need a locksmith, you might search \u201clocksmith in Maplewood, NJ.\u201d This is why you should use your location in page titles and other metadata, as well as in the text that appears on your website. If you have several cities you serve, you should consider creating landing pages on your site for each location for easier navigation.<\/p>\n Justin Herring<\/a> is the founder and CEO at YEAH! Local<\/a>. Herring says, \u201cI discovered that having clear, search-engine-optimized content made a huge difference when one of our local business clients jumped from page 3 to the top of Google searches just by restructuring their website text and meta descriptions.<\/p>\n \u201cThe key is creating content that both search engines and real people love \u2014 I’ve seen bounce rates drop by 40% when websites strike this balance right.\u201d<\/p>\n Easy to add to an existing website? <\/strong>Yes, this would be easy, but it might be time-consuming! You don\u2019t need to wait for a whole new website to start implementing local SEO.<\/p>\n Chatbots can\u2018t replace real people with customer service, but they are a good alternative for those who don\u2019t want to call or email and may be inquiring about services or simple FAQs. To meet customers where they are and provide the instant feedback they require, consider installing a live chat option on your website<\/a>.<\/p>\n Chatbots are easy to program, and many don’t even require code. Artificial intelligence has made this functionality much more feasible for companies of all sizes. In fact, many companies offer live chat as a simple plugin for your CMS platform.<\/p>\n Other reasons to consider a chatbot:<\/p>\n Chatbots increase leads. According to Statista, 26%<\/a> of B2B marketers using chatbots increased leads. Easy to add to an existing website?<\/strong> Yes, very easy! As long as you can access your website\u2019s code, you can add a chatbot. HubSpot\u2019s chatbot builder<\/a> makes adding a chatbot very simple.<\/p>\n Customers like images but are weary of stock photos, particularly of products or services. This is where authentic behind-the-scenes videos and photos can help.<\/p>\n For instance, if your company provides a service such as landscape design or IT maintenance, show before-and-after pictures of your work.<\/p>\n If your service is something less tangible, such as insurance or life coaching, show pictures of your friendly staff and your belief system using visuals. Or, better yet, include video. Videos where you are explaining your business’ purpose are powerful opportunities for increasing trust with potential customers.<\/p>\n Easy to add to an existing website?<\/strong> Unique images are video are very easy to add to existing websites in terms in terms of technicality. The wider challenges with unique images and video are generally resource and budget.<\/p>\n Offering your site visitors a chance to stay up-to-date via a subscription to your blog posts, newsletters, or product releases is a great way to stay top-of-mind for prospects and customers and increase brand loyalty.<\/p>\n A subscription will let you share information about your company through email marketing and build your email list at the same time. Use this list to share information you think your clients and prospects will find valuable whenever you have it.<\/p>\n I spoke to Amber Coote<\/a>, an eCRM account manager who manages email campaigns for her clients.<\/p>\n She says, \u201cNot everyone who lands on your site is ready to hit the \u2018buy now\u2019 button right away \u2014 and that\u2019s totally okay! Most users are just browsing, doing some research, or figuring out if they really need what you\u2019re offering.<\/p>\n \u201cThis is exactly why featuring catchy CTAs for email sign-ups or form downloads is so important. They give you the chance to stay in touch with visitors who might not be ready to purchase now but could be down the line.\u201d<\/p>\n Coote recommends an engaging CTA that gives the user something worthy of an email exchange. She says, \u201cOffering something like a free guide, a discount, or even some helpful tips is a great way to encourage them to sign up \u2014 and stay connected.\u201d<\/p>\n One of the benefits of building audiences in email is that you can segment audiences and track the success and quality of traffic landing on your site.<\/p>\n Coote says, \u201cThis has taught me that the real power of a newsletter sign-up lies in its ability to nurture prospects over time .. My goal isn\u2019t to rush the process; it\u2019s to stay present and helpful, guiding the user\u2019s journey to ensure that when the right time comes, they will make the purchase.\u201d<\/p>\n Easy to add to an existing website? <\/strong>It should be easy to add a sign-up module.<\/p>\n Pro tip: <\/strong>HubSpot\u2019s newsletter builder<\/a> makes light work of creating newsletters.<\/a><\/p>\n I didn\u2019t want to finish this article without covering page speed because it\u2019s a critical part of good website build, but its value can be overrated.<\/p>\n Page speed is one of the few elements that you can measure quantitatively. Google Page Insights<\/a> and Lighthouse performances provide data and scores. It\u2019s the measurability of it that can make its importance inflated, in my opinion.<\/p>\n Stewart Law is the technical SEO at forank<\/a>. He\u2019s spent years as a WordPress developer and now focuses on technical SEO. The beauty of Law\u2019s knowledge is that he understands the impact of page speed requests on dev, what actually moves the needle and what is best left for a new build.<\/p>\n Law has achieved page speed scores of 90+ on all our sites, but the truth is he had to rebuild some of them to achieve this.<\/p>\n\n For the average website, Law doesn\u2019t always recommend shooting for the highest page speed, he says: \u201cIt\u2019s worth as much as you can, but you need to balance the work required to complete the job with the impact.\u201d<\/p>\n I asked Law for common page speed issues that he sees and are often (but importantly, not always) easy to fix.<\/p>\n Law commonly sees the issues below, and these are often impactful and easy to fix.<\/p>\n Image sizes<\/strong> are a big problem for page speed. Make sure images are compressed. This starts with uploads but images can be compressed using code, or plugins if you\u2019re on WordPress. <\/p>\n Browser caching <\/strong>prevents pages reloading the same asset each time someone views a new page. <\/p>\n Minify CSS and JavaScript <\/strong>because it\u2019s an easy way to reduce the overall file size of the page. <\/p>\n Applying lazy loading <\/strong>can have a massive performance impact, particularly on image-heavy pages. <\/p>\n Easy to add to an existing website?<\/strong> Some elements of page speed, including the common issues listed above, you could solve on your website now! Larger items may need to wait for a rebuild.<\/p>\n If you need help with website speed and find Lighthouse or Google Page Insights a bit overwhelming, you can use HubSpot\u2019s Website Grader<\/a>. It cuts through the noise and gets straight to the most important points, including caching, minimizing CSS and JavaScript, and more.<\/p>\n\n There’s also one other critical element you should consider when designing your website: analytics.<\/p>\n Analytics can help you determine how your website is currently performing, the pages that attract the most visitors, and how you might improve and iterate on your web design for the long haul.<\/p>\n While you can follow all the design best practices, what makes a good website for you is what works for your users and drives business goals. So track your users, see what they click, where they\u2019re signing up, and repeat what works!<\/p>\n1. Clarity<\/h3>\n
\n Who are you solving it for? (Is it for them?)
\n What is your solution (bonus for \u2018when\u2019 and \u2018how\u2019).\u201d <\/p>\n2. Copywriting With a Consumer Focus<\/h3>\n
3. Pages That Match Search Intent<\/h3>\n
\n What are the reviews saying?
\n Shipping times
\n Supplementary product
\n Benefits
\n Comparisons <\/p>\n4. Social Proof<\/strong>
\n<\/h3>\n
\n Authentic 5-star reviews from people with real names using the product.
\n Video testimonials and text testimonials that use real names and people, not actors.
\n Industry badges, accolades and awards, and media mentions (As seen in…). <\/p>\n5. Customer Testimonials<\/strong>
\n<\/h3>\n6. Optimized UX<\/strong>
\n<\/h3>\n
\n Interactive elements.
\n Intention. <\/p>\n7. C<\/strong>ontact Information<\/strong>
\n<\/h3>\n
\n Email address.
\n Physical address.
\n Or other contact mediums where you want people to reach you for sales inquiries. <\/p>\n8. About Us Page<\/strong>
\n<\/h3>\n9. Blog<\/strong>
\n<\/h3>\n10. Social Media Icons<\/strong>
\n<\/h3>\n11. Geographic Details<\/strong>
\n<\/h3>\n12. Live Chat<\/strong>
\n<\/h3>\n
\n Conversations with chatbots can help you understand your audience, according to 57%<\/a> of B2B marketers.
\n In 2022, 43%<\/a> of American marketers stated that chatbots helped educate prospects. <\/p>\n13. O<\/strong>riginal Videos and Images<\/strong>
\n<\/h3>\n14. N<\/strong>ewsletter Sign-Up Button<\/strong>
\n<\/h3>\n15. Page Speed<\/strong>
\n<\/h3>\n16. Analytics<\/strong>
\n<\/h3>\n