I am building a pet adoption web site.
Selection page: lists the pets to be adopted, visitor clicks one of them, I get the 'id' of the selected pet and open Item Page
Item page: I have a dataset connected to pets data collecion, I filter the dataset with the id I captured in the selection page then I show all information regarding the selected pet e.g. pet name, age, gender, image etc. There is a dummy image in this screen it is connected to pic stored in the data collection. This means all information including the image dynamically populated from database.
When my visitors want to share this page (for example on Facebook) I want Facebook to take the image and pet name which is brought from the database. However it always shows the the static dummy image. I know, 'og' meta tag can't be changed but I have to find a way to do what I want.
I will fully appreciate if somebody can help me on this.