> For the complete documentation index, see [llms.txt](https://docs.gocontent.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gocontent.ai/gocontent-article/edit-and-manage-my-articles/featured-image.md).

# Featured Image

Please note, the image on the thumbnail will not be the image included in your article.

Adding a main image to an article offers numerous advantages that enhance both the user experience and the effectiveness of the article.

* **Attracting attention:** A captivating main image can grab readers' attention and entice them to click on the article. Images can create a strong visual first impression that piques curiosity.
* **Improving understanding:** A relevant image can help illustrate or explain the content of the article, making the information more accessible and understandable.
* **Optimization for social media:** Images are crucial for sharing on social media. A good main image can increase the likelihood that the article will be shared, which can boost visibility and traffic to the site.
* **Creating an emotional connection:** Images can evoke emotions and help create an emotional connection with readers.
* **Differentiation:** In a sea of textual content, a good main image can help differentiate the article and make it stand out compared to other similar articles.

<figure><img src="/files/ldF97Z5uwAN2pNTgDn1D" alt=""><figcaption></figcaption></figure>

### How to use Featured image?

To add an image to your article and make it more attractive, click on '**Featured image**' in the menu on the right side of your article.

<figure><img src="/files/jAV51kr8fdSJfsB7SZMZ" alt=""><figcaption></figcaption></figure>

Three **AI-generated images** are available for selection.

<figure><img src="/files/F5Q3soPAi3YGQdO2wEIV" alt=""><figcaption></figcaption></figure>

Select one of the three images and click on the '**+**' to add information.

Configure the chosen image's information by filling in the fields for Alt Text, Title, Caption, and Description.

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/KQilvWJTc0xi1fjPpJPf" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/1EhLRw3x4UdPE7r4fnij" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/r2697GRn59zIDONSrxKx" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/xISc9iBwR65IWcNPyMwN" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/H5v5RdNNVJBOvHkdblsb" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Alt text**
{% endhint %}

Alt text is a textual description of the image. It is used when the image cannot be displayed, either because the file is missing or for users relying on screen readers.&#x20;

Alt text is also used by search engines to understand the content of the image. It’s crucial to fill it with a concise and relevant description of the image.

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/1vwm0Nhau64PFLglSd4k" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Title**
{% endhint %}

The title field is typically used to provide a title for the image.&#x20;

However, it’s important to note that the image title is not displayed by default on most websites.&#x20;

It can be used for SEO purposes and to provide additional information to users who view the properties of the image.

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/MnWCvurEfUk2VJf8WkMV" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Caption**
{% endhint %}

The caption is a descriptive text that is usually displayed beneath the image on the page where it’s published.&#x20;

It’s useful for giving more context or information about the image.&#x20;

Unlike alt text, the caption is visible by default on the page, making it an excellent way to add supplementary information.

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/R1KAlanH6ofuye0zRZTj" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Description**
{% endhint %}

The description field allows you to provide a more detailed description of the image.&#x20;

This description is typically used to offer more in-depth information about the image and may be displayed in certain WordPress theme configurations or image galleries.

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/8PhqPs9fJXxVJET513dS" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/sCUMGtzLzQtu3w350qNA" alt=""><figcaption></figcaption></figure>

If the images generated by the AI do not meet your expectations, you can add an image of your choice.

Please note, the image must be in **JPEG**, **JPG**, or **PNG** format.

{% hint style="info" %}
Attention, the image must not be too heavy. If you upload an image that is too heavy, it will not be integrated.
{% endhint %}

The image takes a few seconds to download.&#x20;

<figure><img src="/files/HMV4AHQkT2Z2c97WJWm3" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/b4dCjyXpB3u3rGN4LZdx" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/Xzt1S6LEm71841BHf3BX" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/ZfBmMfT1jR9x1grnXkES" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">Pas nécessaire</mark>

<figure><img src="/files/2sXpPU1LxsLpJHODKdpp" alt=""><figcaption></figcaption></figure>

If the image is not to your liking, you can delete it by clicking on '**Delete downloaded image**.'

<figure><img src="/files/9lN1p37UVSgTfcPZRnY8" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/WpDUu557Z29LtgA6ZPWT" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/l4qFOmMSdBzP1WpX8nOh" alt=""><figcaption></figcaption></figure>