2 Images I Wish I Had created before Building My Squarespace Website

Squarespace Favicon Social Sharing Logo

Nothing like diving right in to build your new Squarespace website. You're eager. You love the look and feel of the platform, you just want to get started. (Or get your client's site started)

Right?

Believe me, I did it.  Twice actually. The second time was when I decided to go freelance and help web designers and entrepreneurs build Squarespace websites and write web copy. I rewrote and redesigned my website.

So here's the deal, you build the site, fiddle around, rewrite copy, edit copy, rewrite it again, move it around, add your images and finally you get your website looking and sounding the way you want.

(And maybe it really did take you only a day...sucks in cheeks.) 

But...Time for the nitty gritty. The settings, the extras. The piddly but important bits.

You need a favicon image and a social sharing logo image.

You're tired.

Your eyes hurt.

You've been on the computer all day.

You'll add those images later. 

(And then you'll forget (like I did). And then you'll wonder why there's no pretty image to go with your Facebook post when you type your URL or why the little tiny image in your browser tab is a black box.)

Listen to someone who still has to redo hers (someday).

Do it now.

Especially if you're reading this blog post BEFORE you've started building a Squarespace website. Prep the favicon and social sharing logo images, just like you prep your web copy and regular images before design your website. (You're prepping your copy & regular images in advance, I hope.)

Get that job out of the way now.

How to create Favicon and Social Sharing Logo Images for Squarespace.

  1. Your Favicon displays at 16px x 16px but the best size for the original image is between 100px x 100px and 300 px x 300px.
  2. Your Social Sharing Logo should be 200px x 200 px, but you may have to experiment with it as Facebook often changes their image size preferences. As of this post, mine doesn't render nicely when I post my URL in a regular Facebook post, but it looks ok in a reply to someone else's post.
  3. To upload your photos, click over to Home --> Design--> Site Title & Logo.
  4. Adding both a Favicon and Social Sharing logo is super simple and uploads just like a regular image in a blog post or page on Squarespace.
    Here's how to upload a Favicon.
    Here's how to upload a Social Sharing Logo.

Once you've done this, you may have to refresh your page, log out of Squarespace, clear your browser cache and use Facebook Debugger Tool (I'll do a post on that some other day!), so that these images show up.

For Qs or comments, the conversation takes place over on my FB page. I'll help you troubleshoot any issues you may have.

FAVICON & SOCIAL SHARING LOGO UPDATE

I was inspired by this batched and scheduled blog post to redo my Squarespace Favicon and Social Sharing Logo. 

Gotta admit, I don't love them and will probably change them again, but the kids will wake up soon and it's time to make breakfast and school lunches. All that.

The process:  

  1. 'Designed' the images in Canva -->  Each 300px x 300px. 
  2. Uploaded them to Squarespace in the Design-->Site Title & Logo Section.
  3. Cleared my Browser Cache and quit Chrome (as the new Favicon didn't surface immediately.) When I reopened my browser, the KO favicon appeared.
 
Upload Favicon and Social Sharing Logo to Squarespace
 

Using Facebook Debugger Tool for the Social Sharing Logo

Next, I 'debugged' my website so that when I post my website (not blog posts, just the website) to Facebook, it will pull up the new social sharing logo. Here are the steps in images:

 
Step 1 - Type your URL into the field and click the Debug button.

Step 1 - Type your URL into the field and click the Debug button.

 
 
Step 2 - Click the Scrape Again button if you don't see your new Social Sharing Logo. You might have to do that a couple of times.

Step 2 - Click the Scrape Again button if you don't see your new Social Sharing Logo. You might have to do that a couple of times.

 
 
Step 3 - Test how your Social Sharing Logo looks on your Facebook wall or Page. Remember to click the 'ONLY YOU" privacy option to hide this test from your friends. (Unless you want them to see it.)

Step 3 - Test how your Social Sharing Logo looks on your Facebook wall or Page. Remember to click the 'ONLY YOU" privacy option to hide this test from your friends. (Unless you want them to see it.)

 
 

 

Like this blog post?

Get a monthly email with my last 3 or 4 posts and access to my resource library with tips and how to-s for Squarespace and copywriting.

Kath O'Malley

Hi, I’m Kath - author of this blog post (and others like it) and copywriter, editor, keyword researcher and website setter upper for Squarespace web designers and service-based entrepreneurs and freelancers. Team up with me to get your web design projects done, like yesterday.