500 Social Media Marketing Tips, the #1 Amazon Bestseller:
Amazon US: http://www.amazon.com/dp/B007L50HE6
Amazon UK: http://www.amazon.co.uk/dp/B007L50HE6
Paperback: Paperback: http://amzn.com/1482014092
Buy How to Measure Social Media ROI:
Amazon US: http://amzn.com/B00A7XJADS
Amazon UK: http://www.amazon.co.uk/dp/B00A7XJADS
Follow Me / Hire Me:
http://www.facebook.com/500socialmedi...
https://pinterest.com/500socialmedia/
http://www.twitter.com/500socialmedia/
http://uk.linkedin.com/in/andrewmacarthy
http://www.andrewmacarthy.com
Facebook Cover and Profile Photo Template for Desktop AND Mobile App
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Facebook Cover and Profile Photo Template for Desktop AND Mobile App
1. andrewmacart hy.com
http://andrewmacarthy.com/andrew-macarthy-social-media/facebook-cover-photo-template-for-desktop-and-mobile-app
Facebook Cover and Profile Photo Template for
Desktop AND Mobile App
Not so long ago, I published a blog post containing a free template to help you design
a really great-looking profile and cover photo for your desktop-viewed Facebook
Page. The thing is, the way your Page design displays on desktops is not the same
as on mobiles...
And as the latest figures show that of the 1.11 billion monthly active Facebook users,
751 million of them access the site via their mobile devices, that's a huge and
ever-increasing group of people you should take into consideration. The key, then, is
to optimise your cover photo design for viewing on desktop and mobile
devices.
A Comparison of Facebook desktop and mobile cover photos
2.
3. As you can see in the image above, there is a distinct difference between the
desktop and mobile (iPhone app) view of the profile and cover photos of a Facebook
Page. On the mobile app:
The profile photo takes centre stage, relegating the cover to the background
The profile photo spans almost the whole height of the cover photo, and over
a quarter of its width from the left-hand edge.
The cover photo is obscured by the Page name and category, as well as a dark
gradient overlay that begins from the left-hand edge.
To see the cover photo in full and read its description, a mobile viewer must
tap on it.
How to optimise your Facebook profile and cover photos for
desktop and mobile
With so many people accessing Facebook Pages on mobile, it is more important than
ever to cater to their needs and encourage them to engage with your content - and an
optimised cover and profile photo can go a long way to make that happen.
4. And now you know how the mobile view affects the appearance of the profile and
cover photo, you can work within these parameters. In the example above, Panera
Bread has not taken mobile users into account, so their "For a short time, it's
strawberry time" slogan is lost on what is probably hundreds of thousands of
customers.
My Facebook cover and profile photo template for desktop
and mobile users
5. Here it is, my template to help you create a Facebook profile and cover photo that is
optimised for both desktop and mobile views:
The orange box represents the space covered by the desktop profile photo.
The blue box represents the space covered b the mobile profile photo.
The dark green box represents the general area covered by your Page's name
and category on the mobile view.
The gradient emerging from the left represents the same gradient seen on
mobile devices
The light green area represents the space where your design will be
unobstructed
Examples of Facebook profile and cover photos optimised for
desktop and mobile
6. Taking both desktop and mobile views into consideration means that quite a lot of the
cover photo's space is obstructed, but that does not mean you can't still have a
great design, as long as you are creative. In the above example, Bed Bath &
Beyond's cover and profile photo looks great on mobile, and its "Let's do brunch"
slogan is unobstructed by any of the elements on the page.
7. And here's my new cover and profile photo for mobile viewers. Using the template, I
have made sure that my free ebook call to action is visible, and that nothing crucially
important is behind where the huge square profile photo sits.
I think one of the most important points to make is that even though much of your
cover photo is covered up - fully or partially - that doesn't mean that it still can't be
visually appealing.
Download the template
8. The template is hosted over at minus.com. Click the link below to visit the download
page, hover your mouse over the image and click the download icon that appears to
grab it.
Download link: http://min.us/l15Ew50uNtrnJ Link not working? Contact me or tweet
@500socialmedia and I'll upload a new one!
Simply work around the template layers to add your design, save it as a .png file and
upload it via the desktop Facebook site. Check how it looks on mobile, then tweak
and re-upload if necessary.