The BuzzWord preview has gone up on labs.adobe.com. You can check it out here: preview.getbuzzword.com.

For the uninitiated, Adobe BuzzWord is a online word-style editor. Pretty amazing stuff. Lets you even share your documents to other users in multiple different roles.

I thought I would take this time to plug a photographer I respect quite a bit here in Florida. I got the chance to meet Rob Witzel recently; Rob specializes in Wedding Photography out of Gainesville, FL. Rob’s work is amazing, I would encourage anyone in Florida seeking a professional photographer to look Rob up. We brought him all the way down to Naples to do our corporate photography. It was completely worth it. The shots he took are fantastic. Paying Rob for travel time shouldn’t matter if you are looking for grade A work.

Adobe codename Thermo is new app Adobe is developing that will greatly increase the quality of how developers and designers co-exist in the web application lifecycle.

Imagine having one of your graphics people develop a perfect representation of your UI in Photoshop, import that directly into Thermo and have a working UI that looks exactly the same. Sounds too good to be true right? Wrong. Adobe has done it. I for one, am eagerly awaiting the beta release.

YouTube videos showing Thermo

Flex 3 state bug

If you have used the new code generation abilities of Flex 3 than you possibly have run into this bug before.

SetEventHandler seems to be broken when switching states in Flex 3.

Steps to reproduce:

• Generate a CRUD application using the automated code generation
• Create a new state based on the state “Add” that is generated automatically
• Update the click event handler on the “Save” button of the new state to point to another method.
• Run the app, enter the new state, and click save.

Workaround:
Delete the “Save” button and create a new button with the appropriate method attached.

This bug isn’t limited to the automated code generation. I experienced it while creating the application from scratch as well.

I highly recommend any developer using Flex to check this new feature. Flex can now generate a CRUD (create/read/update/delete) application in a matter of minutes. Just setup your database structure, and run through the wizard. Flex Builder will generate the server side & UI code.

I know this isn’t original, but I’ve been using it for years and it saves me constant frustration trying to make sure I have protected all my inbound variables. To use this, you will need the Sanitize PHP file which is part of the PHP Filters package that can be found at: http://www.owasp.org/index.php/OWASP_PHP_Filters

Here you go:

<?PHP
	require_once 'sanitize.php';

	$_REQUEST = array_map( 'sanitize_sql_string' , $_REQUEST );
?>

This will pass all the values in the $_REQUEST array through the function sanitize_sql_string.

I haven’t done much Flex 2 programming lately. Now that I am a full time SEO geek, I rarely get much time to code, which is shame. I love programming. There is something almost magical about creating something really cool out of nothing but a few hundred (or thousand) lines of code. So I dug through my past Flex 2 projects and revived a simple example I did almost a year ago. I can’t take full credit for this example. I got some of this code from somewhere, but I have no idea where. If you came up with any of this code, leave a comment and I’ll make sure you get credit for it.

Basically we record the X & Y coords from where the mouse starts on it’s first press down (event MOUSEDOWN). We then track the mouse until the user releases the mouse button. We then use some Bitmap methods to copy the area from the original image to the cropped image.

See it in action

You can also right click inside the example to view the source code. But go easy on the source code. Remember this just an example.

How to move your TypePad blog to another location and keep your link juice:

The key to this is using a META Refresh inside your TypePad posts. In TypePad you have the option of adding in HTML code. Now, usually you don’t want to add this redirect to the post introduction. The best place is the post body which only should show up on it’s individual page, pointing to your new page.

So, you’re probably asking, WTF would a META Refresh help me do anything? Good question!

Here’s why:
Google and Yahoo accept undelayed meta refreshs as 301 redirects

So, we set our META Refresh to a 0 delay and eventually Yahoo & Google should pickup on this when they re-index you. The code I used in my TypePad posts looked like:

<meta content=”0;url=http://www.smartmarketingnow.com/blog/” http-equiv=”refresh” />

Of course change the URL to match the exact post you are editing. You don’t want to redirect all your posts to the main page of your blog. Redirect them to the new page that represents the same/very similar content. At this time I am still waiting on Google to update our index entries to reflect these changes. I will let you know if I need to make any changes.

I stumbled upon SocialMarker.com yesterday. This tool is pretty sweet. You can submit your news/blog articles to tons of social networking sites. It opens each page one at a time in an IFRAME. They give you global navigation at the top which allows you to quickly go back and forth between the different sites with ease. I would highly recommend you check it out if you’re trying to get indexed or build your inbound links.

1. Internal Deep Linking

• 

  The WikiPedia definition is: “Deep linking, on the World Wide Web, is making a hyperlink that points to a specific page or image on another website, instead of that website’s main or home page. Such links are called deep links.”

  Now the deep linking we are talking about is the linking you can control. The links that reside on your pages, that point to other pages on that same website. For example, on our corporate site, www.smartmarketingnow.com, we see the following sentence at the bottom of the homepage:

  

  
  “But there are effective ways to market your legal and financial services — ways that are driven by the key elements of the real buying process.”
  

  Here we have created a link points to our “services” page. This is a good strategy for building page importance with the search engines. Not only are you telling the search engines which pages you think are most important, you are also building your link count.

  There is an additional benefit you can capitalize on in certain circumstances, which is:

2. Optimizing Link Text

