Archive

Archive for the ‘Designing for SEO’ Category

Top 21 SEO Rules for Interactive Designers

December 15th, 2011 socialamigo No comments
illustration for the Top 21 SEO Rules For Interactive Designers

designforSEO's New Rules for Search-Friendly Design

I came across this post the other day from a designer named Jacob Cass regarding his “10 SEO Rules for Designers.” He really nails it and it’s amazing how this post from June 2008 still holds water now on the eve of 2012. It made me do some deep thinking about why it still holds up and also spurred me to consider any additions I might make to the list. Jacob’s 10 SEO rules are listed here (you can read the details on his post linked above):

  • Don’t Cheat The System
  • Stick To Your Keywords
  • Content Is King
  • Clean Code Is Searchable Code
  • The Home Page Is The Most Important Page
  • Links Have Meaning
  • Title Tags For The Win
  • Alt Tags Matter
  • Ignore Most Meta Tags
  • Have A Site Map
  • Design For Humans

Here are the changes and additions that I would add to Jacob’s list. Some of these are refinements, while others are expansions on his ideas or new ideas that have surfaced in the last few years since his post.

Rule 11: Do Your Keyword Research

Business owners and marketing departments, no matter how sophisticated they are about digital marketing practices, all fall prey to their own industry-speak and corporate slang. No matter how sure the stakeholders are about what everyone uses or what works, take the time to do your own research (or hire an SEO pro) and make sure you’re not chasing unicorns. Visitors don’t always use the terms you think they should.

Rule 12: Engage The Visitor

Forward-thinking search engine professionals have been preaching about content forever (so it seems!). In fact, a whole new profession (content strategy) has arisen from the need to develop engaging content and weave it into cohesive digital marketing strategies. The key to engagement is to position yourself and your company as thought-leaders and to curate content for your visitors.

Engaging the visitor with meaningful content has long-lasting benefits that go beyond the quick-hit of a sensational YouTube video. Become a compendium of trends in your industry, provide your visitors with innovative ways to use or think about your products or services, even bring in thought-leadership from across your industry and market sector. Become a go-to website – a bookmark-must.

Rule 13: Don’t Ignore The Value Of Your Inner Pages

Driving traffic to the home page is a good thing, but only if the home page is well-designed and visitor-friendly. If it’s a mish-mash of navigation, menus, links, pop-up windows, and choices, this won’t help the visitor understand what you want them to find nor will the search engines find the clean kernel of context they need to find you perfectly suited for a searcher’s request.

One way to manage this is to clean-up the home page and make it as focused to your core business (and keywords) as it can possibly be and to give the visitor clear direction to those areas of expertise (and content) your website offers. Then, do the same to each and every page. Think of all of your inner pages as one-stage in a long step-by-step guide to understanding what you do and how you do it. Building inner pages this way will allow them to rank for their own keyterms and content; perhaps outranking your home page over time – and that’s okay!

Rule 14: URLs need love too

URLs or uniform resource locator is the actual coding that describes where the informations that needs to be retrieved – sometimes referred to as the web address – it usually denotes a web page, but can just as easily mean a PDF, an image or an email account. It is important to the search engines that the anchor to your content be easily understood, but even better if that anchor can help clearly communicate the content that is affixed to it.

When the title tag and meta data, (like the page description) and the URL all share the same keyword threads, the search engines now have a pitch-perfect understanding of what is on that page.

Rule 15: Your Images Can Drive Traffic Too

While alt-tags are important, naming your images in search-friendly ways can have a dramatic impact on your traffic patterns and ranks. When I begin with a client who has many product photos or images from their files on their websites, I usually find that the images have retained the names/titles that were assigned by the camera device they used. This has no search value at all.

To harness the power of search, images need to include not only keywords that are appropriate to the website, product or service, but also to the target audience and their search patterns. Don’t forget to include your name or the company/website domain as well. Sure this means longer titles and a decision-tree for using this keyword as opposed to that product name, but defining these parameters for everyone who authors content on the site means that everyone does things the same way. Continuity’s reward is efficiency as well as an increase in traffic.

Rule 16: Description Tags Are Your Most Valuable Online Asset

Description tags are passages of code in the meta tags that are used to describe what the content on that page or URL is about. These tags represent another opportunity to emphasize keyword groups and distinguish between branches of content for visitors and search engines alike. These are often used by search engines to summarize your content.

This is what I tell my clients: use this space to make a pitch or include an offer, but do it in the first 80 characters if you can. Remember, this passage is popping up on a search engine result page for free!  Use the rest of the 145+/- characters to name yourself and drop in keywords that relate. Think of description tags like Tweets. Write the passage for human eyes – make it compelling – searchers are making decisions on what you show them here and nothing else. Brochure-copy should be avoided here at all costs.

Rule 17: Your Name Means/Is Everything To You

Simply put, buying a domain name like “tantical.com” for a private investigation service is going to mean an uphill battle for you in the search engines. Success may still come, but your business is going to thrive by buzz-marketing, repeat customers and offline marketing. Likewise, adopting “Royals-Flush.com” for a plumbing service run by a guy named Royal sounds fun, but do the search – what returns for “royal-flush”? Will you ever break into the top-10 for search results – even for your own name? Unlikely.

