Archive for the ‘Weblogs’ Category

I avoided paying attention to QR codes. Some of my Twitter friends were obsessed with them and I hadn’t investigate them enough to see the full value. Now I do.

QR Codes are a great way to connect mobile devices to print, signage, clothing, and much much much more.

• > Jump to the “How to Add A QR Code To Your Blog Video

Best Uses

Some of the best uses of QR codes come from online companies that are part of the mobile application ecosystem.

The Appsgeyser mobile development site for Android apps uses QR Codes to prompt developers/users to download apps.

OpenAppMarket is a mini app store for HTML5 applications. You can get to the apps from the URL, by posting via phone, or by accessing the QR code.

Best Buy’s QR code labeled price tags. How many times do you go buy something then wish you had a computer so you could look things up? Happens to me all the time. I don’t carry my laptop around while shopping but I always have my smart phone.

Photo credit: Travelin’ Librarian on Flickrlicense

QR Code Scanners

I did a little Twitter crowdsourcing a couple of weeks ago and asked tweeps what their favorite QR Code readers were. I expected to hear crickets but QR Code lovers came out of the woodwork. These are some of the apps they mentioned.

1) Qrafter - Free: Not bad but the ads are pretty obvious and it has a couple of extra steps to actually get to the URL. The app had trouble recognizing some on screen codes that my favorite ones were able to read.

2) Microsoft Tag reader – Free: Had trouble recognizing tags. I stopped testing it after it missed a couple of tags.

3) AT&T Code Scanner – Winner! Free: This app is great and it’s the one I started using on a regular basis. I also used it to test out my Create Your Own Code application.

How To Add A QR Code To Your Blog

Related reading:

Who’s Really Scanning All Those QR Codes? [INFOGRAPHIC] on Mashable

WordPress announced its new Learn WordPress.com site.

This online tutorial is ideal for beginning and intermediate WordPress.com bloggers and for folks who are migrating over from other blog platforms like Blogger and TypePad.

NOTE: For those of you who are not familiar with the WordPress platform, there are two flavors of WordPress – WordPress.com the free site and WordPress.org blogs which are custom install versions. You can get more information on the differences here.

The Learn WordPress.com tutorial breaks down the blog learning experience into 10 sections and also has an easy-to-print version (66 pages of learning fun). The site is well organized and does an admirable job addressing the gazillion ways in which people can blog.

As you may know, I have my own Getting Started With WordPress.com online class as well (launching soon). As far as I’m concerned, the more options to learn blogging, the better. My blog class includes my direct feedback and guidance on blogging topics, for those who need a little bit more than 100% self-serve learning.

I’m honored to have one of my WordPress.com video tutorials as part of the official WordPress.com curriculum. WordPress links to my “Using slideshows on WordPress.com” tutorial on its “Get Flashy” page.

Check out the Learn WordPress.com site and let me know what you think.

Here’s the Using Slideshows on WordPress.com video to get you into the WordPress.com learning mood. Enjoy!

If you liked this blog post, you may want to sign up for the RSS feed, email, “Like” and share the post, and join us on Facebook.

Photo Credit: @tiabel on Flickr, by special permission.

I love sharing information, including technology trends, social media How To’s, breaking and local business news, and information on advocacy groups. On Twitter, I’ll share 5-10 items per day, sometimes in a rapid fire method. On Facebook I’ll “Like” or “Share” several posts a day. Multiply these activities by the number of Twitter and Facebook users and you have an unprecedented amount of sharing and re-sharing.

So why limit the scope of your message? Let it run wild!

Here are five tips to help you set your message free.

Give Your Email Legs

Ok, so you spent two weeks working with a team to create the perfect email message. Maybe you’re about to launch a new product, announce a new conference, drive donors to your non-profit site, or share your latest video creation.

There are three important items to add to your email deployment checklist:

1. Do you have an online version of your email with a link to that page on the email? I can’t tell you how many times I’ve received a juicy email that I want to share with the world and struggled or have been unable to find the online version. If I don’t have a link, I can can’t share it with my online network. What a missed opportunity.
   
   If you do have an online version, please think clearly before deciding to host that content on the email management tool’s site. Do you want to drive content to Constant Contact’s site or to your site, for example?
