How to Specify Your Apple Touch Icon on Squarespace 7.1
When it comes to SEO, there are a couple of things that Squarespace doesn’t automatically detect, and one of those things is your Apple touch icon. And before you’re wondering whether or not yours is already specified… unless you’ve entered the code that I’ll be showing you below, there’s a 99% chance your Apple touch icon isn’t specified on your Squarespace site.
But don’t worry- this is a super simple fix and it’ll help your SEO.
What is an Apple Touch Icon?
An Apple ouch icon is similar to a favicon (the small icon that appears in whatever tab you have open in your website browser). Like the favicon, the Apple touch icon, when someone with an Apple device bookmarks your website to the homepage of their device, your Apple touch icon is the icon that it will show— kind of like the icon for any of your phone’s apps. It’s a small feature, but it’s important to the SEO on your website’s mobile view.
How to Specify Your Website’s Apple Touch Icon
It’s very simple to specify your site’s Apple touch icon without the help of an SEO expert doing it for you. Here’s what to do…
Upload whatever small image you’d like to be your Apple touch icon somewhere on your website. An easy place is in the footer of your site. This is one of the many situations where having different logo variations comes in handy. Make sure the image you upload would easily fit into an icon, such as one of your logo sub-marks.
Rename the file by double-clicking the image in Squarespace, and making it something short and simple, for example, “apple touch icon”
Go to Settings > Advanced > Code Injection > Header Code and paste the code below but replace the text in the quotation marks with what you named the file you want to be your Apple touch icon:
<link rel="apple-touch-icon" href="/s/Your File Name Here">
Save your changes and you’re done! It’s as simple as that. If you aren’t sure whether or not your designer did this for you- just go to your settings and check! If they haven’t, don’t worry- it’s not widely known common knowledge that this isn’t something Squarespace has built-in already, so chances are, your designer didn’t know this needed to be done.
If you have any questions about how to specify your Apple touch icon on Squarespace 7.1, don’t hesitate to reach out, I’m more than happy to help and walk you through it!