Last Updated on 2021-10-17 by Clay
Yoast SEO is a plugin we usually installed when we use WordPress to build our website. Its biggest use is to help use confirm whether the currently edited article complies with Search Engine Optimization.
Generally, the better the SEO, the higher the ranking in Google search.
After activating Yoast SEO, we will see the plugin field under the WordPress editor.
It can help us edit the keywords, the Meta of the article description... and score according to the structure of our articles. Among them, presumably many people will encounter Yoast SEO when they use the following warning message:
Images on this page do not have alt attributes that reflect the topic of your text
And this article is taking about the explanation and introduction of this "improvable message", and how to improve it step by step.
The "alt" attribute on the image
The first thing we need to know is that this message is telling us that the alt attribute of the "picture" in this article does not reflect the subject of the article.
What is the alt attribute?
The alt attribute is a parameter of the image in HTML, and it is the remedial text when the HTML image object cannot be displayed normally-that is, if the image does not appear, it will be presented with the description of the alt attribute.
Yes, the alt attribute is actually just a text description, and its main function is to introduce this picture. What Yoast SEO reminded is that you hope your alt attribute can fit the subject of the article.
Set image alt attribute
So, where should the alt attribute of the image be set? There are roughly two ways to set it.
1. The sidebar of the WordPress editor
Click on the picture in your article, and then open the "Block" field of the gear icon on the right, and the "Alternative Text" block under "Picture Settings". This block of alt text is the alt attribute.
2. Ctrl + Shift + Alt + M to edit HTML file
There is another very quick method: use Ctrl + Shift + Alt + M to switch to the HTML format editor, Ctrl + F to search all alt="" fields, and fill in the required alt attribute descriptions in sequence.
Both of the above methods can give the image the alt attribute. After filling in, let's take a look at Yoast SEO's improvement information:
The green light is already on, and you're done!
References
- https://yoast.com/
- https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/#assessment&utm_source=yoast-seo&utm_medium=software&utm_term=text-images-name&utm_content=content-analysis&utm_campaign=wordpress-general&php_version=7.3&platform=wordpress&platform_version=5.4.2&software=free&software_version=14.7&days_active=30plus