How to get the Right Size for Your Squarespace Logo on Facebook (Social Sharing Logo)
I get this question A LOT, so I thought it was about time for me to pop on in here with a post that explains how the heck to get your Social Sharing logo the right size in Squarespace, so that it doesn’t crop it on Facebook.
This tutorial is Squarespace specific, and it’s also really based around how to get the logo working correctly on Facebook, because that’s where I see most problems and questions coming from.
If you use this method on a different platform and it doesn’t work, or if Facebook updates something, feel free to flick me an email (firstname.lastname@example.org) with a screenshot and I’ll do my best to update this article!
So let’s get into it!
A Social Sharing logo is basically just a small thumbnail image that is used when you post your site link on any social media, including Facebook.
If you haven’t uploaded a specific “Social Sharing” logo to your Squarespace site, I highly recommend doing so!
They’re super easy to add in Squarespace, just go to Design > Logo and Title and scroll down until you see Social Sharing Logo. You can upload a logo here. Below is a screenshot of mine.
There are two requirements that you need to think about when creating your social sharing logo.
Let’s start with the hardest part: Getting the size right so that it doesn’t get cropped.
As you can see in these screenshots, Facebook displays your social sharing logo in two different sizes, one for posts and one for comments.
If you compare these to the screenshot of my original social sharing image above, you’ll see that the ‘comments’ logo is the same as the original, but the ‘post’ logo is cropped top and bottom.
So to get it right on both displays, we need to upload a social sharing image that is a square, but doesn’t have anything important on the top or the bottom so that when Facebook crops it for a ‘post’ view, you won’t lose anything important.
I created this template so you can use it as a guide:
#2: Saving your social sharing logo
Make sure to save your social sharing logo either as a JPG, or a non-transparent PNG.
If you try to use a PNG with a transparent background, it may show up with a black background or have other problems.
If you’ve followed all of the steps above, you should have the perfect size social sharing logo, so go ahead and upload it!
Still now showing up?
If you’ve just uploaded a new social sharing logo Squarespace but it isn’t showing up on Facebook, or it’s showing an old version still, that’s totally normal!
Facebook takes a while to updates these things sometimes.
Luckily, you can use the “Facebook Debugger Tool” to essentially let Facebook know that you have a new logo and to refresh it. Just enter your URL and click ‘Debug’.
This should do the trick and it should be working now.
Please note: Old posts won’t update the image, it will only be applicable for new posts.
TIP: If it’s still not working, try clearing your browser cache!
I hope this helped, and if you have anymore tips about Squarespace social sharing logos that you think I should add to this post, feel free to send me a message!
If you liked this post, Pin it to Pinterest! 👇🏻