• About Us
  • Products
    StrutoSPHERE

    Extend your website to create better digital experiences.

    StrutoLMS

    A learning management system for hosting video and slides.

    StrutoCMP

    A community management platform for threaded conversations.

    StrutoSS

    A self-service platform for customised digital experiences.

    StrutoRC

    A lead nurturing resource centre for educating leads.

    StrutoCORE

    Connect, sync and integrate HubSpot with just about anything.

    HubSpot to HubSpot

    Connect primary and secondary HubSpot portals to child portals.

    SAP

    A customisable connector for SAP Business One, Business ByDesign or S/4Hana.

    Salesforce

    A fully customisable connector for bespoke integrations.

    MS Dynamics

    A fully customisable connector for bespoke integrations.

    NetSuite

    A fully customisable connector for bespoke integrations.

    Sage

    A customisable connector for Sage 50, 100, 200, 200C and X3.

    Xero

    A fully customisable connector for bespoke integrations

    Creditsafe

    Surface credit information inside HubSpot on a card against a record.

    SQL Server

    A fully customisable connector for any application that uses SQL.

    Azure

    A customisable connector for any application that uses Azure endpoints.

    REST API

    A flexible, customisable integration to connect to any REST API.

    Can't Find It?

    You may be a fit for Project Nebula, our programme for developing new connectors.

  • Services
    HubSpot Platform Enablement

    Get the most out of your HubSpot platform. Deploy, adopt, embed and optimise HubSpot to create better customer experiences.

    Onboarding

    HubSpot onboarding for all Professional and Enterprise Hubs.

    CRM Implementation

    Multi-site, multi-team, multi-jurisdictional HubSpot rollouts.

    Coaching-as-a-Service

    Take control of your content creation with “They Ask, You Answer”

    RevOps-as-a-Service

    Partner with our HubSpot Platform Enablement squad to power your RevOps.

    Data Migration

    Migrate and consolidate your data to HubSpot.

    Websites and Applications

    Website and application design and development on the HubSpot CMS.

    Website grader

    Grade your website in seconds and learn how to improve it for free.

    Elevate your website using a customised free report, complete with recommendations just for your business.

    Get started
  • Learning Centre
    Learning Centre

    Learnings and insights from our team to yours - all from the Struto universe.

    Blog

    Educational pieces including hot-off-the-press news, comparison pieces and thought leadership articles.

    Resources

    A library of useful resources, go-to guides and takeaway eBooks.

    Case Studies

    Learn all about the projects we have completed for businesses just like yours.

    Download the Guide to Buying HubSpot

    This whitepaper outlines a comprehensive guide on how to buy HubSpot for every business.

    Download guide
  • Contact Us

How to Optimise Web Design for Search Engines and Visitors

Vee Tardrew | 4 November 2014

One of the tenets of inbound marketing is creating content with your ideal customer, or buyer persona, in mind. You need to understand precisely what it is they require help with or education on in order to effectively address their challenges and provide them with valuable information to resolve their issues.

Once we have this wonderful content ready for them, how do we ensure they can access it? This is where search engines come into play. 91% of people use a search engine (predominately Google) when looking for information and therefore it is important for us, as marketers, to ensure that our website pages are optimised for the best possible rankings.

Now we are faced with the conundrum of optimising our website for both human interaction and our little robot friends that collect data that determines our eventual page ranking. How do we go about balancing optimisation to satisfy both?

The answer lies in designing and developing a website that is easy for searchers to understand and simple for the search engine bots to crawl.

People have preconceived notions of what they expect of different sites – or more specifically, search terms – when they arrive. They judge the credibility of the site based primarily on the design of the site. If they feel that the site design does not entrench trust and authority they will abandon the page and go on to seek other sources of information.

In this post we’ll address key design components to pay attention to that will ensure you satisfy the objectives and intent of both your human and robotic visitors.

7 Points for Designing a Website That Delights Both Users and Search Engines

1. User Driven Design

