自动将 Alt 标签添加到产品图片 - OSCommerce

Question

我想为我所有的产品图片自动添加 Alt 标签。

我正在使用 OSCommerce。 - 我希望最好将所有产品图片的 alt 标签添加为与产品名称相同或类似的标签 - 这可以用某种脚本来完成吗？

非常感谢您的帮助谢谢

Answer 1

绝对可以通过 JQuery 将 Alt 标签动态添加到页面上的所有 <img> 标签。

假设您有 <img> 个标签如下：

<img class="productimage" title="Some Product Name" 
     src="http://someserver/somepath/images/product_1983212.jpg">

要动态添加 Alt 标签，您可以尝试以下方法。

1) 将 JQuery 加载到 HTML 页面的 <head> 标签（如果不存在）。

2) 添加 jQuery 文档就绪事件处理程序，它将动态添加 alt 标签，如下所示：

$(document).ready(function(){

   $(".productimage").each(function(){
        var currentTitle = $(this).attr("title");
        $(this).attr("alt",currentTitle);
    });

});

以上代码将遍历所有具有 class="productimage" 的 <img> 标签，并读取其 title 并添加 alt 等于 title.

希望对您有所帮助。

编辑：

通过查看您的产品详细信息页面，我想到了以下代码：

$(document).ready(function(){ 
    $("#product-info-wrapper").each(function(){
        var currentProdTitle = $(this).find("#product-header").find("span[itemprop=name]").text();
        $(this).find("#product_image_holder > img").each(function(){ 
            $(this).attr("alt",currentProdTitle); 
        });
    });
});

修改了代码以考虑将多个 #product-info-wrapper 放入单个页面的情况。

自动将 Alt 标签添加到产品图片 - OSCommerce

Automatically Add Alt Tag to Product Images - OSCommerce

html

javascript

seo

jquery

oscommerce