How to Optimize Your Facebook Page for Visual Branding

social media toolsAre you wondering how to visually optimize the new Facebook page layout?

As of March 10, 2011, it became official—the new Facebook page layout was applied to all fan pages. Now that the dust has settled, bugs addressed and some tweaks made, admins can now focus their attention on making the most of what Facebook has given them, which is a LOT of screen real estate!

Essentially, the new page layout gives over two-thirds of the available screen space to brands (see the red boxes in the image below), with Facebook reserving only its narrow blue band at the top and the right column for its own content.

hyper arts on facebook

Each of these red boxes represents areas where you can manage your visual brand on your Facebook wall.

This new layout greatly expands the branding possibilities for businesses. Now you can create a Facebook presence that’s more fully branded and unified than was possible in the old layout. Before, the only opportunities for visual branding were the profile picture and custom tabs.

This is about branding strategy more than design!

Unlike other articles that have focused on cool landing tabs, this article will take a broader look at the available elements and how to use them together for best visual and messaging effect.

This article will primarily be about the profile picture (see above image #1), the photostrip (#2) and the tab navigation (#3), the creative use of which can result in a visually compelling and easy to navigate fan page. But the featured Likes (#4) and the profile picture thumbnail (#5) also present branding opportunities and warrant attention.

The Profile Picture—The Most Important Visual Element

The profile picture is your brand’s key visual identity, occupying the location where on websites you’d see the brand logo. You want to give it visual weight as it occupies the “power corner” of the page.

The profile picture’s maximum allowed dimensions are 180px x 540px. However, because the tab navigation is directly below the profile pic, page admins should balance the height of the pic and keep their page navigation above the fold.

Page admins need to be aware of balancing the messaging in their profile picture with how it affects the position of the tab navigation. As with websites, you want to keep your key information above the fold.

The Profile Picture and the Photostrip Should Work Together

Because the photostrip is immediately to the right of the profile pic, designers should consider how each one affects and reinforces the other. The Manchester Libraries page is a good example, but there are many others.

manchester library

And Don’t Forget the Profile Thumbnail!

The thumbnail is the image that accompanies all your posts and comments to pages’ walls—thus it’s your “mini-logo” and should be crafted carefully.

The thumbnail, by default, just shows a section of your profile picture; you can’t create and upload an image specifically for the thumbnail. However, you can edit the thumbnail image via “edit page > profile picture > edit thumbnail”:

edit thumbnail

Just drag it in the box till you’re happy with the result. If your profile picture is:

thumbnail example

You want this:

thumbnail example

Not this:

thumbnail example

The Photostrip—Roll with the Randomness!

When Facebook added the photostrip to fan pages, many savored using it to create a seamless branding incorporating the profile pic and the photostrip. However, they were disappointed to discover that, unlike with personal profiles, the photostrip’s five pictures were shuffled every time the page loads.

But many pages have quickly adapted and taken advantage of that randomness and selected five images that work in any order.

HyperArts and Juicy Agency accentuate the randomness:

hyper arts

juicy agenda

While other brands utilize pictures not dependent on their ordering:

doritos

trixan body

vital design

As you can see, the enforcement of randomness of the five images in the photostrip is a design/messaging challenge that brands and their designers should embrace. It’s an opportunity to be creative within the rules.

The Tab Navigation—Something Lost, Much Gained

Moving the tab navigation to the left column was probably the most unwelcome change to the fan page layout. Admins felt that their page navigation had been demoted to a place of lesser visibility.

But there’s another side to that coin. Instead of six blue tabs with the names often truncated due to character limitations, you now have 36 characters to work with and custom icons.

When you create your own iFrame applications, you can create the app’s tab icon for the tab navigation, thereby visually connecting the navigation with the other visual elements on the page, or using “idiograms” (e.g., a picture of a fork next to the “menu” tab) to reinforce the tab’s content.

Keep Your Navigation Pruned!

Pages should avoid navigation that’s cluttered with too many tabs (particularly tabs where there’s little or no content), icons of widely varying quality and design (those gray Static FBML icons now look dated and a bit ugly) and randomly ordered rather than by importance.

facebook navigation

In the above examples—and, mind you, these are from big brands—there are events tabs with no events, applications with no icons, lots of stale Static FBML icons, etc. These brands would never be this sloppy with their website’s navigation!

In terms of pages that are paying attention to their navigation, there were pages that went with the pared-down and minimal…

facebook navigation

…and others that used custom icons (which you can do when creating iFrame page tabs) to create a unified look:

facebook navigation

Featured Likes—Opportunities for Cross-branding and Partnerships

The “Featured Likes” area in the left column below the Like count, presents a great opportunity for brands to highlight other pages they own, partner pages or just related by interest:

featured likes

Admins have a lot of control over the Featured Likes.

Via “edit page > featured” you can select which of your Liked pages (these are pages that your page has Liked, not your personal profile) will show up in the rotation of five pages.

featured likes

The Take-away: Consider All Elements of Your Visual Branding

Because the old layout only allowed visual branding of the profile picture and custom tabs, that’s really all those in charge of visual branding had to pay attention to.

But it’s a new day and a new layout—crisp and clean—so look at all the above elements, think creatively and use them all together to display a strong and compelling presence!

What do you think of these changes? If you have any questions or comments, please leave them in the box below.

Tags: , , , , , , , , , , , , , , , ,

About the Author, Tim Ware

Tim Ware is the owner of HyperArts, a San Francisco Bay Area Web development company that also specializes in Facebook custom tabs and application development. Other posts by »




More Info
  • http://www.gsmpedia.net GSMPedia

    Thanks for the info, it’s very usefull!

  • http://www.bridiestypingservices.com/ Bridie Jenner

    Fantastic, thank you for your article it’s given me a lot of great ideas!

  • http://frankjkenny.com/ Frank J. Kenny

    Good post Tim. Happy to share on my Facebook Page.

  • http://ideagirlmedia.com/ Keri at Idea Girl Media

    Great article – I like the way you broke the areas down!

    I have found the “Featured Likes” area a treat – and it is indeed an opportunity for cross-branding and collaborative partnership, as you say! :)

    Pruning your tabs navigation — very good points! This area is another way to make the page exciting and “seduce” fans to engage.

    When visiting pages recently, I too have found there are tabs with nothing, or even old promotions on well-known pages. (Who are their social media mangers???)

    Thanks so much for your well-written words!!

    ~Keri

  • http://www.colemanmg.com Antonio Coleman

    There is like a million and one things you can do with a facebook page..and it great to see even more usage can be done..

    “Black Seo Guy “Signing Off”

  • http://www.mulrian.com Mulrian

    Thanks, Tim. This is a helpful approach to seeing the bigger picture.

  • Pingback: 3 Easy Ways To Visually REV Up Your Facebook Fan Page (you can do now) | Lori R. Taylor

  • http://www.lorirtaylor.com/ LoriRTaylor

    Tim – fantastic points – especially with the capacity for longer names for your tabs. This means we have to get a little more creative with getting them interested in us. Now that we have up to 35 characters for the name of a tab, it gives us a better chance to use a strong call to action instead of a boring couple of words. Consider have a tab called “What I Can Do For You” instead of About Me.

    Great stuff- and good point about photo matching horizontal photos – a picture says a thousand words for sure!

  • http://ideagirlmedia.com/ Keri at Idea Girl Media

    Lori,

    I really like “What I Can Do For You” to label a tab. Thanks!! :)

    ~Keri

  • http://www.facebook.com/christinebuffaloe Christine Buffaloe

    I do like most of the changes, but I think the photo ribbon is a little dicey. The photos have to be sized correctly and sometimes don’t show up the way you would like.

  • http://www.medesignlab.com medesignlab

    Awesome post! Great overview, and always nice to see some real world examples to support this kind of content.

  • envbyvanessacoppes

    tim, great article. You always offer such useful content ;)

  • http://www.socialidentities.com Hugh Briss

    Good post but the dimensions of the sidebar banner are actually 180×540.

    I also suggest that instead of minimizing the height of the banner to keep the links above the fold, utilize the full height of the banner and add a nice big arrow or some other pointing device indicating the links below and bringing attention to them.

  • Laura

    Thanks Tim!
    I didn’t understand the pouting over the loss of the horizontal tabs. On the side, with so much more flexibility – way better as far as I’m concerned. And so many more possibilities since the change. I’m loving it!

  • http://pulse.yahoo.com/_EOTQCF2YRKYKS2GKJQ6TFE5744 nayal412

    all here can add me now
    nayal412@yahoo.com
    im wait pls

  • http://www.iwantalocalwebsite.com Michael

    Great post with step by step instructions. Just got our company a FB page and I will start today making changes.

  • http://BeckyCortino.me/ Becky Cortino

    Great breakdown of new Facebook Page features that will enhance visual branding — and impact, if utilized effectively. Personally, I much prefer the left column tab navigation to the previous clutter of tabs and text across the top. As with everything, as folks become accustomed to finding the linked tabs on the left, we ‘re good to go! Of course, that is until Facebook makes changes lol But that, is a post for another day, isn’t it?! Thanks Tim, for your insights…

  • http://twitter.com/TaylorVick TaylorVick

    Great post! I really enjoyed reading it. Tim’s posts are always great – replete with action items and examples of good vs. bad implementation. Thanks! Can’t wait to forward this post to some of my clients.

  • http://www.hyperarts.com/blog/ Tim Ware

    Thanks Hugh. Yes, there are many ways to skin this cat. When creating the Profile Pic, make sure you keep in mind how it’s affecting the position of the navigation and compensate accordingly.

  • http://www.hyperarts.com/blog/ Tim Ware

    Thanks Taylor! Readers’ appreciation of the articles is the best reward.

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Christine. I think once you understand how the Photostrip works, it’s pretty easy to work with. The important thing is the curate the images that get uploaded and added to the Photostrip. Read my recent article about optimizing the Facebook Photostrip for details on sizing images, etc. And remember, you can remove unwanted images from the Photostrip by mousing over the image and clicking the “x” in the top right corner of the image.

  • http://socialmediamanagerinc.com David Mon

    This is a great article loaded with a ton of good info that can help almost everyone with a business page.

    Thanks for this,
    Dave

  • Pingback: How to Optimize Your Facebook Page for Visual Branding « MMSP 131: Social Media For Professionals

  • http://www.cognation.net/ deancollins

    I’m still looking for a developer with Facebook iframe experience to help us out with http://www.LiveChatConcepts.com/sites

    Get in touch via email by posting your contact details and soem examples you’ve implemented along with the cost of each example.

  • Jim Teresinski

    I’m just getting started with Facebook, so be gentle with me. I have the photo strip on my personal Facebook page, but not on the 2 business pages I have. I looked for a link to activate them but couldn’t find one. Do business pages have a photo strip ?

  • Pingback: Face(book) to Face(book) | Pixelita Designs

  • Bill Lord

    Another great article, and thanks for plugging our page! You can have a lot of fun with the new pages.

  • http://www.rakacreative.com/ Brian DeKoning

    Thanks, Tim for including Vital Design as an example! It’s great to be included with these other great Facebook pages. We played around with the best approach to using the new five-pic thumbnails when they came out and felt sharing our friendly faced-avatars was a cool way to go.

  • http://www.jesserandgd.com jesserandgd

    Thanks for the mention! Great to get this type of recognition.

  • http://www.hyperarts.com/blog/ Tim Ware

    Yes, business pages have a Photostrip. Of course, until you upload some photos you won’t see them in the Photostrip. The only difference between the Photostrip on a Personal Profile and a Page is that the order of the 5 images is shuffled each time a Page is loaded and Personal Profiles can actually set the order and it’s not randomized.

  • http://www.hyperarts.com/blog/ Tim Ware

    Nice job on your Page, Vital Designs!

  • Bill Lord

    Thanks, your site has been a great resource for us! You guys are always all over it when Facebook decides to change things on us!

  • feter

    to make your photos work well with the profile pic you should make them 96w by 67h

  • http://pulse.yahoo.com/_DPGHB2JC7MRENYUMAHMBQPLFTI Kristi

    Quick and easy actions for my Facebook page! Thanks.

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Feter. I believe those dimensions should be 97w x 68h pixels. Are you mistaken or do you know something I don’t: :-)

  • JessicaSwiftEldridge

    Now, to figure out how to use iFrames to get people to click “Like”…

  • http://www.alittlebranding.com/ Bob Strassel Jr.

    Hey Tim, Thanks for the info. Great points, well taken! I’m actually starting to like the new Page look.

  • http://www.extremejohn.com/ Extreme John

    Wow Tim!! Nicely done, probably one of the best if not theeee best Facebook Page custimization article I’ve seen, especially in regards to the new layouts. Thank you, makes it so much easier for me to share the info with my team so we can come up with something with a little more hotness.

  • feter

    I just used firebug on the image gallery (theater) from the library site you used for demonstration – and those were the dimensions on a div – I could be wrong but I am using them that (my) size and it seems to work well…

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Jessica, I can offer two options to help you with iframe tabs and reveal. One is our recent blog post on setting up a Reveal with iFrame tabs; the other is TabPress, a Facebook app you add to your Page and then enter code content in one box for fans and one for non-fans. Easy-peasy…. :-)

  • http://www.hyperarts.com/blog/ Tim Ware

    Yes, after the Shock of the New wears off, it really is a much cleaner look with great opportunities for making it your own.

  • http://www.hyperarts.com/blog/ Tim Ware

    Hey, thanks John! Turn up the heat!

  • http://twitter.com/ClearPointWeb ClearPoint

    Thanks to your article, I just improved my profile photo on my Facebook biz page. Great info – thanks!!

  • http://www.extremejohn.com/ Extreme John

    Already in the processes.

  • http://twitter.com/nibfickle Alexander Kenter

    Ah! Been waiting for this post – thanks a million!

  • http://twitter.com/moreclay Dmitry Tkach

    The post was useful for me, thanks!

  • http://twitter.com/AStudion AStudion

    Nice article! I wonder is it worth to 100% replace my site to Fb fanpage for indie, starter?
    Writing Fb note instead of bloodspot, wordpress?
    Anyone research on this?

  • http://www.socialidentities.com Hugh Briss

    Hi Dean. I could offer my services but instead I thought I’d just point out that the author and Hyperarts can help you.

  • http://www.socialidentities.com Hugh Briss

    You’re correct, Tim.

  • Pingback: Today’s Bytes » BY:AD

  • http://www.setsocial.com SetSocial

    Great article. Thanks for laying everything out there like that.

  • georgekatsoudas

    Thanks for the tips, Tim – and for the examples. They will come in handy :-)

  • http://www.ecumenix.com Tom Fluegge

    Great idea playing around with the photostrip. Sizing the thumbnails was a bit annoying, but the result outweighted this big time. Tried it with a letter-only customer logo, busy reloading that page since then. Bumping up the click rate ;-)

  • http://twitter.com/AlexCharraudeau Alex Charraudeau

    very helpful post here with some great insight. I love the photo-bar. Fantastic ideas there!!

  • http://www.stalkerb.com StalkerB

    I could be wrong (frequently am), but as far as I can tell, you can’t even see the photo strip unless you’re an admin, no?

    Fine for profiles, but pages don’t look like that.

  • http://www.best-web-hosting-companies.com/ Kavya Hari

    Hello Tim, thanks a lot for given your post on here:). Its great work:)

  • http://twitter.com/acuatia Acuatia Media

    This was Great! With the new changes to the Facebook layout it was nice to get some insight into the new branding potential created.

  • http://www.marketing-velocity.com David

    Tim, Great article. I had thought about most of this but hadn’t even considered using the pictures in that way. Thanks. Now I’m off to make some pictures.

  • http://www.wsibusinessmarketing.co.uk Matt Chandler

    Great tips – have been playing around with the “tiled” pictures on my own site this morning! http://www.facebook.com/WSI.Business.Marketing

  • http://twitter.com/shedsue sue lawson

    Thanks for another really useful article – time for some serious navigation tab pruning. And a big thank you for featuring our library photostrip – we are feeling very proud today!
    Sue Lawson

  • http://twitter.com/shedsue sue lawson

    You’ve made our day. Thanks for including our photostrip! We learn loads from you and pass it on to our library customers too…

  • http://websbywagner.com Laura

    Hey Tim,
    I think the link text on the left can only be 16 characters. Am I missing something? You say 35. That would be awesome if true.
    Thanks,
    Laura

  • http://www.socialidentities.com Hugh Briss

    I’m not sure if it’s exactly 35 characters but it would be close because I’ve been able to get two full lines.

  • Simone

    Great article…who can help me with the “share” button?
    My post doesn’t have the button…only “I like” and “Comment”…

    Tks

    Simone

  • http://websbywagner.com Laura

    I think we’re talking the same thing. When I’m setting this up in the developers area and it asks me for the tab name, it stops me at 16 characters. What am I missing? Thanks Hugh!

  • http://twitter.com/quaycountygirl Bunny Terry

    Great stuff, and I’m really liking the new Facebook. Just one question -can you get decent looking (not generic) Iframes with outside vendors like Wildfire? I’m absolutely NO good at creating my own, but have several clients who really need a new look.

    And is anyone else having a hard time changing the profile photo, or is it just my limping-along laptop? It seems to take an incredibly longer time to load than it used to. . .

  • http://www.hyperarts.com/blog/ Tim Ware

    Yes, Laura, when entering the Tab Name for the app on the Developer site (www.facebook.com/developers), you are stopped at 16 characters. HOWEVER, when editing the tab in your Page-editing area (Edit page > Apps > Edit Settings) you can have up to 36 characters (counting spaces) and that name displays in your left-column navigation, breaking to 2 lines if necessary. By Facebook standards, one of the lesser inconsistencies :-)

  • http://www.hyperarts.com/blog/ Tim Ware

    I’m glad to hear that, Laura! I love the artistry of the Manchester Library fan page. Very Alan Aldridge!

  • http://www.hyperarts.com/blog/ Tim Ware

    I checked, Matt, but don’t see a Photostrip?

  • http://www.hyperarts.com/blog/ Tim Ware

    It depends. If you have your own website, you control *everything*, all the messaging, branding, etc. And you can still use the Fb Social Plugins to create interactivity with Fb. If you put all your eggs in the Fb basket, you’d have to be confident that all those interested in your offerings are on Fb and you’d have to abide by Fb’s rules. I’d recommend diversifying.

  • http://www.socialidentities.com Hugh Briss

    Tim beat me to the answer.

  • http://websbywagner.com Laura

    Hi Bunny,
    Mine just keeps spinning and spinning too. That’s probably what you’re seeing. But it’s actually uploaded and you can edit the thumb. It’s there. It just doesn’t look like it.
    Laura

  • http://websbywagner.com Laura

    Thanks guys – just tried it. That’s awesome! So glad I was confused and asked. :) Thanks so much.

  • http://twitter.com/greaterlight Alissa J

    how does everyone feel about periodically changing out the profile pic as a strategy? Sometimes as I am viewing my news feed , if I see an image I am not used to seeing then it makes me want to click it and see who it is. Conversely, this probably would have the opposite affect for more widely known brands as I DO associate their profile image with their brand such as: Soical Media Magic, Campaign Monitor, NPR, PCC Natural Market, etc….when I am trying to find post I have read and want to reference I scan my feed looking for their logo/profile image.

    Thought?

  • mp4u

    Great info!…these tips will be very helpful to many :)

    Cori

  • http://www.facebook.com/profile.php?id=1432069016 Laura Ruby Alisanne

    This post is choc-a-block full of useful info! I’ve been ruminating on a new approach for the Welcome Tab, and appreciate the points you make on “Pruned Navigation.” HyperArts has a wonderful option for the Welcome tab, with four nested tabs inside. I think this is the way to go moving forward, and would really help to keep the Nav trimmed. Thanks Tim!

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Bunny, If you’re comfortable working with HTML, CSS and other standard Web languages, then I suggest you add to your Page TabPress, a free Facebook iFrame Tab app.

    We at HyperArts developed it so that folks could easily add content for both fans and non-fans into a text box, save and preview the results.

    It works much like good old Static FBML works, but it creates a true iFrame tab conforming to Facebook’s latest requirements.

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Alissa, I get that novelty is intriguing but for a brand that values brand recognition, consistency is key. And I think you arrive at the same answer by the end of your question :-)

    Of course, if the profile pic no longer accurately reflects your brand, then make a change!

  • http://www.hyperarts.com/blog/ Tim Ware

    Thanks Laura. I think you’re referring to our multi-tabbed subnavigation template for iFrame tabs, as seen on Mari Smith’s Page, Guy Kawasaki’s Enchantment Page, and the HyperArts Page. Both Guy’s and Mari’s use TabPress, our free app for adding iFrame tabs to your Page.

    The multi-tabbed subnav is a great option for getting the maximum bang out of a single tab.

  • http://www.facebook.com/profile.php?id=1432069016 Laura Ruby Alisanne

    Yes indeed, thanks for correcting me. I look forward to trying it out. I like its elegant, user driven functionality.

  • http://www.gadarian.com David Gadarian

    Glad to make you happy. I appreciate this post too! : )

  • Kathy

    This is grat information. How HOw do jI get a list of those who “like” my page. Can I “like” groups or just other pages?

  • Stillblondeafteralltheseyears

    I love this article. And everything you write! Now following on FB so I don’t miss a thing! The best part are your illustrations!

  • Brian

    Great tips! We updated our page for Dixie Elixirs using the five letters in DIXIE, which look cool when randomized. We hope our fans keep returning to see if the letters spell out DIXIE correctly. http://facebook.com/dixieelixirs

  • http://www.danarogersphotography.com dana

    thanks tim. this was my question. it also looks like a portion of the border gets cut off. but perhaps this is just because i am not sizing correctly.

  • Dana

    seems like the only way to avoid the photo being “zoomed” is to add it at 97 px wide.

  • YCC

    Just a question for one of you smart folks – I created a new ‘tab/page’ on my fanpage using iframes by creating an app for it. The question is – if I want another page – do I have to create another app – or can I somehow link another page to the app I already created?

  • http://mlmnetworkingwomen.com/ Karen J Miller

    Great checklist of tips! This is a must read for any business builder who is using Facebook FanPages.
    I love the examples you give for the Photo Strip and the Navigation Icons…I am not techie enough to figure out how to create those Navigation Icons, but they sure do look great when customized!

  • http://www.hyperarts.com/blog/ Tim Ware

    No, everyone can see the Photostrip.

  • http://www.hyperarts.com/blog/ Tim Ware

    Yes, further testing has shown that Facebook doesn’t exactly shrink down your large image to the 97 x 68px dimensions. It takes a slightly off-center version and shrinks that. So if you’re looking for pixel perfection, you should upload images you want in the Photostrip at the 97 x 68px dimensions OR be able to live with a not-quite-perfect reduction of the larger image.

  • http://www.hyperarts.com/blog/ Tim Ware

    If you created an application, you should be able to add it to any of your pages. When on the Developer site (http://www.facebook.com/developers/), click on your app’s name, then on the landing page for your app click on “Application Profile Page”; on that page, in the left column, you should click “Add to my Page” and a popup will show the pages you admin and from which you can choose to which page you’d like to add your app.

  • Xquizitdesign

    I have a Graphics Design Business too and I find I have trouble getting the “Importance of the Visual Aspect” across to the small Businesses. They seem to think that just having the Company sign out front and a business card should suffice. Thank you for this article! I will pass this along for them to read!

  • http://www.facebook.com/profile.php?id=621688628 Susana Chavez Zavala

    Is there a way we can choose which pics to show at the The Photostrip? I just been “hiding” pics I do not want ’till the ones I like showed, but it was more like good luck! hahahaha.

  • http://www.hyperarts.com/blog/ Tim Ware

    Yes. The Photostrip will show the 5 most recently uploaded images. I recommend creating a new photo album called “Photostrip” or whatever, and uploading the 5 images to be included.

    Any images uploaded afterwards will have to be manually hidden by mousing over it when it appears in the Photostrip and clicking the “x” to delete it from the strip.

  • Andre Novais de Paula

    Great article. Thank you for sharing. :)

    André

  • Pingback: How to Optimize Your Facebook Page for Visual Branding | | Welcome to Creative Studios Nigeria BlogWelcome to Creative Studios Nigeria Blog

  • Angela

    Hi Tim,

    After reading your article, I went to make some changes on our companyfacebook page. I removed the Logo from our profile pic and tried to upload another image. But the image wont upload, I have tried over and over again but Facebook wont let me upload a profile picture anymore- it seems so strange. – So now i have a question mark as our logo. Do you know if anyone else has come across this problem recently??
    Thank you, much appreciated if you have any ideas …

    Angela

  • http://www.best-web-hosting-companies.com/ Kavya Hari

    Initially, it should be more helpful and useful to all the face book user. Thanks a lot Tim for given worthy article on here:-)

  • Pingback: Optimize Your Facebook Page for Visual Branding « Suzanne LaChapelle’s Weblog

  • http://www.aaroneden.com/ Aaron Eden

    After having read this, I think I’ll have to get in touch with my designer to have something creative on my Facebook business page. Now, I have to think of something fun and simple. Thanks for sharing these tips!

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Angela, I’m not sure why that would be happening. There is a file-size limit for the profile pic, but I doubt the image you’re trying to upload exceeds 4MB! Either it’s a bug, or you’re doing something wrong. Sorry I can’t be of more help!

  • Candice

    Hi Tim, great tips thank you! Do you know what the pixel sizes of the photos should be in the photo strip? I have some photos on my business page, but the focus is kind of ‘zoomed in’. and it does not look professional. Is there a way to upload the picture or resize it in a way that it displays the entire picture in the photostrip? I hope this makes sense.

    Candice

  • http://www.mobilecubix.com iPhone Application Developer

    Thank for interesting Tips but i want to ask about the Tab navigation image.How we include the tab navigation application image.As you mention in your post “Keep Your Navigation Pruned!

  • http://www.wholesalepages.co.uk Wholesale Suppliers

    New updates helps a great deal to make your fan page dynamic if you know how to use the available features. Most of the guys worry about increasing the fans but I think first you need to make sure that your page have something to give to the fans and it should also attract them.
    Thanks Lori thanks for the article I believe that if someone implement the techniques and strategies you have mentioned than surely it will produce extra ordinary results.

  • http://twitter.com/gimmeaboost Boost Social Media

    Great article. Very thorough. It can really get confusing for people to understand all the different elements of a Facebook page and the related nomenclature for all the pieces.

    Great to see someone break it down piece by piece. It is interesting to see how even some of the bigger brands aren’t paying attention to the small details. You’re exactly right that they’d never do that with their own web sites. *tsk tsk*!

  • Pingback: Linkswitch #62, Home Office, Facebook Branding, Project Management

  • http://www.facebook.com/bmelville Barbara Melville

    Excellent article. How many tabs can you have on a page? We’d like to have a tab for each of the 15 bicycle trips that we run.

  • http://twitter.com/inkatechnology InkaTechnology UK

    That worked out pretty well. Have no idea why FB is dropping the quality when they now allow normal photo albums to have hi-res.

    Thanks a lot for the tip anyway..

  • http://www.facebook.com/people/杨春义/100001927463458 杨春义

    不错 学习了

  • TRWG

    Tim, how exactly do you set certain pictures to remain on the photostrip? Thanks!

  • http://ritmlife.ru ritmlife

    grats :)

  • http://www.hyperarts.com/blog/ Tim Ware

    Hi Barbara, I haven’t tested the limit on the number of tabs allowed. I have a test page with 22 apps (not counting Wall and Info). However, fifteen tabs would be overwhelming to the user and it might not be the best way to handle your trips.

    You might want to provide a single-tab overview, briefly describing each trip and linking to your website for more info. Or perhaps divide them into just a few categories.

  • http://www.hyperarts.com/blog/ Tim Ware

    Lori? :-)

  • http://www.hyperarts.com/blog/ Tim Ware

    Each application tab has its own icon, and these can’t be changed, unless the page owner created the app, in which case s/he can decide on the custom icon for the tab.

  • http://www.hyperarts.com/blog/ Tim Ware

    As I mention above, if you upload larger images at the same “aspect ratio” as the Photostrip image (97 x 68px) … So 970 x 680, or 485 x 340. Basically 10:7. They will be scaled to the 97 x 68px, although it’s not a pixel-perfect scaling, so your images shouldn’t be too dependent on pixel perfection!

  • http://www.mobilecubix.com iPhone Application Developer

    Suppose i am admin of any facebook page so how i changed the navigation tab images.and in what size image is useful

  • http://www.seomasterexpert.com/ Swapan Kumar

    great tips

  • http://www.facebook.com/nimit.kathuria Nimit Kathuria

    “But many pages have quickly adapted and taken advantage of that randomness and selected five images that work in any order.”

    As we have found, the things is that we have to keep uploading images on the wall in tandem with status updates on the page and those find their way to the photo strip at the top, so can’t really help it. PLEASE TELL ME IF I AM MISSING ANYTHING.

  • http://www.facebook.com/nimit.kathuria Nimit Kathuria

    “But many pages have quickly adapted and taken advantage of that randomness and selected five images that work in any order.”

    As we have found, the things is that we have to keep uploading images on the wall in tandem with status updates on the page and those find their way to the photo strip at the top, so can’t really help it. PLEASE TELL ME IF I AM MISSING ANYTHING.

  • http://www.hyperarts.com/blog/ Tim Ware

    You have to be an admin of the application that you want to change the icon for. The icon image is 16 x 16 pixels.

  • http://www.facebook.com/pvariel Philip Verghese ‘Ariel

    Hi Tim,
    What a wonderful and useful tutorial here.
    Thanks a lot for sharing with lot of connections and illustrations and app.
    I have decided to come back here again to catch some more to my kitty.
    Thank you so much for this informative piece
    Keep inform
    Best regards
    phil

  • http://www.online-business-virtual-assistant.com/ Shilpi Roy – Virtual Assistant

    Hey Tim,

    Great post and great views and thanks for the useful tips. I will surely try to implement these on my Facebook to get good results.

  • http://www.mobilecubix.com iPhone Application Developer

    Yeah I am an admin of that application..but its effective to changed the application icon images.

  • https://BeautyHum.com Lara Solomon

    Thanks Tim, great to see some before and after examples :) I absolutely love the new ability to name your tabs and include call to actions.

  • http://www.twizzyweb.com Mauro

    Thanks for the great tips Tim!

  • http://www.nenewmedia.com/ NENewMedia

    To start with every facebook page should carefully look at the profile picture and the thumbnail. Great information on the featured likes. I am going to send this article to a couple of my prospective clients. Thanks a lot.

  • Pingback: Using Social Media to Market Your Urgent Care « Urgent Care Management Monthly

  • http://www.hyperarts.com/blog/ Tim Ware

    You can remove uploaded images from the Photostrip. Just click the little “x” that appears when you mouse over the Photostrip image you want to delete. It won’t delete it from Photos, just from the Photostrip.

  • Stacey

    Thanks to your informative article, I’ve been able to take my Facebook Fan Page and ‘kick it up a notch.’

    I just implemented changes in my Photostrip. Instead of adding photos, I added ‘words of wisdom’ and motivational phrases related to my business (Professional Organizing). I’ve been getting many compliments on it. See it here: http://www.facebook.com/OrganizedArtistryLLC

    Thanks again for the great ideas. Recently signed up for your updates.

  • http://www.brosix.com/ Brosix

    Visuals do make a big difference!

  • ulangembul

    thanks for share, great post.. :)

  • http://www.facebook.com/jamie.burnett1 Jamie Burnett

    Hi there, thanks for the great, comprehensive post, I have been reading a lot about how to play with pages. This is my first attempt at utilising the banner pictures to create something a little unique. Feedback would be greatly appreciated. I hope you like it. :)

    https://www.facebook.com/GoogleGame

  • Pingback: Facebook Fan Page Design Made Easy: 7 Awesome Resources

  • http://www.facebook.com/jaiminbhagat Jaimin Bhagat

    hey tim..!! good work..!!
    is there any solution to stop random rotation of photostrip for facebook fan page?

  • Pingback: Ease of a Facebook Business Page | Websites for Small Biz

  • Pingback: It’s Time to Transition your Facebook Tabs from Static FBML to iFrames | HyperArts

  • Pingback: Bye FBML, hello iframes! « Try to take over the world

  • Pingback: Using Social Media to Market Your Urgent Care

  • Pingback: Series: The Perfect Facebook Fan Page – Optimize Your Photostrip | HyperArts

  • Pingback: Facebook « B & V Water Treatment Marketing Department

  • Pingback: Articles worth reading.

  • Chee

    Great post Tim. I have one question.. how do people customise the content on the landing page (example – http://www.facebook.com/v8supercars)? Is this easily achievable without programming & other black magic?

    all the best,

    Chee

  • Chee

    Great post Tim. I have one question.. how do people customise the content on the landing page (example – http://www.facebook.com/v8supercars)? Is this easily achievable without programming & other black magic?

    all the best,

    Chee

  • Enrique Reymundo

    Great Post! I am definitively going to use the tips in my facebook page. A nice site to design Innovative Facebook Fan Pages is htpp://www.fbconexion.com great widgets and templates easy to use. My best

  • Enrique Reymundo

    Great Post! I am definitively going to use the tips in my facebook page. A nice site to design Innovative Facebook Fan Pages is htpp://www.fbconexion.com great widgets and templates easy to use. My best

  • Lrock

    how do i choose which photo album is used for the top 5 images?

  • Pingback: Facebook 3.4.4 Download « My Facebook Blog

  • Pingback: Facebook Groups Api « My Facebook Blog

  • http://twitter.com/6Wunderkinder 6Wunderkinder

    Hi Tim,
    In the section “Keep Your Navigation Pruned”, it displays examples of lots of stale Static FBML icons and I wanted to ask: is it possible to exchange these grey icons with something else? Or is that only possible with iFrame page tabs?Many thanks,Kirsty

  • http://www.promodirect.com/ Corporate Gifts

    Recently Google
    launched their Brand Page, which will help bring more people on Google+.
    Companies can do live video chats with their customers through the Brand
    Page. Google is working towards having multiple admins on the Brand Page,
    somewhat like Facebook, who will maintain and control the page. From a
    business point of view, Google Plus pages are more effective and can easily
    promote brands.This is because even people outside of your
    “circles” can view the Brand Page. The Brand Page also has an
    upperhand as one has access to Google’s other sevices and tools, like search
    engine, documents, Google Maps, shopping, videos, news, places, etc. With
    these advantages it certainly looks as though Google Plus is gonna win the
    race in the coming years.  

  • Pingback: Facebook Tutorial : Facebook for Business |

  • Pingback: Tips Tuesday April 5 and New Follower Archives

  • Pingback: Facebook Marketing Tips From World’s Top Experts | FBlogtips

  • Pingback: 4 Ways to Optimize Your Facebook Fan Page | Webnovation

  • Pingback: Bye-bye, FBML. Hello iFrames! - ZCorum

  • Pingback: How Has Facebook SEO Optimization Changed in 2013? - Boostlikes.com







Check out the Social Media Marketing Podcast!
Check out our Blogging workshop!
Join our Social Media Marketing Networking Club
Download the free Social Media Marketing Industry Report
Check out our sister publication: My Kids' Adventures