Search Engine Optimization


I am often amazed by how many companies miss out on the opportunity to build fundamental search engine optimization practices into their website redesign projects.

In my experience, there is almost always a focus on:

  • creative design and layout
  • professional copy written content
  • web development and launch

It saddens me because online marketing tactics seem to get pushed to the back burner when we work on website (re)design projects.

In a perfect world, each of the pieces above (creative, copy, development) would have an online marketing influence in them to ensure that SEO best practices are used during all phases of the redesign.

During the creative / layout phase, SEO would be incorporated by working with the creative teams so that they understand that:

  • page headings should be in text rather than an image, if possible
  • navigation components should not be driven by heavy graphics and images
  • flash items should have alternate content that can display

During the copy writing phase, SEO would be incorporated by working with the copy teams so that they understand that:

  • there are keywords and keyword variations that should be used in the content for each page
  • there is a need to use certain keywords and that this is not meant to undermine their copy
  • page titles and page descriptions should use specific keywords and keyword phrases also

During the development phase, SEO would be incorporated by working with the web dev teams so that they understand that:

  • there are specific architectural improvements that can augment SEO such as
    • file naming conventions and directory structure
    • URL rewriting for dynamic URLs
    • setting up 301 redirects from old URLs to new URLs
  • there are specific code improvements that can augment SEO such as
    • using clean HTML
    • avoiding javascript for changing page content and for site navigation
    • offloading script and styles into external files
    • using heading tags and text emphasis

Unfortunately, though, the above does not take place. Instead, the site is built and ends up looking great, but doesn’t rank for the right keywords — or even worse, doesn’t even show up in the search engines. The worse part is that it takes way more effort and way more resources to add those search engine optimization practices into the site after it has launched already.

My suggestion is to make sure that all of the key stakeholders in a project have knowledge of what SEO requires for each phase of the site’s development and the benefits of focusing on SEO (or consequences of ignoring SEO) are.

It may be an uphill battle, but it will be worth it down the road.

An important SEO tactic that should be used for on-site content formatting revolves around the proper usage of HTML Heading Tags.

Heading tags are important because page headings serve as a great indicator of what a given page is about. If you go to a page that has a heading of “SEO Basics: How to Use Heading Tags,” it is a good bet that the rest of the content will be directly related to SEO & Heading Tags. Thus, these tags provide relevancy in the eyes of the search engines.

Now that we’ve touched on why they are important, let’s switch gears to how to use headings properly (plus, what not to do!).

Proper Usage

  • Use the <h1> tag for the main heading on the page.
    Ex. <h1>SEO Basics: Heading Tags</h1>
  • Use the <h2> tag for subsequent sub-headings on the page.
    Ex. <h2>SEO Heading Mistakes</h2>
  • Make sure that you use the current page’s keywords in the <h1> and <h2> tags.

Mistakes

  • Don’t use images for headings — styled text has much more relevancy in the eyes of the search engines
    • If you must use an image, make sure it has ALT text
  • Don’t style your headings with the wrong HTML tags like this:
    Ex. <span class=”heading”>This is my heading</span>
    • It is important that you use the correct HTML <h1> and <h2> tags or the search engines will not give you credit!
  • Don’t try to stuff all of your keywords into headings
  • Make sure the heading of the page is relevant to the page’s actual content

Sounds simple, right? Well, it is… which is why it is amazing that so many sites do this wrong and pass up the SEO benefits of using HTML Headings correctly.

This will be the first of many posts detailing various tactics that can and should be employed on your website in order to augment your Search Engine Optimization efforts.

It always amazes me to do a “View Source” on various websites that I encounter in my interweb travels. You would be surprised at how many sites do not use the basic, but poweful, HTML Title Tag to its fullest.

The HTML Title tag is extremely relevant and important to your Search Engine Optimization success. This single tag carries significant weight with the search engines and also allows you to control the headline of your site when it is listed in the Search Engine Results.

Let’s take a quick look at some best practices to guide the Title Tag:

The TITLE tag must appear in the HEAD section of each page of your site. It should:

  • be descriptive of the current page of your site
  • be unique and relevant to the content contained on the page
  • use your site’s keywords whenever possible

In the Search Engine Results, the Title that displays is limited to between 60-70 characters in Google. You can still have a longer title*, but it will not display in the results.

