Contents:
You might've noticed in a few of the cover photo examples above that their primary call-to-action CTA buttons were different. Depending on your business, you can launch a Page on Facebook with a unique CTA button to the bottom right of your cover photo. Take this button into consideration when designing your cover photo, and make it clear in the photo that this is a visitor's next step. Hotel Urbano does this is a charming way below, using the girl in goggles to draw your eyes toward the buttons she seems to be swimming toward While it might seem like a good idea to add directional cues like an arrow to get people to click on the CTA buttons, note that those CTA buttons don't appear the same way on the mobile app.
In other words, it might be confusing to mobile users if you directly integrate the cover photo design with the buttons.
Since your profile picture is on the left, you want to add some balance to your Facebook cover photo design by having the focus of the image be on the right. Doesn't the right-aligned cover photo look better? The biggest design elements the profile picture, the text, and the Statue of Liberty are evenly spaced.
This post was originally written on April 7, , and we have just updated it with the latest information. The Facebook cover photo. It feels like it. Download the perfect cover pictures. Find over + of the best free cover images. Free for commercial use Sebastian Pociecha. burning twigs photo. fire.
In Samsung's old cover photo, your attention goes immediately to the left side of the page, completely missing the name of the product on the upper-right side. Not only is adding balance a crucial element of design, but it also allows for your cover photos to be more visually effective on mobile. Which brings me to my next point In April , Facebook reported that over half of its user base That's huge -- and it's exactly why it's so important to keep mobile users top-of-mind when designing your Facebook cover photo.
On mobile, a much larger portion of your cover photo is blocked out because the profile picture and the Page name are on top of the cover photo. Let's take a look at a real-life example. Below, take a look at what Cisco's Facebook Page looks like in a desktop browser versus on Facebook's mobile app. Notice that the sides of the photo are cut off on mobile. Whereas your cover photo displays at pixels wide by pixels tall on desktop, it displays only the center pixels wide by pixels tall on smartphones.
Take a look at this Facebook help document for more information. Notice, by the way, how the text in Adobe's cover photo is cut off on the right-hand side. While it looks best to right-align your visual elements, be careful not to put important content so far to the right that it gets cut off on mobile.
If you want to use your cover photo to support a Page CTA, make sure your cover photo description also includes a text CTA and link to the same offer. This way, any time people view your cover photo directly, they can access the download link. Make sure you shorten your links and add UTM codes so you can track clicks on them. Shortening and tracking features are available in the HubSpot Marketing Platform and in tools like bitly.
If you want to learn more about how to write effective call-to-action copy for your cover photo description, click here to download our free ebook on creating compelling CTAs.
Have you ever "pinned" a post to your Facebook Page's Timeline? Basically, pinning a post allows you to highlight a typical Facebook post on the top of your Timeline for seven days. It's signified by a small blue push pin on the top right of the post, like on Fashion Nova's Page below:.
How does this relate to optimizing your Facebook cover photo? Well, if you're spending time aligning your Facebook Page CTA, your cover photo design, and your cover photo description copy, you should also make sure to post about the same thing directly to your page, and pin that post to the top of your Timeline. That way, you're giving people one very clear call-to-action when they arrive to your page albeit in several different locations -- which should help conversions.
To pin a Facebook post: Simply publish the post to Facebook, then click the three dots on the top right corner of the post and choose "Pin to Top. Want to see how HubSpot uses Facebook? Like our Facebook Page here. Sales 1 Integrations HubSpot integrations with apps, tools, and software you use every day. Customer Stories Case Studies Reviews. Marketing 10 min read. HubSpot also recommends these social media templates.
Facebook Cover Photo Size Optimize your cover photo for the right dimensions: How to Make a Video Your Cover Photo on Facebook Post a Facebook cover video by saving a video file at pixels wide by pixels tall to your desktop. The Facebook cover photo. It feels like it should be so easy to pick one, and yet finding the perfect image feels super hard at the same time. The best image size to use for your Facebook Page cover photo is … well, it can vary.
According to Facebook , your cover photo:. It means that even though we only get one photo, Facebook is going to use it in two very different ways:. If you want to use a single image that works pretty well on both desktop and mobile, pixels wide by pixels tall seems to be the best see example below. You can now use a video, instead of a static cover photo.
With a video, you can share more about your business and tell a longer story. If you found an image or video that you love and the dimensions are a bit off, you can still use it! With the reposition feature, Facebook is essentially allowing you to crop your cover photo in a way that you think best fits in the space.
The parts highlighted in red are not shown on your Page when viewed from a computer. With the new Facebook Page design, all the things that used to be on top of your cover photo such as your profile photo, Page name, Like button, etc.
For personal Facebook profiles, your profile photo, your name, and several buttons still overlay the cover photo. If you have some design skills, creating your own cover photo from the ground up using software like Photoshop is an excellent way to go.
You can see an example of this here. Hat tip to Cover Photo Size Helper — so helpful! Here are some places you can look at to create your cover as well as some tips for making sure it fully represents you and your business. Your Facebook cover photo should be all about you or your business, so why not use one of your photos that represent you?
During our Madrid retreat , we took a team photo, which became our Facebook cover photo for several months. We even shared 53 free image sources for you to find the perfect image for your cover photo. For example, you could pick one of your favorite quotes and lay it over the photo, and Pablo even has a few beautiful quotes you can pick directly in there.