# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.gocontent.ai/gocontent-article/edit-and-manage-my-articles/featured-image.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
