Technical SEO: A programmer’s guide to SEO

It is much more efficient and less costly to build a new website on a foundation of search engine optimization (SEO) than to try to retrofit existing websites after they have been launched. 

This guide will help programmers and web developers identify opportunities to incorporate SEO into the process and framework of building a new website.  By starting at the earliest stages of the web development process and following these recommended best practices; new websites will get crawled and indexed faster, deeper and will appear higher on search engine results pages (SERPs).

The top 5 most important technical SEO elements on a website are:

SEO Best Practices

URLs (pretty permalinks)

The Uniform Resource Locator (URL) or page address is extraordinarily important for several reasons:

  • Search engines include URLs in their index
  • Webmasters often link to other websites by using their URL
  • Pretty permalinks are easier to share and understand
  • A well designed URL reveals the content behind the URL

As you develop or program a new website, particularly if it is a dynamic database driven website, try to engineer it in a way that the URLs are shorter, do not include parameters, avoid https if unnecessary and help web visitors (and search engines) understand the content behind the URL.  Look at the difference between these two URLs, for example:

Other things to consider:

  • Create a 301 redirect from inqbation.com to www.inqbation.com
  • Name folders and directors using simple plain language
  • Use a dash (-) rather than underscore (_) to separate words
  • Separate words with a dash (-) rather than running them together
  • Prefer long-tail keyword phrases instead of single, short words
    • /crime-security-theft/
    •  /crime/

Back to the top of this SEO guide for programmers

Page titles and paragraph headings

Page titles are probably the single most important piece of real estate on a web page vis-à-vis getting indexed and found by search engines. 

Unfortunately, most websites misuse or underuse the page title.  Commonly, organizations will use the page title for branding purposes, i.e., SEO Quotient or inQbation.  However, since your domain name already includes these words in the URL, you would be wasting valuable resources by duplicating the brand in the page title.

Organization will often use Page Titles as sort of a breadcrumb trail to indicate where a web visitor is within the site.  While bread-crumb trails are a great idea, they should be within the body of the website, not in the page title.

The best page titles will consider these factors:

  • Every <title>Page title</title> will be unique.  No two pages will have the same title
  • <title>Page titles</title> will be less than 70 characters (including spaces)
  • Page titles will include long tail keyword phrases instead of single short words
    • International financial economic business data
    • Data
  • <title>Page titles</title> will reflect a web visitor’s Google search query, e.g.,
    • Countries with lowest tax rate
    • Countries with highest unemployment rate
    • How to start a business in Afghanistan

Likewise, Paragraph Headings (H1, H2, H3) will reflect the web visitor language that they would use in a Google search query if they were looking for the type of information provided on that particular page.

Important: every page of a website should be optimized exclusively for the content on that page.  Page titles and headings should be relevant to that particular page.

Also, it is important to adhere to an information taxonomy.  There should be only one H1 heading on a page.  Each subsection within that page should be headed by an <h2> bracketed tag </h2>.  Sub-paragraphs within a subsection should be headed by <h3>bracketed tags</h3>.  Headings, in other words, should be hierarchical and follow an organizational path.

Finally, it is important to not stuff keywords.  Keyword stuffing will earn you negative demerits and possible get you deflated or de-indexed within search rankings.  It is better to say the same thing different ways than to say the same thing over and over again.  One heading, for example, may refer to “gender”.  The next heading may refer to “women in the workforce”.  The next heading may refer to “female participation in the labor market”.  So, mix it up and diversify your language.

Back to the top of this SEO guide for programmers

Link anchor text

Hyper links are what make the World Wide Web so valuable.  They enable people to “surf the web”.  Links also add credibility.  It is not surprising that search engines place a lot of value on links and link names (the anchor text between an <a ref=”…> and the closing bracket</a>).

Careful thought should be exercised when creating link names and anchor text.  In general, links should reveal the content behind the link.  Somebody should not have to click on a link to see what is on the next page. 

Typically, there are two types of links:

  • Navigational links (main navigation menu)
  • Referential links (one time links that cite or reference another page)

Main navigation menu

It is important to comply with convention.  Just like with cars intended for right-hand drive, the accelerator pedal is on the right and the brake pedal is on the left.  It is good to follow convention, unless you have a clear and compelling reason to defy conventional expectations.

