<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Image optimzation Archives - Tricky Enough</title>
	<atom:link href="https://www.trickyenough.com/tag/image-optimzation/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.trickyenough.com/tag/image-optimzation/</link>
	<description>Explore and Share the Tech</description>
	<lastBuildDate>Thu, 07 Nov 2024 08:13:34 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.trickyenough.com/wp-content/uploads/2021/05/favicon-32x32-1.png</url>
	<title>Image optimzation Archives - Tricky Enough</title>
	<link>https://www.trickyenough.com/tag/image-optimzation/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">100835972</site>	<item>
		<title>How to Master the Art of Image Optimization on Shopify?</title>
		<link>https://www.trickyenough.com/art-of-image-optimization-on-shopify/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=art-of-image-optimization-on-shopify</link>
					<comments>https://www.trickyenough.com/art-of-image-optimization-on-shopify/#comments</comments>
		
		<dc:creator><![CDATA[Rakesh Patel]]></dc:creator>
		<pubDate>Thu, 29 Mar 2018 19:13:35 +0000</pubDate>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Image Optimization on Shopify]]></category>
		<category><![CDATA[Image optimzation]]></category>
		<category><![CDATA[Shopify]]></category>
		<category><![CDATA[shopify seo]]></category>
		<guid isPermaLink="false">https://www.trickyenough.com/?p=5805</guid>

					<description><![CDATA[<p>It has been more than a few months since the Image Sitemap for Shopify has been launched. According to different resources, there has been over 500K images have been submitted to Google Search with customers seeing an average of 648% increase in indexed images. Now Shopify by default includes a single image per product in...</p>
<p>The post <a href="https://www.trickyenough.com/art-of-image-optimization-on-shopify/">How to Master the Art of Image Optimization on Shopify?</a> appeared first on <a href="https://www.trickyenough.com">Tricky Enough</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><span style="font-size: medium;">It has been more than a few months since the <strong>Image Sitemap for Shopify has been launched</strong>. According to different resources, there has been over 500K images have been submitted to Google Search with customers seeing an average of 648% increase in indexed images. Now Shopify by default includes a single image per product in their standard image sitemap. Whereas the <strong>image sitemap for Shopify</strong> app submits every single image to Google and includes important product metadata as well. The following post is all about how to do Image Optimization on Shopify? </span></p>



<p><span style="font-size: medium;">The image optimization can be done wisely on <a href="https://www.trickyenough.com/ways-to-improve-shopify-website-conversion-rate/" target="_blank" rel="noreferrer noopener">Shopify platform</a> and eTatvaSoft’s findings so far.</span></p>



<p><span style="font-size: medium;">Whether it’s about attracting shoppers, perusing Google images or <a href="https://www.trickyenough.com/speed-up-wordpress/" target="_blank" rel="noopener">reducing site load time</a>, image optimization turns out to be one of the most important parts of <a href="https://www.trickyenough.com/e-commerce-platform-choose-business/" target="_blank" rel="noopener">building a successful e-commerce website</a>. </span></p>



<p><span style="font-size: medium;">What is image optimization? </span></p>



<p><span style="font-size: medium;">It’s about reducing the file size of your images as much as possible without even sacrificing quality so that your page load times remain low. That’s the time when your product images or decorative images must be ranked on Google and other image search engines. </span></p>



<h2 class="wp-block-heading">How to do Image Optimization on Shopify e-commerce website?</h2>



<ul class="wp-block-list">
<li><span style="font-size: medium;"><b>Image description is a must and makes sure that it is done in plain languages-</b></span><span style="font-size: medium;"> Blowing through hundreds of product shots and keeping the default file names assigned by the camera is quite an easy procedure. But in order to have a <a href="https://www.trickyenough.com/image-optimization-for-better-seo/" target="_blank" rel="noopener">proper image SEO</a> done, make sure you use relevant keywords to help your webpage rank on search engines. The crucial task in image optimization is to create file name descriptive and keyword-rich. It is very important for you to know that search engines not only <em>crawl the text on your webpage</em> but also crawl your image file names. </span></li>



<li><span style="font-size: medium;"><b>Alt attributes-</b></span><span style="font-size: medium;"> When browser can’t properly render images on e-commerce site, alt attributes provide users as well as crawlers descriptive information of those images. They can also be used for web accessibility. What I mean is when the <em><strong>image is rendered you will see the alt attribute text</strong></em>. In addition to this, the alt attribute also adds SEO value to your website. So, adding appropriate alt attribute that includes relevant keywords to the images on your website can help you rank better in search engines. So what can be done is:</span>
<ul class="wp-block-list">
<li><span style="font-size: medium;">Describe your image in plain language</span></li>



<li><span style="font-size: medium;">If your products are available in various models, you must use model numbers or serial numbers in your alt attributes.</span></li>



<li><span style="font-size: medium;">Don’t stuff your alt attributes full of keywords</span></li>



<li><span style="font-size: medium;">Don&#8217;t use alt attributes for decorative images</span></li>
</ul>
</li>



<li><span style="font-size: medium;"><b>Choose your image dimensions and product angles wisely-</b></span><span style="font-size: medium;"> It’s very common to show multiple angles of your product. For example- if you are describing the Ford Mustang then it would be in your best interest to show shots of the interior, the rear (air spoiler), the rims, the engine and so on. All you need to do is add descriptions to your base alt attribute so that potential searchers land on your website. After all, Google does reward you with your searches if you put some extra effort. </span></li>



<li><span style="font-size: medium;"><b>Reduce the file size of your images-</b></span><span style="font-size: medium;"> Now it is possible that in order to achieve a great user experience, you might want to provide larger views for your visitors. But make sure that you don’t place the largest image on your webpage and simply shrink the dimensions via the source code. By doing this, chances are there that your page load time increases due to the larger file size associated with the image. But what can be done is make it a smaller image and provide the option to view a larger image in a pop-up or on a separate webpage. </span></li>



<li><span style="font-size: medium;"><b>Choose the right file size-</b></span><span style="font-size: medium;"> Do you know that nearly 50% of consumers won’t even wait 3 seconds for an eCommerce site to load. And if we see globally the average page load time is actually increasing. In addition to this, <a href="https://developers.google.com/speed/" target="_blank" rel="noopener">Google itself uses page load time</a> as a ranking factor in their algorithm. </span></li>



<li><span style="font-size: medium;"><b>Optimize image thumbnails-</b></span><span style="font-size: medium;"> Small thumbnail images are mostly used by e-commerce sites, especially when they want to highlight category pages. They quickly showcase products without taking up the too much real estate. Which is actually great, but one needs to be really careful. I mean if they are preventing your category pages from loading quickly, you could lose a potential customer. So what can be done is? </span></li>
</ul>



<p><span style="font-size: medium;"><b>a)</b></span><span style="font-size: medium;"> You should make thumbnail files as small as possible. So lower file size will load faster and it may be worth letting quality slide of a lower file size here. Don’t forget the cumulative impact of your thumbnails will have a huge impact on your page load time.</span></p>



<p><span style="font-size: medium;"><b>b)</b></span><span style="font-size: medium;"> your alt attribute text should not be similar to the text that you would use for the bigger versions of the same image. So don’t forget to make your alt text wildly different. </span></p>



