Facebook Fan Pages Change June 5th 2014 (New Cover Image Template)

When you go to your Facebook Fan Page, you’ll start to see Facebook warn you of upcoming changes that will be happening to the design of all Fan Pages on Facebook on June 5th, 2014. Facebook announced the re-design back in March.

Facebook New Page Design 2014

As of June 5th, your Facebook Page will change to the new design which has the following dimensions…

facebook-page-redesign-2014

Click here to download an editable PSD file of a new Facebook Page Cover Image Template 2014

 

The New Page Design:

Facebook New Page Design June 2014

Biggest Changes:

  1. Your page cover image is now different, the thumbnail for your profile picture box on the left is now higher up on the page, which covers up your cover image more. Also, Facebook puts text to the right of that profile picture of your Page Name and Website… you can’t hide that text. Also, there are now ‘Like’ ‘Follow’ and ‘Message’ buttons hovering overtop of the cover image on the right-hand side. So you will need to make sure you don’t have any text or important information in your cover image that would be covered up by those new elements.Facebook Pages Redesign 2014
  2. Facebook page tabs are gone! (Well, sort of). The image buttons commonly known as ‘Tabs’ are gone, and now there are only ‘text tabs’. In the new design, the space under the cover image now has a fixed menu of ‘Timeline’ ‘About’ ‘Photos’ and ‘Likes’… with a ‘More’ option that when clicked will show your old tabs as links. You can click on MORE > MANAGE TABS which allows you to drag and drop the order of your new ‘text tabs’, and you can move a custom tab/app to the space beside ‘About’. You can’t move ‘Timeline’ or ‘About’.However, Page Tabs aren’t completely gone, Facebook now calls them ‘Apps’ and you can have an ‘Apps’ box on the left side with your old page tabs shown in a list with a graphic.Facebook Pages Redesign - Apps
  3. Left column that you can re-arrange! Yes, the timeline is now a SINGLE COLUMN Timeline, like personal profile walls. This is a much better user experience, being able to read posts in a single column instead of having to jump your eyes back and forth between two columns of posts that don’t line up. Also, the left column you can now re-arrange to have the boxes in whichever order you prefer. This means you can move page ‘Apps’ to the top, or have recent comments to your page by page fans at the top.New Facebook Page Layout June 15 2014
  4. Comments from Page Fans now appear on the left side in a much nicer box showing the comments in mini boxes
  5. New stats boxes on the right-hand size of the page for admins to quickly see updates to their page.

 

Be sure to update your cover image to fit the correct dimensions and take into account the page layout changes for June 5, 2014!

