Home > Marketing, Search Engine Optimization, Social Media > How To Create the Perfect Facebook Fan Page

How To Create the Perfect Facebook Fan Page

by Tamar Weinberg on December 1, 2009

This is a guest post by Jesse Stay, founder and CEO of SocialToo.com and all around great Facebook Fan Page coder. He’s volunteered to give away a copy of his recent book, FBML Essentials, to two readers. Scroll down to the end of the post for details on how to win.

Marketers love Facebook. With 350 million+ users, a self-promoting and natural way to have people promote your product, and a very active audience full of close friends and family, what’s not to like? If you had any doubt, just go on over to their stats page and see for yourself why it is something you want as part of your marketing strategy.

The best place you can place your brand on Facebook is through a Facebook Page (that’s with a capital “P”, not to be confused with your personal Profile). As of the time of this writing, over 10 million users become fans of Fan Pages every day. This number should be no surprise — when people “fan” your Page, their friends see it, and your brand spreads organically. What most don’t know is that you can customize this experience for your users. With just a little work, and either some knowledge of simple HTML or the ability to hire a developer to do the work for you, you can have a custom Page up for your business in no time. Here are some tips you can apply to your Facebook marketing strategy that will put your Facebook Page leaps and bounds ahead of the competition:

Maximize Your Avatar Visibility

Profile pictures on Facebook can have a maximum size of 200×600 pixels. This applies to Pages as well. Facebook Pages do not allow background images like Twitter, Myspace, and other services. What you can do, however, is take advantage of that full 200×600 real estate and get your brand in front of the eyes of your fans. This will make sure, regardless of what part of your Page they are on your brand is front and center.

Install the Static FBML App and Add a Custom Tab

Do a search for “static FBML” on Facebook (or just click here), and click “Add to my Page” in the upper-left. A dialog pop-over will appear with a list of Pages you administer. Select the Page you want to customize by clicking the “Add to Page” button next to the Page, and when you click the button it will disappear from the list. Now click “Close”.

Now what you want to do is create your tab. To create the tab, just go to your Page and click the link, “Edit Page” in the upper-left below your main Page image. Now when you scroll down you will see a subsection called “FBML”. Click on the “Application Settings” link for that subsection, and another popover dialog will appear. Click “add” next to the Tab field and click Okay. You’ve now just added a blank Tab called “FBML” to your Page. Now you need to customize it.

Add Content to Your Custom Tab

If you go view your Page now, you’ll notice when you click the “>>” tab there is now an “FBML” option in the drop-down. If you click on it, that tab appears in the list of tabs at the top, and you can drag it around (to the extent that Facebook allows you). You’ll notice the tab is completely blank. Let’s add some content to it.

To add content, click on “Edit Page” again on the left below your Page image. Go to the “FBML” subsection again, but this time click the “Edit” link. Now you’ll be taken to a very simple form with a “Box Title” field and an “FBML” field. This is your Canvas.

Let’s start by changing the title of the tab. As I mentioned earlier, the tab, by default gets called “FBML” when you add it. You probably don’t want to keep that name, so I recommend changing it to something productive, like “Welcome”, or “Introduction”. You can name it whatever you like, depending on your purpose!

Now you’ll want to enter some content. The “FBML” field will take almost any basic HTML. You don’t need to include any <html>, <head>, or <body> tags, as the HTML you enter will only take the place of that whitespace you just saw. All the header stuff is taken care of for you. Play with it and see what you can do.

Customize Your Tab With FBML

Beyond simple HTML you can also enter very simple FBML tags to simplify some of the process. FBML stands for “Facebook Markup Language”, and is meant to be a shortcut for use in Facebook applications. Facebook has also enabled the use of a subset of FBML in the Static FBML application. FBML can be a great way to reduce the amount of HTML you need to enter, while at the same time keeping Facebook’s own look and feel. The format is very simple, and if you are familiar with HTML or XML you’ll pick it up very quickly.

To learn FBML you’re going to want to check out Facebook’s documentation and reference on FBML tags. There is a large reference of these tags on their developer wiki. I recommend you look around and see what’s available, then try them out and see how they work. You can also purchase my book, FBML Essentials, which will give you a little more details on FBML (as well as the Facebook developer platform in general).

