How to Add Metadata to Your Media in Cosmic JS


Media files contain properties that describe the contents of the file. For example, an image could include metadata that describes the size of the image, the color depth, the image resolution, when the image was created, the photographer and any other data sets that you want to keep track of for identification and organization. 

Metadata is extremely important for SEO as it speaks to search engines directly from each page crawled, to communicate important information or request a specific action from the search engine. Cosmic JS provides an easy modal to manage media metadata, located within the Object Settings of the media file you're looking to edit. 



How to Add Metadata to Your Media in Cosmic JS

Navigate to your Bucket Dashboard > Media.  Hover over the Media that you want to add metadata to and click "Add Metadata".


Add your key / values to the Media and click "Save Metadata".


Your Media now has the metadata available via the media endpoint.


I hope that you've found this tutorial helpful. If you have questions or comments about Content Editor Features in the Cosmic JS system, I'd love to hear about them. 

carson@cosmicjs.com 

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

You may also like


In this video tutorial, I show you how to use the Cosmic CLI to install and deploy a Cosmic JS GraphQL-powered App in 5 minutes.
Now editors can use the new Unsplash Photos Extension to find and add stock photography to their media library, all from the comfort of their Bucket Dashboard without having to interface with a third-party website like Unsplash.
See how easy it is to create a browser based video game when using Cosmic JS to manage all of your data.
Website built using the Next.js Website Boilerplate. Fully responsive down to mobile, SEO ready, includes a contact form and full site search.
This article shows you how to create a blazing fast Gatsby JS blog using Cosmic JS source plugin. Let’s get started.
An application for book lovers to view a list of their favorite books.