Images alt text

Adding alt text to your images is essential for search engine optimization (SEO). The alt text describes the image content to crawlers, helping them understand and index your images for search results.

Alt text for images is essential for two main reasons:

1. Accessibility: It provides a text description of the image for visually impaired users who rely on screen readers.
2. Search Engine Optimization (SEO): It helps search engines understand the content of your images, potentially improving your search ranking.

Zid’s system makes it easy to include alt text for images. Here are some examples:

Homepage Slider Images:

Theme developers can specify alt text through the theme editor.

For example, an image of a red dress on a model could have the alt text “Image of a red dress on a model.”

<img class="d-block w-100 slider-image-{{ key }}" style="width: 100%; height: 100%; object-fit: cover"
                           src="{{ slide.image }}"   
                           alt="{{ slide.alt }}"
                      >

Product Images:

Product information typically includes an alt text field that merchants can fill in.

<img src="{{ image.image.full_size }}" class="carousel-img" alt="{{ image.alt_text }}">

Including descriptive alt text for all your images will enhance the user experience for everyone and potentially improve your SEO.

Remember:

• Use descriptive alt text that accurately reflects the image content.
• Avoid generic descriptions like “image1” or “banner.”

By following these guidelines, you can ensure that your Zid store effectively uses alt text for SEO and accessibility.

Valuable Resources:

• Theme Starter Sample on GitHub
• Getting Started with Zid Themes