• In our example above, the link text has been optimized in this sentence for our business (Law Firm Marketing). If our sentence looked like this instead:

  

  
  “But there are effective ways to market your legal and financial services — ways that are driven by the key elements of the real buying process.”
  

  We would be telling search engines, to associate our “services” page with the words: ways, that, are, driven. None of these words fall into our top list of SEO terms we optimize for. Instead, we gain the associations of: legal, financial, market, services, which are right up our ally for Law Firm Marketing.

3. Use Tools

• If you are doing SEO related tasks for more than one website you can become easily overwhelmed. If you aren’t using any SEO specific tools, you should be. They will save you hours and hours of time. The tool we’ve been using around here lately is from a company called HubSpot.

  Currently unlimited access to the web-based tool is $250.00 per month, per website. It is expensive. However, for us, it’s totally worth the investment. I do hope at some point they come out with either yearly pricing options, or bulk site discounts. As it could be cost prohibitive to use across the board.

  The beautiful thing about this tool, in my opinion, is the ability to see how my biggest competitors are ranking on keywords. It’s hard to imagine, so I’m including a screen-shot I put together with a few sites.

  

  This is one of the several, very useful tools you get for your $250.00 a month.

  I’m sure there’s tons of tools out there that kick-ass, if you’ve used any you think rock, plug em in a comment.

4. Duplicate Content

• Duplicate content can cause a search engine penalty. Even internal duplicate content. Imagine this, you have three products pages. Each page has the same copy through-out, the only difference is the images of products that show up. I have to imagine, search engines see duplicate content like Andie MacDowell kept seeing Michael Keaton in Multiplicity. Annoying

  Don’t do that. That is bad. There are multiple ways around this problem. Some better than others no doubt. You could write original text for each page. This might be a real pain in the ass though, depending on how many pages you have like this. We encountered this problem recently. We had several pages with duplicate content, with only one image being different on each page. We didn’t care if Google indexed each image, as long as the first page was getting the maximum benefit from the search engines. I used Javascript in this case to swap out the images in an “onclick” event instead of having several pages, we now have one.

  A couple 301 redirects and problem fixed.

5. 301 Redirects

• 301 Redirect? What the hell is that?
  301 Redirect is a type of redirect. 301 is a permanent redirect. Basically, simplistically, search engines assign a rank of relevance towards specific pages on your website. This can happen in multiple ways. The biggest impact can be from external links to your homepage or internal pages on your website. So you might be asking, “What’s a redirect?“. Now that we understand what a redirect is and we know that a 301 redirect is permanent, you might be wondering why we would need to do this.

  Reasons for using a 301 redirect
  Reasons for using a 301 redirect include: redesigned website, changed page names or internal site structure. Lets say we are redesigning our website. We create new pages based on what our needs are for the current site. We have consolidated some pages together, and broken apart pages that used to be one page. In order to retain our search engine rankings we need to establish redirects for all the pages that no longer exist to pages that do exist. Hopefully we are also redirecting to pages that contain similar information to the page we deleted.

  Setting Up Your Redirect
  Now we should know which pages need to be redirected and where they need to be redirected to. How to configure your redirects is going to depend on your server configuration where your website is being hosted. If you’re lucky your on Apache and we can use a simple file called “.htaccess”. If your on IIS and don’t admin your own webserver that really sucks for starters. But you do have some options.

  Redirect Methods

  • .htaccess
    Create a file called “.htaccess” in your webroot that contains something like:
    redirect 301 /old_file.html http://www.somesite.com/new_file.html

    Save the file, and upload it. If you have htaccess support, when you visit, somesite.com/old_file.html your browser should automatically redirect you to: new_file.html

    Since we’re in our htaccess file already, make sure you aren’t splitting your website traffic.
    You would want to change the website I have listed here as it our site; not yours

    
    RewriteEngine on
    RewriteCond %{HTTP_HOST} ^smartmarketingnow\.com
    RewriteRule (.*) http://www.smartmarketingnow.com/$1 [R=301,L]
    

    This tells the search engines that any requests made to: http://smartmarketingnow.com should be redirected permanently to: http://www.smartmarketingnow.com. Since search engines consider each sub-domain to be unique in terms of SEO, you shouldn’t be splitting traffic between www and non-www.

  • PHP
    If you don’t have access to htaccess & the pages you deleted were PHP pages, you can use PHP to implement this redirect.

    First, create a PHP page for each file if you deleted them already. The PHP code you need to put in each page is:

    
    <?PHP
    header(”HTTP/1.1 301 Moved Permanently”);
    header(”Location: http://www.somesite.com/new_file.html”);
    exit;
    ?>
    

  • ASP
    Same process as redirecting with PHP, except the code is different of course

    
    <%@ Language=VBScript %>
    <%
    Response.Status=”301 Moved Permanently”
    Response.AddHeader “Location”, “http://www.somesite.com/new_file.asp”
    %>
    

  • JSP
    Same as before, etc..

    
    <%
    response.setContentType(”text/html”);
    response.setDateHeader(”Expires”, 0);
    response.setHeader(”Location”, “http://www.somesite.com/new_file.jsp”);
    response.setStatus(301);
    %>

  • C#
    You get the idea by now:

    
    <script runat=”server”>
    private void Page_Load(object sender, System.EventArgs e) {
       Response.Status = “301 Moved Permanently”;
       Response.AddHeader(”Location”,”http://www.somesite.com/new_file.aspx”);
    }
    </script>