Set featured image?

[Heroic_Nonsense (Erwin Leerentveld)]

Hi @jbob,

You can do this using structured data or meta tags (or even better: both).

Say that your website is example.com, and the image you’d like to select is example.com/my-image.jpg, this is how you do it:

Using structured data:

1. Open your project in RapidWeaver, and navigate to this section:
   

   

2. Copy the code below:

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "url": "http://example.com/",
    "image": "http://example.com/my-image.jpg"
    }
}
</script>

3. Paste that code in the spot that you navigated to in step 1:
   
   

Don’t forget to alter the URL and the URL to your image to your own, and not my example.

4. Re-publish your project.

Note: there’s a way to give each page within your project a different image. Just repeat the process above, but instead of pasting it in the spot from step 4, you instead paste it in each page’s own HEAD section. you can find this here:

Using meta tags:

1. Open your project in RapidWeaver, and navigate to this section:
   

   

2. Copy the code below:

<meta property="og:image" content=“http://example.com/my-image.jpg"> 
<meta property="og:description" content=“Description of what’s in your image goes here"> 
<meta property="og:url" content="http://www.example.com">
<meta property="og:title" content=“You’re site’s title goes here"> 

3. Paste that code in the spot that you navigated to in step 1:
   
   

Don’t forget to alter the URL and the URL to your image to your own, and not my example.

4. Re-publish your project.

Note: there’s a way to give each page within your project a different image. Just repeat the process above, but instead of pasting it in the spot from step 4, you instead paste it in each page’s own HEAD section. You can find this here:

Cheers,
Erwin