2. Do you have a Twitter or Facebook share feature on your email? This makes sharing one step easier. With the click of a button, your message can flow to two of the most supercharged sharing sites in the world.
3. Is it easy to forward the email to a friend? Some email messages have nifty “Forward to a Friend” features that make it easy to share content. I rarely use this feature but there are some people who like it, especially if it is from an authority site like a news agency or major publication. If the email is breaking news or highly relevant to your personal or business contacts then this could help your message take off.

This Kodak email has an online version and ways for users to subscribe to Facebook and Twitter. The email could be enhanced with actual tweet buttons that automatically format the Twitter and Facebook messages, so posting is only one click away.

Let’s look at this from a numbers perspective. If you send out your email message to your permission-based list of 10,000 contacts and you don’t add any sharing features, then your message is limited to the number of recipients plus the number of times your email is forwarded to other contacts. Let’s be generous and say that 100 of the emails were forwarded to contacts. That’s a reach of 10,100.

If you add a link to your online content and have a Facebook and Twitter share then the numbers shift. Your initial contacts receive the message and can then re-post the message to their followers via Twitter or Friends on Facebook. If I tweet about an item, the message is instantly available to over 8,400 followers! That’s almost double the reach from ONE contact. Factor in retweets and other people sharing and the reach can get to 100,000 very quickly.

From your Website to the World

1. Add a Tweet button and Facebook Share and/or Like feature to your Web pages and blog posts. Yes, this is the same tip as for your email messaging but it’s important to give your site/blog readers a way to share content with their networks Clear a path.
2. Do you have a compelling image on your web page or blog post? A good photo or graphic will catch a persons attention and make it more share worthy. On Facebook, the image will show up as a thumbnail picture. Your Facebook friends will be much more likely to Like the post and to re-share it.
   
   Note: if you don’t select a photo to go with your page/post and someone “Facebooks it” then they will either get a selection of random image options (icons from your sidebar or unrelated content) or they won’t have any option.

(Link to The Spice Spoon blog.)

Review

We just reviewed how to clear a path for your important messages. If your message is clear, relevant, and timely then these tips can help your message spread like wildfire.

Do you have any other design tips to help your messages spread?

Photo Credit: Vestman on Flickr – License

This is a video response to Cathy Larkin (@WhyDoWeBlog on Twitter) who asked about Trackbacks during a #blogchat conversation.

What are trackbacks and when they would be used in relation to WordPress.org blogs? Watch the video and find out.

Trackbacks in WordPress Blogs – Click here to View FULL SCREEN

If you like this post, comment, share, and set it free!

Photo Credit: Seryo via Flickr Creative Commons

I use Google Analytics to track activity to and from my blog. Unfortunately, there are a lot of holes in that process, especially related to Twitter clickthroughs.

