Sept 2016 Do you have it yet? The new Facebook company page design?
Have you noticed – despite tiny Facebook changes usually making headlines – that this big change is not front page news in all the usual social media blogs and forums (yet)?
SO much has changed! Plus did you spot your old forgotten tabs have suddenly reappeared (and are probably broken)?
If, like me, you desperately want to at least know what the new Facebook cover image size should be (because wow, what’s with the mobile view now?!) then this guide is for you.
By the way, if that excitement about the cover photo sounded like my usual sarcasm, it’s not. I am genuinely excited about that change (thank you Facebook!).
And yes, the cover photo may be the most obvious change, but wait, there’s more…
So it turns out the reason there’s a woeful lack of guidance on the changes and what marketers need to do about them, is because little ole’ NZ was one of the first countries to see the new design roll out.
So if you’re seeing it right now, you’re one of the first.
Plus if you haven’t updated your Facebook mobile app recently, you may still be seeing the old design even if it’s change on your desktop – not to mention 360 photos might not work for you – so hurry up and update your app. You’re missing out!
Without further ado, here are the 8 things marketers need to know – including what’s probably broken on your page that you need to check and fix right now (that’s number 3 on the list if I’ve got you worried and you want to skip ahead)…
#1. Bigger, better cover photo + no buttons!
First up is my favourite change: the cover photo. I’ll spend a bit more time on this one, but never fear oh impatient readers, the rest of the tips are (relatively) shorter 🙂
The simple task of getting your cover image to look good was SO frustrating, what with the profile image and plethora of buttons and text that used to cover the bottom of your image, not to mention mobile view cutting off the left and right sides of the image.
Given it’s the first thing everyone sees when they go to your company’s Facebook page, your cover photo is sort-of a big deal (in a marketer’s world anyway).
When was the last time you changed yours by the way? And have you made sure there’s a link to your website when in full view (ie: when people click your cover photo)?
Oops, I digress…
Here’s how much more of your cover photo now shows on mobile view (on the right), compared to desktop view (on the left)…
No more left and right edge being cut off in mobile view!
Mobile view now shows fans more of your cover image, not less. Plus no more profile image or buttons placed over the bottom of your image, so much yay!
The weird thing is Facebook itself still says the cover photo size is 828 pixels wide × 315 pixels high and displays 640 x 360 on mobiles – so the help hasn’t been updated yet. I expect that’s because the new layout’s still rolling out to everyone. Updated sizes below
How your cover photo looks on mobile now matters more than on desktop
With over 50% of Facebook views now being solely on mobile devices (56.5% to be exact) and 90% of active users viewing Facebook on their mobile every day, don’t judge your cover photo by desktop view alone anymore.
New Facebook cover image sizes:
Caveat: These are my own dimensions I’ve worked out with a bit of trial and error and the devices I have to hand, so until Facebook officially updates the dimensions, make sure you test you’re happy with the desktop, full-screen and mobile views yourself…
Mobile view (based on my iPhone 6S, so do check multiple devices if you can): 828 W x 462 H pixels
Desktop now shows: 828 W x 315 H pixels
As you can see, the most important thing is to shift your key message or the focus of your image into the centre, so it isn’t cut off on any devices
Upload your image at the biggest size but ask your designer to put your main message in that 828 x 315 area and do keep in mind that desktop view will cut off the top and bottom.
#2 The profile image has moved and is larger
Next up, your profile image. For most marketers this will be your logo. This has both moved and increased in size.
On mobiles it’s moved below the cover image and it’s relatively small, but on desktop view it’s now to the left of your cover image and larger.
Facebook is still saying 160 x 160 pixels for the profile image size, however at that size your logo gets ‘zoomed in’ on desktop view, which causes it to display a little blurry.
Nobody wants that.
New Facebook profile image size: 320 x 320 px
Since the profile image displays quite small on mobile view, and even smaller in the mobile newsfeed, you want to use the simplest, cleanest version of your logo possible for quick recognition in the newsfeed.
Some companies now use the first letter of their logo only, or an icon instead (the Facebook ‘f’ and Twitter bird come to mind).
Using a photo is no longer best practice for your business page unless it’s recognisable even when teeny tiny.
#3 Facebook page tabs now all visible (and possibly broken)
Another big change is the ever-changing tabs location.
On desktop view, all your page tabs are now listed down the left as a sidebar, below your profile picture.
Tabs that used to be hidden in the old design, are now visible – including tabs that are broken!
It’s well worth clicking them all to check all your tabs are up-to-date and still work, then remove those you don’t want shown or that are broken.
I recommend reordering them in order of priority also, since they’re so much more prominent than the old design.
Plus although they all show on desktop view, on mobile view only the first 5 or so will show.
‘About’ can’t be moved and the new ‘Home’ tab can’t either. Your ‘About’ page has become much more important now too. See #8 to find out more.
To reorder your Facebook tabs:
In admin view, look for the ‘manage tabs’ link. It’s at the very bottom of your list of tabs, shown here in the red area.
Click ‘manage tabs’ then simply click and drag to reorder them, or if you want to hide tabs all together that are broken or that you don’t want seen by fans: click ‘manage tabs’ then click the ‘add and remove tabs’ button to delete them in the apps view.
#3 Giant call-to-action button
Ok, maybe not giant, but still – look at that glorious thing!
The CTA (Call To Action) button has not only moved but is also WAY more obvious now.
Bright blue and much bigger.
You’ve also got more button copy options to select from.
Here’s the complete list of the Facebook CTA button names:
See what I mean? Giant!
#5 Page type
Not so exciting but important to know because it’s one of many things the Facebook algorithm takes into account when deciding who sees what in their newsfeed: your page’s category.
If yours is wrong, click the ‘About’ page in your left sidebar and change it there.
Speaking of your about page, see #8 for why it’s suddenly so much more important.
#6 Hello search bar!
Yep, Facebook’s looking less like a social platform and more and more like a website with some of these changes.
Next up is the search bar, which has appeared over on the right sidebar on desktop view.
I’m personally loving this as an admin! It makes it SO easy to find old content now
Just like websites though, how useful the search bar will be for your fans is up for debate.
Some people swear by search bars for navigation, others are more patient and will scroll and click looking for what they want.
Certainly not an obvious addition to a Facebook page either way though, as by nature Facebook is chronological in use and interest, so only what’s recent at the top tends to get attention.
What it does make sense to do is pay more attention to using your keywords in your Facebook updates in the future so that fans can easily find what they’re most interested in.
#7 Facebook company page likes have moved
Wondering where your ‘like’ count has gone? That’s over on the right-hand side now too
#8 New right-hand sidebar
Not only has your ‘About’ page suddenly been put in top position on the left again after being hidden for so long, it’s now twice as important.
It appears not once but twice on desktop view.
You’ll see it in 2nd position over on the left in the new sidebar AND in the new right-hand sidebar (on mobile view it’s underneath your cover photo).
Yes, you can reorder what content shows in the new right sidebar on your Facebook page
You can’t change your likes and ‘About’ page order, but to reorder the rest, hover your mouse near the ‘>’ symbol on one of the page tab titles on the right and the pencil icon will appear (see the red area highlighted below, it’s hard to find the first time):
For any tabs you don’t want shown at all, you’ll need to remove them in page tabs first (see the how to in the page tabs section in #3 above).
Um, wow. Can we agree to conveniently forget that I said I wouldn’t waffle on? To be fair, I did say I’d keep it relatively short.
I do hope you gained value from me going into
too much extra detail. If there’s anything you’ve discovered that’s got you flummoxed (so pleased I finally got to use that word in an article) please feel free to add a comment below with any questions.
…and if you did find this helpful, please like or share with your network before you go.
Thank you 🙂
PS: Hi by the way. If we haven’t met yet, I’m Anna Gervai. A bit of a geek (ok, a lot) with a weird mix of experience from owning a pet store for 6 years to having been Digital Director for a few agencies. Here’s more about me. Connect with me on LinkedIn