When it comes to Facebook, the only constant is change. The social media giant just rolled out a new design for Pages. The good news is that the new Facebook Page layout offers more branding and digital marketing benefits than the previous design, but there are some updates you’ll want to make ASAP.
1) “Uncovered” Cover Photo and Profile Pic Changes
The days of having to design your cover photo around the Like button, the name of your page and other content are (finally) over! #yasss
Cover photos are no longer covered up — you can use that real estate to its fullest. Your brand manager will beam over the fact that the profile pic is slightly larger in the desktop version and floats in its own space, which will better showcase your logo. To make sure your content looks as great as it possibly can in the new Page layout, let’s review some important facts about cover photos and profile pics:
Facebook Cover Photo and Profile Pic Dimensions
- Cover Photo: 828 X 315
- Profile Pic: 180 x 180
Facebook Page Layout: Mobile Versus Desktop
For cover photos, there is a mobile display field of 563 pixels in the middle of the image. To optimize your new cover photos, use a 133-pixel margin on the left and right side of the image, keeping the most important content (and any text) toward the center:
If you don’t take this step to optimize your image, your cover photo can be distorted and/or cut off when viewed on a mobile device.
The profile picture might be larger on the desktop version, but is actually de-emphasized in the mobile version and is secondary to the cover photo. This means you’ll want to make sure your cover photo features some sort of useful branding. These screenshots from Pierre’s Ice Cream Company offer good examples of artwork that is suitable for both the desktop and mobile versions of Facebook:
Pro tip: I recommend following FB Pages: Sizes and Dimensions, a great “living template” for most Facebook Page art.
2) Bigger Call to Action Button
In the old Page layout, the call to action button was pretty easy to miss. In the new Facebook Page layout, it’s larger and in a brighter blue color. You can choose from several call to action buttons for your page:
It’s easy to set these buttons up and they are free to use. However, you can always promote your call to action button with a quick paid campaign.
3) Timeline Front and Center
The new Facebook Page layout brought with it a musical chairs-like shake up of the main Page content. On the desktop version, your Timeline is front and center, which better highlights your posts The look is extremely appealing for viewing videos, as the new look is much less cluttered. The cleaner look is the result of two other content area switcheroos: the Page navigation tabs and the non-Timeline content.
4) Left Rail Navigation Bar
Bye, bye, app row. On the desktop version of the new Pages, all navigation buttons reside in a vertical column in the left rail of the page. The list of links is not condensed, so if you use custom apps or want to showcase your Events, all of your navigation options are easy to see.
5) Non-Timeline Content Pushed to the Right, Featured Search Box
The last major change to be aware of is that all of your Page’s non-timeline content is pushed to the right rail. This includes sections like your number of fans, visitor posts, and reviews, as well as your photo albums, video previews and more.
The right rail of Facebook tends to receive less attention than other parts of the site, but fortunately, the new look highlights the search box that will let users explore the posts on your Page.
This functionality searches both your post copy and copy from link previews and summaries. Check out this example of a SERP for the word “design” on The Fairmount Group’s page:
Featured search gives your fans a new way to interact with your Page and also brings some utility to what could have been a “dead zone” on the new layout. Just be sure to involve keywords into your posts to make them searchable.
Facebook New Page Layout Checklist for 2016
Audit your current Facebook Page content right away to see what changes you might need to make to leverage the new design. Use the following checklist to guide you.
- Check appearance of profile pic and cover photo on a desktop.
- Check appearance of profile pic and cover photo in various mobile environments (iOS app, Android app, mobile web browsers).
- Edit or upload new artwork as needed.
- Create or edit your Page’s call to action button.
- Check the list of navigation options on the left of the Page. Are there any outdated apps or links that should be removed?
- Test the featured search box in the right rail. Enter in some keywords you think your fans might search for. Are you happy with the results?