> ## Documentation Index
> Fetch the complete documentation index at: https://docs.glowply.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Breadcrumbs & image descriptions

> Two small touches that help visitors find their way and help search engines understand your site: navigation breadcrumbs and image alt text.

A couple of small details make your pages easier to use and easier for search engines to understand. Neither takes much effort, and both add up over time.

<h2 id="breadcrumbs">
  Breadcrumbs
</h2>

**Breadcrumbs** are the small trail of links near the top of a page that shows where a visitor is, like:

```
Home  ›  Store  ›  Candles  ›  Vanilla Soy Candle
```

Each step is a link, so visitors can jump back up a level at any time — from a product back to its category, for example. The name comes from the trail of crumbs in the Hansel and Gretel story.

Breadcrumbs help in two ways:

* **For visitors** — they always know where they are and can move around easily.
* **For search engines** — they show how your pages connect, which helps search engines understand and rank your site, and can show the trail in search results.

To add breadcrumbs, place the **breadcrumbs** block on your page or template in the [Builder (البلدر)](/en/site/builder-overview). It builds the trail automatically based on where the page sits in your site, so you don't maintain it by hand.

<Tip>
  Breadcrumbs work best on sites with clear sections — like a store with categories. Add them to your product and category templates so every product page gets a trail automatically.
</Tip>

<h2 id="image-alt-text">
  Image alt text
</h2>

**Alt text** is a short description of an image — a phrase like *"vanilla soy candle in a glass jar"*. It does two important jobs:

* It tells **search engines** what the picture shows, so your images can appear in image search.
* It's read aloud to visitors who use **screen readers**, making your site usable for everyone.

If you ever forget to add alt text, Glowply automatically fills in a fallback based on the image's file name, so no image is left completely undescribed. But a fallback from a file name is rarely as good as a real description — so it's worth writing your own on important images.

<Steps>
  <Step title="Open your Media library">
    In your site dashboard, go to **Media library (مكتبة الوسائط)**.
  </Step>

  <Step title="Select an image">
    Click the image you want to describe.
  </Step>

  <Step title="Write the alt text">
    In the **alt text** field, write a short, plain description of what's in the picture. Describe it naturally — don't just list keywords.
  </Step>
</Steps>

<Tip>
  Describe the image as if you were telling someone who can't see it. For a product, include the product name. Keep it to a short phrase, not a full sentence.
</Tip>

## Where to go next

<CardGroup cols={2}>
  <Card title="Add images and alt text" icon="photo-film" href="/en/site/media">
    Upload and manage your images and their descriptions.
  </Card>

  <Card title="Design with the Builder" icon="pen-ruler" href="/en/site/builder-overview">
    Add the breadcrumbs block and structure your pages.
  </Card>

  <Card title="How your pages appear in search" icon="magnifying-glass" href="/en/marketing/seo/search-appearance">
    Set the title and description for each page.
  </Card>

  <Card title="SEO overview" icon="magnifying-glass" href="/en/marketing/seo">
    The big picture of getting found on Google.
  </Card>
</CardGroup>

<Info>
  Need a hand? Reach our team by live chat, WhatsApp, or email at **[support@myglowply.com](mailto:support@myglowply.com)**. See [Contact support](/en/contact-support).
</Info>