Table of contents

HTML <figcaption> Tag: Definition, Syntax, and Examples

What is HTML <figcaption> Tag?

The HTML figcaption tag is used to add a caption or description to an image, diagram, illustration, or any figure element. It works inside the figure tag and helps explain or label the visual content. The figcaption tag improves accessibility and gives context to images, making it especially important for SEO. Search engines can understand images better when a clear caption is provided. Every figcaption must be placed either before or after the visual content inside the figure tag.

Syntax of the HTML <figcaption> Tag

plaintext
<figcaption>Your caption text here</figcaption>

This syntax shows that the tag starts with figcaption and ends with figcaption. It contains simple text that describes the image or figure.

Examples of HTML <figcaption> Tag

Example 1: Basic HTML Figcaption Tag

plaintext
<!DOCTYPE html>
<html lang="en">
<body>

<figure>
  <img src="nature.jpg" alt="Green Forest">
  <figcaption>A beautiful view of a green forest.</figcaption>
</figure>

</body>
</html>

In this example, the figcaption gives a simple and clear description of the forest image. It helps users and search engines understand what the picture represents.

Example 2: SEO Optimized Figcaption Tag

plaintext
<!DOCTYPE html>
<html lang="en">
<body>

<figure>
  <img src="web-design.jpg" alt="Professional Web Design Services by Scholar247">
  <figcaption>High-quality and responsive web design services offered by Scholar247 for businesses and creators.</figcaption>
</figure>

</body>
</html>

This example uses SEO-friendly alt text and a descriptive caption. Keywords like “web design services” and “Scholar247” help improve search visibility while providing context for the image.

Attributes of the HTML <figcaption> Tag

The figcaption tag does not support any attributes.
It only contains text content used to describe the figure element.

Best Practices for HTML <figcaption> Tag

• Keep captions short, clear, and descriptive.
• Use relevant keywords naturally for better SEO.
• Always include a figcaption when the image needs explanation.
• Place the figcaption inside the figure tag only.
• Make sure the description matches the actual image content.

FAQs About the HTML <figcaption> Tag

What is the purpose of the figcaption tag?

The figcaption tag provides a caption or description for an image, chart, or any figure element, helping users and search engines understand the visual content.

Is the figcaption tag required for every figure?

No, it is optional. However, it is recommended whenever the image needs explanation or has an important meaning.

Where should I place the figcaption tag?

You must place it inside the figure tag, either before or after the visual content.

Does the figcaption tag affect SEO?

Yes. A well-written figcaption improves accessibility and gives search engines clearer information about the image.

Can I use multiple figcaption tags inside one figure?

No, only one figcaption is allowed inside each figure element.

HTML

Related Articles