Keep in mind that the Static FBML application only supports a subset of what the full FBML reference indicates is available. Unfortunately there is no documentation stating what is, and isn’t supported. Tags that have been confirmed working and are my favorites are:

<fb:name> – displays a specific user’s name in the standard Facebook format
<fb:profile-pic> – displays a specific user’s profile picture in the standard Facebook format
<fb:swf> (great for Youtube videos or other video display) – allows you to include Flash applications in your tab
<fb:live-stream> – posts a Facebook live stream widget on your Tab (you must create a new application to do this)
<fb:comments> – adds a Facebook comments box to your Tab

If you read the Facebook wiki documentation keep in mind that “loggedinuser” does not work for the uid on the Static FBML App, but “profileowner” does. Beyond that, if you specify the specific user id in that field it should show properly. Here’s an example of a simple tab I set up:

<h1>Welcome!</h1>
<p>
<fb:profile-pic uid=”profileowner” size=”square”/>
Hi! My name is <fb:name uid=”profileowner”/>.
</p>
<fb:fan name=”stay”></fb:fan>
<fb:live-stream width=”700″ height=”400″
event_app_id =”293151070252″></fb:live-stream>

That produces something that looks like this:

Set Your Page to Default to Your New Tab

Now that you’ve created your custom tab using the Static FBML App you may want to set your Page to default to the new tab. This can give you a nice welcome message for your fans. To do so, just click “Edit Page” as I mentioned above. Under “Wall Settings”, click “edit”, and under “default landing tab for everyone else” select your new tab in the drop down. You’re done! Keep in mind that this default tab is only visible as a default landing page for those that are not yet fans of your Page yet.

SEO for Facebook Pages

Your Page is visible to search engines! Now that you’ve created your custom landing page, keep in mind that search engines see the page layout in the same way that someone who is not a fan of your page would see.

If you haven’t yet created a Facebook Page, you should also keep in mind that the Page title can be one of the best places to create a search-engine friendly title for your brand. Be sure this is something that describes yourself and your brand, and that you think others will be searching for. It should also, at the same time, be something familiar to other Facebook users, as this is what they will see in their News feeds as their friends become fans or you post updates. Keep in mind your Page name can not be changed once you create it, so get it right the first time! It can be a pain to have to re-create a new Page and re-establish months of work building your Page if you get it wrong early on.

Conclusion

As you can see, a Facebook Page is a powerful tool that you can use to enhance and strengthen your brand naturally using the tools Facebook provides. Be sure to leverage this tool, customize it, and make it work to get your brand in front of as many people and their friends as possible. Facebook is growing massively at the moment — is your brand a part of that momentum?

Giveaway

Jesse has agreed to give away two copies of his book (in eBook or paper format — your choice), FBML Essentials, for the best use of FBML for any fan page. Criteria are that the Facebook Page has to use the Static FBML app and will be judged by best use of FBML as a complement to HTML. If you have a Facebook Page to volunteer, just hop on over to the comments and share your favorite page. You have until December 10th to enter. Good luck!

Jesse Stay is a consultant who specializes in the integration of social APIs such as Twitter and Facebook. You may know him as founder and CEO of the social stream clean up and automation tool, SocialToo.com, but Jesse has also written two books on the subject of Facebook. His first book, “I’m on Facebook–Now What???” focuses on the beginner Facebook user and teaches you how to use Facebook as a productive tool rather than a toy. His second book, “FBML Essentials” takes you from the ground up on the Facebook developer platform, serving as a reference to Facebook’s Markup Language.

Update: Dave Dugdale of RentVine.com has graciously provided a video tutorial on how to create a “Fanbook page” (it has a nice ring to it, right?). Thanks Dave!

Tagged as: facebook, facebook pages, fbml, jesse stay, optimization

1 Comment 565 Tweets 3 Other Comments

{ 30 trackbacks }