Most people, for example, expect that if you click on the logo in the top left corner of the page, you will be taken back to the site index page.  Likewise, people expect to see an About link on the left and a Contact link on the right.  The rest of the links in the middle should be consistent. 

Referential links

These are the links that you make during the conversational text within the body of a web page.  It is here that it is very important to remember the long-tail and be as descriptive as possible.  Also, by convention, you probably want to target the same window for internal pages and blank windows for external pages. 

Remember the long-tail

Most importantly, links should be descriptive – remember the long tail.  For example, which link name do you think would be more descriptive of the content on the other end of the link?

  • Read more…
  • Full economic survey data comparing various countries tax reform efforts

Certainly, it is easier, faster and in some cases prettier to simply write “read more…” but you will get a lot more web traffic is you express precisely what the page topic is about that you are referencing.

It is probably better to name a navigational link “Business Data” rather than “data”.  “Survey methodology” is probably better than “Methodology”.  “Research papers” is probably better than “Research”.  Top

Image attributes

Images are probably the most underutilized and least exploited SEO opportunity at our disposal.  Because we have development platforms and click-and-drag content management systems (CMS), it is easy to simply Insert > Brown > Image and be done with it.  Often, our software will grab the file name by default and throw it into the alt tag or simply leave an empty alt tag alt=“ ” in it’s place.

Slowing down a few moments to take the extra step in optimizing images goes a long way towards both SEO and Section 508 Compliance (accessibility).  In general, the more accessible (Section 508 compliant) a website, the better search engine optimized it is.  Think about it for a moment…

While a picture can be worth 1,000 words, that can only be true if you have eyes to see the photo.  Otherwise, you must rely on the image metadata.  People with visual disabilities will often use text screen readers to translate into audible signals what is written on a web page.  People with hearing disabilities will use closed caption to know what was said on videos and in audio clips.  Since search engines do not have eyes or ears, they rely on the same methods and technology to understand images, audio and movies.

What is important to know about optimizing images is that if you do it right from the beginning, all of the metadata stays with the image.  So, if you use an image within a document and convert that document into a PDF, for example, all of the metadata gets included within the .pdf.  The same thing applies to Word documents (.doc) and in Rich Text Format (.rtf).

Best practices for optimizing images

  • Rename the image file name after the meaning of the picture or graphic, e.g.,
    • IMG-0394.jpg
    • Afghan-women-working- in-professional-offices.jpg
  • Go into the meta data (Open > Properties > Details) and fill in the details
    • Title
    • Subject
    • Tags
    • Comments
    • Copyright
  • Include meaningful, keyword-rich ALT (alternate text) tags
  • When there is a call to action, include an compelling title tag
  • Place them in a meaningful directory, i.e., /business-tax-reforms versus /images
  • Copy the image and translate all information for use on different language translations

Back to the top of this SEO guide for programmers

Crawl factors

Certain methods and techniques can make a page more or less crawlable.  Search engines need a daisy chain of links to enable it to crawl from page to page in order to index content.  If your site does not have an organized information architecture or site map then it is more difficult for search engines to index all of the pages on your site.

In addition, search engines need static links and navigation in order to crawl.  If your site is engineered in a way that forces people to enter a search parameter or select radio buttons or check boxes or pull down a menu, then you may be creating difficult obstacles for search engines to overcome.  A search engine, for example, is not going to select 2 or more parameters and then click a [submit] button.

Ultimately, every page on the website must have a permanent or static link pointing to that page if you want it to be found, crawled and indexed by a search engine.  If your site has 4,000 potential pages of information or data then there must be 4,000 static links that are all findable, site-mapped or otherwise listed somewhere on that website in order to be found and indexed.

Search engine friendly (not)

In general, search engines are not able to effectively crawl websites that rely on these methods and techniques:

  • Flash intros
  • Flash navigation
  • Framesets
  • Robots nofollow
  • Framesets
  • Images
  • Image headings
  • Javascript menu navigation
  • AJAX
  • Multi-parameter driven navigation
  • Powerpoint Presentations
  • Older version PDF documents

Obviously, there are exceptions to the rule and there are methods and techniques in which you can make Flash more search engine friendly, like using XML files to feed content to a Flash file.  In general, if something is important or crucial then you should not rely on these potentially un-crawlable methods, techniques and file formats.

