I’ve created and published a test vault, and I’m trying to figure out how to set-up my properties to display each page’s cover image when sharing the page link on social media.
However, I’ve run into 3 questions when editing my properties, which I will reference in the attached screenshot and URL below.
(1) When I created my properties immediately underneath my tags, why did a 2nd set of properties appear immediately below ~ and is there a way to eliminate this redundancy?
(2) When I added an alias in the 2nd set of properties, why was this property not duplicated in the first set of properties?
(3) What I do I need to change in my property settings to get the image on THIS PAGE to display as a cover image when sharing the link to this page socially?
The second set of properties is Obsidian’s native properties list. You appear to be using a plugin that generates the top tags and properties list, and for some reason Obsidian doesn’t like how the plugin implements it, so it duplicates your properties in a proper, vanilla Obsidian way.
Without knowing the specific plugin you are using, the only thing I can recommend is going to Settings → Editor → Properties in document and setting it to Hidden. This will hide the second list, but could also affect your first one. If you try it and both sets get disabled, we can help you create a CSS snippet to exclusively target the bottom list, it’s just more work.
The answer to your second question is the same — you are using a plugin for your first set of properties, so it must be an issue or intended behavior within the plugin. If you are keen on using it, I would recommend you only add properties to the top list, not the second one.
@niaru ~ Thank you for your prompt and helpful feedback.
The plugin to which you are referring was Make.md, which I installed so I could reorder the folders and files in my desktop app to match my Publish display. Turning it off did, as you suggested, delete the duplicate list of properties, so thanks for that. I can certainly manage without the plugin.
However, deactivating the plugin did not solve my 3rd question about the display of my cover image when sharing on social media. FWIW, I have tried using both versions of my imgur link, and neither displays the photo as a proper cover image when I try to share THIS PAGE on Facebook:
(FYI, I had hoped to use the imgur image hosting service, instead of my Obsidian image folder, to save space on my Publish account since I plan to use a lot of images in my published vault.)
Do you (or does anyone else) have any idea:
which image link I should be using and
what I should change or do differently in terms of the properties on this page to get the image to display as the cover on social media?
Thank you very much, @dawni, for taking time to follow-up. I genuinely appreciate your offer to help out.
FWIW, I duplicated your recommended properties set-up, and deleted the colons, but I still didn’t get the desired image display. See attached screenshot.
Do you (or does anyone else) have any idea what might be causing this display issue?
Hmm, I can see on your website that the cover still isn’t set. Not sure how useful these ideas will be, but since you’re still looking, here’s some stuff I would check:
Might sound silly, but are you sure you published the changes? Maybe edit something else on the page you’re testing to confirm to yourself that it’s updating.
It looks like you’re still using something to display note properties on the site—maybe a plugin or script. Consider temporarily disabling all plugins to check whether any are interfering with the Publish properties in your notes. (You can quickly turn them all off by turning on Settings > Community plugins > Restricted mode. Then make a change to the note and update it on Publish.)
Since you had been entering properties in a manner that’s designed for a plugin, make sure you’re now doing it in the manner required by Publish, at the top of the note, fenced by ---.
Many thanks, again, @dawni, for your ongoing help and feedback. Much appreciated!
Changes were definitely published, but I’ll go ahead now, and test the plugins you recommended. I’m hoping this may resolve the mystery one way or another.
Will definitely let you know how this goes.
In the meantime, thanks for the helpful tip about restricted mode!.
Disabling all the plugins (initially) did the trick!
Afterward, I deleted all the plugins I was not actively using, and after reactivating the remaining 3 plugins, one at a time, the social link sharing still seemed to work on the initial page in question.
However, after updating the properties for another page in vault to set the cover image, the social share did NOT work on this new page, even after turning OFF all the plugins again!
Good news! Looks like the display issue was simply a transitory delay, and now the social sharing does seem to be working again on all the pages where I’ve designated cover images in the page properties.
Thank you again, @dawni, for your invaluable help with resolving this display issue! Much appreciated.
