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.

FAVICON & SOCIAL SHARING LOGO UPDATE

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

The process:  

  1. Rebrand with the amazingly talented Olivia + Co.

  2. Uploaded the new favicon and social share icon 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 new favicon appeared.

 
 Squarespace Favicon and Social Sharing Logo Example
 

So far so good?

 
 

We interrupt this blog post to ask an important question.

Why DIY your Squarespace website when you have better things to do? (As in more lucrative - you know, like make and sell your art, plan the perfect wedding for your lovie dovie clients, or write your bestseller.)


 
 

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. Note to self, I should probably use a regular image here rather than a logo. (Next time)

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. Note to self, I should probably use a regular image here rather than a logo. (Next time)

 
 
  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.)

 
 

Mail Box | Squarespace Tips and Timesaving Hacks Emails

Squarespace Tips & Hacks

Get Squarespace How to-s and Why to-s straight to your inbox. I love to share!

Nope to spam. Unsubscribe anytime. Read the Privacy Policy.


Need to launch a website RIGHT NOW and no time to learn Squarespace?

Try out Design in a Day™, my collaboration with Squarespace expert and web designer Sarah Moon. We'll snap together a polished website based on a Squarespace template that you choose or we recommend. 

This is a quick and efficient process to get you online in time for that big opportunity that demands a solid online presence.


 Kath O'Malley | Copywriter | Squarespace Web Designer

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

Click the button below to get in touch.