This document aims to alleviate the challenges faced by domestic users learning Framer due to a lack of Korean resources. It translates the content of the official blog into Korean and adds practical information. We hope this will be of some help to those using Framer.

The Role of Alt Tags

Alt Tags, also known as “Alt attributes” or “Alt descriptions,” are essential for accessibility (e.g., screen readers) and SEO. Search engines like Google use these Alt Tags to understand image content, so it’s important to set them correctly. Also, avoid unnecessary keyword repetition as it could lead to penalties.

Note: It’s advisable to describe the image content in concise sentences, ending with a period for better accessibility.
(Source, Source)

How to Add Alt Tags on the Canvas

You can add Alt Tags to images uploaded directly to the Framer canvas as follows:

1. Select the image on the canvas

2. Click on Styles > Fill in the right panel

3. When the popup opens, enter the description in the Alt text field

Adding Alt Tags to CMS Images

You can also set Alt Tags for images managed through the CMS.

1. Navigate to the CMS page

2. Select the content you want to edit and click “Choose Image”

3. Enter the Alt text in the popup and save

Adding Alt Tags to Images in CMS Text Fields

You can designate Alt Tags when uploading images within text fields.

1. Upload an image within the text field

2. Click on the “Media Upload” icon that appears over the image

3. Add a description to the Alt text field in the popup

Conclusion

While Alt Tags may seem minor, they are a great tool for enhancing SEO accessibility. Write suitable Alt Tags for the images on your website to improve accessibility and attract more users.

This article is an adapted translation of the Framer official blog’s ‘How to add Alt Tags to images.’