<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
    <title>WEB DEVELOPMENT BLOG</title>
    <link>http://blog.case.edu/webdev/</link>
    <description></description>
    <language>en-us</language>
    <pubDate>Mon, 23 Feb 2009 15:55:48 EST</pubDate>
    <lastBuildDate>Mon, 23 Feb 2009 15:55:48 EST</lastBuildDate>
    <managingEditor>heidi.cool@case.edu</managingEditor>
    <webMaster>heidi.cool@case.edu</webMaster>
<copyright>2004-2007 Case Western Reserve University. All rights reserved.</copyright>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <generator>Movable Type v3.121</generator>

        <item>
<enclosure url="http://www.heidicool.com/blog/wp-content/uploads/2009/02/moving.jpg" length="86251" type="image/jpeg" /><enclosure url="http://www.heidicool.com/images/feedicon16g.gif" length="568" type="image/gif" />
<title>The Web Development Blog is moving!</title>
      <link>http://blog.case.edu/webdev/2009/02/23/moving.html</link>
      <description>As some of you have heard, I&apos;m leaving University Marketing and Communications, and will be doing freelance Web design and consulting. But that doesn&apos;t mean I&apos;ll stop blogging. It just means that I&apos;m moving the blog to a new location at http://www.heidicool.com/blog/.</description>
      <guid>http://blog.case.edu/webdev/2009/02/23/moving.html</guid>
              <category domain="http://blog.case.edu/webdev/announcements/index">Announcements</category>
              <category domain="http://blog.case.edu/webdev/blogging/index">Blogging</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
      
      <pubDate>Mon, 23 Feb 2009 15:55:48 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright"><a href="http://www.heidicool.com/blog/"><img src="http://www.heidicool.com/blog/wp-content/uploads/2009/02/moving.jpg" alt="The Web Development Blog is moving" title="The Web Development Blog is moving"   /></a></p>
 
<p>As some of you have heard, I'm leaving University Marketing and Communications, and will be doing freelance Web design and consulting. But that doesn't mean I'll stop blogging. It just means that I'm moving the blog to a new location at <a href="http://www.heidicool.com/blog/">http://www.heidicool.com/blog/</a>.</p>
  
<p>For the past month I've been cross-posting entries to both locations, and
  am now ready to shift things over to a new site which includes the <a href="http://www.heidicool.com/blog">Web
    Development Blog</a> as well as a <a href="http://www.heidicool.com/portfolio/">project
    portfolio</a> and other information related to my <a href="http://www.heidicool.com/about/">Web
    development background and philosophy</a>. There you will be able to see
    which <a href="http://www.heidicool.com/about/social.php">social media services
    I use</a>&mdash;and why, 

peruse <a href="http://www.heidicool.com/about/read.php">what I've been reading
in the blogosphere</a> and, of course, continue reading
    my <a href="http://www.heidicool.com/blog/">blog entries</a> on Web development, marketing and related subjects. </p>
<p>I will continue to post on an array of topics geared to academic, corporate
  and non-profit Web developers, bloggers, content managers, marketers and anyone
  else with an interest in the Web.</p>
<h5>Articles will include the usual mix of content, marketing, social media and code such as:</h5>
<ul>
<li><a href="http://www.heidicool.com/blog/2008/12/09/5-tips-to-ensure-your-readers-can-read-your-html-e-mail-messages/">5 Tips to ensure your readers can read your HTML e-mail messages</a></li>
<li><a href="http://www.heidicool.com/blog/2007/04/25/converting-word-documents-to-html/">Converting Word documents to HTML</a></li>
<li><a href="http://www.heidicool.com/blog/2007/12/05/copy-writing-long-vs-short-does-it-matter/">Copy Writing: Long vs. Short, Does it Matter?</a></li>
<li><a href="http://www.heidicool.com/blog/2007/10/30/dont-build-your-web-site-in-a-vacuum/">Don't build your Web site in a vacuum</a></li>
<li><a href="http://www.heidicool.com/blog/2007/02/27/flickr-tags-groups-interestingness-and-social-networking/">Flickr: Tags, Groups, Interestingness and Social Networking</a></li>
</ul>
 
 <p>You can also expect a few marketing entries about the move, as I learn how long it takes to rebuild readership in the new location. Hopefully it will be an interesting case study. </p>
  
 <h5>If you are currently subscribed to the blog entries or comments, you can update your subscriptions with these feeds:</h5>
 <ul>
<li><a href="http://feeds2.feedburner.com/hacwebdev">Web Development Blog Entries RSS</a>  <img alt="Feed Icon" src="http://www.heidicool.com/images/feedicon16g.gif" width="12" height="12" /></li>
<li><a href="http://feeds2.feedburner.com/hacwebdevcomments">Web Development Blog Comments RSS</a>  <img alt="Feed icon" src="http://www.heidicool.com/images/feedicon16g.gif" width="12" height="12" /></li>
</ul> 
   
<p>Thank you for reading!</p>
]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2009/02/15/unicorn.jpg" length="55816" type="image/jpeg" />
<title>MKTG 101: Web Content Should Serve Visitor Needs</title>
      <link>http://blog.case.edu/webdev/2009/02/15/content.html</link>
      <description>Some new Twitter users want to help me get rich, find peace with my life and help me tap my inner invisible pink unicorn to be spiritually one with the universe. I know this because they post links telling me they can make this happen if I buy their books and CD&apos;s or read their blogs. They just never tell me exactly HOW this is supposed to happen. </description>
      <guid>http://blog.case.edu/webdev/2009/02/15/content.html</guid>
              <category domain="http://blog.case.edu/webdev/content/index">Content</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
      
      <pubDate>Sun, 15 Feb 2009 13:05:37 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright"><img alt="I made $10 Trillion Selling Unicorn Futures - faux book title" src="http://blog.case.edu/webdev/2009/02/15/unicorn.jpg" width="228" height="296" /><br />
Getting rich is never quick.</p>
 

<p>Some new Twitter users want to help me get rich, find peace with my life and
  help me tap my inner <a href="http://en.wikipedia.org/wiki/Invisible_Pink_Unicorn">invisible
  pink unicorn</a> to be spiritually one with the universe.
  I know this because they post links telling me they can make
  this happen if I buy their books and CD's or read their blogs. They just never
  tell me exactly HOW this is supposed to happen. </p>
<p>Instead they babble repetitively in varying sized and colored typefaces, repeating
  their promises over and over again, but with slightly different wording. They
  do this because they read somewhere that "long-form" copy is persuasive and
  sells. I'm not buying it.</p>

<p>If you're in business for the long run, no matter the field, content that merely badgers readers into buying your whatsits and whatnots is not the solution. It may help you sell a short run of something, but it won't establish a relationship with your clients, build a solid customer base or solidify your branding strategy. So what will?</p>

<h5>You have goals, but so do your site visitors.</h5>
<p>People visit our sites for a reason. They have a need they wish to fill. After
  having searched Google, discovered your site on StumbleUpon, followed a link
  from a source they trust or typed in the link they saw on your business card,
  they've come to your site in the hopes that you can fill their needs. This
  is true whether you are peddling products, services or information. For example,
  your visitors may need to:</p>

<ul>
<li>Buy a<a href="http://blog.case.edu/webdev/2009/01/29/audience.html"> glow-in-the-dark
    dog collar</a> with built in GPS so they don't misplace Fido at night.</li>
<li>Pick the right graduate school so they can research light-emitting polymers that will help them develop new green technologies.</li>
<li>Decide which restaurant to visit next Tuesday.</li>
<li>Find a skin cream that will soothe itchy winter skin.</li>
<li><a href="http://pinkpicks.blogspot.com/">Choose a good book</a> for their nephew's 3rd birthday present.</li>
<li>Learn something new about <a href="http://blog.case.edu/webdev/marketing/index">Web marketing
    strategies</a>.</li>
</ul>

<p>If your site can serve that need, then you need to make this clear right away. As soon as they see your <a href="http://blog.case.edu/webdev/2008/01/16/homepage.html">home
    page</a>, or some <a href="http://blog.case.edu/webdev/2008/02/26/navigation.html">interior
    page they've landed upon</a>, they should know if you provide what they seek. If your site isn't meant for them, they can move on. If your site appears to offer what they seek, they will stay a bit longer to find out if your offering is the one most appropriate to their specific needs.</p>

<h5>Give readers the tools they need to make an informed purchasing decision.</h5>
<p>Now that your visitor has decided to explore your site, you need to give him
  or her the information needed to make a decision. Doing this is merely a matter
  of offering <a href="http://blog.case.edu/webdev/2007/12/05/shortlong.html">content
    that accurately conveys the features and benefits</a> of your product or
    service. This will allow your readers to judge the quality of what you offer,
    and determine if that offer will serve their specific need.</p>
<p>How much information your reader requires depends on your offering. If a visitor
  is picking a graduate school, he or she will want to know about the faculty,
  the facilities, fellow students, courses offered etc. This is a big decision
  that requires making a well-informed choice. If your visitor has a hankering
  for Italian food, then your restaurant menu, location, hours and some photos
  (of both food and the restaurant) will probably suffice. </p>
<p>Imagine yourself in
  the role of your visitor. Let's say you're looking for information about <a href="http://blog.case.edu/webdev/marketing/index">Web
  marketing</a>. If you are reading this sentence then you've already made a decision.
  You've decided to read this entry and you've stuck around past the first few
  paragraphs. If you'd been looking for information on developing Web sites with
  <a href="http://en.wikipedia.org/wiki/Ajax_(programming)">AJAX</a> you'd have already left. </p>

<p>People talk about Web content in terms of stickiness&mdash;methods they can
  use to keep visitors on the site or encourage them to return in the future.
  But that's not an end goal. It's merely a tactic used in the hopes that long
  or repeated visits will encourage readers to buy, or otherwise consume, our
  stuff. If we provide content that let's visitors make an informed decision,
  then we've done our job. We've established trust and given them the tools they
  need to choose wisely. If they like our program, skin cream, menu, Web advice
  they'll buy/eat/read it now and come back for more later.  </p>
<p>By giving visitors the information they seek, we serve both their goals and ours, while forging customer relationships that can last well into the future.</p>
      
    <h5>Web Content Development Resources</h5>
<ul>
<li><a href="http://www.doshdosh.com/why-content-development-strategies-are-important/">
Are You Using the Right Content Development Strategy for Your Website?</a></li>
<li><a href="http://www.useit.com/alertbox/content-strategy.html">Long vs. Short Articles as Content Strategy</a></li>
<li><a href="http://www.alistapart.com/articles/thedisciplineofcontentstrategy">The Discipline of Content Strategy</a></li>
<li><a href="http://blog.junta42.com/content_marketing_blog/2009/02/web-content-strategy-the-official-presentation.html">Web Content Strategy - The Official Presentation</a></li>

</ul>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2009/01/29/golden.jpg" length="45575" type="image/jpeg" />
<title>MKTG 101: Social Media Marketing is still marketing&amp;mdash;know your audience</title>
      <link>http://blog.case.edu/webdev/2009/01/29/audience.html</link>
      <description>Social Media Marketing is hip. It seems like everyone wants to get involved, call themselves an expert and use the magical powers of social media to triple sales, recruit students, etc. But social media isn&apos;t magic. Social media, like advertising, direct mail and telemarketing is but one of many tools in the marketer&apos;s toolbox. Like any tool it needs to be used in the proper context—in conjunction with other marketing strategies. As such social media—when used for marketing—still relies on basic marketing principles such as understanding your target audience, the features and benefits of your product or service, brand awareness and so forth.</description>
      <guid>http://blog.case.edu/webdev/2009/01/29/audience.html</guid>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/social_networking/index">Social Networking</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/social_media/index">social media</category>
      
      <pubDate>Thu, 29 Jan 2009 15:18:16 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright"><img alt="Golden Retriever" src="http://blog.case.edu/webdev/2009/01/29/golden.jpg" width="220" height="175" /><br />
  Look who needs a glow-in-the-dark <br />
GPS enabled dog collar!<br />
 How to we reach his owners?</p>
 
<p>Social Media Marketing is hip. It seems like everyone wants to get involved, call themselves an expert and use the magical powers of social media to triple sales, recruit students, etc. But social media isn't magic. Social media, like advertising, direct mail and telemarketing is but <a href="http://www.searchengineguide.com/beth-harte/social-mediaits-about-the-tools-right.php">one
    of many tools</a> in the marketer's toolbox. Like any tool it needs to be used in the proper context&mdash;in conjunction with other marketing strategies. As such social media&mdash;when used for marketing&mdash;still relies on basic marketing principles such as understanding your target audience, the features and benefits of your product or service, brand awareness and so forth.</p>

<p>Lately I've noticed that a great number of online marketers are unfamiliar
  with these marketing basics. So today I'd like discuss the importance of <a href="http://blog.case.edu/webdev/2005/07/28/more_about_your_target_audiences.html">understanding
  your target audience</a>. On the most basic level this is a fairly intuitive
  process. If you are marketing a new glow-in-the-dark dog-collar with a built
  in GPS unit, then you can guess that your core audience will consist of:</p>

<ul>
<li>Dog owners</li>
<li>Friends of dog owners</li>
</ul>

<p>Your secondary audience may also include:</p>
<ul>
<li>People who like to make a unique fashion statement by wearing a collar</li>
<li>Night-time joggers in need of additional safety accessories</li>
<li>Ravers who see this as a cool alternative to glow-sticks, etc.</li>
</ul>

<h5>Targeting the market: The group of 'dog owners' is too broad to reach effectively.</h5>
<p>Your product will not appeal to everyone on the planet who has a dog, so there is no point in spending the time and money it would take to reach all of them. </p>

<p>For example, I recently mentioned the word "dog" in a Tweet (a message I posted on Twitter.) Within 2 minutes I received an e-mail saying that person X was now following me on Twitter. (X had probably set up a search on "dog" and was auto-following anyone who mentioned the word.) I clicked on the link to see who person X might be and discovered that he is marketing some sort of dog-related service. Being currently dogless and unclear of the mission of his site, I neither signed up for the service nor followed X back on Twitter. Instead I posted a brief rant to friends on why following everyone mentioning the word "dog" was not a viable marketing tactic. </p>

<p>X missed out for three reasons. </p>

<ol>
<li>I'm not currently a member of his potential audience. </li>
<li>I do not buy things from people/organizations who take marketing short-cuts. They may be taking short-cuts with their product or service as well.  </li>
<li>Customers and potential customers share bad experiences and I shared this with many friends who now also will not buy from X.</li>
</ol>

<h5>Targeting the market: who among these groups would be most likely to buy your collar?</h5>

<p>In the long run we'll make more sales if we can match our product to customers who have a desire or need for that product. A good way to examine this need is to explore the features. Our collar:</p>

<ul>
<li>Glows in the dark&mdash;a valuable safety feature for night-time dog-walking</li>
<li>Features built in GPS&mdash;handy for tracking your dog if he's walked off leash, sneaks out of the yard or is used in hunting</li>
<li>Is available in a range of sizes&mdash;meant to accommodate either the smallest
  puppy or the largest Mastiff.</li>
<li>Is offered in a range of styles including 5 colors of leather as well as
  5 durable canvas models&mdash;accommodates different preferences and holds
  up to strenuous use</li>
<li>Includes an innovative quick release buckle&mdash;that can be easily opened or closed with just one hand</li>
</ul>

<p>Our collar has practical rather than decorative features. While it comes in a variety of colors, it's not a huge variety and none feature rhinestones. From this alone we can guess that it will not appeal to small dog owners who dress up their pets in decorative outfits. It's rugged and easy to use and may appeal to hunters and other owners of medium to large dogs, especially working breeds.</p>

<h5>Market research can help us segment the population further. </h5>
<p>We may learn that
  certain breeds are more likely to wander and their owners would desire such
  a collar. Perhaps owners of Golden Retrievers are 50% more likely
  to buy multiple collars for their dog than German Shepherd owners. If we have
  an existing customer base for related products we can analyze past purchases
  to look for buying patterns that may relate to our new product. If our Fluffy
  Anti Flea shampoo buyers have been good collar purchasers in the past, while
  our dog brush buyers have not, then we should promote our collar to the shampoo
  buyers. </p>

