Untitled

<!DOCTYPE html>
<head>
    <title>Test1</title>
    <meta property="og:url"                content="1.html" />
    <meta property="og:type"               content="article" />
    <meta property="og:title"              content="Title2" />
    <meta property="og:description"        content="How much does culture influence creative thinking?" />
    <meta property="og:image"              content="http://mydomain/og.jpg" />
    <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
    <script>
            $(document).attr("title", "Test");
            $('meta[property="og:title"]').attr("content", "Title3");
            $('meta[property="og:url"]').attr("content", "2.html");
    </script>
</head>
<body>
    Hello World
</body>
</html>