Using an image that has text is both bad for SEO and for UX (user experience). Make sure you’re not adding text directly to your images with a photo editor. Simply upload your image and enter the Alt Text into the “IMAGE ALT TEXT” form field. However, now there’s an easy way to add Alt Text to image blocks. This worked because Google knows and understands that the caption is effectively the Alt Text. Up until recently, the workaround was to simply add the Alt Text to the caption or title field. Squarespace very excitingly added the capability to enter Alt Text for images. You can omit words like “a, and, the” and refrain from using hyphens in your Alt Text. If it sounds like a robot is talking it’s a sign you’re probably not doing it right. Instead, go directly into the description of what’s in the image and use your keyword if it fits in naturally. Keep the Alt Text to a maximum of 125 characters and don’t start off by saying “this is a picture of.” Below it I’ve given examples of what bad alt text looks like.īad Alt Text example: alt="This is a picture of a desk with a computer water flower and other decor on it that displays a website and has a keyboard and chair”Ī good example of Alt Text is: alt="organized desk with feminine decor and computer displaying a beautiful Squarespace website" There are several right and wrong ways to add Alt Text to Squarespace Images. It’s a good thing you’ve already properly named your image file! If an image doesn’t have Alt Text they will either skip over the images or read out file names. This is also the text that’s read aloud for those who are visually impaired. Millions of people use screen readers to convert online content, including images, to audio. It helps Google crawl and rank your site. It’s not usually visible on the page itself but it’s a fundamental step in optimizing your images.Īlt Text both improves UX (User Experience) and improves your SEO.Īlt Text is the description of the picture that appears on the screen if the image itself doesn’t load. Google references the importance of adding Alt Text in their SEO starter guide.Īlt text, or alternative text, describes an image on a web page. Thankfully, it’s not as hard as it sounds. Next, we need to reduce the file size by scaling the image then compressing it. This helps Squarespace websites load faster BUT we still need to set our site up for success by reducing the file size.įirst, we must choose the correct file extension ( Chapter 1) and select the correct settings ( Chapter 2). Squarespace automatically displays the corresponding image on the user end depending on their browser size. One of the many reasons I love Squarespace is because the platform magically creates seven versions of every image we upload (except banner images), each with a different width: This is why keeping photo file sizes as small as possible, without compromising quality, is crucial. The more content you have, the more images you’ll need to use. Having images is important in breaking up content and keeping readers engaged. A site that loads too slowly hurts your SEO and CTR (Click Through Rate). Page speed is a critical factor when it comes to ranking your website higher on Google’s search engine results. Even a one second delay in load time can cut conversions by 7 percent. On average, people wait around 3 seconds for a website to load before finding a faster one. If you don’t have a fast website people will bounce harder than a fat kid on a trampoline. Preferably smaller.ĬMYK color mode is only used for printing and will make your images look strange when viewed on a website so be sure to skip over this setting for your website images. They’re more focused on making sure the image stays 500KB or smaller. Squarespace isn’t too concerned with the PPI though. The standard image resolution size is 72 PPI. The more pixels there are, the higher the quality of the image. PPI is how many pixels there are per inch in an image on the web. DPI isn’t relevant when it comes to computers as they measure in pixels, not dots. If you use a printer that can fit more dots inside of an inch, the quality of the photo will be much higher. Hover over Mode, and from the options select RGB ColorĭPI is only used to measure the resolution of an image when it comes to printing. This is the standard method for getting the colors right on screens such as computer monitors and TVs, which means you’ll want to save all your photos in RGB.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |