alt attribute: add notes to the picture;
Title attribute: add a comment to the image link.
From the perspective of seo, the alt attribute is the only picture information that the search engine can recognize. Web content relevance is a prerequisite for keyword optimization. Search engines believe that images on web pages should be related to web page themes. Conversely, when search engines want to determine the keywords of a web page, the ALT-replacement attribute of the image is a trusted reference point. So, don’t forget to add the keyword of the webpage in the ALT-replacement attribute of the picture. Therefore, when optimizing the website, use the alt attribute to elaborate the theme content of the picture as much as possible, but avoid overlapping keywords;
From the user experience:
For users: If the URL of a certain picture is wrong or cannot be opened due to network reasons, the alt comment content of the picture will be displayed in the place where the picture is wrong, so that the user experience is also improved. Regular websites should do this.
For more information, please click\"Baidu Encyclopedia\"
The official definition of the title attribute is to annotate the image link, but when a picture is not linked, we also need to use the title attribute, which is related to the user experience. I think the title attribute is created for user experience, and it has no effect on seo, because search engines do not recognize this attribute, when will the title tag be used? It is used when the picture has a link, so that when the user clicks on the picture, the text will be displayed. The user can judge whether the loading page is of interest to the user based on the text, and reduce the loading of useless pages. When there is no link to the picture, and there is no text title next to the picture or the text title is very long and incomplete, we also need to use the title attribute to tell the user what the picture is.
The tile attribute is the content that can be displayed when the image is hovered (good for the user experience); the alt attribute is the content that is displayed when the image cannot be displayed (good for seo).
The leading cloud construction platform has opened the entrance for setting the alt attribute of all pictures, and there is no separate entrance for the title attribute. In the component, if the alt attribute is set, it will be placed in the alt attribute and title attribute by default.
How to add image alt attribute, please click to view.