In this article, you will learn how to add or edit title and alt text (alternative text) to images created in the WYSIWYG editor. This information can help you improve your SEO and improve accessibility when your website content is read by screen readers, for example. The article also discusses how the texts are stored in HTML and automatically translated into other languages using the DeepL interface.

Step-by-step instructions

Open the article in the WYSIWYG editor

• Go to a section where content can be edited (for example, Category Edit).

Select the image you want to edit.

• Left-click on the image you want in the WYSIWYG editor.

Open image settings

• Look for a small pencil icon in the top right or sidebar of the image (title section).
• Click the pencil icon to open the image settings.

Add or edit texts

• Title: Enter a title or short description that describes the image.
• Alternative text (alt text): Add short, informative alt text that describes the content of the image.

Save settings

• Confirm your changes by pressing the save button or “OK”.
• This is how you save the data as part of the HTML.

Take advantage of automatic translation

• When you translate an entire text section using the DeepL or Google Translate interface, the title and alt texts attached to the image will also be automatically translated.

Additional tip

• Make sure the alt text is descriptive but concise so that screen readers can convey the essential content of the image.
• From a search engine optimization perspective, it's not a good idea to overload the alt text with keywords.

Summary

Alt text and image titles are important elements for both accessibility and SEO. When you edit this information in a WYSIWYG editor and save it as HTML, the information is automatically translated using DeepL, making it easier to maintain multilingual content.