How can I improve alt text for SEO on my website?

Technical Q&A
1

Dear members of the community of shopify,

I am writing to seek your assistance regarding a problem I am facing with my website’s SEO. Despite my best efforts to optimize my website by adding appropriate alt text to images, it seems that search engines are unable to read it. I have conducted a thorough review of my website and made necessary adjustments, but the issue persists.

I would like to request your guidance on implementing alt text similar to that used on other successful websites, such as the one website linked here. Specifically, I am curious if my alt text is hardcoded, and if so, how I can modify it using JSON. Any advice or suggestions you can provide would be greatly appreciated.

Thank you in advance for taking the time to help me with this issue.

2

Hey @hillerabde768 ,

I’m sorry to hear that you’re experiencing difficulties with your Shopify website’s SEO. It’s great that you’ve taken the initiative to optimize your website by adding appropriate alt text to images, as this is an important aspect of on-page SEO.

Regarding your question about implementing alt text similar to that used on other successful websites, I’m not sure if it is hardcoded or not without access to your website’s code. However, I can provide some general guidance on how to modify alt text using JSON in Shopify.

In Shopify, you can modify the alt text of images by accessing the theme files and modifying the JSON code. Here are the steps to do so:

  1. From your Shopify admin dashboard, navigate to “Online Store” and click on “Themes”.

  2. Click on the “Actions” dropdown menu and select “Edit code”.

  3. In the left-hand menu, navigate to the “Sections” folder and click on “product-template.liquid”.

  4. Look for the line of code that contains the image you want to modify the alt text for. The code should look something like this:

<img src="{{ featured_image.src | img_url }}" alt="{{ featured_image.alt | escape }}">
  1. To modify the alt text, replace the “featured_image.alt” part of the code with your desired alt text. For example:
<img src="{{ featured_image.src | img_url }}" alt="Red running shoes">
  1. Save your changes and preview your website to make sure the alt text has been updated.

I hope this helps! If you have any further questions or concerns, please don’t hesitate to ask.