Forum Discussion

JimOwen-f418d1f's avatar
JimOwen-f418d1f
Community Member
5 months ago

Adding Open Graph meta tags to story.html

I am trying to add Open Graph meta tags to my story.html file, but things are not working as hoped. I'm wondering if anyone has experienced this problem.

For those who don't know, Open Graph is a set of meta tags one can add to an html file so that when the URL is shared, you get a nice image and description and title instead of just the ugly raw URL.

I'm trying to add these to a story.html file, but it's not working, and I have checked to make sure everything is as i'm told it should be, and looked at multiple sources. Anyone?

Here are the tags:

 <!-- Open Graph metadata -->
<meta property="og:title" content="Test Course">
<meta property="og:description" content="This is my test course, which will teach you everything you need to know about stuff.">
<meta property="og:image" content="https://jimofseattle-postcards.s3.amazonaws.com/Gray/ogimage.jpg">
<meta property="og:url" content="https://jimofseattle-postcards.s3.amazonaws.com/Gray/storyog.html">
<meta property="og:type" content="website">
<!-- End of Open Graph metadata -->
General E-Learning
  • MathNotermans-9's avatar
    MathNotermans-9
    Community Member
    5 months ago

    As the html storyline publishes isnot pure HTML but more or less Articulate's own interpretation of it, with a lot of confuscated code, its hard to simply add something like this. Better chance is when you add it inline in a WebObject in Storyline and publish it together with Storyline. Not guaranteed it will work though.

  • jamesjack-9a984's avatar
    jamesjack-9a984
    Community Member
    5 months ago

    It sounds like you're experiencing issues with adding Open Graph meta tags to your story.html file and are seeking assistance. Open Graph meta tags are indeed essential for improving the appearance of shared URLs on social media platforms. It's possible that there might be errors in the implementation of the meta tags or compatibility issues with the platform you're sharing the URL on. You might consider double-checking the syntax and placement of the meta tags in your HTML file and testing them on different platforms to troubleshoot the problem. Additionally, reaching out to online communities or forums dedicated to web development could provide valuable insights from others who may have encountered similar issues. For more information about sassa srd status check click on this link. https://sassasrdstatuscheck.net/

Related Content