Good Design for Better SEO, According to Google
That’s a long and convoluted way of saying that Google wants its suppliers (website owners like you) to be creating good product (your content) that keeps their search users coming back for more.
Great content is wasted if the page it lives on doesn’t display correctly on your screen, and Google evaluates the technical and visual design of your site along with its content when determining your ranking.
Originally this grew out of the need to counter “keyword stuffing” techniques that filled pages full of keywords hidden in text the same color as the page background or in HTML markup that made them invisible to humans but visible to Google. Today Google’s tests include accessibility for people with limited vision, and how well sites work on mobile devices.
Good Design Requirement 1: Valid Code
In the days when everyone wrote their website code by hand it wasn’t uncommon to find a page that was written using code that worked more or less but wasn’t correct and could cause slowdowns, strange visual results, or even crashes.
That sort of bad behavior is rare today, but Google still evaluates your page markup and rewards well-structured pages that use header tags (h1, h2, etc.) to indicate section headers and hierarchy, as well as looking for content that may be hidden either on purpose or accidentally.
Google also dings you if you overload your site with flashy animations and transitions that slow users’ computers to a crawl and suck up their batteries, but now we’re getting into stuff I’m saving for part 3.
5 Ways to Get a Responsive SEO-Friendly WordPress Theme
Getting a Responsive WordPress Theme with built-in SEO is easier than it sounds. There are options for every skill level and business need.
Enter your email address below to get a free tip sheet with the top 5 ways to get an awesome, responsive, SEO-friendly WordPress Theme.
You’ll also be subscribed to the dbdc eCommerce Newsletter so you’ll get the latest articles delivered right to your inbox, along with special offers on dbdc’s current and upcoming products.
Good Design Requirement 2: Accessibility
These are things like complete and descriptive alt text for images, tags that identify navigation menus in code so that they can be skipped over, avoiding the use of images containing important text, and using header tags to structure your content. Some of these things can be added to existing pages easily, while others are best incorporated from the beginning when the site or theme is being designed and built.
Whoever builds your site, be it your niece or Squarespace, needs to structure the markup code of each page so that the hierarchy of the code matches the hierarchy of the content.
This is what every web consultant wants to do in a perfect world but gets lost in the rush to add more features as the launch date approaches, so if you start your discussions asking for that as a core requirement you’ll be their favorite client.
Good Design Requirement 3: Be Mobile-Friendly
In order to get the “mobile-friendly” designation sites need to follow a set of best practices that Google spells out, such as providing the same content (but not necessarily the same design) to users of all screens, using font sizes and user interface elements big enough to read and tap on when viewed on a small touchscreen, and sending smaller images to smaller screens so that users don’t waste their data plans downloading giant desktop-sized images on their phones.
When smartphones and tablets as we know them first came out sites responded by building two or three different designs that would be delivered to users based on what device the web server thought they were using to view the site. That was cumbersome, inaccurate, and confusing for everyone.
Today the recommended practice is to use a single design and make it “responsive”. This means that they design will adjust automatically to different sized screens in order to provide the optimal user experience, with all of the same content available to all users.
If done correctly (as an old teacher of mine liked to say) it works like magic and doesn’t require any extra work for the person maintaining the site. Responsive design is still new enough that not all CMS themes support it, so before choosing a theme or having a custom one designed make sure that responsiveness is built-in.
Resources to Help You Improve Your Website’s Design for Better SEO
Here are three free tools that you can use to test your site and see how well it puts into action the recommendations I set out above:
- Google Design Resizer – A new addition to Google’s design resources, it lets you see how your site looks on multiple sizes of screens all in one window. Great for testing your own responsive designs, and for checking out other (competitors’) sites to see how they stack up.
- The original Five Second Test – Want to test your site design with actual users? Of course you do. Sign up for an account and recruit your friends to try your design out and give their feedback, or pay $1 per user for random testers provided for you. Use tools like this early and often. You can use a simple sketch or a fully functional website, but whether real people understand your idea is your most important question.
- WAVE Web Accessibility Tool – A through audit of how accessible your site is and plain-language explanations of the results. Remember, to be accessible a website needs to be structured and tagged in the same way that Google wants it to be, so by making your site accessible you’re helping other people and helping yourself. High five.
That wraps up Part 2 of the SEO for Small Business Websites series. In Part 1 we talked about the fundamentals of search-engine friendly content, and in Part 3 we’ll be looking at Google’s newest initiative: performance.