Discussion34 Comments

  1. MB says:

    Great! Just an FYI – the area with the page name area is higher up (about 222px from the top). Too bad it takes a savvy person like you to post the template before Facebook even bothered. Again, thanks!

    • Chad says:

      Thanks! Turns out that the page name is indeed higher up but only if the page name is long, which causes it to be split into 2 lines and the first line gets bumped up higher. If you have a short page name, that fits on one line, it appears lower positioned.

  2. Jamie says:

    Thanks for the info – but does anyone know what is going on with the “likes” count? This morning at 7:30 when we checked it, the front page showed “12 K” while the likes tab showed “12.5 K” total and 70 new in the past week. Then later, at 8:45 our new count was 97 (rather than 70) and still showed “12.5 K”. This must mean that there is no longer a whole total Likes number available…

  3. Will says:

    Do we know if this is going to happen on both the Admin back-end page and the front-end page that the user will see? Most notably, is it confirmed that the company name is going to be on the cover on that front-end. It already has changed on the back.

    • Chad says:

      Yes, the page name now is floating on top of your cover image. It wraps into two lines if you have a long page name.

  4. Argiris says:

    Can somone tell me how I can make my facebook page be as it was before? I don’t like this update 🙁 Please tell me

  5. NotImpressed says:

    I’ve had the new page design for a while and it is just littered with bugs. I hope the sort it out soon, but I doubt it.

    • Chad says:

      Which bugs are you currently experiencing? I’ve noticed on a few pages the ‘about’ box section on the left isn’t showing up. I do like the new Facebook page layout being one column now though. Make sure you move your boxes on the left column around so if you have ‘page apps’ (aka. the old Page Tabs) that you move your apps box to the top so people can see them easily near the top above the fold.

  6. Chad, thanks for this.
    It’s worth noting that the cover image gets cropped in mobile apps. It seems to just show the middle 560 pixels on an iPad, and iPhone. Not sure what happens in Android devices.
    This means that – to avoid looking messy you need to put text and important imagery in the middle 560 pixels (approx).

    • Chad says:

      Thanks Paul for the tip! Great point about mobile. I did not take that into account. I’ll come up with a new template to update this one when I get a chance, and make note that text should stay within the middle 560px.

  7. Se says:

    I know this if off topic but I’m looking into starting my own weblog and was curious what all is needed to get set up?
    I’m assuming having a blog like yours would cost a pretty
    penny? I’m not very internet savvy so I’m not 100% positive.
    Any tips or advice would be greatly appreciated. Many thanks

  8. Caitriona says:

    Hi there,

    I’m just wondering if you know the dimensions for the cover page of Facebook has changed and if you can let me know what the dimensions are please? – that would be great!

    Looking forward to hearing back from you. 🙂

    • Chad says:

      See the graphic at the top of this blog post for the dimensions.

      The actual dimensions for the entire cover image has not changed. Cover images are still 851 pixels wide and 315 pixels tall

  9. Coco says:

    What happened to the ‘People talking About this’ on the fan pages?

  10. Jonny says:

    I hate the new layout,I’ve had it on some idle pages for a while but now it has hit my fanpage which I use all the time.The thing that sucks the most is when you post a picture to the wall,then place the picture to a designated folder,the picture disappears from the wall!!!!!!!!!!! Also what sucks is you need to scroll down to see individual pictures instead of them being side by side,which sucks.ALSO the comments are a pain to manage and I hate the page likes system…Another thing is now highlighted pictures dont appear big like they used to,they have a crummy star above the picture….The people who designed the page were morons,sometimes practicality is not the best thing to have in mind when designing new layouts 🙁 I wish they would have at least given us a choice to change it,I woul;d have thrown it in their face!!!

    • Chad says:

      Personally I like the single column rather than the two columns side-by-side. It’s easier for your eyes to scroll down a page than having to read from left-up-right-down-left-etc back and forth on boxes that didn’t line up with each other, the flow was not natural. Single column is how personal walls used to be since the beginning of Facebook, the two column had a lot of complaints and I’m glad to see they went back to the original style.

      Highlighting I agree is not as impactful with the little star banner graphic it adds, but the single column does limit what they can do to really highlight it.

  11. Tara says:

    Have you noticed that you can no longer copy the link for your tabs to promote them? The link brings up a link to the time line, not to the booking page and so forth. Anyone know a way around this?? I am assuming it does this now because the entire cover photo and profile photo is visible on every tab page now.
    Frustrating!!!

    • Chad says:

      Hey Tara! I tried it, and the link to my page app does seem to work where it loads up the app. However, I notice that the header part of the page (with the cover image and tabs) appears fixed to the top of the page, so there is no way to get rid of the cover header of the page on apps now it seems.

      But the app did load underneath.

  12. jessica says:

    How can I get to the my page’s Home page, where I can see all the other pages I like?

    • Chad says:

      On the left side of the new page layout there is a new page app widget block called ‘Liked By This Page’ that shows what your page has liked.

  13. Madeline says:

    Since the changes, the apps that had been on this clients site are showing but when clicked on, the pages are blank. Does this all have to be reprogrammed or is there a simple fix to this? https://www.facebook.com/educatormotivator/timeline

    • Chad says:

      What Facebook App are you using to load those pages? Is the page being loaded through an HTTPS connection?

  14. Emily says:

    Where do I find my “watched pages” on my Page. It’s where I keep an eye on my competitors. 😉

    • Chad says:

      Hi Emily

      The “Pages To Watch” section was moved to be in the Insights tab, under ‘overview’. Scroll down to the bottom and you’ll see it there.

  15. Chris says:

    This mandatory change means death to those organizations whose facebook pages become practically obselete without content generated from posts by others. In the past, there was a simple fix. All you had to do was select the difficult-to-find “highlight posts by others” option. As of the June 2005 update, that option is no longer available. This issue needs to be resolved with some kind of fix. This is something that needs to be up to the administrator of each page, not facebook as a whole.

    • Chris says:

      Sorry, death to their facebook page, that is. Lol. But seriously, I get that negative feedback and annoying content can be a problem for some companies and organizations, but under other circumstances, feedback and communication is key. A fix is needed immediatly for this.

  16. Michael says:

    It is observed that more than 95% of Facebook Pages cover photos are made only for desktops. Very few Pages take into account how it will look in mobiles.

    Click here to see size and dimensions for Facebook page cover photo for both desktop and mobile view

    http://dmzilla.com/2014/06/06/facebook-page-cover-photo-size-and-dimensions-for-desktop-and-mobile-view/

  17. ozjon says:

    Thank you so much Chad!

    Thank for sharing this template. The template came very handy and I was able to create my friends Facebook cover photo using your template and the guides that are within the image.

    I have it saved and will refer as the need arises.

    Cheers!
    Ozjon

  18. Ian says:

    THANK YOU! This is THE BEST template I found for updating FB! You’re awesome!