Once your settings are dialed in, you can set Crush Pics to automate and level up the SEO of your entire site □ If you want “red dress” to show up in Google image, you need to have red dress somewhere in the filename or alt text of the image assigned to that variant (ideally you have separate product images for the different color variations of that product). I’ve tested products with multiple color options, with each having an image, and found that the colored variations without alt attributes on the image often do not show up in Google search results.įor example if you’re selling a dress with multiple color options, your product title might be called Cool Dress. From there you can read the code (look for the img element and see what the alt=”” text looks like. In most browser’s that will bring up a window showing the underlying html for that element. To see how your alts are showing to crawling search engines, go to a product or collection page and right click the image, then click Inspect. I’m a big fan of saving time so I use apps to automate the process. The downside to this is you have to manually edit it everywhere you have images showing, plus the actual alt attribute isn’t set, so any apps or channels that are accessing those images won’t be able to use the alt text. You can actually achieve this same effect by using liquid variables in your code. You’ll see a preview of what the alt text with this formula will look like: It’s probably not important for search engines but I like the organization value of it. That ” – ” separator is a custom text variable. I like the formula + + because it gets a range of keywords and includes the color / variation. You can see your available options + the options you’ve selected: Go to Settings in the Crush Pics app and select EDIT TEMPLATE in the Alt Tag Template section. With Crush Pics, you can set parameters to make it automatically add descriptive alt text to all of your product images now and in the future. Save time and use an app to automate the process.Ĭrush Pics wins my vote for best Shopify image optimization app. This is easy breezey if you only have a few products, but you probably have a lot of product images. You can manually edit your product image alt text by clicking the 3 dots on images in your product page in the Shopify admin: How to optimize image alt tags on Shopify ![]() If you’re not using image alt attributes, you’re leaving free traffic on the table. If you search for “smiley face tee” in Google and click the Images tab you’ll find it ranking because the alt attribute and file name alludes to that keyword search. The alt attribute is Smiley Face Tee – Men’s T-Shirt S / WHITE. The file name is Smiley_Face_shirt_-_white.jpg. Here’s what the html code might look like to display this shirt on a website: Let’s use this product called Smiley Face Tee as an example: Alt attribute is the most syntactically correct term, but tag is easier to say. ![]() You might also see them called alt tags or alt text. It’s an accessibility best practice, displays text when the image can’t be displayed, and is used by search engines to rank images for those keywords. The alt attribute on an image tag is short for alternative text. Add descriptive alt attributes (but don’t keyword stuff).If you want to get more traffic and higher search engine rankings (in both regular search + image search), optimize your images for SEO. Have you optimized for Google Image Search yet? Google Image Search is a great place for people to shop because they can view a lot of products instead of a text and links. That percentage is probably higher if we break down those searches to shoppers. Over 20% of all US web searches happen on Google Images source: /on-page-seo/image-optimization
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |