# Course Name, Description and Image

A cover image and course description are essential elements for learners to identify the course. 

![Course outline page](/files/-M9wqs54go05iFukZBUc)

![Course About Page ](/files/-MPmliW_iZOUpA4IhYer)

## Edit Course Name

1. Select the desired course in Studio
2. Select ***Settings > Schedule & Details***
3. Locate '***Course Name***', edit and click on *Save*

## Add a Short Description

1. Select the desired course in Studio
2. Select ***Settings > Schedule & Details***
3. Locate '***Course Short Description***' under '**Introducing your Course**'
4. Add the short description of your course in the text box 
5. Save 

![Add a short description of your course ](/files/-M9wtzL09e0YhQDxbyav)

#### Course Short Description Guidelines

An effective short description follows these guidelines.

* Contains 25–50 words.
* Functions as a tagline.
* Conveys compelling reasons to take the course.
* Follows search engine optimization (SEO) guidelines.
* Targets a global audience.

## Add a Long Description 

1. Select the desired course in Studio
2. Select ***Settings > Schedule & Details***
3. Locate '***Course Overview***' under '**Introducing your Course**'
4. Add the long description of your course in the text box 
5. Save 

#### Long Description Best Practices: 

An effective long description follows these guidelines.

* Contains 150–300 words.
* Is easy to skim.
* Uses bullet points instead of dense text paragraphs.
* Follows SEO guidelines.
* Targets a global audience.

#### Example Long Description: 

![](/files/-MPmoh_Zya36wkoI2j2_)

To obtain the above long description, copy and paste the template below: 

```
<h3>About this course</h3>
<p>Add the long description of the course here.</p>
<p>Here is the second paragraph of the long description of your course.</p>

<h3>Prerequisites</h3>
  <p>Add information about required course prerequisites here.</p>

<h3>Instructors</h3>
<article class="teacher">
    <div class="teacher-image">
      <img src="/static/images/placeholder-faculty.png" align="left" style="margin:0 20 px 0" alt="Course Staff Image #1">
    </div>

    <h3>Instructor #1</h3>
    <p>Title and biography of instructor #1.</p>
  </article>

  <article class="teacher">
    <div class="teacher-image">
      <img src="/static/images/placeholder-faculty.png" align="left" style="margin:0 20 px 0" alt="Course Staff Image #2">
    </div>

    <h3>Instructor #2</h3>
    <p>Title and biography of instructor #2.</p>
  </article>


```

## Add a Course Card Image (Thumbnail)&#x20;

**Course Image Size**

The course image that you add in Studio appears on the About page for the course and on the learner dashboard. It must be a minimum of 378 pixels in width by 225 pixels in height, and in .jpg or .png format. Make sure the image that you upload maintains the aspect ratio of those dimensions so that the image appears correctly on the dashboard.

{% hint style="info" %}
It is recommended to load an image of 600 x 400 px and smaller than 250 kb to optimize the loading times for your learners.:nerd:
{% endhint %}

1. Select your course in Studio&#x20;
2. Select ***Settings > Schedule & Details***&#x20;
3. Locate ***Course Card Image*** and select '***Upload Course Card Image***'
4. Save&#x20;

![](/files/-M9wv-_P1Mh8pXjiPgCF)

{% hint style="info" %}
Note: If you upload both a course image and a course About video, the course image appears on learner dashboards with a **play** icon superimposed on it. If you upload only a course video, the first frame of the the video file appears with the **play** icon.&#x20;
{% endhint %}


---

# 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.moocit.fr/english/course-development/course-set-up/add-course-image-and-description.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.