*Note: One word of caution with Titles is to be careful not to cram it full of too many words/keywords or it will lose its relevancy in the eyes of the search engines.

<TITLE>Greg Picarello - Internet Marketing Manager</TITLE>

The Title Tag is one of the quickest and most effective ways to start fine tuning your SEO.

I recommend taking a hard look at your site and making sure you are utilizing your titles to their fullest.

One of the great features of the WordPress blogging platform is its extendability through the use of easy-to-install plugins.

The top plugins for me are ones that help build community, improve usability, and help augment the marketing aspect of the site.

Web 2.0

  1. Sociable - Allows you to add social bookmarking buttons like Digg, Reddit, Del.icio.us to the end of each post. Completely configurable for which sites are listed and look and feel.
  2. Subscribe to Comments - Allows users to subscribe to specific comment feeds and notifies them via email of any additional comments on that particular post. Great way for users to stay involved in posts that are important or meaningful to them.
  3. WP-Email - Allows users to email a post to a friend or colleague and help spread your content to new sets of eyeballs.

Navigation & Usability

  1. Related Posts - Displays a list of related content (based on wordpress tags) for the current post. Helps users to find other content that might be relevant to them as well as improving the spiderability of your sites deeper links.
  2. Get Recent Comments - Displays a list of the most recent comments that have been posted on your blog. Great for building community around your users.
  3. WP-Print - Provides an easy way for users to print out a particular post from your blog by stripping the site layout and styling from the post.

Web Metrics

  1. Popularity Contest - Tracks your most popular content so you can manage which parts of your site are most visited (or referenced most externally). Also allows for you to display a list of the top content on your site to help users find your top content.
  2. Google Analytics for WordPress - Builds your Google Analytics tracking details into the framework of your site. This allows for advanced tagging and also makes sure that your content is being tracked, no matter which theme you are using at any given point in time.

Search Engine

  1. All in One SEO Pack - Improves your site and post search engine optimization by giving you complete control over what is displayed in your title tags, meta tags, and the like. You can customize as much as you want or just let it do its own thing and build in these items based on your post’s content.
  2. Google XML SiteMaps - Automatically generates and updates your Google Sitemap as new content is created.

Bonus

  1. Database Backup - Automatically backs up your database content for that rainy day when your database gets corrupt or you lose your data. Can be configured to automatically email an archive of your database or copy it to a specific location on your web host. Highly recommended.

Since blogging is a great tool for promoting personal writing, sharing content, building a community, or even supporting a business, I decided that I would share a (hopefully) simple, but useful walk through of how to set one up using WordPress – and doing so in an efficient manner and in a short amount of time.

(WordPress is a simple, yet powerful blogging platform. It is built in PHP using a MySQL database and it completely configurable. It is my favorite blogging software due to the ease of use and amount of customization.)

Here is an in-depth guide for setting up and installing the blogging software on your own domain, which is my preferred method for running a blog. However, if you do not want to deal with (and paying for) having your own domain and web host, it is possible to set up a free WordPress blog that is hosted at wordpress.com. Most of the information below will still hold true, but some of it may not be relevant.

 

I. INSTALLATION

  1. Download the WordPress software. As of the time of this post, the current version is 2.3.1 and can be found at: http://wordpress.org/download/

  2. Unzip and upload those files to your web server. The main decision you have here is where you want your blog software to show up on your domain. For instance, if you already have a website and you are adding the blog to your site, you might add them into a directory called blog off the root of your domain. Your blog would then be accessible at http://www.yourdomain.com/blog. Or, if you would rather the blog be the front page of your domain, you would just upload the files to the root of your domain and it would then be accessible at http://www.yourdomain.com.

  3. Find the file wp-config-sample.php in the main WordPress directory. This file must be updated with details that will enable the software to access your database.

    Those details are Host Name, User Name, Password, Database Name. You can get these details from your hosting provider (Your hosting configuration panel probably has a way to access PHPMyAdmin which will give you a GUI driven MySQL database management tool).

    The items you will need to update are listed below:

    define(’DB_NAME’, db_name); // The name of the database
    define(’DB_USER’, ‘yourusername’); // Your MySQL username
    define(’DB_PASSWORD’, ‘yourpassword’); // …and password
    define(’DB_HOST’, ‘localhost’); // 99% chance you won’t need to change this value
    define(’DB_CHARSET’, ‘utf8′);
    define(’DB_COLLATE’, ”);

  4. Once this file has been updated with the correct information, it must be renamed to wp-config.php. This file will drive the installation of the software in the next step. If the details in this file are incorrect, the installation step will fail and you will have to modify this file with the correct details.

  5. Visit http://www.yourdomain.com/wp-admin/install.php in your browser. This will start the WordPress installation and it should be relatively quick and painless.
    WordPress Installation Screen

  6. If you see the following screen, then the initial set up is done and the blog has been installed successfully. Input the Name of your blog and your email address. Both of these items can be changed at a later date.
    WordPress Successful Install Screen

 