<p>Our market research team can also offer <a href="http://unitymarketing.ecnext.com/coms2/summary_0270-237_ITM">additional
    demographic information</a>  that may help us fine-tune our lists. Perhaps college-educated Volvo drivers
  replace their dog collars 50% more often than Cadillac drivers. If such correlations
  exist, we may want to consider those as well. The more we learn about dog-collar
  buying patterns the more likely we are to narrow our audience down to the group
  most likely to be interested in our product&mdash;while ensuring that there are
  enough potential buyers in that group for us to make a profit. </p>

<h5>We've identified and fine-tuned the market(s): how do we reach them?</h5>

<p>Let's say we've decided to target college-educated Volvo drivers with Golden
  Retrievers as one of our market segments. We've discovered that we can buy
  mailing lists for this group, that they watch the Discovery Channel and regularly
  buy from L.L. Bean. Accordingly we might want to initiate a direct mail campaign
  that we send to the list, advertise on the right shows on the Discovery Channel
  and make an arrangement with L.L. Bean to distribute the product through their
  catalog. As our focus, today, is on social media let's assume we already have
  these (and other) strategies in place. Now we want to supplement these efforts
  through social media. </p>

<h5>Where do these people spend their time online? </h5>

<p>By now we've learned something of the demographic make-up of our target audience.
  We know they've gone to college and have enough disposable income to afford
  Volvos. Perhaps we've also discovered that their average age is 35-60 and they
  tend to live near major metropolitan areas. A little <a href="http://www.quantcast.com">research
    on the more popular social media services</a> may show us that we're more
    likely to find these people on <a href="http://www.facebook.com">Facebook</a> and <a href="http://www.twitter.com">Twitter</a> than on <a href="http://www.myspace.com">MySpace</a>.</p>
    
    
    <h5>Our audience is easy to find on Facebook.    </h5>
    
    <p>Facebook skews a bit younger than
      our target age, but a quick search shows there are over <a href="http://www.facebook.com/s.php?init=q&amp;q=golden+retriever&amp;ref=ts&amp;sid=85c24c2326ff00f6d00339173656bd5a#/s.php?init=q&amp;q=golden retriever&amp;ref=ts&amp;sid=85c24c2326ff00f6d00339173656bd5a&amp;n=-1&amp;o=4&amp;k=200000010&amp;sf=t">500
        groups relating to Golden Retrievers</a> on Facebook. 
      This may then be a good place to put up a Facebook page, to advertise,
        and to participate in discussions about dogs and accessories. It will
        take time, but it might be worth reviewing the various groups and selecting
        a few active ones to join. There we can participate in conversations
        and even talk about our dog collars, so long as remember that social
        media is about people and not just about our products.</p>
    
    
    <h5>Tracking them down on Twitter will be more labor-intensive.</h5>
    
    <p>Twitter searches on <a href="http://search.twitter.com/search?q=volvo+">Volvos</a> and <a href="http://search.twitter.com/search?q=golden+retriever">Golden
  Retrievers</a> pull up many hits, but many of these won't be relevant to
  our project. Twitter conversations aren't as easily segmented by topic as they
  are on Facebook or StumbleUpon. Choosing who to follow on Twitter will take
  more research. We could do several additional searches on "<a href="http://search.twitter.com/search?q=dog+collar">dog
  collar</a>" "<a href="http://search.twitter.com/search?q=hunting+dog">hunting
  dog</a>," etc. 
    By carefully reading through these results we can pick people one-by-one
  that may fit our audience.</p>
  
    <p>Services such as <a href="http://www.twellow.com/">Twellow</a> can help
      us find people by categories, such as
      "<a href="http://www.twellow.com/category_users/cat_id/613">animal
      welfare</a>"
    
    that may give us leads.
    We should also look into dog-related associations, dog shows and related
    groups that may be communicating about a related topic through the use of
    a <a href="http://www.wildapricot.com/blogs/newsblog/archive/2008/03/11/an-introduction-to-twitter-hashtags.aspx">Twitter
    Hashtag</a> such as <a href="http://hashtags.org/tag/dog">#dog</a>.
    Ideally you would want something more specific, but there are <a href="http://delicious.com/hacool/twitter">countless
    Twitter services and tools</a> available to help you with your research. </p>
    
    
    <p>Finding the right people and forging those connections on Twitter takes
      time. This is not a place to push our product, but a place for us to join
      a community in which we can share ideas on topics of common interest.</p>    
       
    <p>It's important to remember
      that people will only follow us back if we have something worthwhile to
      say. Before following any of them, we have to make sure that we've posted
      some worthwhile Tweets&mdash;most of which are not about our new collar. Here
      we want to keep it human. We can post Tweets about our own dog, dog-training
      tips, and observations about life in general that have nothing to do with
      dogs. If we offer interesting insights and links that might intrigue members
      of our audience and respond to questions within our areas of expertise
      we'll forge far stronger connections than we would if we treated our Twitter
      stream as an advertising platform. </p>
      
    <h5>Define your audience then connect with them on their terms.    </h5>
    
    <p>Taking the time to narrow your audience to an easily defined niche makes
      marketing more cost effective. People think of social media as being a
      free alternative to traditional advertising or direct mail, but making
      successful connections requires time and labor. By targeting your audience
      you can focus that labor on connecting with the people who matter most
      to your goals. </p>
      
    <p>Once you've found that audience you need to connect with them on their
      own terms if you want to achieve any level of success. Study the usage
      patterns of the social media services/platforms you intend to use. Find
      out how your audience uses these tools, then follow their lead. If you
      put as much effort into tailoring your communication methods to your market
      as you put into developing a product or service that suits their needs
      you'll have a far better chance of establishing connections than you would
      with a more generic approach. It doesn't take magic, just time, research
      and work. </p>
      
    <h5>Market Segmentation, Demographics and Social Media Marketing Resources</h5>
<ul>
<li><a href="http://www.bls.gov/bls/demographics.htm">Bureau of Labor Statistics: Demographic Data</a></li>
<li><a href="http://money.howstuffworks.com/marketing-plan14.htm">How Marketing Plans Work: Psychographics</a></li>
<li><a href="http://www.businessplans.org/Segment.html">Market Segmentation</a></li>
<li><a href="http://www.loc.gov/rr/business/marketing/">Market Segmentation: A Guide to Sources of Information</a></li>
<li><a href="http://www.marketingpilgrim.com/2008/04/social-media-marketing-beginners-guide.html">Social Media Marketing Beginner’s Guide</a></li>
<li><a href="http://www.socialmediamarketingtechnology.com/">The Beginners Guide to Social Media ebook</a></li>
</ul>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" length="1720" type="image/gif" />
<title>2 Top 5 Lists = 1 Top Ten List: My most read Web Development Blog entries from 2008</title>
      <link>http://blog.case.edu/webdev/2009/01/11/2008review.html</link>
      <description>Now that the New Year has been rung in, it seems that the meme of the moment is to blog about the year in review. So I thought I&apos;d follow suit. I looked over my blog entries to see if I&apos;d trended towards any new themes for 2008. While I have written more on social media this year (who hasn&apos;t?) I quickly noted that my topics overall continued to range across a wide array of Web related subjects. Next I looked at my stats to see which articles were getting the most traffic and comments. </description>
      <guid>http://blog.case.edu/webdev/2009/01/11/2008review.html</guid>
              <category domain="http://blog.case.edu/webdev/blogging/index">Blogging</category>
              <category domain="http://blog.case.edu/webdev/css/index">CSS</category>
              <category domain="http://blog.case.edu/webdev/content/index">Content</category>
              <category domain="http://blog.case.edu/webdev/html/index">HTML</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/howto/index">How-to</category>
              <category domain="http://blog.case.edu/webdev/seo/index">SEO</category>
              <category domain="http://blog.case.edu/webdev/social_networking/index">Social Networking</category>
              <category domain="http://blog.case.edu/webdev/web_browsers/index">Web Browsers</category>
              <category domain="http://blog.case.edu/webdev/web_standards/index">Web Standards</category>
              <category domain="http://blog.case.edu/webdev/navigation/index">navigation</category>
      
      <pubDate>Sun, 11 Jan 2009 23:26:40 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="325" height="263" id="myFlashContent">
				<param name="movie" value="http://www.youtube.com/v/eRhap3ftZDg&amp;hl=en" />

				<param name="wmode" value="opaque" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/eRhap3ftZDg&amp;hl=en" width="325" height="263">
					<param name="wmode" value="opaque" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflashplayer">

						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>

				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
  </object><br />New Year's Eve around the world </p>
 