Used to be a clever name or a play on words was all you needed on the side of your truck. But now the marketing budget required to drive traffic to something called “Squidoo” goes far beyond the simple indexing of search engine robots – those ‘bots’ simply won’t understand what it’s all about. And if what you do and who you are isn’t backed by venture capital, then you need to think out the strategy of search and maximize how it can work for you.

Rule 18: Your Visitors Should Never Be 404 Not Found

From time-to-time, every website loses track of a page, something doesn’t load right or a visitor finds a search result that leads to an orphaned page. It may not seem like this is under the “search engine” umbrella, but it is. Every time a visitor arrives to your site and bounces out, it counts against your ranks. Every time a visitor removes one of your bookmarked pages from their bookmarks means a lost opportunity. Every time a visitor lands on a 404 NOT FOUND page and doesn’t know what to do, you give them permission to leave.

Take the time to create a parachute page for your 404 NOT FOUND page. Give them a softer landing and take the sting out of not receiving what they thought they were going to get. Apologize for the confusion. Anticipate what they might be inquiring about and give them big, bold links to other pages that may serve them what they want. Give them a chance to report the trouble on your system and give them a reward (and capture their data)! In short, don’t let your 404 NOT FOUND page be a dead-end.

Rule 19: Sometimes It’s Just Too Crowded Under One Tent

As we all now know, content is king and the more content on your site, (and the fresher your content is) the more interesting your content will be to the search engines. That having been said, sometimes piling more content into a site isn’t what the site needs. Navigation can become visual chaos as menus drop and spring from every aspect of the site – all because the content and the topics have become unmanageable visually.

Take the time as you develop search-friendly practices to consider creating microsites for complex themes or unusual content threads. This gives you a chance to link-in and link-out to your main site while preserving the key-phrases on your legacy site. Making sure you don’t lose your visual brand and user experience is a key component of creating this package and making it invisible to the visitor.

Rule 20: Every Page Is A Landing Page

User experience professionals like Jared Spool have long known that Google places value on how the visitor experiences searching, sponsored links, and the landing pages they find. Google created the “Quality Score” to substantiate this and actually charges you more for your Google advertising if they find your ads are of lower interest to their visitors. Imagine what Google (or your visitors) think when they land on your website?

That’s why in my practice I find the most intelligent piece of advice I can give to anyone who is designing, marketing or doing business in the digital space is to think of every page as a landing page. Setting your sights on this goal will color and direct every decision you make as you strategize and develop each page, each shopping cart, each content thread, each interaction.

Rule 21: Start Using Media Queries Now

Media queries are the coding-language devices that tell a website what size to adopt when it is being downloaded to a device. By using simple if-then propositions, the website “knows” to use particular column numbers and widths to display the content on a given page. This has been gaining traction in the interactive design and development communities and in my opinion represents a huge value to small-to-medium business alike. Responsive web design lets you design for flexibility.

There is a lot of good information about responsive web design and the designer who is looking for a way to differentiate themselves from the competition, will be pulling this into their client discussions – I do. Conversations about the place of flexible grids and flexible images also abound. Do your homework now and make this part of your practice.

Designing With 18 SEO-Friendly Blog Tactics

July 28th, 2010 socialamigo 5 comments
CardStunts, blog design, seo-friendly, seo, content strategy, designforseo

Design Tactics To Enhance The SEO Value Of Your Blogs

When I first began to design/redesign blogs for clients, I questioned everything. Over time, I began to feel that working with the various blog platforms is a little like the Serenity Prayer; “…Grant me the serenity to accept the things I cannot change and the courage to change the things I can (time and budget being in place, of course).” Working with the SEO-centric digital marketing firm, McDougall Interactive, gave me a unique perspective on blogs, their search-value, and how to enhance SEO through interactive design and content strategies. I’ve put together a short list of highlights below – hope this is informative.

18 SEO-Friendly Blog Tactics For Interactive Designers


Blog Platforms

Choose your blog platform for SEO attribution in the CMS/admin area. Each methodology for building a blog has its own positives and negatives. Make sure the system you choose fits the client’s profile. As the blog stakeholders get more sophisticated, they will ultimately judge you on how easy you made things for them, not on how easy things were for you.

Keyword Research

Do your own keyword research and identify (and resolve) any disconnect with the client’s understanding of their keywords. Take the time to get smart about SEO, search-value, traffic analysis, and key terms. Be sure to have in-depth discussions with your clients and be very sensitive to “disconnect.” Above all, get these keyword adoption issues ironed out before you start designing a blog that doesn’t work for “their” search.

Design For Scalability

Do your due diligence regarding the future needs of the clients. Will they need a shopping cart or product galleries? Do they need to feature their white papers and webinars? This becomes important when clients want specific blog platforms, but haven’t considered each blog platform’s hallmarks. Anticipating these needs at the front-end of a design project can also save hours of redesign while the design’s still in-process and $1000s of dollars in retrofitting a website in the future.

