image preview does not show when sharing the post on socials

[danish-mehmood]

i have two questions

• what is the correct way of showing images in a post , featured images and other images added to the blog post ? like where should the images be put in folder structure and then what url should be used to add them in the post ?
• second , i have created a blog post with featured image , it shows in the blog post but it does not show when i share the post on socials , the image preview does not show
• following is my frontmatter

---

title: "Philosophy of Software Design Golang Part One"
subtitle: "subtitle"
date: 2024-09-20T20:04:02+05:00
lastmod: 2024-09-20T20:04:02+05:00
draft: false
author: "danish mehmood"
authorLink: ""
description: "this is the description"
license: ""
images: ["images/posts/software-design-philosophy/software-design.png"]

tags: ["software design"]
categories: ["software design"]

featuredImage: "images/posts/software-design-philosophy/software-design.png"
featuredImagePreview: "images/posts/software-design-philosophy/software-design.png"

hiddenFromHomePage: false
hiddenFromSearch: false
twemoji: false
lightgallery: true
ruby: true
fraction: true
fontawesome: true
linkToMarkdown: true
rssFullText: false

toc:
enable: true
auto: true
code:
copy: true
maxShownLines: 50
math:
enable: false

...

mapbox:

...

share:
enable: true

...

comment:
enable: true

...

library:
css:
# someCSS = "some.css"
# located in "assets/"
# Or
# someCSS = "https://cdn.example.com/some.css"
js:
# someJS = "some.js"
# located in "assets/"
# Or
# someJS = "https://cdn.example.com/some.js"
seo:
images: ["images/posts/software-design-philosophy/software-design.png"]

...

---