• First, some users bookmark the page, then revisit the site. These visitors are great because they found value in the site and are coming back for more. However, there is no way to tell if someone actually bookmarked the page or if something else happened.
• Other visitors arrive here by clicking on a link from a mobile Twitter application. Several of these applications remove the “referrer” information which causes another question mark when I go to check stats.
• If a visitor is using Internet Explorer and clicks through on a link from a site that uses a JavaScript popup, then the referrer information is lost. This sounds like a minor case but if you’re doing hardcore tracking to drill down on a marketing campaign’s ROI, this factor can be maddening.
• Lastly, if a visitor clicks on the Tweet Button and posts a link to Twitter, the URL is “automagically” shortened via Twitter’s link service (http://t.co). If a user clicks on a tweeted out link, you’ll know that the visitor came from Twitter but you won’t know where the link originated. Did a user get there from clicking on a Tweet Button link? Did someone cut and paste the blog post’s URL from the Web browser into a tweet? Inquiring minds want to know.

The Benefits

Before I started using this Google Analytics tracking technique, 16.8% of my traffic was showing up as “Direct Traffic.” After I started tracking Tweet Button clicks and Feedburner subscription clicks, that number went down to 13.45% and a new “Other” figure emerged.

This is awesome because now I can examine the behavior of visitors who click on the Tweet Button. Do Tweet Button visitors stay longer, visit more pages, or take key actions? Now I can answer some of these questions when before it was a mystery.

Because a good chunk of my blog’s traffic comes from Twitter interactions, you can see that the TweetButton clicks are in the site’s top 10 Traffic Sources. I can also see individual stats related to these visitors such as Bounce Rates, Time On Site, Goal Conversions and more.

The Hack

We’re going to address the last case with this next hack. In order for this to work, you won’t be able to use the standard Tweet Button plugin. We’ll have to add the button by hand.

1. Go to the Google URL Builder Tool page.
2. Enter your site’s URL.
3. Enter the Campaign Source, Medium, and Campaign Name. I used “Twitter”, “TweetButton”, and “Blogpost” respectively.
4. Click on the “Generate URL” button. This will build a link just below the button.
5. Copy the link. We’re mostly concerned with the end of the link, starting with the “?” mark.
6. Paste this code into your theme’s Header or Footer template files. I placed the code just before the < /head > tag in the Header.
   [php]<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>[/php]
7. Configure your Tweet Button HTML code as in this example (for WordPress.org blogs): [php]<!–Twitter tweet button–>
   <a href="http://twitter.com/share"
   data-url="<?php the_permalink(); ?>?utm_source=twitter&utm_medium=tweetbutton&utm_campaign=blogpost"
   data-via="jesseluna"
   data-text="<?php the_title(); ?>"
   data-related="niceblog:My Blogging Lab"
   data-count="vertical">Tweet</a>

   <!–/Twitter tweet button–>[/php]

   The main “hack” comes from the data-url parameter value where we add the Google Analytics formatted tracking parameters, just after the Permalink. This way, when Twitter shortens the link into it’s t.co format, the link value will contain the tracking information.

   In the above example, “data-via” is the Twitter user name that will appear on the tweet as “via .” “Data-text” is the text I want to display with the link.  In this case I’m displaying the post’s title.  “Data-related” is an optional related account that can be displayed. In this case I’m showing my blogging Lab account, @niceblog. The “data-count” value indicates how you want the button to appear on the screen. I chose a vertical format. You can see all the options on the Twitter Tweet Button blog page.

8. For WordPress.org blogs, paste the edited code into the Page, Single Post, and Main Index template files. I added the button just before the blog post content, after the title and date/author section of the templates. This will vary based on your preference and on other tweaks you’ve made to your theme.

I tried hacking Posterous and Tumblr blogs but the built in URL template tags kept blowing away the parameters once the Tweet Button was called. If you figure out how to do this please drop a comment and I’ll update this post.

Review

We just learned how to tack on a Google Analytics parameter to Tweet Button clicks on a WordPress.org blog. This will help you connect the dots on your online marketing and analysis activities.


If you find this useful, I’d be interested in how and why you would use it. Are you a marketing manager, a small business owner, or a code hacker? I’d love to find out.

You don’t have to buy a book and take a seminar or ever buy a fancy blog theme to crank up your blog’s SEO Super Powers.

These top tips will help you zoom up the organic search rankings without breaking a sweat.

1. Use friendly post and page URLs for your new blog.

Quick Note: This tip works best for new blogs. See the BIG NOTE at the end of this item.

When you set up your blog, you will have the option to configure the way your page and blog post URLs are formatted. Search engines love URLs that contain meaningful and related keywords.

Good: http://< mydomain >/awesome-blog-post-title-with-keywords

Bad: http://< mydomain >/?p=45

The standard WordPress.org custom install defaults to the “Bad” URL structure. If you want to drive search traffic to your blog, switch the structure to one that includes the post’s title. In WordPress, you can change the settings from Dashboard > Settings > Permalinks.

In Tumblr, Go to Customize > Advanced, then scroll down and check on the “Use Descriptive URLs” checkbox.

Posterous has an SEO-friendly URL structure by default. This is an example of a Posterous URL: http://jesseluna.posterous.com/curating-tweets-on-flipboard-by-using-twitter. The URL is friendly to read and search engines like that.

Big Note: If you’ve had your blog for any length of time, changing your URL structure can have a huge negative traffic impact. Search engines will have already combed through your blog pages, indexed things and added them to search results. If you’ve had your blog for a while but don’t really care about past “traction” on search engines, go ahead and change the structure.

2. Use targeted keyword terms in your blog post titles.

Try to use one or two target keywords per blog post title. If you have a blog focused on non-profits then “How to talk to small nonprofits: A guide for vendors” is a great title. The title hits on two key terms, “nonprofits” and “vendors.” A Web search over those two terms would likely position that blog post on page one of search results.

An additional tip is adding a combination of not necessarily related keywords together. For example, I did a post on a Tweetdeck’s ability to post to Tumblr and now that post shows up in the number 3 spot for the search term “Tweetdeck Tumblr“, which ranks higher than tumblr.com, second only to Tweetdeck.com.

3. Use “Alt” tags on images.

Every time you use an image on your blog, add meaningful text to the “ALT” tag.

This is the structure of an image tag in HTML:

< img src="my-awesome-image.jpg" alt=”My-awesome-alt-tag-description” />

[Note: in this and other HTML samples in this post, I'm inserting extra spaces at the beginning and end of the text to keep WordPress from rendering the code. Just a warning in case you do any cutting and pasting.]

When search engines parse through your web site, they index image Alt tags. When more of your site is indexed, that means there’s more of a chance your site will show up for related searches.

Alt tags are also very important for accessibility reasons. Meaningful tags give blind and visually challenged readers a description of the picture which can help with context.


In WordPress, you can set the image Alt tag when you select an image:

In Tumblr, the “Caption” field in the Photo Upload tool will be the image’s Alt tag.

Posterous – As far as I can see, there is no way to set the Alt tag on a Posterous blog post image. Bummer.

4. Set “keywords” and “description” meta tags

Meta tags are bits of information that may be added to Web pages to help describe the contents of the page. The contents of the tags aren’t displayed on the page but search engines use the information in the tags to help rank pages and to help display them properly in search results.

I never meta tag I didn’t like. -Old webmaster’s joke

The two main meta tags are the “description” and the “keywords” tags.


Description meta tag
The HTML for the meta tag will look something like:

< meta name="description" content="This is my awesome two to three sentence, keyword-rich, description of this page. This is my second awesome sentence." />


If you want to get crazy with the description, you can use Google’s Webmaster Tools to get feedback on whether you tried to jam too much information into your description meta tag.


Keywords meta tag
Here’s the HTML for the keywords meta tag:

< meta name="keywords" content="Awesome-keyword-one, Awesome-targeted-keyword-two, Awesome-descriptive-keyword, Awesome4,Awesome5,Awesome6" / >


You will add highly relevant keywords instead of my “awesome” ones above. The keywords should be highly related to that specific web page and to the site. You don’t want to put too many keywords there. I usually keep the list to under 20 unless there are 25 products on the page or something like that in which case I list them all.

If you’re not sure which words best describe your page, you can use an offbeat tool like Wordle.net to visualize the page’s top keywords.

The image below is a Wordle.net keyword visualization of the YouTube Adds New iPad-Friendly HTML5 Video Player blog post. I copied the post’s text, went to the Create tab on Wordle.net then pasted the text into the “Paste in a bunch of text” field and ran it.

The diagram points out that the main page keywords were “player”, “html5″, “YouTube”, “Video”,”iPad”, and “Embed” because they were used the most in the post. Of course, if you have special target keywords that should be associated with the page, you’d want to list those as well in your keywords meta tag.

WordPress.org custom install blogs
In WordPress, to add meta tags you need to add a plugin that allows you to either set the meta tags or “builds” them dynamically based on some criteria. The most popular plugin is the All in One SEO Pack. This plugin is available from the WordPress Plugin Directory. Once you install and activate the plugin, you can set it to build meta tags for each post based on the post’s tags. There are also a ton of other knobs and do-hickeys that you can set but describing them all is beyond the scope of this post.

Tumblr
If you are using a Custom Theme setup, you can set the meta tags but only on a global scale. In other words, you can’t set them on a per post basis. You can set the meta tags by going to Customize > Theme then setting the meta tag somewhere between the opening “< head >” tag and the closing “” tag.

Posterous
Posterous allows for custom meta tags but, like Tumblr, the tags can only be set on a global scale, not per post. You can set the meta tags by going to Settings > Look and Feel > Edit Theme > Advanced. Expand the area and you’ll see a couple of other meta tags. You can add your keywords and description meta tags immediately below those.

Review

We just learned how to use four key SEO tips and tricks to boost your search engine rankings and attract more site visitors. These techniques work with the content, not the other way around. You should never compromise your writing to make things more SEO friendly.

I will be adding more SEO tips in the comments over time (I didn’t want to overload you with this initial post). Feel free to comment and to leave your own tips and questions.

This post was made to be shared with the world. If you like it, set it free and share it.


Additional Resources: Google’s Search Engine Optimization Starter Guide (PDF, 560KB)


Photo: Purchased via iStockPhoto