Posts Tagged ‘Tumblr’

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

The secret is out. Video blogging is a powerful way to engage blog readers. Video adds another multimedia dimension to a blog, it helps create a closer bond to readers, it reinforces your blog’s message, and it is great for expanding your message to other social networks, especially YouTube.

I started messing around with Web video back in 2005 while testing out the kids toy, the Vidster. At the time, I had no idea how to embed the video into a site or blog (I wasn’t on YouTube until 2006). Now, things are much easier and there are a variety of ways to get started.

Getting Started

If you don’t already have a YouTube account, do yourself a favor and go create one now. I’ll add you as a friend and subscriber if you drop me a message (I’m @cinemaluna on YouTube). YouTube is a top 5 global site and has its own rich ecosystem. And, you don’t have to “live there” to get many of the benefits.

Equipment

Dude, I dont’ even have a camera.

If you have a computer and an Internet connection, you can start recording video right now. You don’t even need a camera. You can go to Screenr.com, and do a screen recording of your computer. I do this all the time to create video tutorials and it’s a great way to add video to your site. Screenr allows you to record, embed, tweet out the video link, download the video to your computer, and upload the video to YouTube. Screenr has a 5 minute maximum on screencasts.

The process of recording your screen is called “screencasting.”

Here’s a screencast I did for a WordPress.com tutorial. This video content was actually featured on the WordPress.tv site.

Or, you can go to Animoto.com and create a video based on photos. Animoto uses an ingenious system that can combine photos, video, and text then “automagically” generate the video by matching the multimedia elements to the selected soundtrack. Here’s a simple video I created using pictures (plus a micro video) from my “staycation” a few months back. The free version of Animoto limits the video to around 30 seconds.

Wait a minute, I have a little video feature in my digital camera. Can I use that?

Many newer digital cameras have a video feature. You might only be able to record a few seconds but that’s all we need to get started today. I have an “old” HP Photosmart 320 digital camera that I bought years ago and even that has a 30 second .AVI video feature. You can use a site like http://media-convert.com/ to convert from older and non-YouTube supported file formats to a more current format. Note: I haven’t actually used Media-convert.com so use at your own risk.

In case you’re counting, this is our third way to get video up to our blog today.

I also have an old-school digital video camera. But I’ve only used it to edit things in my computer. Will that work?

If you have the right cable connection for your older digital video camera, you’re in business. I have a JVC digital video camera (model GRDVL517U) that I bought around 2000, that’s 5 years BYT (Before YouTube). I can plug in the digital video cable and connect it to my PC and have access to all the video files.

If you’re going to use an older camera like the JVC then you may run across issues like missing cables, lost mini-dv cassettes, and missing user manuals. If that is the case then you can still find many of those items, but the older the digital video camera, the higher the price you’ll have to pay. My JVC user manual is over $10, and that’s from the JVC site.

That would be the fourth way to add video to your blog.

Wait a minute, we gave my kid a little camera a while back. Would that work?

There are actually several toy cameras out there that record digital video. Cameras like the Vidster by Mattel and RipRoar’s Creation Station sold for around $80 and they both record digital video. I purchased the Vidster, uh, for myself, back in 2005. Both of these toy video cameras come with cable connectors and you’ll need them to access the digital video files. You may also need to download the software for each.

Even though there are two cameras here, I’ll only count this as one way. We’re up to five ways to get video onto your blog.

I do have a web cam, but I’ve never used it.

Now’s the time. Fire up the Web cam, go to your YouTube account, click on “Upload” at the top of the page, then select “Record from webcam” and you should be able to connect and record your video. Your cam will also come with some kind of software. You can use that if you’re not ready to dive into the YouTube pool.

A web cam is the sixth way to add video to your blog.

My cell phone records video. I assume that’ll work?

You betcha. You can record on your video-enabled cell phone and send it to your email or you can post it to one of many video posting services. I’ll list those sites towards the end of this post. I use my iPhone video as a promotion machine.

That was the seventh way to add video to your blog.

I’m hip, I use Flip. Don’t hate, I also use the Kodak Zi8

