Exercise #17

What are alt tags: 

The alt and title attributes of an image are commonly referred to as ‘alt tag’ or ‘alt text’, and ‘title tag’. (Technically they’re not tags, they’re attributes, but you don’t need to worry about that). These attributes allow you to add textual descriptions of your image, which can help with both SEO and accessibility.

This is a complete HTML image tag:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

Alt text:

The alt tag is used by screen readers, which are browsers used by people with a visual impairment for example. These screen readers tell them what is on the image by reading the alt tag. It’s not just screen readers that read alt text, though. Search engines like Google also use this information to understand the context of an image; to find out what an image shows, and what its purpose is.

Each image should have an alt text. Not just for SEO purposes, but also for accessibility. Because people using a screen reader will otherwise not know what the image is about.

What are title tags:

The title tag is an HTML code tag that allows you to give a web page a title. This title can be found in the browser title bar, as well as in the search engine results pages (SERP).

It’s crucial to add and optimize your website’s title tags, as they play an essential role in terms of organic ranking (SEO).