One final thought is to always keep the user in mind.  Any time you have an opportunity to name something, put yourself in the shoes of the person on the other end of Google trying to find the information we have on our sites.  Even better, if you imagine that user as being blind or deaf (like Google), you will both serve a wider audience and accelerate your SEO efforts. 

Back to the top of this SEO guide for programmers

 

6 C’s of Search Marketing

Content

Content is the words, pictures, text and media that you place on your web pages, web site, social media profile and landing pages.  In order to be indexed in Google, Bing and other search engines; it helps to have content.  In order to rank on search engine results pages (SERPs) vis-à-vis a given keyword phrase, your content needs to be relevant to the search phrase.

So, if you want to get found on Google, one of the first things you need to do is ensure that the content and keyword density on your web pages and social media profiles contain Content that is relevant to your intended target audience.

Code

HTML, or Hyper Text Marketup Language, is the programming language that we use to enable us to display our web pages across the internet and for it to be seen in a way that we intended it to be seen through Web Browsers such as Microsoft’s Internet Explorer (IE), Google’s Chrome, Mozilla’s Firefox and Apple’s Safari.

Withing HTML, we have the ability to specify attributes, tags and elements that help to describe the data or content within our web pages.  For example, every web page should have a unique and relevant <title> tag that describes the primary topic or subject of the page.  The title tag carries a lot of weight with regard to the search engines.  So, you need to make sure that the title tag not only describes your web page but also includes the key word search phrase that your intended target audience.

But code doesn’t stop at Title tags.  Every image could have alternative text or ALT text to help describe the meaning or content of the image to people who cannot see or are visually impaired.  Through the use of screen readers, blind people can surf the web using assistive technology.  But, if you think about it … does Google have eyes?  No, it doesn’t.  Google is visually impaired as well.  So, if you make your site Accessible for people with visual disabilities then you also make it more understandable to search engines as well.

Crawlability

There are dozens of coding opportunities to make your web pages more search engine friendly and crawlable.  The best way to make your website crawlable is to avoid search engine roadblocks and obstacles such as:

  • Flash intros (skip intro)
  • 100% Flash websites
  • Flash navigation
  • Frame sets
  • Robots nofollow
  • Link nofollow
  • Image headings
  • Image sliced websites
  • Powerpoint Presentations
  • Old version PDFs
  • Javascript menu navigation
  • AJAX menu navigation
  • Navigation that requires a user to select options
  • Navigation that requires more than one variable
  • Parameter driven content
  • Heavy/slow loading web pages
  • Image intensive web pages
  • Duplicate content

Credibility

With millions of web sites competing for attention, search engines such as Google have very complex algorithms that try to determine the credibility, authenticity and integrity of web pages.  One way that search engines do this is through trust algorithms.  Just like in finance, lending agencies such as banks and credit card companies use a FICO score to determine a potential customer’s credibility.  Likewise, Google uses it’s own algorithm called Page Rank or PR.

Page Rank is determined, in part, by the number of other web sites that link to or reference your site within their own pages.  Think about academic journals and research papers.  Often, we will site other publications within our research papers to backup our point or our thesis.  Citing other publications not only adds credibility to our argument but it also adds credibility and authority to the publications we cite.

Likewise, when we reference other web pages from within our web pages, we are granting authority to these referenced sites.  And, by linking out, we add credibility to our own pages.  It’s like being the go-to guy or gal.  You come to me with your questions, not necessarily because I can solve your problems, but because I know where you can go or whom you can ask to help solve your problem.  A well-connected individual has credibility, influence and authority.

If I have one million followers on my Twitter profile then I wield quite a bit of influence.  All I have to do is Tweet about one website, good or bad, and that website is going to get a ton of traffic.  Same thing if I have a large following on MySpace and Facebook.   The same could be true for blogs and web pages with high web traffic, readership and subscribers.

All these factors lend credibility to web pages and this credibility, or link juice, is like a firehose.

Conversation

Conversation is the discussion between and among people online.  The more conversation, or buzz, about your product, service, blog or web page, the more traffic you are likely to experience.  Say for example that you run a blog on your website and your blog posts are very controversial.  You are likely to get of a lot of comments on that topic from web visitors who either agree or disagree with your point.

The same thing can be said for Tweets on Twitter, status updates on Facebook and responses on YouTube.  Usually, it is the polarizing or controversial topics or statements expressed across blogs, news sites and social media profiles that generate and dominate the conversations.

