Img alt tag showing different value then entered

Question

I have a WordPress website "https://drgadyabramson.com" I am optimizing the website for better ranking. But the problem is Yoast SEO showing me that "The images on this page do not have alt attributes containing the focus keyword." The thing is I have placed alt tag to each and every image used on that page.

But when I check the source code then it shows different ALT tag that i have inserted in media library. Check below:

It looks like my website automatically fetch ALT from title. But It's not good for SEO.

Any of you please suggests me the solution? Do I need to change in the theme file? If yes then what it would be?

Answer 1

Adding an alt attribute in the media library does not add or update it on any of your pages where it's already been inserted in content.

When you add an image to content using the editor, it's added as an HTML <img> tag, including alt attribute. Once it's been added, it's just HTML, so making changes in the media library can't affect it.

To add alt text to your images you'll need to go into each page, select and edit the images there, and add the alt text that you want.

Answer 2

You can call the alt_text if you are pulling the image with custom code. I hope this might help you if you are just searching for the $alt text

$alt_text = get_post_meta($post->ID, '_wp_attachment_image_alt', true);

Edit 1:

If you are pulling the image through wordpress function then only you can see the alt tag also being pulled in the output. <?php echo wp_get_attachment_image( get_the_ID(), array('700', '600'), "", array( "class" => "img-responsive" ) ); ?>

If you have an image being called manually with the only URL, then you can add alt as the variable which possibly should pull alt detail as following:

<img src="your method to call URL" alt="<?php echo $alt_text; ?>