How can I optimize Alt text for apartment images on my website?

[broderickson]

Hello

I’m currently facing an issue with the Alt text on my Shopify website. The text is not organized properly, and I’d like to structure it in the same format as another website, such as sniffies app. However, I haven’t optimized the Alt text for SEO yet.  I’d like to check whether the Alt text is embedded in the code, and if it’s not, I’d appreciate guidance on how to incorporate it using JSON format. Any insights or recommendations would be greatly appreciated.

Thank you!

[CodingFifty]

Hi @broderickson,

If your Shopify website’s Alt text is not properly structured, the first step is to check whether it is embedded in the code and how it's being displayed. You also mentioned that you want it to follow a specific format, like on Sniffies App, and you haven’t optimized it for SEO yet.

Step 1: Check if Alt Text is Embedded

1. Open your website and right-click on an image > Inspect (in Chrome).
2. Look for the <img> tag and check if the alt="..." attribute is present.
3. If the alt text is missing or not structured correctly, you will need to add or modify it in your theme files.

Step 2: Add Alt Text Using JSON Format

If you want to structure Alt text using JSON, you can modify your theme.liquid or product.liquid file. Here’s an example of how you can output product images with Alt text in JSON format:

{
  "images": [
    {
      "src": "{{ product.featured_image | img_url: '600x600' }}",
      "alt": "{{ product.featured_image.alt | default: 'Default Alt Text' }}"
    },
    {% for image in product.images %}
    {
      "src": "{{ image | img_url: '600x600' }}",
      "alt": "{{ image.alt | default: 'Product Image' }}"
    }
    {% endfor %}
  ]
}

Step 3: Optimizing Alt Text for SEO

To improve SEO, ensure that your Alt text includes relevant keywords and describes the image accurately. Here are some best practices:
Use descriptive text (e.g., "Red Running Shoes for Men – Lightweight & Comfortable").
Avoid generic terms like "image" or "photo".
Include primary keywords naturally.