<ul class="wp-block-list">
<li><span style="font-size: medium;"><b>Image sitemaps-</b></span><span style="font-size: medium;"> To improve the overall shopping experience, if e-commerce website uses Javascript for galleries, image pop-ups or other &#8220;flashy&#8221; ways, then image sitemaps will help get your images noticed by Google.</span></li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter"><img fetchpriority="high" decoding="async" width="1600" height="900" src="https://www.trickyenough.com/wp-content/uploads/2018/03/image-sitemap-for-shopify.png" alt="Image Optimization on Shopify" class="wp-image-5808" srcset="https://www.trickyenough.com/wp-content/uploads/2018/03/image-sitemap-for-shopify.png 1600w, https://www.trickyenough.com/wp-content/uploads/2018/03/image-sitemap-for-shopify-300x169.png 300w, https://www.trickyenough.com/wp-content/uploads/2018/03/image-sitemap-for-shopify-768x432.png 768w, https://www.trickyenough.com/wp-content/uploads/2018/03/image-sitemap-for-shopify-1024x576.png 1024w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Image Credits: Screenshot taken from the <a href="https://www.shopify.com/" target="_blank" rel="noreferrer noopener nofollow">website</a></figcaption></figure></div>


<ul class="wp-block-list">
<li><span style="font-size: medium;"><b>Beware of decorative images-</b></span><span style="font-size: medium;"> Websites often have an assortment of decorative images, such as background images, buttons, and borders. Basically, any non-product related can likely be considered a decorative image.</span></li>
</ul>



<h2 class="wp-block-heading">Conclusion:</h2>



<p>Image optimization helps to Better SEO and if you are going to do the above-mentioned things than probably you will be able to master the art of Image optimization on Shopify.</p>
<p>The post <a href="https://www.trickyenough.com/art-of-image-optimization-on-shopify/">How to Master the Art of Image Optimization on Shopify?</a> appeared first on <a href="https://www.trickyenough.com">Tricky Enough</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.trickyenough.com/art-of-image-optimization-on-shopify/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5805</post-id>	</item>
	</channel>
</rss>
