How to Change Photos on Your Squarespace Website
Squarespace Client Tutorials: Photo Blocks
You’ve got your lovely new website and you want to try a few updates on your own (go you!). Or maybe it’s been a while since your website go-live and you want to give your website a refresh (way to be on top of it!).
I’ve got you covered!
I’ve put together simple, step-by-step guides to help you make the updates you’d like done to your Squarespace website!
Grab a cup of your favorite beverage, have your site up and ready in “edit” mode, and relax. You’re going to do great!
P.S. If you need help with any of this and you’re a previous client, you know how to find me! Always happy to help. If I haven’t had the pleasure of working with you yet, reach out here and let me know how I can help with your Squarespace website; I’d be happy to assist! .
This guide is all about how to update photo blocks on your Squarespace website.
IMPORTANT: Before getting started, be sure to have your new photos for your site ready (your Google ranking will thank you!).
What do I mean by ready?
Size them well and name them. ⤵️
A good width for your photos for Squarespace is at least 1500px - 2000px. Anything smaller could appear blurry. Anything bigger could slow down your website and negatively impact your SEO.
Make sure that your image size is compressed to 250 to 500kb.
You’ll want name your new images BEFORE they get uploaded to Squarespace. Unnamed images are a ding against your SEO. Named images help to boost your SEO. Try to name your images something relevant to the content on your page (instead of something like “IMG 5778.jpg”). If you can, sneak in an SEO keyword in the name—bonus points!⤵️
Alright, now that you’ve saved all your new images with names, you’re ready to begin! ⤵️
Simple Steps to Update Squarespace Photos:
Login to your Squarespace account and select which website is getting updated photos.
Select the “EDIT” in the upper left hand corner of your screen:
How to begin editing your Squarespace site: select “EDIT”.
3. Single click over the image block you want to change and select the pencil icon (or double clicking the image block will also bring up the menu of options to change the photo):
4. Select “REPLACE” then “UPLOAD FILE”.
5. You’ll notice that your new image has filled the previous Image Block’s shape. No worries…you can fix that. But first, update your “IMAGE ALT TEXT”.
What’s Image ALT Text?
It’s the field that describes what’s happening in your photo. Great for boosting your SEO. Also great for kindly making your image known to visually impaired users who come to your website. Devices can read aloud what you’ve labeled you’re Image Alt Text so all users can fully experience your website.
P.S. You’ll also notice here that if you forgot to name your photos ahead of starting this update process, there is a “FILENAME” section where you can rename your photo. (Thank you, Squarespace!)
6. Now you can resize your Image Block by single-clicking on your Image Block, and dragging the sides or corners.
7. Select “SAVE” on the upper left-hand corner of your screen, and that’s it! You’re done!
Well-done, friend! Pat yourself on the back and enjoy the new look you’ve just given your Squarespace Website.
Check out these other guides that have been created to help you with your Squarespace website:
How to use boost your blog SEO on Squarespace.
