Learn Ghost

Young blogging platform build on tope of node.js for fast loading speed and easy scalability!

• Last Updated: 05/13/2020
• ( 5 minutes reading )

How to customize the metadata information of your Ghost blog

Introduction

Metadata represents a description of the content you have on your website. The metadata will be used by search engines to provide more well-rounded information for people looking for this type of content. With Twitter and Facebook being the most widely used social networks, Ghost will offer you an option of editing the metadata of your Twitter and Facebook pages for your blog too! Note that this metadata is set for the website in general, rather than for your posts and individual pages. We have great tutorials on How to create and publish posts and How to create and publish pages in Ghost, where we also explain how you can set individual metadata for each page and post!

In this tutorial, we are going to take you through the process of setting up the metadata for your blog and its Twitter and Facebook pages. Let’s get started.

 

Accessing the General Settings

First, you have to log into your Ghost Admin Dashboard. To do so, please open your favorite browser and enter your domain name, followed by "/ghost". For example:

  • ghost.hostarmadatutorials.com/ghost

 

Login page

 

After logging in, please point your attention to the left side of the screen. You will see a sidebar, and from the listed choices, you have to select “General”.

 

Access General Settings

 

This will take you to the “General Settings” page, allowing you to perform all sorts of changes on your blog. The functionality we will be discussing in this tutorial is located under the “Site Meta Settings” section.

 

Changing Metadata

To change the metadata of your blog, you need to display the options of the “Meta data” row, which will be the first result under the “Site Meta Settings” section. 

 

Site Metadata

 

To reveal these options, please press the “Expand” button, located on the far right side of the row.

 

Add Meta Title and Meta Description

 

Here is what you are able to alter under the expanded settings.

  • Meta title - Inside this text field, please type in the title which the search engines will display for your blog. This should have a max character length of 70 so that you get the most benefit from it. 
  • Meta description - Inside this content box, please type in the meta description of your blog. You should use a maximum of 156 characters to get the most benefit from the meta description.
  • Search engine result preview - Under this label, you can see the result which search engines (such as Google and Bing) will display when your site is searched for.

 

Save Metadata details

 

Finally, when you are happy with the meta title and description you set for your site, all you need to do is press the “Save settings” button, located on the top right side of the page.

 

Customizing Twitter Card

To customize the structured data of your blog for Twitter, please look under the “Site Meta Settings” section. Underneath, you will find the “Twitter card” row and on the far right side, the “Expand” button.

 

Expand Twitter Card section

 

Please press the “Expand” button to reveal the options for setting up your structured data for Twitter. Here is what you are able to alter under the expanded options:

  • Add Twitter image - Clicking on this button will allow you to select an image for your blog’s Twitter page.
  • Twitter title - This text field will allow you to set a title for your blog’s Twitter page.
  • Twitter description - This content box will allow you to enter a description for your blog’s Twitter page.
  • Preview - Under this label, you will be able to review how this will be displayed on search engines (such as Google and Bing) when people search for your blog’s Twitter page.

 

Enter Twitter card metadata

 

If you want to delete the image you inserted because you are not satisfied with how it looks in the preview, please press the garbage can icon, located in the grey background of the “Add Twitter image” area.

 

Delete Twitter image

 

This will once again unveil the “Add Twitter image” button, allowing you to upload a new image!

 

Save Twitter Metadata

 

Finally, when you are happy with the structured data you have set for your site’s Twitter page, all you need to do is press the “Save settings” button, located on the top right corner of the page.

 

Customizing Facebook Card

To customize the structured data of your blog for Facebook, please look under the “Site Meta Settings” section. Underneath, you will find the “Facebook card” row and on the far right side, the “Expand” button.

 

Expand Facebook Card

 

Please press the “Expand” button to reveal the options for setting up your structured data for Facebook. Here is what you are able to alter under the expanded fields:

  • Add Facebook image - Clicking on this button will allow you to select an image for your blog’s Facebook page.
  • Facebook title - This text field will allow you to set a title for your blog’s Facebook page.
  • Facebook description - This content box will allow you to enter a description for your blog’s Facebook page.
  • Preview - Under this label, you will be able to review how this will be displayed on search engines (such as Google and Bing) when people search for your blog’s Facebook page.

 

Enter Facebook Metadata

 

If you want to delete the image you inserted because you are not satisfied with how it looks in the preview, please press the trash can icon located in the grey background of the “Add Facebook image” area.

 

Delete Facebook Card Image

 

This will once again unveil the “Add Facebook image” button, and allow you to upload a new image!

 

Save Facebook Metadata

 

Finally, when you are happy with the structured data you have set for your site’s Facebook page, all you need to do is press the “Save settings” button, located on the top right side of the page.

 

There you have it! The way to set your metadata for your website and your website’s Twitter and Facebook pages. If you had fun reading this tutorial and you would like to learn more about the Ghost publishing platform, you should definitely check the rest of our tutorials on the matter in our Ghost Tutorials section.

 

 

...
Sebahat
Content Marketing Specialist

Sebahat is a young and bright woman who has become an invaluable part of our team. She started as a Customer Care Representative, mastering that role and, along the way, growing into a tech-savvy individual who is well acquainted with every support layer of the company. Driven by her aim to improve our customers’ experience constantly, she is committed to enhancing the extraordinary support we deliver.