Flip video cameras are small, easy to use, and very powerful. I’ve been using a Flip Mino HD for the past year and it’s served me very well. Even though the Flips have been out for a few years, they are still very cool and discreet. There’s a big difference between recording using a Flip vs. one of those huge paparazzi cameras. You’re less likely to get the stink eye from people if you’re out recording in public.

I just got the Kodak Zi8 (thanks again @sugarjones) and so far it’s the bees knees. I’m still testing it out and have only posted one video to the site so far.

Once again, we covered two cameras but we’ll count that as one more way. That was number ocho.

How To Embed Video Into Your Blog

Thanks to YouTube, embedding videos into blog posts is super easy. Once you get your video uploaded to YouTube, all you have to do is get the Embed code and add it to your blog.

Here are some blog by blog specifics.

WordPress.org (custom install) blog

Just paste the embed code into your blog post area and Save. That’s all you need.

WordPress.com

Paste the embed code or paste the video page’s URL into a shortcode field. Actually, if you paste in the Embed code then save the post, WordPress.com will turn it into a shortcode for you. This is an example of the YouTube shortcode:” [ youtube=http://www.youtube.com/watch?v=v1zJJGLJ714&hl=en_US&fs=1&rel=0 ] ” .

Tumblr

Log into your Tumblr account, click on the “Video” button then paste in the Embed code and create the post.

Posterous

Log into your account, click the Settings button in the upper right part of the page, then click on the “Posts” tab. You’ll see a big “Post by Web” button, click on it. Paste in the Embed code and add a Title then click on the huge “Post” button.

We’ll count each blog type as one way. We’re up to twelve ways.

Blogger

Log into your account. Create a new post, switch to HTML Edit mode, paste in the Embed code and you’re all set.

TypePad

Log into your account, create a new post, click on the Edit HTML tab, paste in the Embed code and that’s it. I haven’t used TypePad for a while so please correct me if this process has changed and I’ll update things.

And, we’re at fourteen ways to add video to your blog. But wait, there’s more!

How do I resize the YouTube player. No offense, but it looks horrible in my blog at the default sizes.

You’re in luck. I wrote a blog post entitled, “How To Create and Resize A Custom YouTube Player.” The YouTube interface changed since the blog post so there may be some differences in the way things work though.

Other Very Cool Video Sites

Do I really have to use YouTube for everything? What are some other options?

You don’t have to use YouTube. There are many other video sites out there. I’ll list a few (so I can get to 20 ways ;) )

12Seconds.tv

This is a great site and one that I have used many times. 12Seconds.tv allows users to record, upload, or post mobile uploads of 12 seconds of video. If you’re intimidated by the camera, this is a great way to do a super quick post. You’ll have to be brief!

Vimeo

Vimeo is similar to YouTube only it’s a smaller community. The Vimeo video player is less clunky looking than the YouTube one.

Viddler

Viddler, a favorite site of mega video star Gary Vaynerchuk, is also a smaller video community. A smaller site means you can build a stronger following and have a chance at communicating with the company.

We’re at 17 ways!

I do everything via my iPhone. What do you have for me there? Any mobile app suggestions?

Once again, you’re in luck and these iPhone apps will take us to the end of this post’s journey.

Animoto

Yup, Animoto has an app that allows you to create videos from your iPhone. It works almost exactly like the Web version that we discussed above.

Qik

We didn’t really get into streaming video but the Qik iPhone app allows your 3gs phone to stream live video. You can then log into the Qik site and access the video and add it to your blog. Or, you can get crazy and embed a Qik player on one of your blog pages and have it stream live from your blog!

UStream Broadcaster

UStream is another streaming video site and it has an iPhone app.

Reel Director

Reel Director is a paid iPhone app. It allows you to edit video and combine photos, video, and text. It’s similar to Animoto but bumps things up a notch. This is a bonus “way” to add video to your blog today.

I’m looking forward to seeing your video creations, whether they are life vloggings, sales promos, tutorials, documentaries, or interviews.

I appreciate your feedback and look forward to continuing the conversation in the Comments.

The latest version of Tweetdeck, a popular Twitter client, now allows users to post to their Tumblr and WordPress.com blogs.

In this video, I review how to set up a new Tweetdeck account and post to a Tumblr blog. This is the same process that you would use to post to a WordPress.com blog. See my notes below the video.

