Understanding and Adding Alt Tags to Improve Accessibility and SEO

Alt tags (alternative text) are essential elements of website accessibility and SEO. These tags are added to images in HTML to describe the image’s content and context. They serve multiple purposes, including providing a textual description for users with visual impairments who use screen readers and allowing search engine bots to interpret your images, aiding in site indexing and ranking.

Why Alt Tags Are Important:

• Accessibility: Alt tags enable users with visual impairments to understand the content on your site through screen readers.
• SEO Benefits: Search engine bots use alt tags to interpret and rank your images, improving your website’s overall SEO performance.
• Error Handling: If an image fails to load, the alt tag will display text, ensuring users know what should have been shown.

Adding Alt Tags in WeSupply:

If you'd like to add alt tags to pages such as the Order Lookup page, follow these steps:

1. Navigate to Branding Settings:
   • Log into your WeSupply account and go to Settings > Branding > Pages.
2. Edit the Page Header:
   • Locate the Page Header section within the page settings. This is where you can add or modify HTML elements related to your branding and layout.
3. Insert Alt Tags:
   • In the Page Header, add the alt tag by including alt="Shop's Name Logo" (or a relevant description) within the image code. This will ensure that the alt text is visible if the image does not load and is read by screen readers or interpreted by search engines.

By adding alt tags to key pages like the Order Lookup page, you can improve both the accessibility and SEO of your website, making it more user-friendly and optimized for search engines.