<p>Now that the New Year has been rung in, it seems that the meme of the moment
  is to blog about the year in review. So I thought I'd follow suit. I looked
  over my blog entries to see if I'd trended towards any new themes for 2008.
  While I have written more on social media this year (who hasn't?) I quickly
  noted that my topics overall continued to range across a wide array of Web
  related subjects. Next I looked at my stats to see which articles were getting
  the most traffic and comments. </p>

<p>As it happens the most read article of 2008 was also the most read article of 2007. While quick trendy subjects such as <a href="http://blog.case.edu/webdev/2008/06/08/plurk.html">Plurk: Social Media Marketing in Action</a> brought in new readers and temporary traffic spikes, the more timeless subjects such as writing, marketing and navigation were the ones that drew in the most readers overall. So, instead of presenting you with my top 10 articles of 2008, I've decided to break them up into 2 groups, the top 5 written in 2008 and the top 5 from year's past that continue to draw readers&mdash;even with the passage of time.</p>



<h5>Top 5 Web Development Blog Entries written in 2008</h5>

<dl class="num">
<dt><span class="numbers">5.</span> <a href="http://blog.case.edu/webdev/2008/07/14/multibrowsers.html">Testing Web sites with multiple browser versions</a></dt>
<dd>Suggestions on ways to test sites in multiple browsers, reasons for testing and why we still can't ignore Internet Explorer 6.0.</dd>

<dt><span class="numbers">4.</span> <a href="http://blog.case.edu/webdev/2008/03/17/socialmedia.html">Reflections on social media networking and marketing</a></dt>
<dd>Overview of popular uses for social media, nature of word-of-mouth and the
  impact of social media on marketing goals.</dd>

<dt><span class="numbers">3.</span> <a href="http://blog.case.edu/webdev/2008/02/26/navigation.html">Wayfinding within your Web site</a></dt>
<dd>This follow-up to <a href="http://blog.case.edu/webdev/2008/01/16/homepage">Your home page is NOT your index; it's your store front</a> provides tips on navigational aids that will help users to explore your site no matter which page they may enter through.</dd>

<dt><span class="numbers">2.</span> <a href="http://blog.case.edu/webdev/2008/10/04/subdomain.html">An URL by any other name would still work like an URL, part 1: subdomains</a></dt>
<dd>Exploring the differences between subdomains and subdirectories and their impact (or lack thereof) upon marketing.</dd>

<dt><span class="numbers">1.</span> <a href="http://blog.case.edu/webdev/2008/04/20/youtube.html">Embedding YouTube Videos the Standards Compliant Way—SFWobject 2.0</a></dt>
<dd>Embedding YouTube Videos is one of the easiest things you can do on the Web, but if you're a stickler for standards compliant HTML, you can't just copy and paste. SFWobject 2.0 provides an easy remedy.</dd>
</dl>


<h5>Top 5 Web Development Blog Entries read in 2008</h5>
<dl class="num">
<dt><span class="numbers">5.</span> <a href="http://blog.case.edu/webdev/2007/10/01/photofloat.html">CSS Tip: Positioning photos with floats</a></dt>
<dd>Positioning photos with hspace or tables is awkward and dated, but the CSS float property makes it easy for anyone to include images in their Web sites and blogs so that they float cleanly to the right or left of the text.</dd>

<dt><span class="numbers">4.</span> <a href="http://blog.case.edu/webdev/2007/07/13/seo1">An Introduction to Search Engine Optimization (SEO) Part 1</a></dt>
<dd>Search Engine Optimization may seem complicated, but by following these simple SEO basics you can make a significant impact.</dd>

<dt><span class="numbers">3.</span> <a href="http://blog.case.edu/webdev/2006/06/09/html.html">I'm not going to teach you XHTML/HTML, but you should learn it anyway</a></dt>
<dd>This brief introduction to HTML provides links and resources for learning
  HTML as well as a homework assignment users can try as a way to get started. </dd>

<dt><span class="numbers">2.</span> <a href="http://blog.case.edu/webdev/2005/07/01/so_you_want_to_build_a_website.html">So you want to build a website</a></dt>
<dd>This is the first in a series of articles that make up my Planning your Web
  site tutorial&mdash;in which I walk readers through a process of identifying
  goals, understanding their audience, choosing content, outlining a site and
  organizing pages and navigation. </dd>

<dt><span class="numbers">1.</span> <a href="http://blog.case.edu/webdev/2007/10/11/tone.html">Voice and Tone: Writing to reflect your personality as well as your message (Part 1)</a></dt>
<dd>Writing is more than the stringing of words into a sentence. This article
  addresses the importance of using a tone suitable to both the audience and
  the subject matter in order to better connect with readers and clearly convey
  your message.</dd>
</dl>
 
 
<h5>Conclusions</h5>
<p>The Web is constantly evolving and we're all trying to keep up with the latest
  trends and technologies. But no matter which platform we use to publish, which
  strategies we apply, it always seems to come back to the basics. The most basic
  element of the Web is content. While video and audio continue to build in popularity,
  the core of our content is still composed of words. That's probably why the
  <a href="http://blog.case.edu/webdev/2007/10/11/tone.html">Voice and Tone</a> article was read more than any other.</p>
<p>You, my readers, understand the importance of fundamentals over the latest
  fad. I think that is why&mdash;for the most part&mdash;the most popular subjects on this
  blog are the ones that address these basic strategies, those that can be applied
  now and in the future. In 2009 I expect to be writing more on social media
  topics such as Facebook and Twitter, but I'll also be writing more about content
  and general marketing principles, the foundations we build upon in all of our
  Web-based endeavors.</p>
<p>What about you? If you're a blogger what will you focus on in 2009? If you're
  a regular (or new) reader, what would you like to see here? </p>
<p>Happy New Year!</p>

<h5>P.S. Read more of my thoughts on social media and the Web on Ariwriter</h5>
<p>Ari Herzog recently interviewed me for his blog, <a href="http://www.ariwriter.com/">AriWriter: Strategies and tips on social media and online marketing</a>. You can read the full article, <a href="http://www.ariwriter.com/2009/01/guest-interview-with-heidi-cool-how-a-university-experiments-with-social-media/">Guest Interview with Heidi Cool: How a University Experiments with Social Media</a>, online.
]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/12/29/clevelandsmc.jpg" length="90255" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/29/clevelandsmcsm.jpg" length="57544" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/29/powncescreen.jpg" length="271170" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/29/powncescreensm.jpg" length="50394" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/29/refugees.jpeg" length="79513" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/29/refugees.jpg" length="48306" type="image/jpeg" /><enclosure url="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" length="1720" type="image/gif" />
<title>Social Media is People (but more enriching than Soylent Green*)</title>
      <link>http://blog.case.edu/webdev/2008/12/29/socialmedia.html</link>
      <description>Everyone wants to know how to take advantage of social media. Whether it&apos;s to promote a business or an academic program, it&apos;s not unusual to hear people as, &quot;How should we be using Twitter?&quot; or &quot;What should we do with Facebook?&quot; The questions often focus on the tools, but as I&apos;ve mentioned before, in Social Media: Your Interactive Information Resource, social media is about making connections—human connections. While this has been apparent to me for sometime, it&apos;s become increasingly clear over the past month. So rather than writing a typical how-to or advice article, today I&apos;ll just tell you about two recent events that really drive this message home.</description>
      <guid>http://blog.case.edu/webdev/2008/12/29/socialmedia.html</guid>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/social_networking/index">Social Networking</category>
              <category domain="http://blog.case.edu/webdev/analytics/index">analytics</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/social_media/index">social media</category>
      
      <pubDate>Mon, 29 Dec 2008 21:43:09 EST</pubDate>

       
       <content:encoded><![CDATA[<p>Everyone wants to know how to take advantage of social media. Whether it's to promote a business or an academic program, it's not unusual to hear people as, "How should we be using <a href="http://www.twitter.com">Twitter</a>?" or "What should we do with <a href="http://www.facebook.com">Facebook</a>?" The questions often focus on the tools, but as I've mentioned before, in <em><a href="http://blog.case.edu/webdev/2008/09/16/socialinfo.html">Social
    Media: Your Interactive Information Resource</a></em>, social media is about making connections&mdash;human connections. While this has been apparent to me for sometime, it's become increasingly clear over the past month. So rather than writing a typical how-to or advice article, today I'll just tell you about two recent events that really drive this message home.</p>
    
    
    
<h5>Heidi thinks the veil between the 'brick and mortar' world and the 'cyber world' becomes more elusive each day.</h5>
<p class="photoright"><a href="http://blog.case.edu/webdev/2008/12/29/clevelandsmc.jpg"><img alt="Cleveland Social Media Club Members Page" src="http://blog.case.edu/webdev/2008/12/29/clevelandsmcsm.jpg" width="240" height="166" /></a> </p>

<p>That's what I wrote as my Facebook status message when I returned home from
  the <a href="http://clevelandsmc.ning.com">Cleveland
 Social Media Club</a> party on December 10. As the name suggests the Cleveland
 SMC is "a community for the champions of Social Media and those seeking to learn." (If
 you live in Northeast Ohio and work with, or are interested in, social media
 you should join.) What makes this group different from many online communities
 is the regional nature of it. We're all here so we can actually meet in person.
 As such they've already had several events, but this was the first one that
 I attended. </p>
 <p>My friends tell me that I'm no longer shy, but I am an introvert, so I have
   to admit I was  just a wee bit nervous. Although I knew a few people in the
   group&mdash;either in person or online&mdash;many were unknown, or at best
   vague cyber-acquaintances. Thus I wasn't sure how well I'd handle the small
   talk. As it turns out it wasn't a problem. I knew the host, <a href="http://www.davestack.com/">Dave
   Stack</a>, from
   the real world, his best friend is friends with one of my best friends, I'd
   previously met a few folks from a Cleveland bloggers meet-up, and <a href="http://www.optimisticrebel.com/">George
   Nemeth</a>   was there and George knows everybody and is more than happy to
   make introductions. Within no time I felt as at ease as I would have with
   people I'd known much longer.</p>
    
 <p>I met some great people and look forward to seeing them again at a future
   event. But I don't have to wait until the next event to continue the conversations.
   Members of Cleveland SMC can friend each other and converse on that site,
   but we also post our other profiles there. Since the event I've connected
   with several of them on Facebook, Flickr and Twitter. And thus the conversations
   continue. </p>
 <p>It doesn't matter if/when we meet again face-to-face. It doesn't
   matter if one person prefers Twitter and another prefers Facebook. Once the
   connection is made it can be continued on any one or more of the online services
   available. <a href="http://clevelandsmc.ning.com">Cleveland Social Media Club</a> (on Ning) provides an information hub,
   but it's also enabled us to easily create multiple redundant pathways to one
   another. Thus, if one service goes down, the connections aren't lost, we still
   have other channels available. </p>
   
 <h5>When a service goes down: the demise of Pownce</h5>

<p class="photoleft"><a href="http://blog.case.edu/webdev/2008/12/29/powncescreen.jpg"><img alt="Pownce Home Page" src="http://blog.case.edu/webdev/2008/12/29/powncescreensm.jpg" width="240" height="198" /></a> </p>

 <p>While multiple channels are available, <a href="http://www.pownce.com">Pownce</a> was my social media tool of choice. Alas, in early December, <a href="http://leahculver.vox.com/">Leah
     Culver</a> announced that Pownce would be shutting down on December 15.</p>
 <p>Pownce was the service that hooked me on social media. It's where I learned
   that you could forge real connections online. Pownce gave me access not only
   to my peers but also to leaders in the field. If I went to Pownce with an
   idea I had about a Web project I wasn't getting feedback from just anybody.
   I was getting feedback from people in all areas of the business&mdash;ranging
   from the managing director of <a href="http://www.octane.uk.net/">Octane Interactive</a>, <a href="http://www.blahblahtech.com/about">Wayne
   Smallman</a>, to the lead
   designer at <a href="http://digg.com/">Digg</a>, <a href="http://www.deltatangobravo.com/author/dburka">Daniel
   Burka</a>. Pownce was an incredible resource. </p>
 <p>Of course, 
   it wasn't all about work. Powncers shared photos, absurd videos
     and thought-provoking articles while also conversing about everything from
     politics to <a href="http://www.flickr.com/photos/nickdawson/sets/72157604696078018/">bacon</a>.
     My friends group contained liberals and republicans, atheists and born-agains
     and people from several different continents and cultures. But we had our
     geekiness in common, so everyone played nicely together in the sandbox.
     As we shared media and stories, personal experiences and jokes we got to
     know each other on many levels, much as one does in the brick and mortar
     world. </p>
     
 <p>By the time December rolled around we'd become a pretty tight community.
   Then we heard about the shutdown. As you can imagine, the community reeled.
   Where would we go? What would we do? Sure <a href="http://www.twitter.com/hacool">we're
   on Twitter</a>, but how can you
   discuss global warming or share pierogie recipes in 140 characters? 
 It was clear, the sky was falling and there was very little we could do about
   it. Or was there?</p>
 
 <h5>A community comes together </h5>
 
 <p>All gnashing of teeth and wailing aside (and yes there was a
   lot of that) one of the first things people did was to start announcing where
   else they could be found. Pownce always made it easy to post our other profile
   addresses on the site, but now people were indicating where their primary
   addresses would be. People posted their addresses for Twitter, Facebook and
   Friendfeed. People shared e-mails. One fellow declared that he preferred IM
   and shared 5 different ways to connect with him that way. </p>
   
 <p>We had this information, we had the ability to download our data, but
   it was clear that we were scattering into the wind. In my panic, I decided
   I needed to create a new, possibly temporary home for us, someplace that would
   still exist after December 15, where we could continue to share our contact
   information. Given that I was already familiar with <a href="http://www.ning.com">Ning</a>, I created <a href="http://pownce2.ning.com/">Pownce
   Refugees</a>, a place to keep the community alive after Pownce shutdown. </p>
   
   <p class="photoright"><a href="http://blog.case.edu/webdev/2008/12/29/refugees.jpeg"><img alt="My Pownce Refugees Page" src="http://blog.case.edu/webdev/2008/12/29/refugees.jpg" width="240" height="166" /></a> </p>
   
 <p>At the time I really wasn't certain about my long term goals, I just needed
   something I could launch quickly. I configured the page to use the colors
   from the Pownce home page, enabled some features that I thought might be useful
   and spread the word. As I and others started playing with it I added RSS feeds
   of <a href="http://search.twitter.com/search.atom?q=pownce">Pownce mentions
   on Twitter</a>, the <a href="http://friendfeed.com/rooms/pownceexiles">Pownce
   Exiles Room on FriendFeed</a>, the
   <a href="http://pownceexiles.groups.vox.com/">Pownce Exiles group on Vox</a>, <a href="http://pownce2.ning.com/group/pownceinthenews">Pownce
   in the news</a> and so forth. This way I thought we
   could use this page to keep track of Pownce-related activity elsewhere.  </p>

 <p>The next thing I did was to start creating groups for Pownce theme days.
   On Pownce we would often post content related to a day's theme. Thus we had
   <a href="http://pownce2.ning.com/group/mvm">Music Video Monday</a>, <a href="http://pownce2.ning.com/group/wordlewednesday">Wordle
   Wednesday</a>, <a href="http://pownce2.ning.com/group/fotofriday">Foto Friday</a> and
   so forth.  It sounds silly, but it was a good way to get new people involved
   as it gave them ideas on things to post. When you are new to social networking,
   it can be intimidating, but theme days provided some great starting points. </p>
 
 <p>As I was busy priming the pump with groups and content, people started joining.
   Then they told other people to join. They spread the word on Twitter
   and other places, and within no time we had more than 100 members. </p>
 
 <h5>100? That's not much, Twitter has 6 million users
 </h5>
 
 <p>100 isn't much (we're now at 139), but it was enough to
   begin a new community. It was also enough to catch the attention of the Ning
   staff. As a result of our rapid growth, they featured us on the <a href="http://blog.ning.com">Ning
   Blog</a>   in an article entitled, <a href="http://blog.ning.com/2008/12/former-pownce-members-find-a-new-home.html">Former
   Pownce members find a new home</a>.  </p>
   
 <p>This was actually a fairly major accomplishment as Ning is a rather large  enterprise. In April 2008
   there were over 230,000 networks on Ning, and they were growing at over 1,000
   per day. Only 3-4 are featured on the blog in any given day.  </p>
 
 <p>The other good news was our traffic. I created Pownce Refugees on December
   1, and installed the analytics on December 6. As of December 15 (Pownce shut-down)
   we had</p>
 
 <ul>
   <li>933 unique visitors </li>
   <li>1,870 total visits </li>
   <li>12,836 page views (6.86 pages per visit)
   </li>
 </ul>
 <p>By way of comparison this blog was 20 months old by the time it started generating
   that level of traffic. </p>
 <p>Our traffic sources also told an interesting story. </p>
 
 <ul>
   <li>56.2% were direct traffic,
     meaning members (or others) who already knew the address,</li>
   <li>40.11% were from
     referring sites and </li>
   <li>only3.69% were from search engines. </li>
 </ul>
 
 <p>The top referring
   sites were <a href="http://pownce.com">Pownce</a>, <a href="http://www.stumbleupon.com">Stumbleupon</a>, <a href="http://mail.google.com">Gmail</a>, <a href="http://twitter.com">Twitter</a>, <a href="http://friendfeed.com/">FriendFeed</a>, <a href="http://www.facebook.com/">Facebook</a> (I'd
   created a <a href="http://www.facebook.com/home.php?#/pages/Pownce-Refugees/36886429213">Facebook
   page for the site</a>), <a href="http://www.plurk.com/">Plurk</a> and <a href="http://www.ustream.tv">Ustream</a>. </p>
 
 <p>Those of you who check stats regularly know that this is atypical. Search
   engine traffic often plays a much larger role, often times 50% or more. But
   this was a social media site, marketed through social media to active social
   media users. It worked well because we (I credit our early adopters for spreading
   the word) were focused on a very specific niche (Pownce users), who were well-versed
   in social media tools, and we had a deadline that affected everyone involved. </p>
   
 <h5>Where are we now? </h5>
 <p>Since then we've lost a bit of momentum and probably need to refocus marketing
   on community building strategies. But traffic is steady and we have a core
   of regular visitors. As of yesterday we've had a total of:</p>
 <ul>
   <li>3,000 unique visitors </li>
   <li>5,193 total visits </li>
   <li>25,741 page views (4.96 pages per visit) </li>
   </ul>
 <p>Traffic sources have shifted slightly. The increase in direct traffic is
   from membership growth and usage. </p>
 <ul>
   <li>67.8% are direct traffic </li>
   <li>27.09% are from referring sites and </li>
   <li>5.1% are from search engines. </li>
   </ul>
 <h5>Where will we be next year? </h5>
 <p>Who knows? The goal was to stay in touch. That seems to be working. In the
   meantime various members of the community and others are also working to build
   services with features more akin to the original Pownce. And while the economic
   climate is gloomy, new services continue to emerge. In another year we could
   be spending our lunch hours exploring some yet unknown site with yet another
   funny name.</p>
 <p>But what this has shown me is that social media works. In the right situation
   it can be a very effective marketing tool. But it's the people and the connections
   between them, that make it so. </p>
 
<p><em>* For those 7 of you unfamiliar with the science fiction classic, <strong>Soylent
  Green</strong>, there is a classic line towards the end that states, "Soylent
  Green is people!" Alas, soylent green was also what people ate.</em> </p>
<h5>What is the secret of Soylent Green?</h5>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="425" height="350" id="myFlashContent">
				<param name="movie" value="http://www.youtube.com/v/ohLaBIB61Ic&amp;hl=en" />
				<param name="wmode" value="opaque" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/ohLaBIB61Ic&amp;hl=en" width="425" height="355">

					<param name="wmode" value="opaque" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflashplayer">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
  </object>
</p>

 
]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailgmailnoimages.jpg" length="179028" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailgmailnoimagessm.jpg" length="47421" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailmacmail.jpg" length="274788" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailmacmailsm.jpg" length="69490" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2003.jpg" length="324237" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2003sm.jpg" length="72848" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2007.jpg" length="329836" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2007sm.jpg" length="74940" type="image/jpeg" />
<title>5 Tips to ensure your readers can read your HTML e-mail messages</title>
      <link>http://blog.case.edu/webdev/2008/12/09/email.html</link>
      <description>As the semester winds down, and the holiday season encroaches, it seems there are more and more events to publicize, greetings to send, end-of-year newsletters to distribute, holiday sales to promote, etc. T&apos;is the season for HTML e-mails. Alas, as many of you know, creating and distributing an HTML e-mail message is far more complicated than building a regular Web site. As we struggled in the days of the browser wars, today we struggle with the myriad ways popular e-mail programs support HTML. Anyone who has had to create an HTML e-mail message, or has received one they couldn&apos;t read, knows what I mean. So today I&apos;ll present five tips that should help to make your e-mails readable by the masses.</description>
      <guid>http://blog.case.edu/webdev/2008/12/09/email.html</guid>
              <category domain="http://blog.case.edu/webdev/css/index">CSS</category>
              <category domain="http://blog.case.edu/webdev/html/index">HTML</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/howto/index">How-to</category>
              <category domain="http://blog.case.edu/webdev/tips_and_tricks/index">Tips and Tricks</category>
              <category domain="http://blog.case.edu/webdev/design/index">design</category>
              <category domain="http://blog.case.edu/webdev/email/index">email</category>
              <category domain="http://blog.case.edu/webdev/images/index">images</category>
      
      <pubDate>Tue, 09 Dec 2008 01:01:20 EST</pubDate>

       
       <content:encoded><![CDATA[ 
<p class="photoright">
<a href="http://blog.case.edu/webdev/2008/12/08/gothmailmacmail.jpg"><img alt="Sample message in Macmail" src="http://blog.case.edu/webdev/2008/12/08/gothmailmacmailsm.jpg" width="230" height="163" /></a><br />Sample message in Macmail<br /><br />

<a href="http://blog.case.edu/webdev/2008/12/08/gothmailgmailnoimages.jpg"><img alt="Sample message in Gmail without images" src="http://blog.case.edu/webdev/2008/12/08/gothmailgmailnoimagessm.jpg" width="230" height="118" /></a><br />
Sample message in Gmail without images<br /><br />


<a href="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2007.jpg"><img alt="Sample message in Outlook 2007" src="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2007sm.jpg" width="230" height="165" /></a><br />
Sample message in Outlook 2007<br /><br />


<a href="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2003.jpg"><img alt="Sample message in Outlook 2003" src="http://blog.case.edu/webdev/2008/12/08/gothmailoutlook2003sm.jpg" width="230" height="165" /></a><br />
Sample message in Outlook 2003
</p>

<p>As the semester winds down, and the holiday season encroaches, it seems there
  are more and more events to publicize, greetings to send, end-of-year newsletters
  to distribute, holiday sales to promote, etc. T'is the season for HTML e-mails.
  Alas, as many of you know, creating and distributing an HTML e-mail message
  is far more complicated than building a regular Web site. As we struggled in
  the days of the browser wars, today we struggle with the myriad ways popular
  e-mail programs support HTML. Anyone who has had to create an HTML e-mail message,
  or has received one they couldn't read, knows what I mean. So today I'll present
  five tips that should help to make your e-mails readable by the masses.</p>
<p>Throughout this article I'll refer to the <a href="http://blog.case.edu/webdev/samplefiles/gothmail.html">sample
    Gothfest 2009 e-mail</a> pictured
  (in various renditions) on the right. This sample was created with certain
  features in mind to demonstrate how such an e-mail will render in different
  programs. </p>
<h5>1. Use images to convey a mood or theme, not to present content.</h5>
<p>In many popular e-mail programs, the default preference is to have images
  turned off in incoming messages. Thus many of us receive e-mails with little
  boxes and some indicator that says "click here to load images." If you are
  like me, you rely on the remaining text of the message to make you decide if
  you should bother or not. Recently I received a message from a well-known business
  magazine in which the only text provided stated only the name of the magazine
  and its address. The subject line was equally informative in that it said something
  like "Special News Update from Magazine X." </p>

<p>The rest of the content was contained in .jpg files linked in the message. This is problematic for two reasons:</p>
<ol>
<li>Sighted readers, such as me, have no way to judge whether the message is
  worth reading (or not) unless we click on the image. If we're busy reading
  through a long list of e-mails we may just send it to the trash. If the sender
  didn't care enough to present the information clearly, then why should we care
  enough to read it?</li>
<li>Readers with vision problems who rely on screenreading software have no
  way to read a message that is part of an image. They are relying purely on
  the text of the message and any "alt text" provided for the image. This particular
  message didn't include any "alt text" so the message was lost to such recipients.</li>
</ol>

<p>We all want our messages to be read. To ensure that they are readable by everyone
  in your audience, just be sure to include all the important points as actual
  text. This doesn't mean you can't use images to add visual interest, it just
  means that your message will be accessible to everyone whether they can see
  the pictures or not. </p>
<p>In the <a href="http://blog.case.edu/webdev/2008/12/08/gothmailmacmail.jpg">Gmail
    screenshot</a> on the right we see a sample message without images.
  The original file contains two images, a picture of Death and a white background
  image with shaded edges. Because the content is text-based the main message
  is available and the alt text provides a description of the missing photo.
  This would also be readable in a text-only mail program with no colors or styles
  available. </p>
 

<h5>2. Use Tables for Layout (WHAT????)</h5>
<p>Most of us know that tables are meant for tabular data and CSS is meant for style and position. Alas many e-mail programs, including Gmail, don't support the positioning features of CSS. If you want to put text on the left and an image on the right&mdash;as I did in the sample&mdash; and you can't use the float property of CSS, you're stuck with tables.</p>
<p>To create this layout I made a table that has 3 rows of one column each. </p>
<ul>
<li>The top row has a dark background, a green bottom border and contains the
  title.</li>
<li>The middle row has a white background and contains another table with one
  row and two columns.
  <ul>
<li>The left column contains a background image, but no background color and
  features the main text. With images off the white background from the main
  table will show through so that the text is still easily read.</li>
<li>The right cell has a dark background and the Death picture. With images off the picture is replaced with alt text. In our sample this is showing up as black which indicates that the table cell should be restyled to feature a lighter color. </li>
</ul></li>
<li>The bottom row has a dark background, a green top border and the opt-out message. In some of our samples the e-mail is showing up as dark blue which is hard to read against the dark background. In the Macmail version it has been re-styled in a light green that is easier to read. </li>
</ul>
<p>To get a better idea of how this was set up, <a href="http://blog.case.edu/webdev/samplefiles/gothmailcode.html">view
the source code</a>.</p>

<h5>3. Use HTML 4.0 Standards Compliant Code to the extent that you can.</h5>
<p>Going back in time to use tables makes us feel like we're breaking the rules
  of HTML, but it is still possible to adhere to standards compliant HTML in
  e-mail if you use the HTML 4.01 transitional <a href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">doctype</a>.
  While <a href="http://blog.case.edu/webdev/2007/08/28/webstandards.html">adhering
    to Web standards is a good idea</a> in general, I also find it helpful for
    testing and troubleshooting e-mail files. When I find a problem in my message,
    the first thing I'll do is <a href="http://validator.w3.org/check?verbose=1&amp;uri=http%3A//blog.case.edu/webdev/samplefiles/gothmail.html">validate
    the file</a>. This helps me determine if the problem is a simple coding error
    or if it is due to a feature not supported in one of the e-mail programs
    I'm testing. By eliminating any coding errors I can then focus on the work-arounds
    I may need to implement to solve the e-mail specific problem. </p>
    
    
<h5>4. Use inline styles</h5>
<p>Most of us are used to using external or embedded stylesheets. Alas, some programs don't support those. To ensure that your styles aren't ignored, use inline styles to format everything in the document. This takes more time and adds to the code, but will be accepted by more programs. For example, to style the top table cell and the header within, I used the following code:</p>

<p class="code">&lt;th scope=&quot;col&quot; width=&quot;700&quot;  style=&quot;background-color:#24333a;
  border-bottom: 1px solid #87d143; color:#c02c18; text-align:left; font-family:
  Georgia, serif;&quot; &gt;&lt;h1 style=&quot;margin: 10px 30px 10px 30px; letter-spacing:2px;&quot;&gt;GOTHFEST &lt;span
style=&quot;letter-spacing:0; font-weight:normal;&quot;&gt;2009&lt;/span&gt;&lt;/h1&gt;&lt;/th&gt; </p>

<p>To add an inline style to an html element just include style=&quot; &quot; and
  put your regular CSS information within the quotes. </p>
<p>In this case I styled the top row
  (which uses a &lt;th&gt; because it is a table header) to have a dark background,
  green bottom border, red type, left-aligned text and Georgia or other available
  serif font. The title was put in an &lt;h1&gt; header styled to have 10 px margin
  on the top and bottom and 30px on the left and right. I also added 2px of letter
  spacing. I surrounded 2009 with a span styled to use 0px of letterspacing and
  a normal font weight. I incorporated the letter spacing and the 2009 span changes
  mostly to see if they would be carried through in the e-mail programs I tested.  </p>
<p>Note: When coding for the Web I find padding works better to ensure files
  work well in IE 6, &amp;, Firefox etc. But I've found that padding seems to fail
  more often than margin in e-mails, so I use margin to ensure that I retain
  space between paragraphs in as many programs as possible. </p>
<p>People sometimes worry that they'll lose too much flexibility if they try
  to stick with Web standards, but this example shows that despite the limited
  support of CSS in e-mail there is still room for experimentation. These styles
  worked in most of the programs I tested. </p>
 
<h5>5. Test your mail in several different e-mail programs.</h5>
<p>The e-mail standards project provides information on what features are supported
  by the most often used e-mail programs. These offer helpful guidelines, but
  the only way to know what will work for your file is to test it in as many
  different programs as you can. You can do this by installing several programs
  on your own computer and by enlisting the aid of friends and colleagues. I
  can access my work e-mail in Outlook 2003, MacMail, Gmail and Case's Webmail,
  so I send myself messages then check them in each program. I haven't upgraded
  to Outlook 2007 (as I'd no longer be able to test 2003) so to test that I send
  messages to my colleague Kim&mdash;who patiently lets me look over her shoulder
  or makes screen captures for me to evaluate. </p>

<p>As my samples indicate, your e-mail will not look the same in every program.
  That's O. K. The important thing is to make sure that it renders cleanly in
  each and degrades nicely if images or styles are not available. If you can
  do that, you will ensure that your message doesn't get missed because of poor
  formatting. </p>

 
<h5>I can't embed HTML code in Outlook. How do I send an HTML e-mail?</h5>
<p>How you send an HTML e-mail depends on your mailing list and the programs you have available. If you're regularly sending mass e-mails to large lists, you may wish to use an e-mail service such as Target X or Constant Contact. There are many such services available. Check with your organization to see if they already have an arrangement with a preferred vendor. </p>

<p>For occasional mailings sent to smaller lists, or via listservs such as those available through <a href="https://lists.case.edu">https://lists.case.edu</a>, you need an e-mail program that will allow you to insert HTML. Case's Webmail program, found at <a href="http://mail.case.edu">http://mail.case.edu</a> let's you paste HTML into your message body, but only if you are accessing it through Internet Explorer. </p>
<p>An easier option for most users is Mozilla's <a href="http://www.mozilla.com/en-US/thunderbird/">Thunderbird</a>,
  available for Linux, Macintosh and Windows. Thunderbird is free and very easy
  to install. To send an HTML e-mail just click the "Write" button to compose a new message, type in your recipients addresses and subject line then go to the "Insert" menu and choose "HTML." A box will pop up in which you can past the code from your HTML file. </p>
<h5>Learn more about HTML e-mail</h5>
  <ul>
  <li><a href="http://www.email-standards.org">E-mail Standards Project</a> </li>
  <li><a href="http://www.alistapart.com/articles/cssemail/">CSS and Email, Kissing in a Tree</a> </li>
 <li><a href="http://www.sitepoint.com/article/code-html-email-newsletters/">How to Code HTML Email Newsletters</a> </li>
 <li><a href="http://arstechnica.com/news.ars/post/20070115-8619.html">Outlook 2007 change sends HTML email back to the future, for better and worse</a> </li>
 <li><a href="http://www.email-standards.org">E-mail Standards Project</a> </li>

</ul>
  
  

]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/11/09/urlgraph.jpg" length="78376" type="image/jpeg" />
<title>An URL by any other name would still work like an URL, part 2: length doesn&apos;t matter</title>
      <link>http://blog.case.edu/webdev/2008/11/09/urllength.html</link>
      <description>Last month, when I wrote about subdomains, I promised to find out more regarding the question of URL length. Site owners had been telling me that their URLs were too long for users to type and that this was keeping people from responding to their direct mail campaigns. Typically the URLs in question were 30-40 characters in length. These don&apos;t seem excessively long if you consider that even a short domain name such as www.case.edu takes 12 characters itself. But it did make me wonder if anyone had studied the role URL length plays in direct mail response rates. </description>
      <guid>http://blog.case.edu/webdev/2008/11/09/urllength.html</guid>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/tips_and_tricks/index">Tips and Tricks</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/usability/index">usability</category>
      
      <pubDate>Sun, 09 Nov 2008 22:04:05 EST</pubDate>

       
       <content:encoded><![CDATA[ 
<p class="photoright"><img alt="Pretend Graph" src="http://blog.case.edu/webdev/2008/11/09/urlgraph.jpg" width="220" height="224" /><br />
No such chart exists. There's no magic <br />
number when it comes to URL length.</p>

<p>Last month, when I wrote about <a href="http://blog.case.edu/webdev/2008/10/04/subdomain.html">subdomains</a>,
  I promised to find out more regarding the question of URL length. Site owners
  had been telling me that their URLs were too long for users to type and that
  this was keeping people from responding to their direct
  mail campaigns. Typically the URLs in question were 30-40 characters in length.
  These don't seem excessively long if you consider that even a short domain
  name such as www.case.edu takes 12 characters itself. But it did make me wonder
  if anyone had studied the role URL length plays in direct mail response rates. </p>

<p>In search of the answer I hopped on the Web and began searching. In a utopian
  marketing world, I would have found some insightful marketing research that
  would indicate that once an url reaches X characters in length, readers&mdash;hesitant
  to type so much&mdash;became less likely to visit the site. Of course, the
  real world is not so simple, and I found no such data. If I had, it might
  have included a graph like the one pictured here. </p>

<p>If you think about it, the reason I couldn't find such data is obvious. The
  length of an URL is but one of several factors a reader considers when deciding
  whether or not to respond to a direct mail offer. When deciding whether
  a mailing is potentially useful, recipients, consciously or subconsciously,
  ask the following questions. </p>
<dl>
<dt>Why did I get this? Is it relevant to me? </dt>
<dd>You have a Ph.D. in philosophy and the mailer is telling you how to get an
  associates degree in 90 days. Since you are not the target audience you will
  throw the mailer in the bin. But if you are restoring a <a href="http://mustangs.about.com/od/modelyearprofiles/a/1966-modelyear.htm">1966
  Mustang</a> and the
  mailer is from a parts supplier&mdash;specializing in 60's muscle cars&mdash;you'll
  probably take a closer look. </dd>

<dt>Is it something I need/want/can afford now?</dt>
<dd>The new <a href="http://www.apple.com/macbookpro/">Macbook Pro</a> looks great but if your current one is only a year old
  and serves your needs you may not need to order a new one just yet. On the
  other hand perhaps you can justify getting a new one by giving the older one
  to your daughter&mdash;who could use a better computer. If so you'll keep reading.  </dd>

<dt>What are the features and benefits? </dt>
<dd>You've been invited to a <a href="http://www.case.edu/events/amm/">conference</a> in your field of interest. Who are the
   speakers? What is their level of expertise? When is the event? Will it fit
  in your schedule? What is the cost? Will there be food? If the speakers are
  well-resepected experts, the event fits your schedule, is reasonably priced
  and includes lunch, chances are you'll go.</dd>

<dt>What is the next step?</dt>
<dd>To respond to the offer, do you call, e-mail, visit a Web site? If the next step is to visit the Web site then you probably will take the mailer over to your computer and type in the address.</dd>
</dl>

<p>If you've made it to the last step in the above process then you've already
   made a choice. You have decided you are interested in the product or service
   and want to place your order, RSVP for the event or do whatever else may be
   appropriate to the offer. So what happens when you sit down at the computer
   to type in the Web URL? Do you stop typing because the URL is too long? How
   long would it have to be for you to change your mind and not order the product
   or service that you've already decided you want? </p>
 
 <p>I don't know the answer to that but I suspect it would be more than
   30-40 characters, and would depend on the strength of your original decision.
   If you've been searching for 6 months trying to find a certain part for
   your Mustang restoration project&mdash;and this supplier has that part&mdash;you'll
   probably be willing to type a lot to complete the order. If you're not as
   firmly committed then maybe a long address, particularly one with lots
   of special characters, would dissuade you.</p>
 
<h5>Was it the URL or was it the message?</h5>
<p>Let's say that you did change your mind about attending the event. Perhaps
  you've decided you'd rather catch a movie that day. What really caused you
  to change your mind? Was the URL impossibly long and too hard to remember?
  Or was the message not persuasive enough to close the sale?</p>
 
<p><a href="http://www.nytimes.com/2008/11/09/books/review/Zerkin-t.html?_r=1&amp;ref=authors">http://www.nytimes.com/2008/11/09/books/review/Zerkin-t.html?_r=1&amp;ref=authors</a> is
  long (70 characters without the http://) and includes non-alpha-numeric characters
  that make it difficult to remember. If <em>The New York Times</em> were sending
  out direct mail promoting their book reviews, they probably would send you
  to the shorter <a href="http://www.nytimes.com/pages/books">http://www.nytimes.com/pages/books</a>.
  It would be unusual that any of us would need to create a 70 character URL,
  even for a very targeted marketing campaign, but if we did, I don't know that
  it would be a deal breaker.</p>
<p>When you consider how much most of us type every
  day, 70 characters isn't very much. If the chore of typing 70 characters is
  enough to deter someone from completing their order, then perhaps they weren't
  that committed in the first place. If your direct mail campaign isn't sending
  sufficient traffic to your Web site, then you should also review your message.
  Was it targeted to the right audience? Did you provide the right information
  to help your readers make an informed decision? The only way to really know
  whether the message or the URL is the problem is by testing. Test different
  urls with the same message, try different messages with similar urls of
  the same length and so forth. (I'll write about <a href="http://ezinearticles.com/?Split-Test-Drive-Direct-Mail&amp;id=1490172">split
  testing</a> for direct mail
  in a future article.)</p>

<h5>Isn't there any URL length data out there?</h5>
<p>There is, but most of it is focused on URL length for search engine optimization, maximum URL length able to be read by certain browsers, etc. For our purposes the most useful number comes from usability expert, <a href="http://www.useit.com/jakob/">Jakob Nielsen</a>, who recommends we use URLs that are <a href="http://www.useit.com/alertbox/20021223.html">less than 75 characters</a> so that they don't break into multiple lines when sent through e-mail.  </p>
<p>That was the most quantifiable answer I could find. Many people are researching
  various aspects of URL length, but without very specific testing it can be
  hard to determine if URL length or some other factor is the relevant issue.
  In <a href="http://jeremiafroyland.com/marketing/the-impact-of-domain-name-length-on-website-popularity/">The
    impact of domain name length on Web site popularity</a>, Jeremia
    Froyland analyzed URL length of the <a href="http://www.alexa.com/site/ds/top_sites?ts_mode=lang&amp;lang=en">top
    100 sites as ranked by Alexa</a>. The majority of these sites have short
    domain names (and thus short URLs) and he concluded that there is a correlation
    between short URLs and site popularity.  But correlation is not the same
    as causality. The top 100 list includes sites ranging from Yahoo and Google
    to Apple and Hewlett Packard. Their strong brands would play a greater role
    in the popularity of their sites than the length of their URLs.</p>
<p>Conclusion</p>
<p>Instinctively we like the idea and ease of short URLs, but URL length is only
  one of many factors to consider in our Web related marketing strategies. </p>
<h5>Learn more about URLs</h5>
  <ul>
  <li><a href="http://www.iprospect.com/media/newsletter_apr06_pinney.htm">I Musta Got Lost: URL Naming Convention</a></li>  
  <li><a href="http://www.w3.org/Addressing/">Naming and Addressing: URIs, URLs, ...</a></li>  
  <li><a href="http://www.mattcutts.com/blog/seo-glossary-url-definitions/">Talk like a Googler: parts of a url</a></li> 
  <li><a href="http://www.ashbykuhlman.net/blog/2003/07/27/2227">URLs week: Principles</a></li>
  <li><a href="http://www.boutell.com/newfaq/misc/urllength.html">WWW FAQs: What is the maximum length of a URL?</a></li>

 
 
</ul>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/10/27/backbutton.jpg" length="232640" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/10/27/backbuttonsm.jpg" length="65695" type="image/jpeg" />
<title>Should you or should you not have links open in a new window/tab?</title>
      <link>http://blog.case.edu/webdev/2008/10/28/newwindow.html</link>
      <description>Last week&apos;s entry on outbound links spawned a lot of discussion, including the question of whether one should have outbound links open in a new window (or tab depending on the user&apos;s browser and preferences). Although many others have already written about this topic, it comes up often enough that I think it is worth discussing. Disclaimer: links that open in a new window or tab—when that wasn&apos;t my choice—are a pet peeve of mine, but I will attempt to explore the topic objectively.</description>
      <guid>http://blog.case.edu/webdev/2008/10/28/newwindow.html</guid>
              <category domain="http://blog.case.edu/webdev/accessibility/index">Accessibility</category>
              <category domain="http://blog.case.edu/webdev/html/index">HTML</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/web_standards/index">Web Standards</category>
              <category domain="http://blog.case.edu/webdev/xhtml/index">XHTML</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/usability/index">usability</category>
      
      <pubDate>Tue, 28 Oct 2008 01:15:10 EST</pubDate>

       
       <content:encoded><![CDATA[ 
<p class="photoright"><a href="http://blog.case.edu/webdev/2008/10/27/backbutton.jpg"><img alt="Screen capture of backbutton dropdown window" src="http://blog.case.edu/webdev/2008/10/27/backbuttonsm.jpg" width="240" height="262" /></a><br />
Firefox's back button will let you go back<br />
several steps. <a href="http://blog.case.edu/webdev/2008/10/27/backbutton.jpg">View enlarged image</a>.</p>


<p>Last week's <a href="http://blog.case.edu/webdev/2008/10/21/outboundlinks.html">entry
on outbound links</a> spawned a lot of discussion, including the question of
whether one should have outbound links open in a new window (or tab depending
on the user's browser and preferences). Although many others have already written
about this topic, it comes up often enough that I think it is worth discussing. <em>Disclaimer:
links that open in a new window or tab&mdash;when that wasn't my choice&mdash;are
a pet peeve of mine, but I will attempt to explore the topic objectively.</em></p>

<h5>What is the intended purpose of having links open in a new window or tab?</h5>
<p>Those who recommend having links open in a new window do so with the intention
  of making it easier for users to return to the original site. Anyone who surfs
  the Internet knows that it is easy to get lost down a rabbit hole of links.
  For example, if I provide you with a link to <a href="http://chuckpalahniuk.net">Chuck
    Palahniuk's Web site</a>, you might:</p>
<ul>
<li>follow the link</li>
<li>peruse the section on <a href="http://chuckpalahniuk.net/interviews/authors">author interviews</a></li>
<li>read Dennis Widmyer's latest <a href="http://chuckpalahniuk.net/interviews/authors/craig-clevenger2">interview
    with Craig Clevenger</a></li>
<li>then decide to add <a href="http://www.amazon.com/Contortionists-Handbook-Craig-Clevenger/dp/1931561486">The
  Contortionist's Handbook</a> to your Amazon shopping cart.</li>
</ul> 

<p>By now, the theory goes, you will have either forgotten where you were before
  or forgotten how to get back. If I'd set the <a href="http://chuckpalahniuk.net" target="_blank">Chuck
    Palahniuk link to open in a new window/tab</a> (this is the only link on
    the page that opens a new window), you could just go back to your original
    window/tab and you'd be back where you started. Of course if the link opens
    in the same window, and you are using a current browser such as Firefox,
    you can simply click the down arrow next to your back button to navigate
    back through the series of links you just followed. </p>

<h5>So which is better? Is it easier for a user to go back to a different window
  or to just use the back button? </h5>
<p>I've always found it easier to use the back button. With one click I can go
  back and read another interview or I can choose to go all the way back to the
  original blog. To me that seems far easier than wading through a sea of windows,
  or looking at an array of tabs to find the one you want. But everyone is different.
  In researching this article I discovered a <a href="http://getsatisfaction.com/pownce/topics/external_links_in_a_new_window">Get
  Satisfaction page in which a user actually requested that links on Pownce open
  in a new window</a>. Two of the responders agreed that they would prefer new
  windows, while two others (including Pownce/Digg designer Daniel Burka) disagreed.
  I saw these differing opinions in many places.</p>
<p>Where does that leave us? Preferences vary, so unless you survey
  the users of your particular site it may be difficult to determine if your
  audience likes or dislikes it when a link opens in a new window. Pownce was
  able to solve the problem by giving users a setting that lets them pick which
  behavior is the default while they're on Pownce. But that's not an option for
  most sites and blogs. With
  that in mind, I think it is most appropriate to leave it in control of the
  user. If a user wants to open a link in a new window he can do so by right-clicking
  (Windows) or ctrl-clicking (Mac) the link in question. I often open links in
  a new tab if I know that I'll want to flip back and forth between them. I just
  don't want them opening up new tabs spontaneously.</p>
<h5>Standards and accessibility issues related to opening links in new windows</h5>
<p>If you're in the pro new window camp, I've probably not yet changed your mind.
  But there are more issues to consider. </p>
<dl>
<dt>W3C HTML and XHTML Recommendations</dt>
<dd>The traditional way to have a link open in a new window is to include <span class="cran">target=&quot;_blank&quot;</span> in
  the link. The <a href="http://www.w3.org/TR/REC-html40/present/frames.html#h-16.3.1">target
  attribute</a> is <a href="http://www.w3.org/MarkUp/2004/xhtml-faq#target">not
  included in the recommendations for HTML and XHTML strict</a>, therefore sites
  using target with a strict doctype won't validate. From
  what I've gathered target is not included because not all browsers support
  the attribute, particularly when it comes to browsers running on mobile devices.
   (This may change in XHTML 2.0 as the attribute may serve new needs as mobile
  browsers evolve. A valid alternative is to use <a href="http://www.sitepoint.com/article/standards-compliant-world/">javascript</a>. </dd>
  
  <dt>W3C Web Content Accessibility Guidelines 2.0 (WCAG)</dt>
<dd>According to the <a href="http://www.w3.org/TR/2008/WD-UNDERSTANDING-WCAG20-20080430/consistent-behavior-no-extreme-changes-context.html">WCAG
    Success Criterion 3.2.5</a>, &quot;<em>Individuals
    who are unable to detect changes of context or may not realize that the context
    has changed are likely to become disoriented while navigating a site.
    For example: individuals who are blind or have low vision may have difficulty
    knowing when a visual context change has occurred, such as a new window popping
    up. In this case, warning users of context changes in advance minimizes confusion
  when the user discovers that the back button no longer behaves as expected.</em>&quot; To
  avoid this confusion they recommend that users should be notified if a link
  will open in a new window and if possible be given the choice to not have it
  open in a new window. </dd>
  
</dl>

<h5>Kant's Categorical Imperative: What if everyone did it?</h5>
<p>While writing this I kept having a vision of wandering the Internet in a world
  where every external link opened a new window or tab. In this vision it was
  only a matter of minutes before there were so many tabs open in my browser
  that I had to use the left and right arrows to scroll through them. Worse yet,
  instead of tabs windows began spawning as quickly as <a href="http://en.wikipedia.org/wiki/Tribble">Tribbles</a> and
  suddenly my desktop was impossible to navigate. This made
  me think of Kant. In his first formulation of the <a href="http://plato.stanford.edu/entries/kant-moral/#CatHypImp">Categorical
  Imperative</a> he states that one should &quot;act only in accordance with that
  maxim through which you can at the same time will that it become a universal
  law.&quot; While this idea was meant to deal with issues of morality, it's easy
  to see how it could be applied to lesser situations such as links opening
  in new windows. If links always opened in a new windows it would pose significant
  usability challenges.</p>
<p>Naturally most sites don't open everything in a new window or tab. If they
  did we'd all be swimming in windows. Instead, most site designers choose to
  open new windows only in particular circumstances. Some designers do this only
  for external sites while others reserve the technique for opening up .pdf files.
  While I'd still prefer that links open in the same window, giving me the choice
  of whether or not to open them in a new tab, I understand that many may disagree.
  Most people have committed one way or another with few remaining undecided.
  But, whatever your preference may be, I hope this discussion will help the
  next time you're debating where a particular link should open. </p>
    
    
<h5>Learn more about opening links in pop-up windows or tabs</h5>
  <ul>
    <li><a href="http://www.alistapart.com/articles/popuplinks">Accessible Pop-up Links</a></li>
    <li><a href="http://www.7nights.com/dkrprod/gwt_ten.php">D. Keith Robinson's Gorilla Web Tips:  Launching New and Pop-up Windows</a></li>
    <li><a href="http://lois.co.uk/web-design/articles/new-windows.asp">Don't let your web site fall out of the window: opening new browser windows</a></li>
  <li><a href="http://www.robertnyman.com/2006/02/13/how-evil-is-the-target-attribute/">How evil is the target attribute?</a> </li>
  <li><a href="http://www.sitepoint.com/article/standards-compliant-world/">New-Window Links in a Standards-Compliant World</a></li> 
  <li><a href="http://justaddwater.dk/2007/06/13/open-new-window-still-has-usability-issues/">Open New Window Still Has Usability Issues</a></li> 
  <li><a href="http://www.456bereastreet.com/archive/200603/the_target_attribute_and_opening_new_windows/">The target attribute and opening new windows</a></li>
  <li><a href="http://www.useit.com/alertbox/9605.html">Top Ten Mistakes in Web Design</a></li>

  <li><a href="http://www.w3.org/TR/2008/WD-WCAG20-TECHS-20080430/H83.html">WCAG 2.0: H83: Using the target attribute to open a new window on user request and indicating this in link text</a></li>
  <li><a href="http://www.w3.org/TR/2008/WD-WCAG20-TECHS-20080430/SCR24.html">WCAG 2.0: SCR24: Using progressive enhancement to open new windows on user request</a></li>
</ul>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/10/21/sticky.jpg" length="59034" type="image/jpeg" />
<title>Afraid of outbound links? Don&apos;t be.</title>
      <link>http://blog.case.edu/webdev/2008/10/21/outboundlinks.html</link>
      <description>&quot;The site looks great. But could you take out the links? I&apos;m afraid people
  will follow them before they apply to our program/sign up for our event/read
  the installation instructions/etc.&quot;

I don&apos;t hear this as often as I once did, but it still comes up often enough
that it&apos;s worth addressing. So today I&apos;ll try to dispel some myths about Web
stickiness and outbound links.</description>
      <guid>http://blog.case.edu/webdev/2008/10/21/outboundlinks.html</guid>
              <category domain="http://blog.case.edu/webdev/content/index">Content</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/tips_and_tricks/index">Tips and Tricks</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/navigation/index">navigation</category>
      
      <pubDate>Tue, 21 Oct 2008 01:32:11 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright"><img alt="Rubber Cement" src="http://blog.case.edu/webdev/2008/10/21/sticky.jpg" width="180" height="269" /><br />
Just how sticky need you be?</p>

<p>"The site looks great. But could you take out the links? I'm afraid people
  will follow them before they apply to our program/sign up for our event/read
  the installation instructions/etc."

I don't hear this as often as I once did, but it still comes up often enough
that it's worth addressing. So today I'll try to dispel some myths about Web
stickiness and outbound links. </p>

<h5>Will they stay or will they go?</h5>
<p>They will go. You know that, because you will go. Whether I bore you halfway
  through this article or you go on to read several more entries, at some point
  you will leave this blog. I could offer you videos of the cutest dancing penguins
  or a fool-proof Web marketing technique and you would leave. I could even tell
  you the meaning of life (<a href="http://news.bbc.co.uk/2/hi/uk_news/magazine/7283155.stm">42</a>).



You would still leave. </p>
<p>But that's alright. My goal isn't to keep you here forever&mdash;trapped with
  my musings on Web development. My goal is to share ideas and best practices
  with you, and learn more from the feedback you provide, so that we can all
  strive to make the most useful Web sites possible. Your goal may be to recruit
  students to your program or sell more <a href="http://www.bbc.co.uk/cult/hitchhikers/guide/towel.shtml">towels</a>, but either way the same principles
  apply.</p>
  
<h5>What is a sticky Web site?</h5>

<p>According to myth, a sticky Web site is one that compels visitors to stay
  on the site for a long time. The content and features of the site are so enticing
  that users will stay there wandering about for hours.  This is why many Web
  marketers fret over the percentage of visitors who bounce out of the site and
  the amount of time spent on it by those who stay. But time is relative.
  I think a Web site is sufficiently sticky if the goals of the site owner and
  its visitors are achieved. If the visitor has a positive experience, follows
  your call-to-action and comes back to visit in the future, then the site is
sufficiently sticky. </p>
<p>For example, if I need to order a copy of <a href="http://www.amazon.com/Dont-Panic-Douglas-Hitchhikers-Galaxy/dp/1840237422/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1224564118&amp;sr=8-1">Don't Panic</a>, I can skibble over to <a href="http://www.amazon.com">Amazon.com</a>,
    place the order and be done in less than a minute. I'm happy and Amazon is
    happy; after all they know I'll be back. </p>
<p>This blog, while vastly different
  from Amazon, has similar requirements when it comes to stickiness. Perhaps
  you'll spend a few minutes reading the one article that answers your question.
  Perhaps you'll linger over the <a href="http://blog.case.edu/webdev/2005/07/01/so_you_want_to_build_a_website.html">Planning
  Your Web site Tutorial</a>. Either way, if I've provided something worth reading,
  then we've both reached our goal. If I'm lucky you'll also <a href="http://blog.case.edu/webdev/rss20.xml">subscribe
  to the RSS feed</a> and <a href="http://www.stumbleupon.com/submit?url=http://blog.case.edu/webdev/2008/10/21/outboundlinks.html&amp;title=Afraid%20of%20outbound%20links?%20Don't%20be.">Stumble
  this page</a> so that you
  and others come back for future visits. </p>
<h5>Where will they go when they leave?</h5>
<p>On the one hand, that depends on their plans for the day. If they're feeling peckish and adventurous they may want to run out for lunch at <a href="http://en.wikipedia.org/wiki/Milliways#Milliway.27s">Milliways</a>. But if they have time to keep surfing the Web, where they go is partially up to you. </p>

<p>If you've been writing a blog entry about Web site stickiness and outbound links, perhaps you've piqued their interest enough that they want to learn more. In that case you can provide links at the bottom of the page that will give them more information. If you choose these links carefully, you can:</p>

<ul>
<li>keep them thinking about the subject</li> 
<li>lead them to content that adds depth or breadth to what you have already covered</li>
<li>reinforce the idea that your site is a resource&mdash;to which users should return&mdash;for quality information and site referrals</li>
<li>influence the pages they visit, ensuring they see pages you trust&mdash;as opposed to pages that may be your competition </li>
<li>link to sites that may return the favor by linking back to you in the future</li>
<li>enhance search engine optimization (SEO)</li>
</ul>

<h5>I'm not providing information, I'm trying to sell anti-depressants to <a href="http://www.youtube.com/watch?v=n_sZD7ZnWvc">paranoid androids</a>, where should I link?</h5>
<p>Whether your Web site is meant to sell widgets, promote an event or disseminate knowledge, your outbound link strategy should be to provide helpful information to your visitors. If you're selling pharmaceuticals to robots, you could link to:</p>
<ul>
<li>studies showing the efficacy of your product</li>
<li>reviews of your product by satisfied customers</li>
<li>social media networks and discussion groups geared towards or run by paranoid androids</li>
</ul>

<p>By providing such resources you can build goodwill towards your brand and help users make a purchasing decision. The same can be applied for events. If it is a lecture, provide a brief biography of the speaker and include a link to his/her own Web site, links to videos of past presentations and other pages that will demonstrate what a compelling speaker he/she is.</p>

<p>In the end, if you take as much care with your links as you do with your other content, your readers should come back for more. </p>


<h5>Learn more about outbound links and stickiness</h5>
  <ul>
  <li><a href="http://www.seomoz.org/blog/debating-the-value-of-outbound-links">Debating the Value of Outbound Links</a> (for SEO)</li>
  <li><a href="http://googlewebmastercentral.blogspot.com/2008/10/linking-out-often-its-just-applying.html">Linking out: Often it's just applying common sense</a></li>
  <li><a href="http://www.seomoz.org/blog/the-role-of-outbound-links">The Role of Outbound Links</a></li>
  <li><a href="http://www.microsoft.com/smallbusiness/resources/marketing/online-marketing/10-ways-to-make-your-Web-site-sticky.aspx#waystomakeyourWebsitestickyb">10 ways to make your Web site 'sticky'</a></li>
  <li><a href="http://www.problogger.net/archives/2008/07/18/21-ways-to-make-your-blog-or-website-sticky/">21
      Ways to Make Your Blog or Web site Sticky</a></li>
</ul>

Addendum: Due to excessive spamming I've had to close comments on this entry. Nov. 1, 2008]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/10/13/cleveland.jpg" length="46690" type="image/jpeg" />
<title>Northeast Ohio Resources for Blogging, Social Media and Web Development</title>
      <link>http://blog.case.edu/webdev/2008/10/13/cleveland.html</link>
      <description>The other day journalist Jimi Izrael sent out an e-mail about a new blogging class he&apos;s teaching at Tri-C. It occurred to me that this might be a good opportunity for those of you (in Greater Cleveland) who are thinking of taking up blogging. It also made me think that this would be a good time to share some of the other great resources available to bloggers, Web developers and those interested in social media in Northeast Ohio. Whether you want to take a class or network with others in the field, here are some things that may be of interest.</description>
      <guid>http://blog.case.edu/webdev/2008/10/13/cleveland.html</guid>
              <category domain="http://blog.case.edu/webdev/announcements/index">Announcements</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/recommendations/index">Recommendations</category>
              <category domain="http://blog.case.edu/webdev/social_networking/index">Social Networking</category>
      
      <pubDate>Mon, 13 Oct 2008 22:49:47 EST</pubDate>

       
       <content:encoded><![CDATA[ 
<p class="photoright"><img alt="cleveland.jpg" src="http://blog.case.edu/webdev/2008/10/13/cleveland.jpg" width="200" height="150" /><br />Cleveland</p>

<p>The other day journalist <a href="http://www.jimiizrael.com/about/">Jimi Izrael</a> sent
  out an e-mail about a new blogging class he's teaching at Tri-C. It occurred
  to me that this might be a good opportunity for those of you (in Greater Cleveland)
  who are thinking of taking up blogging. It also made me think that this would
  be a good time to share some of the other great resources available to bloggers,
  Web developers and those interested in social media in Northeast Ohio. Whether
  you want to take a class or network with others in the field, here are some
  things that may be of interest.</p>

<h5><a href="http://www.tri-c.edu/Course.aspx?SubjectCode=JMC&amp;Subject=JMC&amp;CourseNumber=1815&amp;Term=200880">Introduction
    to Blogging</a></h5>
<p>In this special topics course at Cuyahoga Community College, journalist and blogger <a href="http://www.jimiizrael.com">Jimi
Izrael</a> will introduce you to the myriad types of blogs and explore their evolution as an outgrowth of modern journalism. </p>

<p>Jimi Izrael's work appears in the <em>Los Angeles Times,
    Salon.com, Philadelphia Inquirer, Chicago Tribune, Atlanta Journal-Constitution,
    American Spectator, Washington Post</em>, and <em>The Plain Dealer</em>. Moderator of the
"Barbershop" on NPR's "Tell me more with Michel Martin."</p>
  <p>Monday and Wednesday from 6:30 p.m. to 9:20 p.m. beginning October 20, 2008. Contact <a href="mailto:james.izrael@tri-c.edu">Jimi
      Izrael</a> or <a href="http://blog.case.edu/webdev/2008/10/13/IntroToBloggingFlyer.pdf">view the flyer</a> to learn more. </p>
      
      
      <h5><a href="http://www.jimkukral.com/cleveland/">Bail Out Cleveland! Local Internet Guru Offers Free Consulting at the Cleveland Free Stamp</a></h5>
      <p>Need some free Internet advice? If so you're in luck "Jim Kukral, a lifelong Clevelander and web-famous Internet guru wants to help ease the pain. He’s offering free Internet consulting to any business that’s in need of guidance. From web marketing, or strategy or blogging help, Jim is willing to bail out Cleveland businesses in need, for free." </p>
      <p>Wednesday, October 15, 2008, 10:00 a.m. - 3:00 p.m. by <a href="http://www.roadsideamerica.com/story/2183">Free Stamp</a> in downtown Cleveland. </p>
      
      
<h5><a href="http://www.communitysolutions.com/calendar/detail.asp?EVENT_ID=1032&amp;MONTH_CHOICE=12&amp;DAY_CHOICE=11&amp;YEAR_CHOICE=2008">Telling your story: Nonprofits and the Media</a></h5>
<p>Sponsored by the <a href="http://www.communitysolutions.com">Center for Community
    Solutions</a> this half day seminar will offer ideas non-profits can use
    in promoting their services through social media and introduce you to members
    of the local media with particular insight in the field. <a href="http://www.communitysolutions.com/calendar/detail.asp?EVENT_ID=1032&amp;MONTH_CHOICE=12&amp;DAY_CHOICE=11&amp;YEAR_CHOICE=2008">Learn
 more and register online</a>.  </p>
<p>Thursday, December 11, 2008<br />
  8 a.m. - Noon<br />
  Cleveland Sight Center</p>
  
  <h5><a href="http://webdesign.meetup.com/396/">Cleveland Web Design and Development Meetup</a></h5>
  <p>Founded in 2006, the Cleveland Web Design and Development Meetup is "here
    to help folks come together to learn about and discuss making the web, web
    pages, web programming, all that sorta thing. Membership is open to all.
    And it's free." The groups holds regular meetings, offers study groups for
    novices and provides a variety of helpful online resources.</p>
  
   <h5><a href="http://www.clevelandwebstandards.org/">Cleveland Web Standards
       Association</a></h5>
  <p>Founded in 2007, "The Cleveland
  Web Standards Association (CWSA) is grounded on the premise of sharing information in a relaxed atmosphere. The purpose of this association is to provide practical instruction and techniques that will elevate the quality and functionality coming from Cleveland firms and free agents. We hold <a href="http://webdesign.meetup.com/497/">monthly
  gatherings</a> that include presentations on best practices for developing web sites. The gatherings are open to any person interested in web design/development, no matter what their current skill level is."</p>
  <p>Additionally the CWSA publishes a <a href="http://www.clevelandwebstandards.org/blogs/">blog
  aggregator</a> featuring member blogs covering Web development and related topics.</p>

<h5><a href="http://blog.meetup.com/74/">The Cleveland Weblogger Meetup Group</a></h5>
<p>Founded in 2002, the Cleveland Weblogger Meetup Group meets once a month to discuss blogging, Northeast Ohio, politics and anything else that seems interesting. 
  I finally made it to my first meeting with them last month during which we ate some tasty vittles while discussing gender roles and a variety of other topics. As I understand it topics vary widely depending on who shows up. If you're a local blogger or just thinking about becoming one, you may find it interesting.  </p>
  
  <h5><a href="http://clevelandsmc.ning.com/">Social Media Club - Cleveland (SMC)</a> </h5>
  <p>Founded this summer, "SMC is being organized for the purpose of sharing best practices, establishing ethics and standards, and for promoting media literacy." Members can share ideas and questions through online discussions as well as meet each other in person at monthly meetings.</p>
  
  <h5>Not in Cleveland?</h5>
<p>Similar organizations and meetups occur all over the world. Whether you want to join a meetup group that meets in person or prefer to share information online, the following will help get you started. </p>
  <ul>
  <li>Find <a href="http://webdesign.meetup.com/">Web Design Meetup Groups</a></li>
  <li><a href="http://socialsoftware.meetup.com/">Social Software Meetup Groups</a></li>
  <li><a href="http://seo.meetup.com/">Search Engine Optimization Meetup Groups</a></li>
  <li><a href="http://friendfeed.com/rooms/social-media">FriendFeed Social Media Room</a></li>
    <li><a href="http://friendfeed.com/rooms/social-media-club">FriendFeed Social Media Club Room</a></li>
</ul>
  
  
  <p>Obviously this is but a tiny sampling of the resources available. Feel free to suggest other resources that may benefit fellow readers in the comments below.</p>
  
  <p><em>Forthcoming topics: More about URLs, Linking Strategies&hellip;</em></p>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/10/04/nabisco.jpg" length="772349" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/10/04/nabiscosm.jpg" length="122956" type="image/jpeg" />
<title>An URL by any other name would still work like an URL, part 1: subdomains</title>
      <link>http://blog.case.edu/webdev/2008/10/04/subdomain.html</link>
      <description>Over the past weeks, I&apos;ve been getting a lot of questions and comments about URLs and naming conventions. Here are a few typical queries:

Department X has the address http://departmentx.case.edu. Our address is http://www.case.edu/school/foobar/foobar.html. Can you change our address to http://foobar.case.edu? 

How can we get a shorter address for our page? Our long URL is wreaking havoc with our marketing.

Our site has a long address that we&apos;ve been printing in our mailings. We&apos;re not getting as much traffic as we hoped because the name is too long to type. How can we shorten it? </description>
      <guid>http://blog.case.edu/webdev/2008/10/04/subdomain.html</guid>
              <category domain="http://blog.case.edu/webdev/google/index">Google</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/seo/index">SEO</category>
              <category domain="http://blog.case.edu/webdev/search_engine_optimization/index">Search Engine Optimization</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
      
      <pubDate>Sat, 04 Oct 2008 18:31:10 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright"><a href="http://blog.case.edu/webdev/2008/10/04/nabisco.jpg"><img alt="nabiscosm.jpg" src="http://blog.case.edu/webdev/2008/10/04/nabiscosm.jpg" width="260" height="505" /></a><br />
Nabisco uses subfolders rather than subdomains to <br />
showcase <a href="http://www.nabiscoworld.com/triscuit/">Triscuits</a> and <a href="http://www.nabiscoworld.com/newtons/">Fig Newtons</a></p>


<p>Over the past weeks, I've been getting a lot of questions and comments about URLs and naming conventions. Here are a few typical queries:</p>

<ul>
<li><em>Department X has the address http://departmentx.case.edu. Our address is http://www.case.edu/school/foobar/<br />
foobar.html. Can you change our address to http://foobar.case.edu? </em></li>
<li><em>How can we get a shorter address for our page? Our long URL is wreaking havoc with our marketing.</em></li>
<li><em>Our site has a long address that we've been printing in our mailings.
    We're not getting as much traffic as we hoped because the name is too long
    to type. How can we shorten it? </em></li>
</ul>

<p>Today I'll address the first question,
  relating to subdomains, then continue the discussion on naming conventions
  in an upcoming article. </p>

<h5>Subdomains: <a href="http://yourname.case.edu">http://yourname.case.edu</a> vs. <a href="http://www.case.edu/yourname">http://www.case.edu/yourname</a> vs. <a href="http://www.case.edu/your division/yourname">http://www.case.edu/your division/yourname</a></h5>
<p>Here at Case we use a a hierarchical naming structure, featuring addresses
  such as <a href="http://www.case.edu/your division/yourname">http://www.case.edu/your
    division/yourname</a>, on the main Case Web server. Subdomains, addresses
    such as <a href="http://yourname.case.edu">http://yourname.case.edu</a>,
    are used by Web sites housed on other servers because this is the most efficient
    way to include such sites within the case.edu domain. Subdomains aren't by
    nature special or better, they simply provide a technical solution to a technical
    problem. Sites housed on the main Case server cannot be changed to have subdomain
    addresses, but that's okay, there is no advantage to doing so. My former
    colleague, Kevin Adams, explains this in detail in his article <a href="http://blog.case.edu/webdev/2005/05/09/subdomains_vs_accounts_cases_naming_conventions.html">Subdomains
    vs. Accounts - Case's Naming Conventions</a>.  </p>
<p>On personal and business sites subdomains are typically used when content
  resides on a different server or when content is topically distinctive from
  the main site&mdash;but not so distinct that it would benefit from a unique
  domain. For example, <a href="http://maps.google.com">http://maps.google.com</a> offers
  a distinctly different service than the search engine found at <a href="http://www.google.com/">http://www.google.com/</a>,
  but the common use of the google.com domain let's users know that both services
  are produced by the same entity and reinforces the Google brand. Google Analytics
  however uses <a href="http://www.google.com/analytics/">http://www.google.com/analytics/</a> (a
  subfolder instead of a subdomain) as the analytics service is more closely
  tied to the search engine service.  </p>
<p>Webmasters at Case and other universities could argue that their sites are
  topically distinctive&mdash;after all we house sites on topics ranging from <a href="http://www.case.edu/artsci/arth/arth.html">Art
  History and Art</a>  to <a href="http://www.case.edu/darwin">Darwin and Evolution</a>&mdash;but
  collectively such subjects tie together in furtherance of our educational mission.
  There's no compelling reason to distinguish them through the use of subdomains.</p>
  
  <h5>Can't subdomains enhance search engine optimization (SEO)?</h5>
  <p>From what I've read the answer is no, although people have tried to use
    subdomains to cheat the system. When someone searches for a particular word
    or phrase most search engines will limit the number of results it shows from
    any given domain. Thus if you <a href="http://www.google.com/search?hl=en&amp;q=%22Web+development+blog%22&amp;btnG=Google+Search&amp;aq=f&amp;oq=">search
      for "Web Development Blog" on Google</a>, you'll see that this blog shows
      up twice (Google's limit is normally 2 results). The main page shows up
      in the results as does one of the individual entry pages. The entry page
      is indented below to show that it is coming from the same site.</p>
  <p>It used to be that subdomains were treated as separate sites, so marketers
    might distribute related content across subdomains so additional listings
    would show up on  <a href="http://en.wikipedia.org/wiki/SERP">search engine
    results pages (SERPs)</a>. While this was helpful to marketers it wasn't
    so helpful to users, so Google has <a href="http://www.mattcutts.com/blog/subdomains-and-subdirectories/">refined
    their algorithms</a>, so that subdomains aren't given an automatic advantage.
    Relevance comes first, so this doesn't mean you will never see more than
    2 subdomains appear on the same SERP. (A <a href="http://www.google.com/search?hl=en&amp;amp;client=firefox-a&amp;amp;rls=org.mozilla%3Aen-US%3Aofficial&amp;amp;hs=EFu&amp;amp;q=&amp;quot;case+western+reserve&amp;quot;+&amp;amp;btnG=Search">search
    for &quot;Case Western Reserve&quot;</a> shows several subdomains.)
    It simply means that with all content being equal the subdomain won't have
    an advantage over a subfolder when it comes to issues of SEO. </p>
  <h5>If I can use a subdomain I'll have a shorter address than I have now.   </h5>
  <p>While a subdomain may result in a slightly shorter file name, that will
    probably have very little impact on your marketing strategies. I'll discuss
    URL length and naming conventions further in an upcoming entry. </p>
  
  
  <h5>Learn more about the use of subdomains and subfolder in URLs</h5>
 <ul>
 <li><a href="http://searchengineland.com/how-changes-to-the-way-google-handles-subdomains-impact-seo-12899.php">How Changes To The Way Google Handles Subdomains Impact SEO</a></li>
 <li><a href="http://www.mattcutts.com/blog/subdomains-and-subdirectories/">Subdomains and subdirectories</a> </li>
 <li><a href="http://www.seomoz.org/blog/subdomains-subfolders-and-toplevel-domains">Subdomains, Subfolders and Top-Level Domains</a></li>
  <li><a href="http://blog.case.edu/webdev/2005/05/09/subdomains_vs_accounts_cases_naming_conventions.html">Subdomains vs. Accounts - Case's Naming Conventions</a></li>
 </ul>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" length="1720" type="image/gif" />
<title>Social Media: Your Interactive Information Resource</title>
      <link>http://blog.case.edu/webdev/2008/09/16/socialinfo.html</link>
      <description>In prior reflections on social media, I&apos;ve mentioned how services such as Facebook, de.licio.us, Twitter, etc. can be effective marketing tools. Much of this has to do with the fact that they foment two-way communication. When we join these communities and services we participate in a dialogue between our friends and contacts.</description>
      <guid>http://blog.case.edu/webdev/2008/09/16/socialinfo.html</guid>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/social_networking/index">Social Networking</category>
              <category domain="http://blog.case.edu/webdev/tips_and_tricks/index">Tips and Tricks</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/social_media/index">social media</category>
      
      <pubDate>Tue, 16 Sep 2008 21:57:36 EST</pubDate>

       
       <content:encoded><![CDATA[<p class="photoright">

 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="425" height="344" id="myFlashContent">
				<param name="movie" value="http://www.youtube.com/v/PTNPAppD9x0&amp;hl=en" />
				<param name="wmode" value="opaque" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/PTNPAppD9x0&amp;hl=en" width="425" height="344">
					<param name="wmode" value="opaque" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflashplayer">

						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
  </object><br />Found via a shout on Digg

            

</p>  

 
 <p>In prior <a href="http://blog.case.edu/webdev/2008/03/17/socialmedia.html">reflections
     on social media</a>, I've mentioned how services such as <a href="http://www.facebook.com">Facebook</a>, <a href="http://delicious.com/">de.licio.us</a>,
     <a href="http://www.twitter.com">Twitter</a>, etc. can be effective marketing
     tools. Much of this has to do with the fact that they foment two-way communication.
     When we join these communities and services we participate in a dialogue
     between our friends and contacts. We make connections based upon common
     interests and share information accordingly. The fact that we can share
     things&mdash;such as our blogs, Web sites, products or services&mdash;that will be
     of interest to those who follow us is what makes these so useful to us as
     marketers. </p>
 
 <p>What we don't discuss as often is the fact that these same qualities are what make these tools useful to us as consumers of products, services and information. </p>
 
 <p>We know that success in social media requires us to participate in both sides of the conversation.  We must speak, listen and respond online just
   as we would it a real world conversation. But the point of listening isn't just to abide by the rules of the game; the point of listening is to learn. The ones who do all of the talking are missing out because they don't give themselves the opportunity to learn new ideas or to hear vital feedback about their own ideas. </p>
   
 <p>Imagine a social situation in the real world. Have you ever come home from
   a party all excited because you spent the night telling 18 different people
   all about your collection of pressed flowers and the methods you use for preparing
   them? Neither have I. But I have come home excited that I met interesting
   people. Usually I find them interesting not just because of the topics they
   discuss, but because of the way they discuss them. They share their viewpoints,
   listen to your responses, then respond in kind. In this way the conversation
   evolves in a way that will be of interest to both parties. </p>
 
 
 <p>The same thing happens in social media. If you follow a like minded group
   of people on <a href="http://www.pownce.com">Pownce</a>, <a href="http://digg.com/">Digg</a>, <a href="http://www.stumbleupon.com">StumbleUpon</a> (or wherever you hang out online) you
   soon get a sense of who just talks and who is also listening. This may happen
   over the course of weeks or months rather than hours, but over time you get
   a sense of who you should be following. </p>
 <p>As you do so you find that they start sharing more and more information that
   is of value to you. I noticed this in particular today when I forwarded on
   yet another bit of information I'd found via social media. </p>
 <h5>Recent tidbits gleaned from social media</h5>
 <p>Today at lunch I was checking Pownce, Twitter and Facebook. On Twitter I
   saw that <a href="http://twitter.com/sciencebase">David Bradley</a> had shared
   a link to an article  called, &quot;<a href="http://www.doshdosh.com/how-mini-funnel-websites-can-help-you/">How
   ‘Mini-Funnel’ Websites Can Help You Increase Traffic, Generate Leads and Build
   Exposure.</a>&quot; Initially the title of the article sounded like it might
   be some sort of nefarious black hat SEO strategy. But I followed the link
   because <a href="http://www.sciencebase.com/resume.html">David</a>, who I
   know through <a href="http://www.blahblahtech.com/about">Wayne</a>, wouldn't
   condone, let alone link to something dodgy. </p>
 <p>When I got to the article I saw that it was written by <a href="http://www.doshdosh.com/about/">Maki</a> who
   I first met on Pownce and now follow on Twitter and <a href="http://friendfeed.com/">Friendfeed</a>.
   The article demonstrated a fairly clever idea that might work well for some
   upcoming projects in our department so I forwarded the link to my teammates. </p>
 <p>A few days earlier I saw that George Nemeth had posted a link on Pownce about
   the newly formed <a href="http://clevelandsmc.ning.com/">Social Media Club
   - Cleveland</a> network on <a href="http://www.ning.com">Ning</a>, so I passed
   that along via Twitter&mdash;just in case there are any Clevelanders following
   me who aren't already following <a href="http://twitter.com/georgenemeth">George</a>.
   (This seems unlikely because George, of <a href="http://www.brewedfreshdaily.com/">Brewed
   Fresh Daily</a>, is like the <a href="http://scobleizer.com/">Robert
   Scoble</a> of Cleveland in that he is online almost everywhere and somehow
   manages to keep up with it all.) </p>
 <p>A few days before that I received a <a href="http://digg.com/odd_stuff/Who_stole_Butler_University_s_Mascot">shout
     on Digg</a> from <a href="http://doteduguru.com/about/kyle-james">Kyle James</a>,
     a fellow
     <a href="http://www.bloghighed.org/">bloghighed</a> blogger, linking to
     an <a href="http://go.butler.edu/cs/blogs/blue2/archive/2008/09/10/blue-ii-needs-you.aspx?utm_source=digg&amp;utm_medium=submit&amp;utm_campaign=missingmascot">amusing
   video Butler University produced</a>   (shown on this page) in which a Bulldog
   showcases their athletic facilities whilst trying to find a missing mascot
   costume. I passed this along to colleagues as well.</p>
 <h5>Listen and learn</h5>
 <p>Those are but a few examples of intriguing things I've found through social
   media. The Internet is rife with information, but when you make the right
   connections, and listen to their recommendations you'll soon
   find that the most useful (or amusing) content begins to stand out. </p>
 <h5>Where have I been hiding? </h5>
 <p>For those who may be wondering why this blog has been so quiet lately, I've
   been doing a lot of traveling this summer and have been swamped with other
   projects in between. I've just returned from the <a href="http://blog.case.edu/hac4/">Galápagos</a>&mdash;it
   seemed like a good way to kick off the <a href="http://www.case.edu/darwin/">Year
   of Darwin and Evolution</a>&mdash;so as soon as I catch up on
   all the email things should be returning to normal. </p>]]></content:encoded>
      


    </item>
    <item>

<title>Blogs: The Many Voices of a University</title>
      <link>http://blog.case.edu/webdev/2008/07/23/blogs.html</link>
      <description>Sunday afternoon I skibbled off to Atlantic City to attend EduWeb 2008, a conference for Web development professionals in higher education. </description>
      <guid>http://blog.case.edu/webdev/2008/07/23/blogs.html</guid>
              <category domain="http://blog.case.edu/webdev/blogging/index">Blogging</category>
              <category domain="http://blog.case.edu/webdev/content/index">Content</category>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/howto/index">How-to</category>
              <category domain="http://blog.case.edu/webdev/web_20/index">Web 2.0</category>
              <category domain="http://blog.case.edu/webdev/eduweb2008/index">eduweb2008</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
              <category domain="http://blog.case.edu/webdev/presentations/index">presentations</category>
              <category domain="http://blog.case.edu/webdev/video/index">video</category>
      
      <pubDate>Wed, 23 Jul 2008 11:17:57 EST</pubDate>

       
       <content:encoded><![CDATA[ 

 

<p class="photoright">

<embed flashvars="autoplay=false" width="400" height="320" allowfullscreen="true" allowscriptaccess="always" src="http://www.ustream.tv/flash/video/577400" type="application/x-shockwave-flash" /><a href="http://www.ustream.tv/" style="padding:2px 0px 4px;width:400px;background:#FFFFFF;display:block;color:#000000;font-weight:normal;font-size:10px;text-decoration:underline;text-align:center;"  >Recorded video by Ustream</a> 


<br />Blogs: The Many Voices of a University <br />(go forward past the first minute)

            
</p>

 

<p>Sunday afternoon I skibbled off to Atlantic City to attend <a href="http://www.eduwebconference.com">EduWeb
2008</a>, a conference for Web development professionals in higher education. </p> 

<p>The critical point of the conference&mdash;for me&mdash;came Tuesday afternoon at 5:00 when I presented <a href="http://blog.case.edu/webdev/presentations/blogspresentation.html">Blogs: The Many Voices of a University</a>. As some of you know, I'm more of a writer than a public speaker, so I faced the challenge with a wee bit of trepidation. Many kind people told me it went well though, so I will now share it with you. If you who were unable to attend, or if you wish to demonstrate the power of blogging to your university's administration, you may <a href="http://www.ustream.tv/recorded/577400">watch
    the video</a> and <a href="http://blog.case.edu/webdev/presentations/blogspresentation.html">view
the slides</a> here. I've also included the presentation abstract below.</p>

<h5>Presentation Abstract: <em>Blogs: The Many Voices of a University</em></h5>
<p>Whether marketing to prospective students, engaging the community in campus life or reaching out to alumni, our mission requires us to distribute a wide range of information that will allow our various audiences to connect with our colleges and universities. Such information could include features of our academic programs, the impact of research, faculty scholarship, student achievements, campus activities, event announcements, etc. Through the use of campus blogs we can build on this informational foundation by letting the members of our community share their own thoughts and viewpoints with the world. By giving voice to these individuals we present an inside look into their experiences, activities and intellectual pursuits.</p>
<p>At Case Western Reserve University we have made blogs available to all members of the campus community including students, faculty, staff and alumni. Staff members use these blogs to share information, to teach and to provide customer service tools online. Faculty use them to share both their personal ideas and as classroom tools to engage students in online discussions. Students may blog about their overseas experiences, their athletic activities or classroom assignments while alumni may discuss their careers or political beliefs. This presentation will provide examples of the various ways individuals at Case, and other schools, are using blogs and how these individual voices come together to present a richer portrait of university life.</p>

<h5>Blogging at Case</h5>
<p>This presentation would not have been possible were it not for the Case Blog System provided by ITS, and the rich content created by our blogging alumni, faculty, staff and students. Thank you <a href="http://blog.case.edu/lev.gonick/">Lev</a>, <a href="http://blog.case.edu/jeremy.smith/">Jeremy</a> and the many Case bloggers who gave me something to show off at the conference!</p>

<p>You can learn more about blogging at Case by visiting these resources:</p>

<ul>
<li><a href="http://wiki.case.edu/CaseBlog">About the Case Blogs</a></li>
<li><a href="http://blog.case.edu/directory/">Blog @ Case Directory</a></li>
<li><a href="http://blog.case.edu/">Blog @ Case Home Page</a></li>
<li><a href="http://planet.case.edu/">Planet Case blog aggregator</a></li>
</ul>

 <p>Forthcoming: reflections on the conference.</p>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/07/13/freesmug.jpg" length="50573" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/07/13/portableapps.jpg" length="68933" type="image/jpeg" />
<title>Testing Web sites with multiple browser versions</title>
      <link>http://blog.case.edu/webdev/2008/07/14/multibrowsers.html</link>
      <description>Until recently I was one of the only nerds who had yet to upgrade to Firefox 3. I&apos;d been waiting until I could find an easy way to install it alongside (rather than in place of) Firefox 2. When I&apos;d tried doing this a few months ago—with the beta version of Firefox 3—it hadn&apos;t worked properly, so I&apos;d put the idea on hold. </description>
      <guid>http://blog.case.edu/webdev/2008/07/14/multibrowsers.html</guid>
              <category domain="http://blog.case.edu/webdev/accessibility/index">Accessibility</category>
              <category domain="http://blog.case.edu/webdev/howto/index">How-to</category>
              <category domain="http://blog.case.edu/webdev/tips_and_tricks/index">Tips and Tricks</category>
              <category domain="http://blog.case.edu/webdev/web_browsers/index">Web Browsers</category>
              <category domain="http://blog.case.edu/webdev/web_standards/index">Web Standards</category>
              <category domain="http://blog.case.edu/webdev/test/index">test</category>
              <category domain="http://blog.case.edu/webdev/usability/index">usability</category>
      
      <pubDate>Mon, 14 Jul 2008 00:45:53 EST</pubDate>

       
       <content:encoded><![CDATA[ 

<p class="photoright"><a href="http://portableapps.com/apps/internet/firefox_portable"><img alt="portableapps.com" src="http://blog.case.edu/webdev/2008/07/13/portableapps.jpg" width="240" height="238" /></a><br />
Firefox 3 from PortableApps.com (Windows)</p>

<p>Until recently I was one of the only nerds who had yet to upgrade to Firefox
  3. I'd been waiting until I could find an easy way to install it alongside
  (rather than in place of) Firefox 2. When I'd tried doing this a few months
  ago&mdash;with the beta version of Firefox 3&mdash;it hadn't worked properly,
  so I'd put the idea on hold. </p>
<p>I mentioned this in a meeting, when a colleague piped up with a simple solution.
  He suggested using the PortableApps version, a standalone version of the program
  that can be installed on a Flash drive&mdash;for
  portability&mdash;or
  simply in a directory you designate on your computer. This was so obvious I
  immediately wondered why it hadn't occurred to me before, but then, practical
  ideas are like that. </p>
<h5>PortableApps.com offers a plethora of portable software solutions&mdash;including
  Firefox&mdash;for Windows</h5>
<p>Once I got back to my office I hopped over to <a href="http://portableapps.com/">http://portableapps.com/</a>,
  looked for <a href="http://portableapps.com/apps/internet/firefox_portable">Firefox
  3</a>, then proceeded to download it. Within minutes it was
  installed, separately and independently of Firefox 2. When I tried to start
  it up I discovered that you can't run them both at the same time&mdash;I had
  to close out of 2 to open 3, then close out of 3 to reopen 2&mdash;but you
  can run them on the same computer. This will be tremendously useful if I discover
  some quirk in Firefox 3&mdash;such as an <a href="http://blog.case.edu/webdev/2008/04/03/firefox.html">add-on</a> that no longer works and has
  yet to be updated&mdash;or if I need to see how a Web page renders in each
  version. </p>
<p>That solved the problem for the Windows P. C., but what about the Macintosh? </p>
<h5>FreeSMUG: Portable Applications for OSX</h5>
<p class="photoright"><a href="http://www.freesmug.org/portableapps/firefox"><img alt="freesmug.jpg" src="http://blog.case.edu/webdev/2008/07/13/freesmug.jpg" width="240" height="199" /></a><br />Firefox 3 from FreeSMUG (Mac)
</p>
<p>A quick Google search turned up <a href="http://www.freesmug.org/portableapps/">FreeSMUG</a>'s
  portable applications section. FreeSMUG offers a portable version of <a href="http://www.freesmug.org/portableapps/firefox">Firefox
  3</a>&mdash;in several languages&mdash;as well as other popular open source
  programs such as <a href="http://www.freesmug.org/portableapps/openoffice/">Open
  Office</a> and <a href="http://www.freesmug.org/portableapps/audacity">Audacity</a>. Those new to many of the Open Source
  programs available through FreeSMUG can learn more about them through a variety
  of <a href="http://www.freesmug.org/tutorial">helpful tutorials</a> available on the site. </p>
<p>FreeSMUG says of its portable applications, &quot;OS X FOSS portable applications
  are packaged so you can carry around on any portable device, USB thumb drive,
  iPod, portable hard drive, memory card, other portable device (or also on your
  internal hard disk), taking your preferences with you.&quot; This of course could
  be handy for any number of reasons, but the ability to run multiple versions
  of browsers to use for testing Web sites, is particularly useful to me. </p>
<h5>Why test in multiple versions of the same Web browser? Why not just upgrade? </h5>
<p>As a Web developer, you probably upgrade your browsers fairly often. That's
  not true of the average user. In many cases the people who visit your site
  are using the same browser that came with their computer. </p>
<p>The most popular browsers used by visitors to the Web Development Blog this
  month are:</p>
 
<ul>
  <li>Internet Explorer 7.0 - 24.6%</li>
  <li>Internet Explorer 6.0 - 24.3%</li>
  <li>Firefox 3.0 - 12.7%</li>
  <li>Firefox 2.x - 17.8%</li>
  <li>Safari - 5.4%</li>
</ul>
<p>Interestingly .5% were still using Netscape 4.0, which is over 10 years old!</p>
<p>To ensure that you, my site visitors, can view and use this site with ease,
  I need to make sure that it works properly in the browsers that most of you
  are using. This requires testing in multiple browsers and versions. </p>
<p>When a browser releases a minor upgrade, this isn't a big issue. But when
  a Web browser makes a significant upgrade it can make a big difference. A site
  that looked fine in version X, may look horrible in version Y. </p>
<p> When Internet
  Explorer 7 came out, users and developers quickly noticed that many pages didn't
  render properly in the new version. I.E. 7 was actually
  more standards compliant than I.E. 6, but developers who had used I.E. hacks
  to make pages look right in I.E. 6 found they didn't work with I.E. 7. This
  led to a lot of sturm und drang about I.E. 7 &quot;breaking the Web,&quot; as
  those developers needed to modify those hacks to make their sites work in both
  I.E. 6 and 7. </p>
<p>Here at Case our templated sites don't rely on many I.E. hacks so they
  transitioned smoothly from I.E. 6 to I.E. 7. But when I'm building new sites,
  I may sometimes incorporate new styles or features that I've not used before.
  This is when I make a point of testing in multiple browsers.  <a href="http://tredosoft.com/Multiple_IE">Tredosoft's
  Multiple I.E. Installer</a> provides a convenient way to run different versions
  of Internet Explorer on Windows XP. They also provide information for <a href="http://tredosoft.com/IE6_For_Vista_Part_1">running
  I.E. 6 natively on Vista</a>. </p>
<h5>Must your site work in every browser available? </h5>
<p>No, the Web has evolved enough since 1993 that making a site backwards compatible
  with every browser version is pretty much impossible. But if you adhere to
  Web standards, build sites that degrade cleanly in older browsers, and test
  in the browsers used by most of your readers you should be able to provide
  a good user experience for all of your visitors. </p>
 
<h5>Web Browse Testing Resources</h5>
 <ul> 
<li><a href="http://browsershots.org/">Browsershots</a>  </li>
<li><a href="http://www.456bereastreet.com/archive/200702/browser_testing_css_and_javascript/">Browser testing CSS and JavaScript</a>  </li>
<li><a href="http://www.smashingmagazine.com/2007/10/02/browser-tests-services-and-compatibility-test-suites/">Browser Tests, Services and Compatibility Test Suites</a>  </li>
<li><a href="http://www.stuffandnonsense.co.uk/archives/css_browser_testing_order.html">CSS: Browser testing order</a>  </li>
<li><a href="http://www.siliconglen.com/usability/browsers.html">Why your site should work on multiple browsers</a>  </li>
</ul>]]></content:encoded>
      


    </item>
    <item>
<enclosure url="http://blog.case.edu/webdev/2008/06/18/google.jpg" length="68505" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/06/18/googleeditprofile.jpg" length="118840" type="image/jpeg" /><enclosure url="http://blog.case.edu/webdev/2008/06/18/googlenewprofile.jpg" length="143281" type="image/jpeg" /><enclosure url="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" length="1720" type="image/gif" />
<title>Tips for installing Google Analytics on Case and other Web servers.</title>
      <link>http://blog.case.edu/webdev/2008/06/18/google.html</link>
      <description>There comes a time in every Web maintainer&apos;s life when the boss or client asks to see the Web stats for the past 6 months/year/5 years or what have you. Ideally you or your server administrator set this up long ago; you—being equally keen to understand the usage patterns of your site, and to use that knowledge to improve your content—check them on a regular basis, and can provide the information immediately.

Then again, if you&apos;ve been busy building and updating sites, this may be one of those projects that has been patiently waiting on your to-do list. If your server doesn&apos;t have analytics software pre-installed, and you&apos;ve not yet installed any yourself, now—before the boss asks—is the time to do so. 

</description>
      <guid>http://blog.case.edu/webdev/2008/06/18/google.html</guid>
              <category domain="http://blog.case.edu/webdev/heidis_entries/index">Heidi&apos;s Entries</category>
              <category domain="http://blog.case.edu/webdev/howto/index">How-to</category>
              <category domain="http://blog.case.edu/webdev/recommendations/index">Recommendations</category>
              <category domain="http://blog.case.edu/webdev/analytics/index">analytics</category>
              <category domain="http://blog.case.edu/webdev/marketing/index">marketing</category>
      
      <pubDate>Wed, 18 Jun 2008 22:02:18 EST</pubDate>

       
       <content:encoded><![CDATA[ 
<p class="photoright"><img alt="Google Analytics traffice Sources" src="http://blog.case.edu/webdev/2008/06/18/google.jpg" width="283" height="231" /><br />Traffic sources: a wee fraction of the data available</p>

<p>There comes a time in every Web maintainer's life when the boss or client asks to see the Web stats for the past 6 months/year/5 years or what have you. Ideally you or your server administrator set this up long ago; you&mdash;being equally keen to understand the usage patterns of your site, and to use that knowledge to improve your content&mdash;check them on a regular basis, and can provide the information immediately.</p>

<p>Then again, if you've been busy building and updating sites, this may be one of those projects that has been patiently waiting on your to-do list. If your server doesn't have analytics software pre-installed, and you've not yet installed any yourself, now&mdash;before the boss asks&mdash;is the time to do so. </p>
<h5>This is particularly important for users who host sites on the main Case server.</h5>
<p> Since upgrading the Web server, we have switched from using Aurora Stats to using Google Analytics on our sites. Where in the past you would have run a monthly report using the A.P.A.S. utilities, now you just install your tracking code once&mdash;after which you can view your data at any time. (We are also exploring additional server-based analytics software that we may install in the future to augment what is available through Google.) </p>

<h5>Getting Started</h5>
<p>To begin the process go to <a href="http://www.google.com/analytics">http://www.google.com/analytics</a>. If you have an existing Google account you can login here to set up your analytics account. If you don't already have a Google account you can sign up to create one. </p> 

<h5>Creating your site profile </h5>
<ol>
<li>Login to Google Analytics, then select "<strong>Analytics Settings</strong>"</li>
<li>Click on <strong>Add Web site Profile</strong> </li>
<li>Choose your profile type. If this is the first time you are setting up analytics, choose <em>new domain</em>. If you are adding another Web site within the same domain, choose <em>existing domain</em>. In this example we'll choose new.</li>
<li>Type or paste in the URL of your site's domain. Note: If your site, like many Case sites, does not reside on the root of the domain, do not include the full path to your site, only include the domain. A complete URL, such as <strong>www.case.edu/community</strong>, will give you an error message as pictured here. Instead just include <strong>www.case.edu</strong> or whatever domain you use. (You will modify this later in step 13.)
<p><img alt="Create Profile" src="http://blog.case.edu/webdev/2008/06/18/googlenewprofile.jpg" width="500" height="341" /> </p></li> 
<li>Select your location and time zone then click continue</li>
<li>On the Tracking Code page, you will see 2 options. Select <strong>New Tracking Code (ga.js)</strong>. This will give you the tracking code for your site. The code will look something like this:
<p class="code">&lt;script type=&quot;text/javascript&quot;&gt;<br />
  var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);<br />
  document.write(unescape(&quot;%3Cscript src='&quot; + gaJsHost + &quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;));<br />
  &lt;/script&gt;<br />
  &lt;script type=&quot;text/javascript&quot;&gt;<br />
  var pageTracker = _gat._getTracker(&quot;<span class="cran">UA-1279047-11</span>&quot;);<br />
  pageTracker._initData();<br />
  pageTracker._trackPageview();<br />
  &lt;/script&gt; </p></li>
<li>Add the code to your site
<p><strong>Instructions for those on the main Case server</strong></p>
<ol><li>Create a new blank file in Dreamweaver or any plain text editor and copy the tracking number into the file. In our example the number is <span class="cran">UA-1279047-11</span> as shown in red.</li>
<li>Save this file as <strong>.googleanalytics</strong>. In Dreamweaver select "all files" in the "save as type" dropdown box to make sure no extension is added to the filename. If your program saves it as something like .googleanalytics.html or .googleanalytics.txt simply exit the file and rename it without the extension.</li>
<li>Upload this file to the root or main directory level of your site.  The server will use this file to embed the code into your pages.</li></ol>

<p><strong>Instructions for those on other servers</strong></p>
<ol>
  <li>Copy the full code provided by Google and paste it into the bottom of each of your Web pages immediately above &lt;/body&gt;. If you are using server side includes (ssi), templates or some other method for including standard content across your site, you can put this in which ever file controls the lowermost content on your pages. I generally put mine in the bottom of the .ssi file I use to include the footer on my pages. </li>
  <li>Upload your edited pages to your site.</li>
</ol>
</li>
<li> Click the Finish button. This will take you back to the Analytics Settings page. If you have a site at the top level of your domain and everything was installed correctly you should see &quot;<strong>Tracking code installed</strong> <strong>Waiting for Data</strong>&quot; under the status column to the right of your profile listing. Your installation is now complete and you can return in 24 hours to see your data. </li>
<li>If, like accounts on the main Case server, your site is hosted in a subdirectory within your domain, you will see &quot;<strong>Tracking code not detected</strong>&quot; under the status column. This is perfectly normal and will be remedied in the following steps.</li>
<li>Click <strong>Edit</strong> under the Settings column to the right of your profile listing. This will take you to the profile settings for your site. </li>
<li>Click <strong>Edit</strong> in the upper right corner of the <strong>Main
    Web site Profile Information</strong> box. </li>
<li>Change the name of your profile to one of your choosing.</li>
<li>Replace your domain URL with the complete URL for your site. In our example we're using <a href="http://www.case.edu/community/">http://www.case.edu/community/</a>. </li>
<li>Type in the name of your default page. On the main Case servers we use index.html as the default pages within directories. Other servers may use default.html. If you're not sure, check with your server administrator or Web hosting provider. 
<p><img alt="Edit Profile" src="http://blog.case.edu/webdev/2008/06/18/googleeditprofile.jpg" width="500" height="341" />
</p>

</li>
<li>Click <strong>Save Changes</strong> to return to the Profile Settings page. On this page you can click on &quot;Check Status&quot; to make sure everything is working. It may take a minute or two for Google to process everything after which it should say  &quot;<strong>Waiting for Data - <br />
  Analytics has been successfully installed and data is being gathered now</strong>.&quot; Your installation is now compete.  
</li>
</ol> 

<p>Additional <a href="https://www.case.edu/webservices/analytics.html">reference materials and instructions</a> have also been provided by ITS as part of the new <a href="https://www.case.edu/webservices/index.html">Aurora Project Administration System (APAS) Toolkit</a> (login required).</p>

<h5>Tracking .pdf, .mp3 and other downloadable files</h5>
<p>As one of our campus Web maintainers recently observed, Google Analytics doesn't track downloadable files such as .pdf's by default. Google offers a way to do this by <a href="http://www.google.com/support/analytics/bin/answer.py?hl=en&amp;answer=55529">adding a small bit of code to each download link</a>, but this requires you to edit each applicable link and move your tracking code towards the top of the page.</p> 
<p>If you would prefer to install this on a site wide basis I recommend using the <a href="http://www.goodwebpractices.com/roi/track-downloads-in-google-analytics-automatically.html">javascript solution</a> offered by <a href="http://www.goodwebpractices.com/">Good Web Practices</a>. With this method you simply download their <a href="http://www.goodwebpractices.com/downloads/gatag.js">Google Analytics link tracking JavaScript</a>, save it to a scripts directory on your site, and add &lt;script src=&quot;http://www.yoursite.com/scripts/gatag.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; immediately before the Google tracking code you installed at the bottom of your pages. Those of you using the Case .googleanalytics file method should add this to the bottom of your pages just above &lt;/body&gt;&mdash;the same way maintainers not on the main server did to add the tracking code in step 7.</p>


<h5>Advanced Techniques in Google Analytics</h5>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="425" height="344" id="myFlashContent">
				<param name="movie" value="http://www.youtube.com/v/jc4qMnbBvJo&amp;hl=en" />
				<param name="wmode" value="opaque" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/jc4qMnbBvJo&amp;hl=en" width="425" height="344">
					<param name="wmode" value="opaque" />
				<!--<![endif]-->

					<a href="http://www.adobe.com/go/getflashplayer">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
  </object></p>
  
  <h5>Analytics Resources</h5>
<ul>
  <li><a href="http://www.toprankblog.com/2008/02/5-google-analytics-features/">5 Lesser Known Google Analytics Features</a></li>
  <li><a href="http://www.google.com/support/googleanalytics/?hl=en">Google Analytics Help Center</a></li>
  <li><a href="http://analytics.blogspot.com/">Google Analytics Blog</a></li>
  <li><a href="http://www.blahblahtech.com/2007/05/google-put-the-anal-into-analytics.html">Google put the anal into Analytics</a></li>
  <li><a href="http://books.google.com/books?hl=en&amp;id=g3sWkbuPTQcC&amp;dq=web+analytics&amp;printsec=frontcover&amp;source=web&amp;ots=LLn-Hmyd0K&amp;sig=swt7JnjqJHNCAyL2-6E0TVV0A7A&amp;sa=X&amp;oi=book_result&amp;resnum=5&amp;ct=result#PPA52,M1">Web Analytics Demystified: A Marketer's Guide to Understanding How Your
  Web</a></li>
  <li><a href="http://en.wikipedia.org/wiki/Web_analytics">Wikipedia: Web Analytics</a></li>
</ul>]]></content:encoded>
      


    </item>


</channel>
</rss>