Will you use Tweetdeck to post to your blogs?

Notes

• To post to Tumblr.com, the Twitter Base URL setting is “http://tumblr.com”
• For WordPress.com, the Twitter Base URL is “twitter-api.wordpress.com.”

Assignment: Capture a tweet and display it on your site or blog.

BlackBird Pie is a little script created by @robinsloan at Twitter Media that allows site publishers to easily display tweets.

The usual process for displaying tweets is to type them in then hyperlink to the original tweet. Or, maybe a site will go farther and take a screen shot of the tweet page then crop the image and add a hyperlink to the original tweet. It takes time.

With BlackBird Pie, I was able to capture a tweet by following these steps:

1. Go to a Twitter profile via Twitter Web and find a tweet to display.
2. Click on the time stamp link to see the individual tweet then copy the tweet’s URL.







3. Go to the BlackBird Pie page
4. Paste in the URL and click on the “Bake It” button.
5. Cut and paste the resulting script and paste it into your web site or blog wherever you want to reference the tweet

Here’s there resulting tweet:

Quick Notes
Apparently, this script does not work on Tumblr blogs, according to the Twitter Media site.

Review:
We just learned a simple way to reference an individual tweet on our site or blog.

Do you think you’ll start using BlackBird Pie when you reference a tweet? Why or why not?

Your assignment: Report back on how people are finding their way to your blog via Web searches. Take that information and make a change based on that finding.

You could dig into your blog’s built-in stats feature (if it has one) and find one or two interesting tidbits about keyword searches. Or, if you’re a masochist, you could try to access your raw log files and parse out referrer search strings. Lastly, you could walk into your sophisticated analytics program and start running massive reports and get deluged with data.

But, there is a simpler way. Enter Wordle.net. Wordle.net is a word art site that works by analyzing text. Paste in a set of words and it returns a beautiful word cloud. Simple.

I created this first word visualization by pointing Wordle.net to my jesseluna.com blog URL. This won’t tell me about visitors to the blog, but it will give me a quick look at what the blog is really offering up in terms of content. The larger the word, the more times it is being used throughout the blog site.

Now that you know what you’re serving up to search engines, you can see what web searchers are really looking for based on keyword data.

These are the steps I took:

1. Log into Google Analytics account.
2. Navigate to the site you want to analyze.
3. You’ll be on the Dashboard. Go to Traffic Sources > Keywords
4. You’ll see a list of keyword phrases under the “Site Usage” tab on the main part of the page.
   
   
   If you’re using Google Analytics or any other stats tracking system, you should become very familiar with this keyword information. These are the words and phrases that people are searching over to get to your Web site.
   
   
   Go to the bottom of that data table and select “500″ from the “Show Rows” drop down menu. The page will refresh and you’ll see the top 500 sets of keyword phrases.




5. Export that view by going to the top of the page and clicking on the “Export” drop down and selecting .CSV or .XLS. Download it or just open up the file.







6. In the Excel file, scroll down until you get to the Keyword data and copy all the keyword phrases in that column.
7. Go to Wordle.net’s “Create” tab then paste those keywords phrases into the “Paste in a bunch of text:” text area.
8. Click on the Go button and in a few seconds your word art will appear.
9. Use the tool bar to filter for language, change the color scheme, layout, and color and explore.
10. You can now save the image to the Public Wordle gallery, take a screen shot of it and save it on your computer, or if you have Adobe Acrobat installed, you can print to Adobe Acrobat and save it as a high resolution image in PDF format.

This is the resulting keyword visualization.

From this visualization, I can tell which of my blog posts have driven the most traffic to the blog. I can see words related to my How To Add A Facebook Fan Badge To Your Blog post which included “Facebook”, “Tumblr”, and “Badge” keywords. When I compare the first visualization at the top of this blog to the one just above, I see that there are a lot of matches between what I’m writing and how visitors are reaching the blog. That’s what Search Engine Optimization (SEO) is all about.


Take Action
If you do try out Wordle.net and analyze your site’s keywords, don’t just sit on any new insights, take action. For example, I rarely write about Tumblr because I primarily focus on writing and teaching about WordPress blogs. But now, I’m going to schedule a couple of Facebook + Tumblr blog posts this month. I’m always looking for good tutorial topics.

