website design and seo

SEO Best Practices For Web Designers & Developers

SEO During the Proposal Phase

Your new client has asked you to build them a website that brings them more traffic and sales, which means it needs to be optimized for search engines (SEO). In other words, you need an SEO process built into the proposal! Discussing this with the client can be tricky because although they usually know they need SEO, they don’t necessarily expect you to be the service provider. 

It helps to let your website do some of the talking here by adding SEO to your design and development services page. This allows you to clearly spell out what you do and how you do it. Technical terms like “on-page SEO,” “mobile-friendly design,” etc., are OK to use there but clearly define each in layperson’s terms and briefly explain where each lives in the design/development process. 

Ideas for describing benefits to your clients on your webpage:

  • Content that’s easy for humans to read and optimized for Google bots to understand and rank
  • Web design that’s responsive and looks great on all devices
  • Web pages that load in three seconds or less for optimized user experiences.
  • Tightened-up security to keep your and your visitors’ business data private
  • Custom-built user journeys that turn visitors into customers

Your goal is to onboard them with buy-in for SEO upfront and perhaps even ongoing maintenance and support afterward. To do that, you have to sell them on the benefits of SEO without confusing them with the technicalities. Once you have buy-in from the client, follow these processes:

SEO During the Planning Phase

Review existing assets

Request all the assets your clients want to use on their new site ASAP so you can determine their quality. Review all logo files, image files, and existing copy and determine whether updates or new files are needed, and include that in your project scope. 

Establish Early Guidelines

An outdated site with weak copy or confusing navigation will cause high bounce rates.  If users bounce too often, it kills the site’s chances of ranking high in Google. So create content and design in tandem, rather than one or the other first. You risk complications or disagreements on style and layout if the design and content teams are isolated. Establish guidelines from the beginning with wireframing and get all stakeholders on the same page early. This may slow things down in the beginning, but will save you much time and frustration in the project’s later stages!

Also, it’s crucial to work with a copywriter and an SEO specialist early on as you begin to uncover needed updates, plan for keyword research and fill content gaps. 

Wireframe

Share your wireframe with the copywriter and SEO specialist from the beginning so you can all work together from the get-go. Ideally, you want to choose a copywriter who understands optimizing for search and can work with the SEO specialist to:

  • Create actionable messaging and CTAs
  • Research keywords 
  • Map keywords to landing pages
  • Naturally weave target keywords into the copy
  • Write for user intent
  • Create copy that has strong “readability” scores
  • Create logical internal links
  • Write meta titles, descriptions, and URL strings
  • Write alt tags for images

Site Structure

Mapping out site structure ahead of time is important because it allows you to plan internal links, make sure everything is arranged logically, and avoid randomly adding pages outside your set structure. A content inventory is also very helpful at this stage so that everyone knows where things fall in the hierarchy. A solid site structure hierarchy may look like this:

link-pyramid

  • Category > Sub Category > Product > Article
  • Category > Product > Article

See also: https://moz.com/learn/seo/internal-link

URL Structure

Your domain URLs (the actual links that lead searchers to your website) should include your keyword for each page and also indicate the hierarchy between your pages while remaining as short as possible. A page on your website should not take more than three clicks to reach from your homepage. Here is an example of an optimized site structure—or “information architecture”: 

URL StructureMoz—an excellent resource for everything SEO) says, “URL structure is important because it helps the search engines to understand relative importance and adds a helpful relevancy metric to the given page. It is also helpful from an anchor text perspective because people are more likely to link with the relevant word or phrase if the keywords are included in the URL.” 

Site navigation

In addition to a great site and URL structure, your site should be easy for users (and Google) to navigate. The site menu should be located prominently at the top. Every page on the site should be linked. Avoid creating “orphaned pages”— pages that aren’t linked from any other pages on the site. If users can’t find a page by following links, search engines won’t be able to either. Again, a content inventory that captures all this information will come in very handy while planning and building!

Map the Buyer’s Journey

