HTML ALT VS Title
I was reviewing one of the company's websites yesterday and noticed there are many of the same images uploaded to the server. So, I started thinking about how I could help better organize and optimize the site. Instead of uploading multiple images to the wordpress site, use 1 image then insert individual title tag, alt tag, and be certain it's named appropriately.Like this.
- src=“red-outdoor-jpg” is the image file (or source) that is being displayed on the page.
- alt=“Our red outdoor sweaters are on sale now!” is the images alt text, which stands for alternate text. Its purpose is to describe the image textually so that search engines and screen readers (software used by the visually impaired) can understand what the image is.
- title=“Red Outdoor Sweater” is the image title, which as the name implies, is the title of your image.
Sketch
I'd like to give Sketch a try. Seems to be the growing trend of designer's tools.Slack - Where work happens |
I haven't tried it but would love to for the sake of building company culture.