# How to customize a website's social media preview?

**URL:** <https://answers.netlify.com/t/how-to-customize-a-websites-social-media-preview/22927>\
**Category:** Support\
**Tags:** deployment\
**Created:** [September 19, 2020, 11:01pm UTC](https://answers.netlify.com/t/how-to-customize-a-websites-social-media-preview/22927 "2020-09-19T23:01:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ashirwad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/ashirwad/32/16093_2.png) [@Ashirwad](https://answers.netlify.com/u/Ashirwad)\
**Post date:** [September 19, 2020, 11:01pm UTC](https://answers.netlify.com/t/how-to-customize-a-websites-social-media-preview/22927/1 "2020-09-19T23:01:28Z")

</div>

Hello,

I published a website ([Crash Data Visualization Using Leaflet](https://isugg20-crash-viz.netlify.app/#1)) using Netlify and was wondering how I can add an image that will serve as my website’s social media preview when I share it on Facebook, LinkedIn, etc.

Thanks!

---

<div class="post-metadata">

**Author:** ![gregraven](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/gregraven/32/23821_2.png) [@gregraven](https://answers.netlify.com/u/gregraven)\
**Post date:** [September 20, 2020, 3:24am UTC](https://answers.netlify.com/t/how-to-customize-a-websites-social-media-preview/22927/2 "2020-09-20T03:24:23Z")

</div>

@Ashirwad Welcome to the Netlify community.

I think what you want is the Open Graph meta descriptors:

The Open Graph protocol - [https://ogp.me/](https://ogp.me/)

---

<div class="post-metadata">

**Author:** ![Ashirwad](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/ashirwad/32/16093_2.png) [@Ashirwad](https://answers.netlify.com/u/Ashirwad)\
**Post date:** [September 20, 2020, 4:28am UTC](https://answers.netlify.com/t/how-to-customize-a-websites-social-media-preview/22927/3 "2020-09-20T04:28:14Z")

</div>

Hey @gregraven, thanks for your response! I have added the following snippet to my website:

 ![image](https://global.discourse-cdn.com/netlify/original/3X/6/8/68e90b7ff27fd65342967248d192327812672a79.png)

But when I use Facebook’s _Sharing Debugger_ tool and select the option _See exactly what our scraper sees for your URL_, it seems Netlify is not injecting the snippet! Do you know how I can fix this?

---

<div class="post-metadata">

**Author:** ![gregraven](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/gregraven/32/23821_2.png) [@gregraven](https://answers.netlify.com/u/gregraven)\
**Post date:** [September 20, 2020, 1:31pm UTC](https://answers.netlify.com/t/how-to-customize-a-websites-social-media-preview/22927/4 "2020-09-20T13:31:40Z")

</div>

@Ashirwad No, I’ve never seen snippet injection fail. However, you have to re-build your site AFTER defining your snippets. Snippets are not retroactive.

If you care about your Twitter presence, there are separate meta tags to control that, including:

```auto
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@individual">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="https://www.example.com">
<meta name="twitter:title" content="Title">
<meta name="twitter:description" content="Main website">
<meta name="twitter:image" content="/apple-touch-icon.png">

```

If you did rebuild your site after adding the snippet, you might try deleting the snippet and re-adding it, then doing another rebuild.