One of the big challenges of modern website design is balancing search engine optimization (SEO) with graphic design. SEO website design presents both opportunities and difficulties. Obviously, every website wants to rank well on search engine results pages (SERPs). At the same time, every webmaster wants a website that looks great and offers a great user experience. Bringing SEO and SERP optimization in line with a quality interface is the Holy Grail of web design.
One of the easiest ways to make a well designed website compatible with better SEO is to change the website design. With fewer elements in a less complex layout, it becomes easier to focus your website design on what matters to SEO. The DIV and H1 elements make your website more accessible to the bots that search engines use to index your website. If your site can play well with Googlebot, chances are that your site will deliver a better SERP on Google.
Visually, this results in a simpler, less cluttered design. It also has the added benefit of making your website easier for users to scan and understand. Try to visualize some of the most successful websites out there. Think about what the Google homepage looks like. Or think about how easy it is to scan a Twitter feed. This is the type of strict design that a good website should achieve. A site must be complex enough to serve its purpose, but rare enough not to confuse its purpose.
Design for SEO
There is a tendency to assume that good graphics and good SEO cannot coexist. A number of websites still dump their most beautiful graphics into JPGs which do nothing for SEO. This causes a lot of harm, especially when the site uses JPG in the page header. Google likes signals that appear near the top of the page. Throwing that chance at a colorful graphics job is a bad choice.
But, that doesn’t mean you have to remove all make-up from the face of your website and make it look normal during the day. With the advent of webfonts, it is possible to embed beautiful graphics into SEO friendly elements, such as H1 tags. No need to compromise. Insert the H1 tag into the page. Then style it using webfonts. You can maintain a beautiful graphic-intensive design. And now you get all the SEO benefits of a well-aimed header. This is a win-win.