Conversion

It’s one thing to drive traffic to your website, but what about your goals, objectives and the overall purpose of the website?  What do you want your web visitors to do?  Is there a Call to Action?  If you want your website to be effective, if you want visitors to take action then you need to lead them to action.  Your site should be a lead generator.  It should have calls to action in the way of forms to complete, information to download, registration to complete, etc.  Unless you want to simply give information, i.e., fire and forget, you need to somehow figure out how to convert web surfers into loyal clients, customers or subscribers.

There are a number of ways to encourage and measure conversion – or click through rates, including:

  • Well written meta content=description tags
  • Contact forms
  • Sign up (register) forms
  • PDFs to download
  • Add to Wish List
  • Add to Shopping Cart
  • Check out
  • Buy Now

If your web visitors don’t know what to do – if you haven’t told them what to do – then how do you expect them to do what you want?  You need to lead them to the purpose or objective of the website with clear and distinct Calls to Action.

The Concept of Search Marketing Mix

So, if you want to get found on Google then it is important that you be cognizant of and leverage the Six C’s of Search Marketing: Content, Code, Credibility, Crawlability, Conversation and Conversion.

Make sure that your content is relevant, meaningful to the interests of your targeted web visitors.  Make sure that you have leveraged every possible attribute and element within your web page code or social media profile.  Work hard to produce material that works as link bait, concepts that people will want to reference or link to from their web pages, blogs and social media profiles.  Finally, engage your subscribers, followers and fans in meaningful conversation.  Go out on the limb with controversial topics, mention something polarizing, be the Devil’s advocate and see how much buzz and conversation you can generate.

 

Getting started with Google website analytics

WASHINGTON DC – Web analytics consultant, Blake Newman of inQbation™ discusses how to use Google Analytics to take the pulse of your website and see how it is performing according to your expectations.

Business analysis, web analysis

In the words of the late, great management guru, Peter Drucker, “You cannot manage what you do not measure.”  Indeed, it is crucial that if you want to get the most return on investment (ROI) out of your website then you need to set goals, measure results and take proactive steps to march towards those goals.

Web analytics is the measurement, collection, analysis and reporting of internet data for purposes of understanding and optimizing web usage. One of my favorite tools to use for web measurement and statistical analysis of web performance is Google Analytics.

To get started, go to www.Google.com/analytics and click the [Access Analytics] button.

google-analytics-optimization

Once you are there, you need to sign up for your free account, insert the analytics code into your website and then start tracking.  Over time, you can collect valuable information about your web traffic, visitors and content strategy.

google-analytics-overview-dashboard

As you can see, with web analytics you can take a snapshot of your site web traffic measurement statistics and study things like:

  • Daily visits over a period of time
  • Page views
  • Bounce rate
  • Average time on site
  • Number of pages viewed per visit
  • Percentage (%) of new visitors
  • Sources of traffic
  • Pages visited
  • Visitors
  • Content
  • Goals

With most web analytics and measurement software, you can also drill down and find more detailed, granular data, for example:

  • Web Visitors
    • News vs. Returning
    • Languages spoken
    • Geographic origin
    • Browser capabilities
      • Browser type: Firefox, IE6, IE7, Safari, etc.
      • Screen resolutions of web visitors
      • Operating systems
      • Screen colors
      • Flash reader versions installed
      • Javascript support
    • Network properties
      • Network locations
      • Host names
      • Connection speeds
  • Web Traffic Sources
    • Direct traffic
    • Referring sites
    • Search engines that refer traffic to your site
    • Keywords used to find your site
    • Campaigns
  • Content analysis
    • Content viewed by title
    • Content drilldown
    • Top landing pages
    • Top exit pages
    • Site overlay (click path)
  • Goal analysis
    • Conversion rates
    • Abandonment rates
    • Abandonment funnel
    • Funnel visualization
    • Goal value
  • Advanced segmenting
    • All visits
    • New visits
    • Domestic visits
    • Paid traffic
    • Non-paid traffic
    • Search traffic
    • Direct traffic
    • Referral traffic
    • Visits with conversions
    • Visits from iPhones
    • Non-bounce visits
    • Custom segments

Web Analytics, Analysis and Measurement Resources

If you need help setting up or managing the web analytics, analysis or optimization of your site, please give us a call and we would be delighted to help.