Add Default Alt Text to Magento 2 Product Images

In this article, you will know about how to add default image alt text on all the product page using the plugin. We hope it is very informatics for you because the purpose of image alt text is to improve accessibility by describing what an image is showing to visitors. It also helps to improve SEO and search engine crawlers.

Step 1: Need to Create a Custom module in Magento 2.

Step 2: After creating a custom module you need to create a di.xml file in etc folder and now declare the Plugin in di.xml.

File Directory Path: app/code/Webiators/SeoImagesAltText/etc/frontend/di.xml

<?xml version="1.0"?>
<!--
/**
 *
 * @category   Webiators
 * @package    Webiators_SeoImagesAltText
 * @author     Webiators Team
 * @copyright  Copyright (c) Webiators Technologies Private Limited. ( https://store.webiators.com/ ).
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
	
	<type name="Magento\Catalog\Block\Product\View\Gallery">
        <plugin name="wt_seoimagealtforproductpage" type="Webiators\SeoImagesAltText\Plugin\Frontend\Magento\Catalog\Block\Product\View\Gallery\SeoImagesAltText" sortOrder="1" />
	</type>
	</config>

<?xml version="1.0"?>

<!--

/**

* @category Webiators

* @package Webiators_SeoImagesAltText

* @author Webiators Team

* @copyright Copyright (c) Webiators Technologies Private Limited. ( https://store.webiators.com/ ).

-->

</type>

</config>

Step 3: Now you need to Create a plugin

File Directory Path:

app/code/Webiators/SeoImagesAltText/Plugin/Frontend/Magento/Catalog/Block/Product/View/Gallery/SeoImagesAltText.php

<?php
namespace Webiators\SeoImagesAltText\Plugin\Frontend\Magento\Catalog\Block\Product\View\Gallery;
 
class SeoImagesAltText
{       
    public function afterGetGalleryImages($block, $images)
    {
        if ($images instanceof \Magento\Framework\Data\Collection) {
            $product = $block->getProduct();
            foreach ($images as $image) {
                //check if label is set
                if(!$image->getLabel()){
                    $image->setLabel($product->getName());
                }
            }            
        }
 
        return $images;
    }
}

<?php

namespace Webiators\SeoImagesAltText\Plugin\Frontend\Magento\Catalog\Block\Product\View\Gallery;

class SeoImagesAltText

{

public function afterGetGalleryImages($block, $images)

{

if ($images instanceof \Magento\Framework\Data\Collection) {

$product = $block->getProduct();

foreach ($images as $image) {

//check if label is set

if(!$image->getLabel()){

$image->setLabel($product->getName());

}

return $images;

}

Step 3: Run Command:

php -dmemory_limit=5G bin/magento setup:upgrade
php -dmemory_limit=5G bin/magento setup:di:compile
php -dmemory_limit=5G bin/magento setup:static-content:deploy -f
php -dmemory_limit=5G bin/magento cache:flush
php -dmemory_limit=5G bin/magento cache:clean
php -dmemory_limit=5G bin/magento indexer:reindex