Many new users will come to your site from organic search, most likely from an informational-based query (especially in competitive niches). It’s a good idea to familiarize yourself with the questions being asked about your products and services so you can design and build landing pages and optimize metadata around those queries. If you answer questions and solve problems for users in articles and blog posts, you’re more likely to draw them into your sales funnel by getting them to subscribe to your newsletter or convert them on products with later retargeting on social media. 

Map the Buyer’s Journey

SEO During Design & Development

On-Page SEO / Technical SEO

We’ve already touched on some aspects of on-page SEO. One of the most important elements of this is keyword research using industry-standard tools such as SEMRush or Ahrefs and completed by an SEO Specialist. Don’t just pick random phrases for keywords—make sure you have data to back up what a page’s keyword should be! This will make or break your success with the rest of the SEO strategy! 

Essential elements of on-page and technical SEO:

  • Meta title (50-60 characters) and meta description (150-160 characters) with keyword optimization written for each page. (One focus keyword per page.)
  • Keyword-optimized URLs, if possible)
  • Keyword-optimized h1’s (if possible) and consistent use of headers throughout copy, i.e. h2, h3
  • SSL certificate installed
  • Images compressed and resized
  • Internal link between pages
  • Google Analytics account connected
  • Google Analytics goal tracking, e-commerce tracking, and/or other special tracking enabled (Google Tag Manager)
  • Google Search Console account connected
  • XML sitemap set up and submitted to Google Search Console
  • Robots.txt set up and included in your sitemap
  • Schema.org markup (when relevant) written especially for FAQ pages!

Local SEO

For some clients, you may want to focus SEO on their local geographic area only. Many of the same elements above apply, but there are important differences. For instance, you will want to add location information to key landing pages, get the client set up with Google My Business, and have a plan for earning local citations:

  • Google My Business page set-up
  • Geo-specific keywords included
  • Location-specific pages created (when relevant)
  • Contact information in the footer and matching EXACTLY with what is on your Google My Business Page (e.g. phone number, address, etc.)

Mobile-Friendly Design

It goes without saying that a mobile-friendly, responsive site design is crucial nowadays to engagement and conversion rates. Use the tool below to test the mobile-friendliness of your client’s existing site so you can be aware of what and what not to do when designing and developing the client’s new site.

Mobile-Friendly Design

Site Speed

Along with mobile-friendliness, site speed is another UX consideration that affects SEO. Google penalizes slow sites in their rankings, and visitors are more likely to bounce if a page takes too long to load (remember the less-than-three-second rule). Google’s PageSpeed Insights tool can tell you how fast your sites are and what you can adjust to make them faster.

SEO Ongoing Growth & Maintenance

Ongoing support and maintenance is usually something we try to get buy-in for during the proposal phase. SEO is a discipline that takes attention and maintenance on a monthly basis or else the initial on-page work will start to flatline over time, i.e. growth will spike in 1-3 months and then level off—or worse yet, decline. damolade follows a process every month with each client to make sure we aren’t missing anything that needs attention throughout the year. We also monitor and report on keyword positions and progress monthly along with a Google Analytics SEO report.

Some key things to monitor for ongoing growth and maintenance:

    • Ongoing content optimizations
    • Broken link checks (404 and other server errors)
    • Keyword position monitoring
    • Sitemap errors
    • Duplicate content issues
    • Page speed monitoring

Resources used:

Let’s build your audience.

Request a Consult | Contact Us

Subscribe to Download

Sign up for a curated monthly newsletter of actionable growth marketing tactics plus interesting stories from around the web! We respect your privacy.

Subscribe to Download

Sign up for a curated monthly newsletter of actionable growth marketing tactics plus interesting stories from around the web! We respect your privacy.

Subscribe to Download

Sign up for a curated monthly newsletter of actionable growth marketing tactics plus interesting stories from around the web! We respect your privacy.

Subscribe to Download

Sign up for a curated monthly newsletter of actionable growth marketing tactics plus interesting stories from around the web! We respect your privacy.

Subscribe to Download

Sign up for a curated monthly newsletter of actionable growth marketing tactics plus interesting stories from around the web! We respect your privacy.