Review
In this blog post we learned how to create a word visualization of your site’s content using Wordle.net. We also learned how to create a visualization using actual keyword search data from an analytics program. Lastly, we learned that we have to take action on our insights.

I hope this blog post was useful. If you created a visualization, feel free to comment below or post your Wordle.net art to the JesseLuna.com blog Facebook Fan Page.



Image Credit: Wordle.net

One of the best ways to tell your blog visitors about your Facebook presence is by using a Facebook Fan Badge. This allows users to click a button and join your Fan page and to click through to your Facebook account.

Quick note, are you looking for information on the Facebook Fan Widget? If so, click here.

To add the Facebook Fan Badge Widget:

1. Go to the Facebook Fan Badge Widget page. You will need to be logged into Facebook to access this page.

2. The “Select a Page” drop down box will show all of the fan pages you have joined. By default, the Fan Badge Preview section on the right will show the first fan page in your fan page list. Select your fan page and the Fan Badge Preview will update.

3. When you select your fan page, the “Copy the code below and paste it on your website” textbox will update with the correct code. Copy the code. Pro-tip: I like to keep a text file open (like Notepad) so I can paste in and label code. I do this in case I totally forget what I just copied and end up copying something else into my clipboard. It saves time and my sanity. ;)

4. Log into your blog, and add a text widget to your blog, paste in the code, and save your changes. This part of the process will be different depending on your blogging system.

For WordPress.com and WordPress.org (custom install) users
1. Log into WordPress.com
2. From your blog’s dashboard, go to the Appearance> Widgets page
3. Assuming you have at least one sidebar, click + drag a Text widget to your sidebar
4. Set a title. I used “Join My Facebook Fan Page” as the title
5. Paste in the code that we copied from the Facebook Fan Badge page. If it is no longer in your clipboard, you can copy it from your temporary text file mentioned in the Pro-tip above.
6. Save then Close and you’re set.

This is a screenshot of adding the badge to WordPress.com (click to enlarge):

Adding the widget to WordPress.com and WordPress installs is fairly easy but to add them to Tumblr and Posterous take more work and you have to muck around in the HTML. I’ll show you exactly how to do that.

For Tumblr users:
1. Log into your Tumblr account
2. Click on the Customize link button (upper right part of the page with the wrench icon)
3. Click on the “Theme” tab at the top of the page. We’re assuming you have Advanced HTML turned ON for your theme.
4. Navigate to the part of the theme where you want the badge to show up. I put mine right below a FormSpring widget which shows up under the Archive/RSS segment.
5. Click on the Update Preview button to see your changes.
6. After adding the exact code the box was slightly our of whack so you may have to tweak the colors a bit. Once you’ve done that, click on the Save & Close button and you’re set.

This is where I added in the Facebook code (click to enlarge):

For Posterous users (requires Advance Theme view to be turned on):
1. Log into your Posterous account
2. Go to the Settings page by mousing over the upper right section of he page and clicking on “Settings” button
3. Click on the big “Theme and Customize My Site” button
4. Click on the Advanced tab in the upper left hand side of the page
5. Once again, you’ll need to have Custom Theming turned on to proceed. If you do, you’ll see HTML template code in the top window. Expand the window by clicking on the “Expand” link
6. Navigate to where you would like to add your badgeand paste it in. I added my badge right below the “Subscribe via RSS” link

This is what the RSS link template code look like. Paste your badge code right after this section (it ended up being 90% down towards the end of the template page on my theme). Click to enlarge:

So we just learned how to add a Facebook Fan Badge to your blog site. If you desprately need help with doing this with one of the other blogging platforms, leave a comment below and I’ll update this blog post with those instructions. M’Kay?

—

Whoa there big feller, how to I display the fan pictures and my Facebook feed like on some other sites?

Facebook has several types of goodies for sites and one of them is a Facebook Fan Widget (not the same thing as the badge). The Fan Widget uses JavaScript code so some blogging systems do not allow them. WordPress.org blogs do allow them since they are installed on one’s own server but WordPress.com does not allow them because of the JavaScript.