FAQ for StationV Clients
Do's and Don'ts of updating your websites on your own.
Formatting your images for display on the web
Image Optimization and
Alt Tags are Crucial
Here is why
- Optimization effects Google Ranking
- Tagging improves search results
Among many other things, Google ranks sites on load speeds (how long it takes for your content to load into the user's browser before it can be seen. Logically, the larger the size of the image, the longer it takes to load. 2 factors make up the total size of your image: Pixel Width and Un-needed meta data within images (like location, camera, etc.) that is not necessary for your image to look great.
You can use only JPG (JPEG), PNG or GIF image files. With higher quality displays, PNGs are better. However, they tend to be much larger in "weight".
Squarespace recommends the following sizes depending on their use:
- 2500 pixels wide - for full width images
- 1500 pixels wide - for most banner images (not full browser width)
- 1000 pixels
- 750 pixels
- 500 pixels
THE ONLY WAY TO GET RID OF UN-NESSESSARY DATA IN YOUR IMAGES IS BY USING APPS. The only way to get rid of un-nessessary data in your images is to use apps. There are many available both on the web and app stores. Here are my best choices:
- For JPGs:
- For PNGs: web app, TinyPNG: https://tinypng.com (Free)
Alt tags are a text alternative to images. They are especially use full for visually impaired visitors. The Alt Tag lets them and Google know what the image is about. They are your friend when it comes to SEO.
Alt Tag Rules
- Describe your images in plain English, just like you do for image file names.
- If you sell products that have model number or serial numbers, use them in your alt tag.
- Do not keyword stuff your alt tags (for example: alt="ford mustang muscle car buy now cheap best price on sale").
- Don't use alt tags for decorative images. Search engines may penalize you for over-optimization.
Squarespace & Alt Tags
Squarespace does not specify a unique field for Alt Tags. Alt Tags are most often automatically created in two ways:
- When you have the option of naming an image.
- When you have the option of entering a caption. Whether or not you want to include a caption that is visible to the vistor, you should add the caption and then use the option to "Hide" the caption.
Naming Image Files before uploading
Use lowercase and hyphens for spaces. For example:
If the image on your computer is named: "My Store Front.jpg", you should change it to: "my-store-front.jpg".