"The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element."
Read more: Source: W3 Schools HTML title Attribute
HTML title Attributes (sometimes referred to as Title Tags) reputedly add no value for SEO purposes.
When used correctly they will however make your website more accessible to the widest possible audience.
HTML title Attributes, when used with hyperlinked Images (image links) should convey information to the user about the linked landing page.
Such information improves accessibility and helps users of screen readers navigate your website.
Impact on SEO of HTML title Attributes
Use of the HTML title Attribute appears not to add any value for SEO purposes.
Whereas the HTML alt Attribute appears to add some value.
The Image File Name reputedly adds more value for SEO purposes.
Use of Image Captions also reputedly helps reduce bounce rates.
Read more: How to reduce Bounce Rates.
Contents include:
How to use the HTML title Attribute
The HTML title Attribute for an image link works in the same way as the anchor text 1 for a text link.
It should likewise clearly say something about the landing page to which it is linked:
- in another website,
- in your website, or
- an anchor point on the same page (in other words, within the same Article.
Example use of the HTML title Attribute
The HTML alt Attribute for an image of lets say a plant might state 'potted plant with red and green foliage'.
The HTML title Attribute for the image when it is used as a hyperlink might state 'more about plants with red and green foliage'
The HTML title Attribute informs the website visitor what will happen when they select an image link.
The image below shows the Link Manager pop up window when you select the Link button in the JCE Content Editor.
Note 1
'Anchor Text' refers to the words used when a link is part of a sentence, or the HTML title Attribute of an image-link.
How to add an HTML title Attribute to an Image
We tell you how in the Working with Images section of our Joomla! User Guide.
Read more: How to link an image.
The use of HTML title Attributes with Text Links
When using your website's content editor to create a Text Link you may see a reference to Title tag.
If the destination of the text link's 'anchor text' is obvious then there is no need to add a Title tag.
Example: Read more: Headings and Titles.
In this example the 'anchor text' is sufficient as it clearly indicates its purpose.
If instead the text link stated:
- 'Headings and Titles'
then adding a Title tag such as
- 'Read more: Headings and Titles'
would help users of screen readers navigate your website.
Make SEO your #1 priority after Joomla! CMS Security
We help and support managers responsible for Joomla! CMS websites in UK business, academy school and third sector organisations across Cheshire, Greater Manchester, Merseyside and North West England.
Disclaimer
We do not guarantee that your website's performance in search engines will improve as a result of making any one change to your website's structure, navigation or content.
No-one can provide such a guarantee.
