<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Unstuck Digital &#187; Web Development</title> <atom:link href="http://unstuckdigital.com/category/web-development/feed/" rel="self" type="application/rss+xml" /><link>http://unstuckdigital.com</link> <description>Creative Online Marketing for Small Business</description> <lastBuildDate>Tue, 13 Jul 2010 01:30:06 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>10 Sad Website Mistakes Small Businesses Make</title><link>http://unstuckdigital.com/10-sad-small-business-website-mistakes/</link> <comments>http://unstuckdigital.com/10-sad-small-business-website-mistakes/#comments</comments> <pubDate>Mon, 03 May 2010 17:25:03 +0000</pubDate> <dc:creator>Mike Tekula</dc:creator> <category><![CDATA[Small Business Marketing]]></category> <category><![CDATA[Usability]]></category> <category><![CDATA[Web Design]]></category> <category><![CDATA[Web Development]]></category><guid
isPermaLink="false">http://unstuckdigital.com/?p=3718</guid> <description><![CDATA[Do you enjoy reading mission statements? How about &#8220;welcome to our website&#8221; messages? Photos of jigsaw puzzles and handshakes? No? That&#8217;s weird, because if we&#8217;re to learn from the examples set by our small business peers, this stuff is the friggin cat&#8217;s pajamas. Why would anybody do this stuff if nobody wanted to see it? Because [...]]]></description> <content:encoded><![CDATA[<p></p><div
class="tweetmeme_button" style="float: left; margin-left: 10px; margin-bottom:10px;"> <a
href="http://api.tweetmeme.com/share?url=http%3A%2F%2Funstuckdigital.com%2F10-sad-small-business-website-mistakes%2F"><br
/> <img
src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Funstuckdigital.com%2F10-sad-small-business-website-mistakes%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br
/> </a></div><p><img
class="size-full wp-image-3728 aligncenter" title="crying-baby" src="http://unstuckdigital.com/wp-content/uploads/2010/04/crying-baby.jpg" alt="" width="275" height="184" /> Do you enjoy reading mission statements?</p><p>How about &#8220;welcome to our website&#8221; messages? Photos of jigsaw puzzles and handshakes?</p><p>No?</p><p>That&#8217;s weird, because if we&#8217;re to learn from the examples set by our small business peers, this stuff is the friggin cat&#8217;s pajamas. Why would anybody do this stuff if nobody wanted to see it?</p><p>Because they suck, that&#8217;s why. And if you don&#8217;t want to suck too, here are ten things you probably shouldn&#8217;t do on your website.</p><p><span
id="more-3718"></span></p><h2>1. Flash-driven design</h2><p>Oooh &#8211; it moves!</p><p>I would have liked to think a few years ago that I wouldn&#8217;t be including this as the first item in such a list, but I guess some things improve a little slower than we&#8217;d like.</p><p>Let&#8217;s get this straight: <a
href="http://unstuckdigital.com/flash-seo/">Flash-driven design kills your search engine visibility</a>. That means Google won&#8217;t love you. Google won&#8217;t even see you. Not even if you do your hair just right and wear your skinny jeans.</p><p>Not convinced? Jakob Nielsen, maybe the foremost usability expert in the world, says <a
href="http://www.useit.com/alertbox/20001029.html" target="_blank">Flash is 99% bad</a>. Think you&#8217;re home building website is in that good 1%? Lovely thought, but no. Not only are you shitting on Google&#8217;s head, but also the heads of your users. And that&#8217;s foul.</p><h2>2. The Flash intro movie</h2><p>This is the retarded cousin of the full-Flash website.</p><p>&#8220;Hey, what if we had our logo come in from somewhere off in the distance, really slowly&#8230;and then, once it&#8217;s fully visible, we&#8217;ll have the words, &#8216;integrity&#8217;, &#8216;innovation&#8217; and &#8216;experience&#8217; fly across&#8230;then we&#8217;ll-&#8221; STOP IT!</p><p>How long do you think you&#8217;ve got to grab you user&#8217;s attention? Hint: it isn&#8217;t 2 minutes. More like 10 seconds.</p><p>Most people won&#8217;t wait for your intro movie to play. They&#8217;ll either skip it or leave. So do your users, and yourself, a favor and ditch the idea.</p><h2>3. &#8220;Welcome to our website&#8221;</h2><p>This is another thing that should have gone the way of the <a
href="http://en.wikipedia.org/wiki/Pogs" target="_blank">pog</a> but still seems to be clinging like crap on a yak.</p><p>People don&#8217;t like to read much online. They just don&#8217;t. So most of your copy? They&#8217;re going to scan it (if you&#8217;re lucky).</p><p>Why do you want to squander an already-tiny attention span on a headline with a central goal of reminding people where they are. You&#8217;re begging for a &#8220;no shit&#8221; response.</p><p>Unless your design is completely ass-backwards, people should have some idea of where they are just from glancing at the top of the site &#8211; where your logo and, ideally, a tagline or short description of your business should be.</p><h2>4. We-speak</h2><p>&#8220;We operate a fleet of vehicles&#8230;&#8221;</p><p>&#8220;Our team of experts is trained in&#8230;&#8221;</p><p>&#8220;We are certified to work on&#8230;&#8221;</p><p>Listen: nobody cares.</p><p>Your users are interested in the answer to one core question: <a
href="http://www.conversionrate.com.au/wiifm-the-most-important-question-to-ask-about-your-marketing/" target="_blank">what&#8217;s in it for me</a>?</p><p>If your content doesn&#8217;t answer this question in short fashion, you fail. End of story.</p><h2>5. Saying too little</h2><p>OK, so we know people don&#8217;t particular enjoy reading website content.</p><p>But the idea isn&#8217;t to shut up entirely and communicate with hieroglyphics or vague statements like, &#8220;we create business solutions.&#8221;</p><p>Get direct about what you do, especially the value you provide, and tell the story of how you help your customers.</p><p>This isn&#8217;t a resume cover letter where you need to herald your achievements and qualities (nobody reads those either). This is your one chance to get through to a human being on the other end who may need, or want, what you can provide. Speak to them openly about what you&#8217;re offering, and give them the information they need (like <a
href="http://www.doshdosh.com/social-proof-optimization/" target="_blank">social proof</a>) to make their decision.</p><p>Give them a clear call to action, and <em>then</em> shut up.</p><h2>6. Content that ignores search traffic</h2><p>No, SEO is not the goal of content &#8211; but it&#8217;s a nice by-product if you do things right.</p><p>If you don&#8217;t do any <a
href="http://www.copyblogger.com/keyword-research/" target="_blank">keyword research</a> before you start creating your content, you&#8217;re ignoring an opportunity to tap into the language your market uses to describe their problems (and the solutions they have in mind).</p><p>The language you use to describe what you do doesn&#8217;t matter when it comes to marketing. You&#8217;ve got to use the language your <em>customers</em> use.</p><p>When you do this right, the content on your pages matches the keywords your customers use to search. Then you&#8217;ve got a fighting chance to show up in the search results in front of people who need your stuff.</p><h2>7. Overly-technical content</h2><p>Similar to above, when you&#8217;re engrossed in technical work every day your language can start sounding like Klingon to the rest of us.</p><p>When you talk about your business the way your industry trade journals do, watch for the blank stare.</p><p>&#8220;We&#8217;re experienced in flux capacitor repair and carry top-of-the-line moisture evaporators&#8230;&#8221;</p><p>Yeah, that&#8217;s right, I just combined Back to the Future and Star Wars in one lame joke.</p><p>Does it really matter to you what&#8217;s technically involved in what your plumber does to make the poop go away like it&#8217;s supposed to?</p><p>You may love the technical side of your work, but if your language goes over your users&#8217; heads you&#8217;ll lose them. They already will <a
href="http://www.useit.com/alertbox/percent-text-read.html" target="_blank">read only 20%</a> of the copy on your page &#8211; do you want that 20% to be words they don&#8217;t understand?</p><h2>8. No clear call to action</h2><p>Once you&#8217;ve answered the question, &#8220;what&#8217;s in it for me&#8221; (see #4 above), your work moves to answering another question: &#8220;what do I do now?&#8221;</p><p>Nothing loses a user faster than the lack of a clear <a
href="http://www.uxbooth.com/blog/good-call-to-action-buttons/" target="_blank">call to action</a>.</p><p>And including your address and phone number somewhere in your footer does<em> </em><strong>not</strong> qualify.</p><p><a
href="http://www.sitepoint.com/blogs/2009/10/13/make-a-big-beautiful-call-to-action-button-in-photoshop/" target="_blank">Big, beautiful and shiny buttons</a> work best. The point is to make it obvious.</p><p>It isn&#8217;t that your users can&#8217;t figure it out by looking around. They&#8217;re smart people. The problem is, every one of us is a lazy bastard when it comes to web browsing. Make us work or think, and we get spiteful and leave. We <em>could</em> figure it out, but we won&#8217;t.</p><h2>9. Zero inbound links or promotion</h2><p>OK this one strikes a particular chord in me.</p><p>I help small businesses get more targeted web traffic (primarily through search engines). And many of the people who come to me have no idea that getting traffic can often be more work than building the website.</p><p>There is no such thing as a good &#8220;location&#8221; online. There&#8217;s no foot traffic. Nobody is going to happen upon your website &#8211; they have to be pointed to it.</p><p>If you take no steps to promote your website, and attract no links to it from other websites, you&#8217;ll flounder around in a tepid pool of nobody-loves-us.</p><p>Part of marketing online involves actually spreading the word (I know, novel concept). Having a nice looking website is a fine start, but if you want anybody to see the thing need a <a
href="http://www.seobook.com/link-building-ideas-small-business" target="_blank">strategy for building links</a> and attention.</p><h2>10. Hiding your people</h2><p>Who works for you?</p><p>Do they matter?</p><p>If you don&#8217;t think so, you&#8217;re probably a shitty boss. Hit yourself.</p><p>If they matter, why don&#8217;t you give them faces on your website?</p><p>One of the few advantages of being a small business is the close-knit, quirky personality that lends personality to your marketing (if you let it).</p><p><a
href="http://www.copyblogger.com/popular-blogger/" target="_blank">People want to hire other people they like</a>. So let your people shine.</p><p>What kind of sad mistakes do you see small businesses making on their websites? Share in the comments.</p> ]]></content:encoded> <wfw:commentRss>http://unstuckdigital.com/10-sad-small-business-website-mistakes/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>How To Turn Your Marketing Into Solid Gold</title><link>http://unstuckdigital.com/piss-gold-scarcity/</link> <comments>http://unstuckdigital.com/piss-gold-scarcity/#comments</comments> <pubDate>Wed, 10 Mar 2010 15:30:47 +0000</pubDate> <dc:creator>Mike Tekula</dc:creator> <category><![CDATA[General]]></category> <category><![CDATA[SEO Developments]]></category> <category><![CDATA[Web Development]]></category><guid
isPermaLink="false">http://unstuckdigital.com/?p=3228</guid> <description><![CDATA[All marketers tell stories. Stories are how we convince people to take that leap of faith &#8211; to give us their attention, subscribe to our content and, ideally, buy from us at some point. That may sound a little slimy and manipulative until you consider that not everyone who tells stories is making stuff up. [...]]]></description> <content:encoded><![CDATA[<p></p><div
class="tweetmeme_button" style="float: left; margin-left: 10px; margin-bottom:10px;"> <a
href="http://api.tweetmeme.com/share?url=http%3A%2F%2Funstuckdigital.com%2Fpiss-gold-scarcity%2F"><br
/> <img
src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Funstuckdigital.com%2Fpiss-gold-scarcity%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br
/> </a></div><p><img
class="flt-rt white-bg" style="border: 0px initial initial;" title="brand" src="http://unstuckdigital.com/wp-content/uploads/2010/03/brand.jpg" alt="brand" width="196" height="208" /></p><p>All marketers tell stories.</p><p>Stories are how we convince people to take that leap of faith &#8211; to give us their attention, subscribe to our content and, ideally, buy from us at some point.</p><p>That may sound a little slimy and manipulative until you consider that not everyone who tells stories is making stuff up.</p><p><a
href="http://bit.ly/third-tribe" target="_blank">Third Tribe Marketing</a>* is about telling the true story of the benefits brought on by what you&#8217;re selling in a compelling and transparent way.  It&#8217;s about teaching and providing value first, asking for the sale second.</p><p><span
id="more-3228"></span></p><p>The truth is that many marketers <em>are</em> charlatans, and online, where there&#8217;s still some anonymity, the gloves are off. If you&#8217;ve had any naive Utopian notions of the world a few years on the web will clear that up quite nicely.</p><p>How many &#8220;systems&#8221; for making money online have you come across?</p><p>How many of them do you think work?</p><p>Truly reliable methods for online marketing success are scarce. And there&#8217;s a good reason for that.</p><h2>Scarcity begets value</h2><p>Alchemy was the study of the transmutation of metals.</p><p>Think of it as a cross between blacksmithing, chemistry and witchcraft.</p><p>Most alchemists were trying to find the Philosopher&#8217;s Stone &#8211; a technique that would turn basic metals like lead into pure gold. This went on for some 2,500 years.</p><p>Since most guys were working with metal, some alchemists turned their focus to less obvious materials.</p><p>Like pee.</p><p>Hennig Brand was a German alchemist. And rather than try to create gold from lead or another metal (others had tried), Hennig focused his efforts on urine.</p><p>Hennig spent years working with urine. Letting it sit, combining it with other ingredients, heating it &#8211; it&#8217;s hard to imagine he had much of a social life.</p><p>Long story short: sorry kids, you can&#8217;t make gold from pee. Put away the measuring cups. (Though it did turn out you can make <a
href="http://en.wikipedia.org/wiki/Phosphorus" target="_blank">phosphorous</a>.)</p><p>But what if Hennig had succeeded? What if he found a way to turn pee into gold? Wouldn&#8217;t he and his benefactors be rich beyond all imagination?</p><p>Maybe for a minute.</p><p>What the whole idea of turning something cheap and abundant, like pee, into gold misses is the fact that as soon as you take away the scarcity you take away the value.</p><p>In other words, you can&#8217;t turn piss into gold &#8211; but even if you could, you&#8217;d really be turning gold into piss at the same time (at least from a value perspective).</p><p>We&#8217;d all be peeing gold, and as soon as that was common-knowledge it&#8217;d be no big deal (and gold would be worthless).</p><p>And suddenly silver would be the metal to own.</p><p>The marketing parallel: as soon as an effective technique is popularized the market or loophole is flooded and the value evaporates.</p><h2>Learn to enjoy the work</h2><p>There&#8217;s some bad news: if you&#8217;re looking for easy money online you&#8217;re going to fail.</p><p>That isn&#8217;t to say that there isn&#8217;t money to be made. On the contrary: the web is the among the greenest of economic pastures. And it isn&#8217;t going anywhere.</p><p>But you&#8217;ve got to do the work &#8211; and, more importantly, you&#8217;ve got to enjoy the work in the mean time. Because guess what comes after the work?</p><p>More of it.</p><p>That can be a good thing so long as you&#8217;re getting into work that is right for you.</p><p>It&#8217;s never going to fall in your lap. If you&#8217;re doing things right chances are you&#8217;ll be facing a hard slog for the first year before you start gaining momentum. That&#8217;s reality. Show me a simple/cheap/fast way to overnight success, and I&#8217;ll show you a stinking pile of dung.</p><p>The real value here, the scarcity you can achieve, is in being one of the few who pushes through <a
href="http://sethgodin.typepad.com/the_dip/" target="_blank">the dip</a>.</p><h2>Get equipped and get going</h2><p>So the idea is to forget looking for a system and start looking for tools.</p><p>Where do you get the tools? It&#8217;ll depend on what you&#8217;re after. But as a start, here are two blogs that I never miss:</p><ul><li><a
href="http://www.copyblogger.com" target="_blank">Copyblogger</a></li><li><a
href="http://seth.typepad.com" target="_blank">Seth Godin</a></li></ul><p>Both will send you in good directions.</p><p>These are survival guides. Money systems are treasure maps &#8211; which are always either bogus or in your hands too late. Either way, no doubloons. The survival guide, on the other hand, will save your ass.</p><p>Chances are you&#8217;ll take all of the great advice and tools out there and screw up anyway. Repeatedly. There&#8217;s simply no way to tell what&#8217;s going to work for you. The only way to move forward is to try something, fail, adjust, try something, fail, adjust&#8230;</p><p>After a while of that you&#8217;ll start to find bits of gold in the pile of coal you started with.</p><p>If that all sounds disagreeable to you feel free to seek out the next foolproof system. We&#8217;ll <a
href="http://bit.ly/third-tribe" target="_blank">still be here</a>* when you&#8217;re ready.</p><p><em>* Affiliate Link to the Third Tribe Marketing program.</em></p> ]]></content:encoded> <wfw:commentRss>http://unstuckdigital.com/piss-gold-scarcity/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>7 Ways to Use CSS to Rank Better</title><link>http://unstuckdigital.com/9-css-tricks-to-rank-better/</link> <comments>http://unstuckdigital.com/9-css-tricks-to-rank-better/#comments</comments> <pubDate>Thu, 12 Nov 2009 01:23:03 +0000</pubDate> <dc:creator>Mike Tekula</dc:creator> <category><![CDATA[Web Development]]></category><guid
isPermaLink="false">http://unstuckdigital.com/?p=2335</guid> <description><![CDATA[I used to write the worst code in the world. It was sloppy, bloated and choked search engine crawlers like a boney chicken sandwich. Then I learned the right way to use CSS. I learned it from Andy Budd, Simon Collison and Cameron Moll in a phenomenal book called CSS Mastery that should be on [...]]]></description> <content:encoded><![CDATA[<p></p><div
class="tweetmeme_button" style="float: left; margin-left: 10px; margin-bottom:10px;"> <a
href="http://api.tweetmeme.com/share?url=http%3A%2F%2Funstuckdigital.com%2F9-css-tricks-to-rank-better%2F"><br
/> <img
src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Funstuckdigital.com%2F9-css-tricks-to-rank-better%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br
/> </a></div><p>I used to write the worst code in the world.</p><p>It was sloppy, bloated and choked search engine crawlers like a boney chicken sandwich.</p><p>Then I learned the right way to use CSS. I learned it from Andy Budd, Simon Collison and Cameron Moll in a phenomenal book called <a
href="http://www.amazon.com/gp/product/1430223979?ie=UTF8&amp;tag=unstudigit-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=1430223979">CSS Mastery</a> that should be on every front-end developer&#8217;s bookshelf.</p><p><img
class="alignnone size-full wp-image-2407 white-bg" title="css-mastery" src="http://unstuckdigital.com/wp-content/uploads/2009/10/css-mastery.jpg" alt="css-mastery" width="250" height="188" /></p><p>That&#8217;s my copy looking well-worn from years of use.</p><p>Here&#8217;s the thing: search engines love clean code. When you give it to them your websites tend to rank better.</p><p>But if you learned how to build websites with tables and &lt;font&gt; tags chances are your code isn&#8217;t clean. Your pages are probably overloaded with extraneous crap that search crawlers don&#8217;t need or want.</p><p>Using CSS properly gets all of your presentational code out of the way so search crawlers can focus on what they want: your content. It&#8217;s also from an SEO standpoint in various other ways.</p><p>Here are seven ways you can use CSS to improve your search rankings.</p><p><span
id="more-2335"></span></p><h2>1. Clean up your code</h2><p>When code gets bloated the signal to noise ratio gets out of control. The result is code that search crawlers can&#8217;t make sense of (not to mention developers trying to get maintenance/updates done).</p><p>The beauty of CSS summed up: it keeps your styles separate from your content.</p><p>From an SEO standpoint this is great &#8211; search crawlers get straight to the content with none of the code that sets colors/fonts/sizes getting in the way. And your design can stay glorious. Everyone&#8217;s happy.</p><h2>2. CSS-driven drop-down menus</h2><p>Drop-down menus are nifty and add a level of usability to your website &#8211; especially when your site architecture requires multiple levels of links.</p><p>But building them from scratch sucks. So most of us grab scripts from around the web and frankenstein them into our designs to speed up development.</p><p>The problem: many of these scripts use JavaScript to construct the link lists.</p><p>There&#8217;s nothing wrong with JavaScript. It powers much of web as we know it today. But when you hide your link code inside JavaScript search engines don&#8217;t see it.</p><p>CSS-driven drop-down menus are search-friendly, because they use CSS (with some slight JavaScript) to appear/disappear. When a search crawler hits your page all of the links are visible in the source code. This promotes a &#8220;flat&#8221; site architecture &#8211; or one where most of your pages, even the deep ones, are linked from the home page &#8211; helping spread the link juice to them.</p><p>Here are some SEO-friendly CSS drop-down scripts to consider using for your next project:</p><ul><li><a
href="http://htmldog.com/articles/suckerfish/dropdowns/" target="_blank">Son of Suckerfish Dropdowns</a> from HTML Dog</li><li><a
href="http://www.projectseven.com/tutorials/navigation/auto_hide/" target="_blank">CSS Express Drop-Down Menus</a> from Project VII</li><li><a
href="http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm" target="_blank">Chrome CSS Drop Down Menu</a> from DynamicDrive</li></ul><h2>3. Hidden/expandable DIVs</h2><p>Sometimes a design calls for having a portion of the page &#8220;expand&#8221; to reveal more text or other content when a user rolls over with their mouse or clicks a link/button.</p><p>Sometimes these hidden areas are driven by JavaScript &#8211; again, this delivers the desired functionality, but from a search crawler standpoint the content is invisible.</p><p>Using CSS you can create a hidden &lt;div&gt; (which is a generic container), set it to be &#8220;invisible&#8221; and trigger it to appear when a user mouses over or otherwise activates it &#8211; and you can do it in a way that keeps all of the code visible to search engines.</p><p>There&#8217;s a <a
href="http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/" target="_blank">great example of this</a> at RandomSnippets.com (complete with the code that drives the action).</p><h2>4. Use images for headings without sacrificing the text</h2><p>Often times your design guidelines require you to use a certain font for your headings and other elements. But only a handful of fonts are &#8220;web safe&#8221; &#8211; meaning they&#8217;re standard to most operating systems and browsers so your users will see them.</p><p>The normal approach to this problem is to use an image instead of text to achieve the look you&#8217;re going for.</p><p>The problem: search engines can&#8217;t read words in images.</p><p>CSS provides a pretty painless solution &#8211; use image replacement to hack the text back into your heading.In other words, you get to keep your heading image AND your text (so search engines can read it).</p><p>Here are two methods to do this that are simple and quick:</p><ul><li><a
href="http://phark.typepad.com/phark/2003/08/accessible_imag.html" target="_blank">Phark</a></li><li><a
href="http://snipplr.com/view/14445/accessible-image-replacement--gilderlevin-method/" target="_blank">Gilder/Levin method</a></li></ul><h2>5. Use images for links without sacrificing the text</h2><p>Sometimes you can&#8217;t get that top navigation bar looking just right without using images for the buttons. But anchor text is important.</p><p>You could use ALT text to indicate the text in the images &#8211; and this will give the search engines a hint. But if you&#8217;re using background images with CSS for your links you won&#8217;t have this option.</p><p>Setting the &#8220;title=&#8221; attribute in your links will also give some indication &#8211; but it pales in comparison to including actual anchor text.</p><p>With CSS you can use images for your links while still including anchor text in the code.</p><p>One easy way: set your &#8220;text-indent&#8221; property to -9999px;. This essentially pushes the text off the page, leaving the image viewable. This is the same method as the Phark method listed above.</p><p><em>Note: don&#8217;t get funny with this and try stuffing keywords into your links since they won&#8217;t be viewable. If you get a manual review from someone on a search engine&#8217;s spam team your site will be smacked.</em></p><h2>6. Speed up load times</h2><p>Load times are a concern for search engines. Crawlers will only spend so much time parsing your pages (depending on how important they think the pages are). That means if you have pages that contain a lot of content and features chances are search crawlers won&#8217;t bother with the whole thing.</p><p>Not to mention the usability issues you create with slow page loads.</p><p>Another thing to keep in mind: Google Webmaster Tools shows you how much time Googlebot spends downloading pages at your website. Think about it: why would Google store this information if page load time was not a concern for their crawler? Do you think Google wants to send their users to pages that take 5-6 seconds to load?</p><p>Using CSS properly can chop page load times significantly. It frees your site of &lt;font&gt; tags, &lt;table&gt; tags and many of the other extraneous code that drags down your site performance.</p><h2>7. Control code order</h2><p>With most CSS-driven designs you can actually change the order of elements in your source code without effecting the design. This is because the presentation (the position, size, layout, color, etc) of elements is entirely separate from the code.</p><p>Why is this useful for SEO?</p><p>There&#8217;s a little issue with the way Google crawls links on to your internal pages. They only count the first anchor text they find.</p><p>That means if you link to your Services page with the text &#8220;Services&#8221; in your main navigation, but then link with anchor text &#8220;Widget Repair Services&#8221; somewhere in the body of your home page only the first anchor text will count.</p><p>So tweaking your footer links and body links won&#8217;t help if the same pages are linked to in your header.</p><p>CSS gives you a unique opportunity: to visually place an element independent of its position in the source code.</p><p>For example: if your left navigation column occurs first in the source code, followed by your body, or right, column, you can&#8217;t use internal links in the body to optimize those lower-level pages (because they&#8217;re already linked to in the navigation). With CSS you can swap the columns in the source code without effecting the visual design. So when Googlebot comes along it&#8217;ll first scan the links in your body copy, count the anchor text there and ignore the anchor text it sees later when it scans down to your navigation.</p><p>These are just a few of the ways working with CSS can improve SEO. If anyone knows of some other CSS tricks that help with SEO please feel free to drop them into the comments.</p> ]]></content:encoded> <wfw:commentRss>http://unstuckdigital.com/9-css-tricks-to-rank-better/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>10 Reasons (Other than SEO) Not to Build Your Website in Flash</title><link>http://unstuckdigital.com/10-reasons-not-to-build-your-website-flash/</link> <comments>http://unstuckdigital.com/10-reasons-not-to-build-your-website-flash/#comments</comments> <pubDate>Fri, 11 Sep 2009 14:15:10 +0000</pubDate> <dc:creator>Mike Tekula</dc:creator> <category><![CDATA[Web Development]]></category><guid
isPermaLink="false">http://unstuckdigital.com/?p=2221</guid> <description><![CDATA[The problems Flash creates for SEO are well-documented. I covered the topic in April. Less-often discussed are the numerous reasons, other than SEO, that building a website with Flash is the lame sauce. 1) It takes longer (increasing costs) It takes a developer more time to build a Flash page than an HTML page. Period. [...]]]></description> <content:encoded><![CDATA[<p></p><div
class="tweetmeme_button" style="float: left; margin-left: 10px; margin-bottom:10px;"> <a
href="http://api.tweetmeme.com/share?url=http%3A%2F%2Funstuckdigital.com%2F10-reasons-not-to-build-your-website-flash%2F"><br
/> <img
src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Funstuckdigital.com%2F10-reasons-not-to-build-your-website-flash%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br
/> </a></div><p
style="text-align: center;"><img
class="aligncenter" src="http://www.unstuckdigital.com/img/posts/flashlogo.jpg" alt="" width="150" height="138" /></p><p>The problems Flash creates for SEO are well-documented. <a
href="http://unstuckdigital.com/flash-seo/">I covered the topic in April.</a></p><p>Less-often discussed are the numerous reasons, other than SEO, that building a website with Flash is the lame sauce.</p><p><span
id="more-2221"></span></p><h2><img
class="alignnone size-full wp-image-2239 white-bg h2" title="time" src="http://unstuckdigital.com/wp-content/uploads/2009/09/time.jpg" alt="time" width="470" height="134" /></h2><h2>1) It takes longer (increasing costs)</h2><p>It takes a developer more time to build a Flash page than an HTML page. Period.</p><p>Add fancy animations and interactive elements and development time skyrockets.</p><p>When you&#8217;re paying a developer, time = money. That doesn&#8217;t mean you cut corners to save time and lower your overall costs, but consider whether that intro movie is really adding value to your user&#8217;s experience. Chances are it isn&#8217;t.</p><h2><img
class="alignnone size-full wp-image-2240 white-bg h2" title="maintenance" src="http://unstuckdigital.com/wp-content/uploads/2009/09/maintenance.jpg" alt="maintenance" width="470" height="134" /></h2><h2>2) Maintenance is more involved and costly</h2><p>How often do you change something on your website?</p><p>Once a month? Once a week?</p><p>With a Flash-driven site adding pages or tweaking content isn&#8217;t straightforward. The developer often needs to go back to the original website file, navigate to the right section, make the change you&#8217;ve requested, re-export the website file and upload it to the server. They might have to tweak the ActionScript code (Flash&#8217;s programming language).</p><p>Compare this to making a change on a WordPress site, where you yourself can log in and make the change instantaneously &#8211; no coding or uploading required.</p><p>Depending on what you&#8217;re paying your developer for edits the costs here can really add up. If you plan to have your website updated regularly you&#8217;ll probably want to stay away from Flash.</p><h2><img
class="alignnone size-full wp-image-2241 white-bg h2" title="flashy" src="http://unstuckdigital.com/wp-content/uploads/2009/09/flashy.jpg" alt="flashy" width="470" height="134" /></h2><h2>3) Flashy doesn&#8217;t mean usable</h2><p>You ever sit down with a salesman who&#8217;s on autopilot?</p><p>You walk into the room and he&#8217;s off and running, tearing through a script he&#8217;s practiced hundreds of times. Waving his arms. Pointing his fingers. Smiling widely. Not a care in the world for what you&#8217;re saying.</p><p>Flash websites are like that salesman.</p><p>You land at them, they start spinning around, dancing, lights are going off, music is playing &#8211; meanwhile you&#8217;re just looking for a phone number.</p><p>And forget about bookmarking pages or avoiding the song and dance the next time you return. Most Flash websites live on a single URL (the home page) and run through the same introduction every time the page is refreshed.</p><p>Flash websites are usually too busy showing off their tricks to actually serve users&#8217; needs.</p><h2><img
class="alignnone size-full wp-image-2242 white-bg h2" title="tracking" src="http://unstuckdigital.com/wp-content/uploads/2009/09/tracking.jpg" alt="tracking" width="470" height="134" /></h2><h2>4) You lose the ability to track user behavior</h2><p>If I had to pick the most important advantage of online marketing over traditional offline methods, I&#8217;d pick trackability.</p><p>The ability to track where your visitors came from and what they did when they arrived is so crucial. It allows you to optimize your online marketing spend, focusing on the traffic that pays the bills and chopping out the dead wood.</p><p>Most analytics platforms (including Google Analytics, which we use for UnstuckDigital.com) track behavior based on page views. In other words, every time a page loads, information about the last page, the time so far spent on the website, the referral source (how the user found your site), etc is all recorded (or re-recorded).</p><p>The problem? Most Flash websites load on a single URL. The home page. That&#8217;s it. So when a visitor hits your site and starts viewing pages, the most you&#8217;re going to track is where they came from and how long they spent. That&#8217;s it. Not enough information if you&#8217;re looking to improve your online marketing ROI in the future.</p><h2><img
class="alignnone size-full wp-image-2243 white-bg h2" title="slow-load" src="http://unstuckdigital.com/wp-content/uploads/2009/09/slow-load.jpg" alt="slow-load" width="470" height="134" /></h2><h2>5) It&#8217;s a dog when it comes to load times</h2><p>Flash is pretty intense when it comes to file sizes.</p><p>When you arrive at a Flash-driven website, ever notice the loading bar that takes 1-2 minutes to fill up?</p><p>It&#8217;s there because the website is loading every single page ahead of time. That&#8217;s how most Flash websites work &#8211; the entire website file has to be downloaded to your computer before you can see even a single page.</p><p>When your users are in a hurry (and online everyone is in a hurry 24 hours a day) your &#8220;loading&#8230;&#8221; sign may as well read, &#8220;piss off!&#8221; It says, &#8220;if you were looking for speedy browsing you came to the wrong place.&#8221;</p><h2><img
class="alignnone size-full wp-image-2244 white-bg h2" title="nightmare" src="http://unstuckdigital.com/wp-content/uploads/2009/09/nightmare.jpg" alt="nightmare" width="470" height="134" /></h2><h2>6) Design updates are a nightmare</h2><p>Outside of the general maintenance tasks (adding pages, fixing spelling, updating &#8220;news,&#8221; etc) a time will inevitably arrive when you want to update the look and feel of your website.</p><p>Guess what? Flash doesn&#8217;t make that easy either.</p><p>In fact, most Flash websites are better off developed from scratch when a major design update is called for. Can you say $$$$? (Me neither that&#8217;s not a word)</p><p>Now consider the proper use of HTML and CSS. A thing of beauty. Content and presentation totally separate. Not convinced? Head over to <a
href="http://www.csszengarden.com/" target="_blank">CSS Zen Garden</a> and take a look. Every design variation there uses the same exact source code. Read that again. Same source code. The only changes are the image and CSS files.</p><h2><img
class="alignnone size-full wp-image-2245 white-bg h2" title="disabled" src="http://unstuckdigital.com/wp-content/uploads/2009/09/disabled.jpg" alt="disabled" width="470" height="134" /></h2><h2>7) Disabled users are banished</h2><p>Ever hear of the concept of web accessibility?</p><p>It basically refers to building your website in a way that allows impaired users to have the best experience possible.</p><p>Users without strong-enough eyesight often browse using devices called screen readers that, you guessed it, read the words on the screen to them so they can read and navigate your website.</p><p>And Flash doesn&#8217;t play nice with these assistive devices.</p><p>Combine this with the fact that browsers can&#8217;t enlarge the type on a Flash website, and you&#8217;re talking about a web that is exclusive only to those with good vision.</p><p>There have been some efforts to require by law that websites are built accessibly. While that may be a long time coming to fruition the incentive of improving the experience of impaired visitors should be reason enough.</p><h2><img
class="alignnone size-full wp-image-2246 white-bg h2" title="browser-nav" src="http://unstuckdigital.com/wp-content/uploads/2009/09/browser-nav.jpg" alt="browser-nav" width="470" height="134" /></h2><h2>8&#41; Browser navigation doesn&#8217;t work</h2><p>Just a quick point on this.</p><p>You know the &#8220;back&#8221; button we rely on so frequently?</p><p>On your single-URL Flash website <span
style="text-decoration: line-through;">it&#8217;s useless</span> it helps people leave and never come back. Since they&#8217;ll always technically be on your home page a quick click &#8220;back&#8221; sends them to wherever they came from. And my guess is that they won&#8217;t be in a hurry to return. Just a hunch.</p><h2><img
class="alignnone size-full wp-image-2247 white-bg h2" title="mobile" src="http://unstuckdigital.com/wp-content/uploads/2009/09/mobile.jpg" alt="mobile" width="470" height="134" /></h2><h2>9) Mobile users are up the creek</h2><p>The mobile web is here.</p><p>The most heavily-used mobile web browser is the iPhone. That doesn&#8217;t look like it&#8217;s going to change any time soon. Something to the order of 25 million iPhones have been purchased so far. The BlackBerry is still popular as well.</p><p>And neither of these mobile devices support Flash.</p><p>Even when the iPhone gets Flash support (any day now, Apple!) without a wireless internet connection download speeds are slight at best. Your 2mb Flash website file is going to be overkill for a casual mobile visitor. Think they&#8217;re going to wait 15 minutes just to view your home page? Not bloody likely.</p><h2><img
class="alignnone size-full wp-image-2248 white-bg h2" title="semantic" src="http://unstuckdigital.com/wp-content/uploads/2009/09/semantic.jpg" alt="semantic" width="470" height="134" /></h2><h2>10) No semantic markup</h2><p>Not sure semantic markup matters?</p><p>Three letters. S.E.O.</p><p>I know I said I wouldn&#8217;t mention it, but come on now. SEO is crucial.</p><p>Semantic markup is about reinforcing the meaning or topic of a page. Critical for SEO.</p><p>Flash files don&#8217;t contain semantic markup. Sure, Googlebot can crawl Flash (sort of) &#8211; but that doesn&#8217;t mean Googlebot can assume semantic relationships between page elements. In other words, it&#8217;s going to get a garbled bunch of content and little/no indication of what&#8217;s what. Not the best situation when your page is up against a few million others in a relevance contest.</p><p><em>A closing note to Flash developers: I am fully aware that there are (expensive) work-arounds to most of these issues. I started my web development career building in Flash. I love Flash as much as you guys. But let&#8217;s be realistic: the vast majority of Flash-driven websites do not offer solutions for the issues in this post. Most of them suck for the above reasons and more. </em></p><div
id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">http://www.unstuckdigital.com/img/posts/flashlogo.jpg<img
class="alignnone" src="http://www.unstuckdigital.com/img/posts/flashlogo.jpg" alt="" width="150" height="138" /></div> ]]></content:encoded> <wfw:commentRss>http://unstuckdigital.com/10-reasons-not-to-build-your-website-flash/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>7 Ways To Save Money on Your Web Development Project</title><link>http://unstuckdigital.com/7-ways-save-money-web-development-project/</link> <comments>http://unstuckdigital.com/7-ways-save-money-web-development-project/#comments</comments> <pubDate>Thu, 13 Aug 2009 15:36:54 +0000</pubDate> <dc:creator>Mike Tekula</dc:creator> <category><![CDATA[Web Development]]></category><guid
isPermaLink="false">http://unstuckdigital.com/?p=2118</guid> <description><![CDATA[Web development projects can get expensive. There&#8217;s a lot at work behind a website. Hamsters on wheels, gnomes keeping the coal fires burning, which create steam, which turn the turbines&#8230;you get the idea. But if you arm yourself with the right information, and take the right approach, you could stand to trim your costs down [...]]]></description> <content:encoded><![CDATA[<p></p><div
class="tweetmeme_button" style="float: left; margin-left: 10px; margin-bottom:10px;"> <a
href="http://api.tweetmeme.com/share?url=http%3A%2F%2Funstuckdigital.com%2F7-ways-save-money-web-development-project%2F"><br
/> <img
src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Funstuckdigital.com%2F7-ways-save-money-web-development-project%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br
/> </a></div><p><center><img
class="size-full wp-image-2228 aligncenter" title="dime" src="http://unstuckdigital.com/wp-content/uploads/2009/08/dime1.jpg" alt="dime" width="180" height="130" /></center></p><p>Web development projects can get expensive. There&#8217;s a lot at work behind a website. Hamsters on wheels, gnomes keeping the coal fires burning, which create steam, which turn the turbines&#8230;you get the idea.</p><p>But if you arm yourself with the right information, and take the right approach, you could stand to trim your costs down significantly.</p><p>Before you pick a developer and sign on the dotted line (right beneath the small print about your first born and burning in the fires of hell and all that) you&#8217;ll want to consider the factors that will contribute to the overall cost of your project and beyond.</p><p>There&#8217;s more to consider than the up-front price you&#8217;ve been quoted. Here are 7 ways to save:</p><p><span
id="more-2118"></span><img
class="alignnone size-full wp-image-2135 white-bg h2" title="lab" src="http://unstuckdigital.com/wp-content/uploads/2009/08/lab.jpg" alt="lab" width="470" height="134" /></p><h2>1) Find a developer with chops and plenty of experience</h2><p>Seriously. If all you care about is that it &#8220;looks pretty&#8221; and is cheap, you&#8217;ll get what you pay for.</p><p>Invariably when we take on a new client and set out to make a &#8220;quick change&#8221; or two I find myself cursing the soul of the original developer. I never had a tremendous sense of pride in my own XHTML/CSS code until I got a load of some of the bloated crap people have the nerve to pass off as code.</p><p>Here&#8217;s the deal: <strong>bloated and otherwise crummy code means it&#8217;ll take your next developer two or three times as long as it should to make updates</strong>. Not to mention it&#8217;s less search engine friendly.</p><p>So while you thought you were saving money going with the &#8220;cheap guy&#8221; you&#8217;ll end up paying the next guy for thrice as many hours as you should to swap out an image. Savings = gone.</p><h2><img
class="alignnone size-full wp-image-2137 white-bg h2" title="opensource" src="http://unstuckdigital.com/wp-content/uploads/2009/08/opensource.jpg" alt="opensource" width="470" height="134" /></h2><h2>2) Use Open Source platforms</h2><p>This site runs on <a
href="http://www.wordpress.org" target="_blank">WordPress</a>. We like it, because it&#8217;s easy to work with &#8211; and it&#8217;s open source (read: free). Adding a page or post doesn&#8217;t take any coding. After coding all day for clients  it&#8217;s nice to use a system that allows us to focus on content.</p><p>The <a
href="http://unstuckdigital.com/go/thesis/" target="_blank">Thesis theme</a> makes WordPress better &#8211; we paid for that, but $87 is well worth it for the advantages Thesis gives you.</p><p>When you&#8217;re talking about a framework that is supported by a large community of developers it&#8217;s tough to beat the free price point. Combined with the fact that it&#8217;s pretty quick/painless (read: cheap) to get up and running on an open source platform there aren&#8217;t too many better ways to go &#8211; especially when your website doesn&#8217;t require advanced or custom functionality.</p><p>Research open source platforms that make sense for your project &#8211; then let your prospective developers know you&#8217;d like to consider this route.</p><h2><img
class="alignnone size-full wp-image-2138 white-bg h2" title="homework" src="http://unstuckdigital.com/wp-content/uploads/2009/08/homework.jpg" alt="homework" width="470" height="134" /></h2><h2>3) Do your homework</h2><p>You don&#8217;t need to become a developer overnight, but learning a thing or two about the ins and outs of quality development will help you make informed decisions.</p><p>Some things you should know about your next developer:</p><ul><li><strong>Do they have a strong command of CSS-driven design?</strong> CSS makes your site more lightweight (faster loading times) and far easier to update down the line.</li><li><strong>Will they use comments in their code?</strong> This also saves time/money on updates and upgrades down the line.</li><li><strong>How many projects like yours have they handled so far?</strong> If you&#8217;re their first eCommerce project, for example, you might want to look elsewhere.</li></ul><p>At some point you&#8217;ve got make your decision, but picking up some of the basics beforehand won&#8217;t hurt.</p><h2><img
class="alignnone size-full wp-image-2139 white-bg h2" title="involved" src="http://unstuckdigital.com/wp-content/uploads/2009/08/involved.jpg" alt="involved" width="470" height="134" /></h2><h2>4) Get (and stay) involved</h2><p>Probably the worst thing that can happen to a development project is the client falling out of contact. For whatever reason the website takes a back seat to other business issues. The developer can&#8217;t get in touch, and after a while they give up and stop calling.</p><p>It&#8217;s not your developer&#8217;s responsibility to send hired goons to your office to force your hand on those design approvals.</p><p>In fact, some web development contracts stipulate that after X number of months of unresponsiveness on your part the project will be closed and your deposit forfeited.</p><p>You initiated your project for a reason. Chances are your existing website (if you have one) isn&#8217;t quite cutting it for your business. You might not think it&#8217;s priority numero uno, but we&#8217;ve seen development projects boost our clients&#8217; online sales by 40% almost overnight.</p><p>In other words, letting a development project drag is probably costing you business in the mean time.</p><p>Your website is truly at the core of your marketing plan &#8211; don&#8217;t let it fall by the wayside.</p><h2><img
class="alignnone size-full wp-image-2140 white-bg h2" title="flashy" src="http://unstuckdigital.com/wp-content/uploads/2009/08/flashy.jpg" alt="flashy" width="470" height="134" /></h2><h2>5) Don&#8217;t get Flash-happy</h2><p>I&#8217;ll probably catch some flack on this one, but so be it.</p><p>Flash is expensive. I don&#8217;t mean Rolls Royce expensive, but all else being equal it&#8217;ll cost you more to build a Flash-driven site than one driven by straight HTML.</p><p>Combine the higher development costs with the fact that <a
href="http://unstuckdigital.com/flash-seo/" target="_blank">Flash is not generally SEO-friendly</a>, and you may find yourself in need of a complete site overhaul not long after the first version goes live &#8211; at least if you have any interest in getting search engine traffic.</p><p>Flash-based websites also almost always take a lot longer to update (read: more expensive). Keep this in mind before you get all googley-eyed at the moving pictures.</p><h2><img
class="alignnone size-full wp-image-2141 white-bg h2" title="server" src="http://unstuckdigital.com/wp-content/uploads/2009/08/server.jpg" alt="server" width="470" height="134" /></h2><h2>6) Get your own hosting</h2><p>There are plenty of developers out there who offer a &#8220;one stop shop&#8221; for your website. That means they&#8217;ll build it, host it, maintain it, setup your email and provide support on all of the above as needed.</p><p>Problem is, that usually comes at a price &#8211; a serious mark-up on resold hosting.</p><p>The developer&#8217;s argument is usually, &#8220;sure, we mark the hosting up, but we&#8217;re adding our layer of support as part of the package.&#8221;</p><p>Guess what that means.</p><p>It means when you call because your email is down your developer won&#8217;t know why, and they&#8217;ll have to tell you they&#8217;re &#8220;checking on it&#8221; while they hang up and quickly call the actual hosting company support line. Then, when they get an answer, they&#8217;ll call you back and relay the info.</p><p>Sound stupid? That&#8217;s because it is. Think you&#8217;re better off working directly with the hosting company? Now you&#8217;re thinking.</p><p><em>Note: some developers run their own powerful in-house servers &#8211; in which case the above doesn&#8217;t really apply. At all.<br
/> </em></p><h2><img
class="alignnone size-full wp-image-2142 white-bg h2" title="domain" src="http://unstuckdigital.com/wp-content/uploads/2009/08/domain.jpg" alt="domain" width="470" height="134" /></h2><h2>7) For that matter, register your own domain too</h2><p>We&#8217;ve heard more than one nightmare story about less-than-honest developers who were &#8220;nice enough&#8221; to register their clients&#8217; domains for them &#8211; then, when the client decided to go elsewhere, the developers refused to give up the domains. The problem: the developers registered the domains in their own name. The clients were stuck.</p><p>Breaking up is rough &#8211; but that doesn&#8217;t mean your ex gets to keep your underpants.</p><p>In one case a client was extorted out of $50k to buy their own domain back from the original developer. They were in deep with advertising and couldn&#8217;t afford to switch domains.</p><p>I&#8217;m sure there are legal ramifications of this, and if they took it to court I expect the client would&#8217;ve been awarded the domain in the end. But court cases are expensive.</p><p>I certainly don&#8217;t want to paint with a broad and ugly brush and scare the hell out of anybody. The vast majority of developers are truly out for their clients&#8217; best interests. But why invite headaches down the road? It&#8217;s easy enough to register your own domain.</p><p>These are just some of the ways you can save costs on your next development project. Fellow developers: feel free to chime in with your thoughts (and disagreements) below.</p> ]]></content:encoded> <wfw:commentRss>http://unstuckdigital.com/7-ways-save-money-web-development-project/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 6/15 queries in 0.019 seconds using disk

Served from: unstuckdigital.com @ 2010-09-09 14:33:38 -->