{"id":3137,"date":"2022-11-14T12:10:00","date_gmt":"2022-11-14T06:40:00","guid":{"rendered":"https:\/\/imageattributespro.com\/?p=3137"},"modified":"2022-11-14T12:10:00","modified_gmt":"2022-11-14T06:40:00","slug":"prevent-duplicate-image-attributes","status":"publish","type":"post","link":"https:\/\/imageattributespro.com\/prevent-duplicate-image-attributes\/","title":{"rendered":"Prevent Duplicate Image Attributes"},"content":{"rendered":"<p>When a post \/ product has multiple images, it&#8217;s possible for all the images to have the same image attribute. <\/p><p>For example, if Image Attributes Pro is configured to use the product title as image attribute, then all images in the product will have the same product title. <\/p><figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/imageattributespro.com\/wp-content\/uploads\/2022\/10\/Custom-Image-Attribute-Tags.mp4\"><\/video><\/figure><p>From a technical stand point, duplicate image attributes is not an issue for SEO. However from an accessibility \/ user experience stand point it is odd to have the same image attribute for all images in a post. <\/p><p>The most commonly asked solution for this problem is to add a count to the image attributes so each of them would be unique. With a count added the image attributes would read &#8220;product title 1&#8221;, &#8220;product title 2&#8221; and so on.<\/p><p>As of Image Attributes Pro version 3.2, this is quite complicated to accomplish and there is no <code>%count%<\/code> <a href=\"https:\/\/imageattributespro.com\/custom-image-attribute-tags\/\">custom image attribute tag<\/a>. <\/p><p>However, here are some ideas to solve the problem of duplicate image attributes. <\/p><h2 class=\"wp-block-heading\">Use A Different Category Name For Each Image<\/h2><p>Image Attributes Pro comes with a custom attribute tag <code>%category%<\/code> which will add the first category name to the image attribute. If the post \/ product has multiple categories, this attribute tag can be modified to return a different category for each image. <\/p><p>To do so, add the following code into the <code>functions.php<\/code> of your active theme. This code takes advantage of the <a href=\"https:\/\/imageattributespro.com\/codex\/iaffpro_custom_attribute_tag_category_names\/\"><code>iaffpro_custom_attribute_tag_category_names<\/code><\/a> filter and returns a random category name for each image.<\/p><pre class=\"wp-block-code\"><code>\/**\n * Return a random category name from the categories associated with a post \/ product.\n * This modifies the output generated by %category% custom attributes tag in Image Attributes Pro.\n * \n * @link https:\/\/imageattributespro.com\/codex\/iaffpro_custom_attribute_tag_category_names\/\n * \n * @param $first_category (string) The first category available.\n * @param $categories (array) Contains the names of all categories associated with given post.\n * \n * @return (string) A random category name.\n *\/\nfunction prefix_iap_add_random_category_in_custom_attribute_tag_category( $first_category, $categories ) {\n\n    $random_key = array_rand( $categories );\n\n    \/\/ Return a random category.\n    return $categories&#91;$random_key];\n}\nadd_filter( 'iaffpro_custom_attribute_tag_category_names', 'prefix_iap_add_random_category_in_custom_attribute_tag_category', 10, 2 );<\/code><\/pre><h2 class=\"wp-block-heading\">Use A Different Tag Name For Each Image<\/h2><p>Another option is to use a random tag for each image in a post \/ product. The default behaviour of the <code>%tag%<\/code> custom image attribute is to use the first tag name available. <\/p><p>This can be modified to output a random tag name from the tags used in the post \/ product by adding the following code to <code>functions.php<\/code> of your active theme. Here we are using the <code><a href=\"https:\/\/imageattributespro.com\/codex\/iaffpro_custom_attribute_tag_tag_names\/\">iaffpro_custom_attribute_tag_tag_names<\/a><\/code> filter to return a random tag name for each image. <\/p><pre class=\"wp-block-code\"><code>\/**\r\n * Return a random tag name from the tags associated with a post \/ product.\r\n * This modifies the output generated by %tag% custom attributes tag in Image Attributes Pro.\r\n * \r\n * @link https:\/\/imageattributespro.com\/codex\/iaffpro_custom_attribute_tag_tag_names\/\r\n * \r\n * @param $first_tag (string) The first tag available.\r\n * @param $tags (array) Contains the names of all tags associated with given post.\r\n * \r\n * @return (string) A random tag name.\r\n *\/\r\nfunction prefix_iap_add_random_tag_in_custom_attribute_tag_tag( $first_tag, $tags ) {\r\n\r\n    $random_key = array_rand( $tags );\r\n\r\n    \/\/ Return a random tag.\r\n    return $tags&#91;$random_key];\r\n}\r\nadd_filter( 'iaffpro_custom_attribute_tag_tag_names', 'prefix_iap_add_random_tag_in_custom_attribute_tag_tag', 10, 2 );<\/code><\/pre>","protected":false},"excerpt":{"rendered":"<p>When a post \/ product has multiple images, it&#8217;s possible for all the images to have the same image attribute. For example, if Image Attributes Pro is configured to use the product title as image attribute, then all images in the product will have the same product title. From a technical stand point, duplicate image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-3137","post","type-post","status-publish","format-standard","hentry","category-how-to"],"_links":{"self":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts\/3137"}],"collection":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/comments?post=3137"}],"version-history":[{"count":3,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts\/3137\/revisions"}],"predecessor-version":[{"id":3140,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/posts\/3137\/revisions\/3140"}],"wp:attachment":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/media?parent=3137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/categories?post=3137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/tags?post=3137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}