II. CONFIGURATION

Users Section

The next steps will be to configure the blog settings, look and feel, and other functionality. This is the navigation component that you will use to jump to various sections of your blog. (If you ever want to get to the admin section of your blog, go to http://www.yourdomain.com/wp-admin.
WordPress Navigation Menu

  1. Click on the USERS link on the main navigation. (I recommend setting your admin user information first.)

  2. Click the edit link to edit the admin account’s details. I would suggest putting in your name (you can choose to not have it displayed). You can control how your name shows up on posts by yourself by clicking on the “Display name publicly as:” dropdown menu. I would also suggest changing your password to something other than the random password that was set for you during the install process.

Options Section

  1. Click on the OPTIONS link on the main navigation.

  2. We’ll start out on the default “General” sub navigation section.

    • Blog Title – Enter the title of your blog if you haven’t already. This will generally show up in the Header of the site and the <title></title> tags of the site.

    • Blog Tagline – Enter a tagline (optional). This will generally show up in the header and is used to provide a descriptive tagline for your site.

    • WordPress Address – This will set the base URL for your site. I usually like to include the www in front of my domain name so that there are no search engine problems (sometimes search engines view domain.com and www.domain.com as different sites, which is not ideal).

    • Membership – Here you can set some controls on who can register and comment on your blog discussions. This is up to you and it depends on the privacy level that you wish to have for your site.

  3. Click on the sub navigation item “Writing”

    There are a few options here, but the default settings are probably OK for now. The one thing we want to change is the list of sites under “Update Services” at the bottom of the page.

    After reading some discussion on the subject, I have added in additional pinging services to ensure that all of my new blog posts are properly notifying the blog sites out there.

    • Here is a list of pinging services that I use. Feel free to use any that you desire and then click “Update Options” when finished.


      http://blogsearch.google.com/ping/RPC2
      http://api.feedster.com/ping
      http://api.moreover.com/ping
      http://api.moreover.com/RPC2
      http://blog.goo.ne.jp/XMLRPC
      http://blogdb.jp/xmlrpc/
      http://coreblog.org/ping/
      http://ping.blo.gs/
      http://ping.bloggers.jp/rpc/
      http://ping.cocolog-nifty.com/xmlrpc
      http://ping.syndic8.com/xmlrpc.php
      http://ping.weblogalot.com/rpc.php
      http://pinger.blogflux.com/rpc
      http://rpc.blogrolling.com/pinger/
      http://rpc.icerocket.com:10080/
      http://rpc.pingomatic.com/
      http://rpc.technorati.com/rpc/ping
      http://rpc.weblogs.com/RPC2
      http://topicexchange.com/RPC2
      http://www.blogdigger.com/RPC2
      http://xping.pubsub.com/ping
      http://api.my.yahoo.com/rss/ping

  4. Click on the sub navigation item “Reading”

    • Front Page Displays – These settings let you configure what is on the front page of your blog and what page is considered the “Posts” page. For instance, you could set your front page to be a static page that says what your blog is and what it is about, then have a secondary page be the one that displays your posts. At this point, you should probably leave these settings as the default, but you may want to return later to make changes.

    • Show at Most – This setting will configure how many posts appear on your front page before a visitor is presented with a Next Page / Previous Page links. Depending on the length of your posts, you may want this number to be higher or lower than the default.

  5. Click on the sub navigation item “Discussion”

    These settings give you complete control over whether users can post comments, what information they must provide, whether comments are moderated (for increased privacy and security), etc. You should configure these options based on how you wish to use your blog and private/secure you want it to be.

  6. Click on the sub navigation item “Permalinks”

    Permalinks control how the URLs of your posts look to visitors and search engines. I usually choose the radio button for “Date and Name based” which makes your URLs most friendly to users and search engines. By making this change, your posts will look like much nicer and be more readable.

    Example: www.yourdomain.com/?p=123 vs. www.yourdomain.com/2007/11/15/sample-post/

  7. Click on the PLUGINS link on the main navigation.

    • Akismet – This plugin comes installed with WordPress and is designed to help stop spam on your blog. It is by far the most important plugin that you can install (assuming you will have comments open on your posts).
      In order to finalize the installation, you must first click the Activate link. You should now have another option on the Plugins sub navigation menu.
      1. Click the “Akismet Configuration” link on the sub navigation.

      2. Sign up for a WordPress API Key at: http://wordpress.com/api-keys/ and input that into the Akismet Configuration.

    • Database Backup – This plugin will automatically backup your WordPress database and either save it to your server or email it to you. This will ensure that your content and settings are preserved and will not be lost due to any system problems or database issues.
      1. Download the plugin at this link.

      2. Unzip the file and FTP upload the contents to the /wp-content/plugins/ directory of your site

      3. Return to the PLUGINS menu in WordPress

      4. Click the Activate link next to WordPress Database Backup.

        You can now access the options for this plugin by clicking on the MANAGE button on the main navigation followed by the “Backup” link on the sub navigation OR by going to: yourdomain.com/wp-admin/edit.php?page=wp-db-backup

      5. Scroll to the bottom of the page and input your email address and frequency you would like for backups, then click Submit and you are done. Your data will now be backed up on an ongoing basis.

    • Google Sitemaps Generator – This plugin will create a Google Sitemap for your blog. The sitemap will help increase search engine spiderability and can be analyzed via Google Webmaster Tools (should you choose to sign up and use their FREE service).
      1. Download the plugin at this link.

      2. Unzip the file and FTP upload the contents to the /wp-content/plugins/ directory of your site

      3. Return to the PLUGINS menu in WordPress

      4. Click the Activate link next to Google Sitemap Generator.

        You can now access the options for this plugin by clicking on the OPTIONS button the main navigation followed by the “XML-Sitemap” link on the sub navigation OR by going to: yourdomain.com/wp-admin/options-general.php?page=sitemap.php

      5. The settings should be correct for typical use, but you are welcome to make any changes. Once you are happy with the changes, there is a link to Build your sitemap for the first time in the Status box at the top of the page.

      6. Click the link to build your sitemap and you are done.

Presentation (Look & Feel) Section

  1. Search for a new theme at the WordPress Theme Viewer. You can download as many as you like.

  2. Once finished, upload them to the /wp-content/themes directory via FTP. You will be able to change them at will from within your blog’s administration portal.

  3. Click on the PRESENTATION link on the main navigation.

  4. You should see the themes that we just uploaded listed on this page. You can select a new theme template by clicking on the thumbnail of the theme shown under Available Themes. Once you have selected your theme, this will be our starting point for modifications.

  5. Now that you have chosen a theme, you can either click “View Site” to see what it looks like in its rawest/basic form or you can click “Theme Editor” on the sub navigation.

    The Theme Editor page lets you view and/or update any HTML, CSS, or PHP pages associated with your theme. You have complete control over the layout, style, and functionality of the site. For in dept details about how to configure the functionality of your site, please read the WordPress Codex.

    • Most themes come configured for instant use and public consumption. However, you may want to make changes to the colors or layout of your site. These changes will be made here. If you wanted to change the color of the regular body text throughout your site, you would click on the Stylesheet or “style.css” file on the right. This will cause the file to be displayed in the text editor where you can make changes. This will require knowledge of CSS to affect the changes. Read this for a definition/overview of what CSS is.

    • Likewise, you could replace the images that make up the theme with ones that you have created. You would need to upload these files to the theme directory in /wp-content/themes/themename/ and then you can reference them in the CSS. Virtually all non-layout, non-functionality changes can be made via the CSS Stylesheet.

    • However, if you want to change the layout or functionality of the site, you will need to make changes to the individual PHP files that make up the theme. These files include the Main Index Template, Header, and Footer (plus any other pieces, depending on the theme you have chosen). Inside these files, you can change the HTML, which can affect the layout or change or add in PHP scripting to affect the functionality of the site. Changes of this nature should only be made by advanced users or after you have a very good feel for how your theme works. Incorrect changes or additions to these files could adversely affect your site and its display.

  6. Let’s walk through one hypothetical (and simple) change. Say you wanted to add additional descriptive keywords to your site’s title. First, you would click on the Header file listed on the right. Once it was showing in the text editor, you would look for the piece that says something like:


    <title><?php bloginfo(’name’); ?> | <?php wp_title(); ?></title>

    What this is doing is displaying your Blog’s name (as listed in the options that we configured earlier) and the title of the post or page that is being displayed. With a simple change, we could add our descriptive keywords to every title tag throughout the site like so:

    <title><?php bloginfo('name'); ?> | <?php wp_title(); ?> | Keyword1 Keyword2 Keyword3 Keyword4 </title>

    Really, the sky is the limit once you understand how the theme you are using is built and once you understand how CSS affects the styling and layout of the site. But for now, time to move on!

Blogroll Section

  1. Click on the BLOGROLL link in the main navigation.
    • The blogroll is a set of links that display in the sidebar of your site. You can add, edit, and delete them here.

      Since a blog is a social tool meant to foster discussion, it is recommended that you link to your favorite blogs here. Hopefully, in the future, others will be adding your blog to their own blogroll.

Manage Section

  1. Click on the MANAGE link in the main navigation.
    • From this menu, you will be able to update, edit, and delete your posts, pages, categories, and other details.

      Since your blog is new, you don’t really have much to do here at the moment. Once you are comfortable with your site and you write your first posts and pages, you will want to return to this page and delete the temporary post that comes with your blog – entitled “Hello World!”

  2. If you know what your blog is going to be about and what some of the general categories that your posts may fall into are, you can click on the “Categories” link on the sub navigation.
    • From this page, you can add categories to your site.

      When you write a post, you will be able to tag the post as being part of a single (or multiple) categories. This will help visitors find posts about the topics they are most interested in.

  3. If you don’t know what categories you might use, don’t worry. You can always return to this page or add new categories on the fly while you are writing a post.

And… that’s it. Your very own blog is now complete and configured using some best practices for usability and search engine optimization. Once again, the sky is really the limit. You can affect all aspects of your blog, so your creativity (and web design know-how) is really the deciding factor in what is possible and what isn’t.

 

III. USING YOUR NEW BLOG

Writing Content

  1. Click on the WRITE link in the main navigation.
    • To Write a Post, click on the sub navigation “Write Post” link.

      Posts are the meat and potatoes of your site. This is where most of your blog’s content will come from. Each post you write can contain HTML (the visual editor will help you, if you need it) and images (which you can upload by following the directions in the UPLOAD portion of the page). You can also select and create new categories from the Categories component on the right side of the page.

    • To Write a Page, click on the sub navigation “Write Page” link.

      Pages are very similar to posts, but will not be displayed with all of the other content posts that you make. Instead, these pages are standalone pages on your site. Once example could be an “About” page that explains what your site is in more detail. Once you create these pages, they will show up in the main navigation area of your site. Feel free to experiment, as you can always make these page inactive or delete them on the MANAGE tab of the main navigation.

 

IV. OTHER - ANALYTICS

Setting up Web Analytics for your site

Technically, your site is ready to go right now. However, we all love to know how much traffic we get at our site, so let’s set up a quick and easy web analytics package. I recommend using a (FREE!) Google Analytics account. You can sign up and set this up at: https://www.google.com/analytics/home. Once you are done signing up and adding your website, you will be presented with a personalized tracking script:

<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”>
_uacct = “UA-123456789-0″;
urchinTracker();
</script>

In order to make the tracking work, we now return to theme editor and make another simple change so this file is included on every page of our new blog.

  1. Click on the PRESENTATION link on the main navigation, followed by “Theme Editor.”

  2. Select the Footer file from the right and copy/paste the Google Analytics block right before the tag.

    This will cause all of our pages to be tracked. Your traffic will start off small, but as you continue to write new posts (which will be automatically submitted to search engines and blogsearch directories), your traffic will grow.

  3. Come back and view your analytics from time to time to see how your site is growing!

 

V. SUCCESS!

Your blog is now completely ready for action.

Try to update your blog on a regular schedule that fits your lifestyle and motivation level. And remember, above all else, good, creative content is king on the web!

Good luck and (most importantly) have fun!

(Download the WordPress Configuration Guide PDF)