![]() High-quality images help to boost your SEO via organic search so it’s always a better idea to use crisp quality images over poor quality imagery. The last thing you want on your website is a pixelated or blurry image. Not only does it professionalise your brand but it visually makes your website more appealing. If you then click on one of these you will be able to view how your website appears. Here you will see icons corresponding to different device sizes. On Squarespace 7.0, if you hover over the site preview frame (within the page editor view) and click the arrow to show the device icons you will see the Device View. As I’ve previously mentioned in this article - How to make your Squarespace website mobile-friendly, now more than ever people browse the internet on their mobile devices, therefore it’s key to ensure the user experience is on point, so please, don’t forget to check! 6 | Check, and double-check the image on different screen sizesĪ golden rule of thumb: whenever you add an image, particularly a background image, to your Squarespace website, always check and double-check how it looks on mobile. The maximum width “should be 2500px as anything over that will extend page-loading times”. Squarespace recommends, for best results, banner images should be 1500px by 1000px in landscape orientation. What is the best size and orientation of a banner image? They are also arguably tricky to get right if you use them as banner images on your Squarespace website as you want to ensure you look professional as they will be seen almost instantly. 5 | Ensure banner images are properly sizedīranded photography or images are an important asset if you have them as part of your brand toolkit. This will ensure anyone viewing your website is met with a good user experience whilst still helping to improve your SEO. Instead, add text ON TOP of the image, using a Text Block. This means, do not to add any text directly on to the image itself. 4 | Remove text from main banner imagesĪs Squarespace templates and therefore websites are naturally responsive - meaning the website adapts to the device it is viewed on - you should remove any text that could potentially get cut off. There are quite a few different ways to add image alt text to all the different image types, this Squarespace article goes into all the detail for the best practices. There’s no need to say “This is a picture of….” and you can add keywords if it works naturally into the sentence.also keep the alt text to a maximum of 125 characters. “Krishna sitting, smiling, looking forward wearing a colourful top”. Write a sentence so that it makes sense, describe the image as if you are explaining what it is to someone, and get to the point. That being said, don’t just write a bunch of random words: Assistive screen readers or browsers with images disabled use the alt text to read the image, so it’s a double whammy to ensure you have filled the alt text in! The alt text also helps the visually impaired. It’s always a good idea to add image alt text because if the image doesn’t load or show up, the alt text will be displayed. Keep in mind that you shouldn’t keyword stuff the name of the image - more on this in the next section. Whereas a file name suitably describing the image, using lowercase letters, numbers, and hyphens, really do help. Well… an image file name “IMG_2378.JPG” doesn’t tell Google what the image is. How does an image name help my website ranking you say? This name helps the likes of Google to identify what the image is, which in turn helps your site ranking. 2 | Name your image for search enginesĪs it stands, search engines can’t technically see or “read” an image. ![]() Essentially CMYK is used for any design material that you can physically hold. So for example, printed business cards, booklets, brochures, flyers, van signing, restaurant menus, and more. It’s used for design projects that are printed. So if your designs are going to be on any digital screens - by this I mean on your desktop computer, your laptop, on your phone, and even the TV - then the image should be saved in RGB mode.ĬMYK (Cyan, Magenta, Yellow, Key/Black) is the colour mode for printed material. This is the standard colour mode for digital images.
0 Comments
Leave a Reply. |