Premium Real Estate

Design the blog as if real estate is at a premium – because it is – don’t succumb to grand visual gestures when tightly-focused, yet visually appealing will do. Websites designed like posters can have great visual impact, but rarely have the structural organization to be scalable or the content required to be SEO-friendly.

SEO-Friendly Navigation

Let visitors (and search engines) slice the content quickly with SEO-friendly navigation and then watch the visitor’s behavior closely through analytics. Creating search engine-friendly navigation and menus can have additional user experience value for the visitor.

Perfect Static Pages

Build static pages that build on the visual brand and have content that maximizes lead generation. Static pages increase the search value of any blog by offering ample opportunities to link out to valuable content and link in to specific blog posts, as well as by fixing SEO-friendly URLs to the blog in a more permanent way than the blog posts can offer. The consistency of the data in the HTML code of these pages and URLs/metadata help search engines index the blog for key terms and topics for which you want to rank.

Think About Padding

Designing an elegant brand and presence for a blog can be quickly undone by letting the blog’s content end up in a compact, unreadable block of text. Unfortunately, the CMS/admin/database management aspects of most blogs are crafted to handle and manage data – not to display the data in a visually appealing way. Use CSS to customize the look and feel of the text and ensure that columns and text have the right visual padding around them and between them. Designing for content is all about communicating clearly and if visitors find the content unusable, that’s bad for your SEO.

Content Links

Coach your clients to link their blog content back to inner pages on their main site (if they have one) and vice versa. This tactic helps increase organic traffic to both sites and allows your visitors to wander inside your space. The more you engage and anticipate their investigations, the longer they’ll stay and that’s good for the search engines.

Adopt SEO-Taxonomy

Map categories, tags, menus, URLs, permalinks, meta data, and blog posts to important keywords and topics. Categories especially should be focused on main keywords and phrases because they end up on every page of the blog. Tags should be secondary and tertiary terms that create linking structures that build their own network inside your content over time. Designers can not afford to overlook these key principles.

Link Older Posts To Traffic

Self-refer to older posts as links in a blog post so the visitor doesn’t have to use search features or guess which category contains an topic. Bringing key blog posts to the forefront on the home page and on inner pages is a worthwhile strategy too. Pushing traffic across your blog is very search engine-friendly.

Design For RSS Feeds

Design and develop every blog with RSS feed capability and make this an important feature. Make the sign-up process clear and easy for the visitor who wants to stay informed about what your blog is about. Search engine algorithms track subscribers and the incoming traffic that RSS feeds trigger.

Are Widgets SEO?

Most widgets and feeds aren’t SEO. Sure they add value to your blog for the visitor, but most widgets can be broken into two groups: feeds and outbound links. Feeds are ultimately duplicate content for which your blog won’t get credit and outbound links are just that; outbound. That’s where most of the juice is going – passing from your blog to some other web presence – and what if when you hand them off to someone else’s site, those visitors never return? Save the widgets until your blog has real value, search engine presence, and a following. Then let other boggers approach you about being in a widget on their site!

Stop The Spinning Tag Clouds

Tag clouds are a great way to visualize information – I love them. I use them all the time when on blogs and websites. But tag clouds that exist as motion graphics are hard to use, have almost no SEO value because they aren’t typically indexed by search engines, and can often sap a visitor’s energy and focus that should be directed towards important links and conversion points.

Lead-Generation Forms

Don’t design one into a blog (or any website for that matter) unless there is an internal marketing strategy that has been approved by stakeholders for dealing with the results that the forms generate. Oh, and offer something that is truly valuable to each visitor who signs up. Without these two elements, this is an concept that should be tabled until it is fully-fleshed out.

Call-Now − 1-800-XXX-XXXX

In my experience, a client or organization that insists their phone number be placed in the banner or prominently featured on every page of their website doesn’t understand how this undermines search engine optimization or how it weakens or spoils search engine analytics. If a phone number must be included on webpages, it must be a number specifically-designated for web visitors so this can be tracked internally by stakeholders for SEO.

Use Media For SEO

Media in a blog post (videos, slideshares, webinars and images) offer opportunities to link out (and in) to important content which betters the overall search results. Now that YouTube videos are ending up in search results, this is a practice that must be incorporated into design and development.

Fonts As Text Or Graphic Elements

With full adoption of Web Open Font Formats (WOFF) perhaps a year or two away and fonts that are cross-browser compatible already available from some type foundries (EOT & WOFF), interactive designers can now choose to adopt font styles that match pre-existing collateral and branding -and- that can be indexed by search engines. Using graphical texts for logos and taglines and embedded in images and motion graphics may be necessary now, but very soon this won’t be the case. If you can mandate adoption of web open font formats now, you should.

Websites (and Blogs) Are Living Entities

Search engines index content and monitor web traffic. These are not fixed concepts and are subject to change. If your interactive design project’s success hinges on organic search traffic at all, you must amend your designs toward a content-forward approach and open dialogue with the client about their future design requirements for A/B testing elements on their site based on web-traffic analysis and changes in search engine algorithms.