How to Customize Your Facebook Page | Stay N' Alive: December 1, 2009 at 2:30 pm
=== popurls.com === popular today: December 1, 2009 at 4:20 pm
iLibrarian » How To Create the Perfect Facebook Fan Page: December 2, 2009 at 9:37 am
Facebook Fan Page Makeover | blur Group: December 2, 2009 at 10:49 am
We Have 5,000 Facebook Fans. Now What? « Social Media Snippets: December 2, 2009 at 11:33 am
cutting edge social media blogs | terrypetrovick.com: December 2, 2009 at 8:19 pm
links for 2009-12-02 | Digital Rehab: December 2, 2009 at 8:37 pm
links for 2009-12-03 : The ChipCast || by Chip Mahaney: December 3, 2009 at 11:05 pm
The Shifted Librarian » December 3rd Stream: December 4, 2009 at 1:01 am
Wordpreneur Reading List 12.04.09 | Wordpreneur.com: December 4, 2009 at 3:20 pm
Blogistan Panoptikum KW49 2009 auf datenschmutz.net: December 6, 2009 at 8:04 pm
The Best Of The Best: Facebook Marketing | KRISTY BOLSINGER: December 8, 2009 at 12:35 pm
Links for December 2nd through December 9th – eclecticism: December 9, 2009 at 5:02 pm
December 3rd Stream | dv8-designs: December 10, 2009 at 1:44 am
6 conseils pour construire une Fan Page Facebook d’entreprise efficace | Erwan Le Nagard: December 13, 2009 at 1:08 pm
Curiosidades e Funcionalidades do Facebook « Idéias Fervilhantes: December 15, 2009 at 10:28 pm
Announcing the Winners of the Static FBML Contest | Stay N' Alive: December 19, 2009 at 6:01 am
How to Create a Perfect Facebook Page « Technology Advisory Committee: January 4, 2010 at 1:18 pm
Facebook fanpage « Prosjekt digital kommunikasjon: January 5, 2010 at 5:21 am
Best Internet Marketing Posts of 2009: Social Media, SEO, PPC, Small Business, Web Design, and More » Techipedia | Tamar Weinberg: January 5, 2010 at 9:08 am
Một vài cách để tăng số lượng Fans thực sự của bạn ở Fan Page trên Facebook | My random thoughts, my true lies: January 11, 2010 at 11:24 pm
links for 2010-01-17: January 17, 2010 at 8:01 am
HOW TO: Build a Facebook Landing Page for Your Business: February 22, 2010 at 7:47 pm
Music Business Blog by Jason Feinberg » Useful Links 2.24.10: February 24, 2010 at 3:14 pm
Contemplating the Tree of Woe » links for 2010-02-24: February 24, 2010 at 7:09 pm
Cómo construir una Landing Page para tu negocio en Facebook « Aqua2webs' Blog: una reflexion sobre webs eficientes: March 1, 2010 at 4:12 pm
Ease of a Facebook Fan Page | Websites for Small Biz: March 2, 2010 at 7:18 am
Facebook Adding Status Advertising to Page? | SMO ABC: March 4, 2010 at 10:23 am
Facebook : Facebook Fan Page : Search Engine Optimizician: March 8, 2010 at 1:11 pm
WELSTech » Blog Archive » 122 – Social Networking Show and Tell: March 10, 2010 at 6:02 am

{ 129 comments… read them below or add one }

Sarah Montague December 1, 2009 at 11:25 am

Terrific article. I am not a programmer and can’t say whether this page I admire uses the FBML . However, I think Harley Davidson has a terrific grasp of the potential of social media. This page which was created by friends of mine at Overdrive. I don’t work for them or Harley, I just think they are doing smart work.

http://www.facebook.com/#/harley-davidson?ref=search&sid=643423954.2412610955..1

Cheers.

@sarahmontague

	10e20
	Lateral Action
	Lifehacker
	Macgasm
	Mashable
	Pistachio: Touchbase Blog
	Ramblings of a Sysadmin
	Real Simple
	Schwag Addict
	Search Engine Roundtable
	Professional Bio
	Spammr from Tumblr

Social Media Consultant and Tech Geek at Heart

How To Create the Perfect Facebook Fan Page

Maximize Your Avatar Visibility

Install the Static FBML App and Add a Custom Tab

Add Content to Your Custom Tab

Customize Your Tab With FBML

Set Your Page to Default to Your New Tab

SEO for Facebook Pages

Conclusion

Giveaway

As Seen In…

Social Media

Most Popular Posts

Tags

Portfolio