User experience (UX) design is a methodology that anticipates and maps out the overall journey of the user and aims to provide the quickest route possible to achieve their objectives. This requires a well-structured approach to information architecture that ensures you don’t have ‘orphaned’ pages that aren’t able to be located from navigation (unless you absolutely don’t want them indexed, of course).

A website visitor always has a goal and if you are able to tap into that intention and provide the path to resolution quickly and easily you will see a lowering of your bounce rate and an increase in engagement. These are both factors that search engines look at when determining the ‘value’ of your website for visitors and as such the ranking position.

UX design in combination with Growth-Driven Design will ensure you not only ace the UX, but keep optimising it too.

2. Mobile Friendly Design

We are living in an age of multiple screens. We move between our desktops, laptop, notebooks, tablets and smartphones, browsing sites from the most convenient device for us at the time. Desktop versions of sites are often tricky to navigate from mobile devices and smart phones. Responsive website design emerged as a resolution to this issue and uses CSS and code to change the way a site is shown to visitors, depending on the device they are using to view it and offers the best possible interaction and experience.

A few years ago, Google made an announcement recommending responsive web design as the best way to target mobile users. It went on to mention that mobile-optimised sites are also favoured in search engine results for mobile searches.

3. Clean Design

Cluttered or randomly scattered website elements are a thing of the past (thank goodness!). Today’s trend lends itself to clean, clear design that effectively makes use of white (negative) space and grid based layouts. This approach forces designers and copywriters to highlight the most critical information, which in turn helps both users and search engines to quickly identify the main message and topic of the page.

4. Clear Colour Palette

Keeping your site on-brand in terms of colours won’t necessarily have a direct impact on search engine optimisation, but it will help users have a consistent brand experience, which is a driver of engagement and therefore subsequently results in better search rankings. It’s important to ensure your colour palette accurately reflects your brand’s purpose, message and positioning.

Use bolder colours to draw attention to ‘clickable’ items such as hyperlinks or to make call-to-action buttons stand out. Be aware of web-safe colours and which contrasts are going to make legibility difficult. Avoid putting additional pressure on your visitor to consume your content, it should be easy on the eye with colour cues for next action points.

5. Quick-Loading Sites

Google has not been shy about stating that if you have a slow loading site, it won’t rank as well as one that has been optimised from the back end. From a user perspective, slow loading sites lead to frustration – we’re generally an impatient bunch – and we’ll move off to the next site if your site is taking too long to load.

Configuring your site to load copy before images (as well as optimising those images for web viewing) will ensure that on slow connections your most pertinent information is shown first and your visitor will be able to pick up the essence of your site even if imagery takes a little longer to load.

6. Optimise Non-Text Elements

Image, videos and other non-text based items should be optimised for search engine crawling by including ‘alt text’ as otherwise they are not able to determine the content. This also helps when browsers aren’t displaying the images or content properly as the ‘alt text’ will still be shown and can help visitors determine what it is they are not seeing. Many website readers will also read the alt text for visually impaired users, ensuring they have a good sense of the overall page content.

7. Format Text Elements

Formatting your copy is helpful for both the visitor and the search engine spider. No one likes to be faced with a wall of text to read when visiting a web page! Use the following to break up copy and make it easy to scan:

  • Page headings (H1) for keyword or topic placements
  • Subheadings (H2 – H3) to separate out new sub-sections
  • Bolding and italics to highlight points of interest and keywords
  • Bullets to itemise lists (like this one)

If you’re finding that your natural search engine rankings are lacking for your primary keywords and topics, it is a good idea to review your search engine optimisation strategy in conjunction with the experience you are delivering to your visitor. These work hand-in-hand to elevate your search engine rankings as the engines like sites that people like, and people like sites that are providing them with valuable information that helps them achieve something.

New Call-to-action 

More Articles

Insights, learnings and takeaways passed on from our team to yours.
From educational pieces to comparison articles to hot off-the-press news all from the Struto universe.