Update architecture and open-graph

1 files changed, 6 insertions, 2 deletions

diff --git a/index.html b/index.html
index 9dea84d..34ddfc9 100644
--- a/index.html
+++ b/index.html
@@ -14,17 +14,21 @@
 
         <!-- metatags for sharing -->
         <meta property="og:title" content="raylib"/>
+        <meta property="og:image:type" content="image/png">
+        <meta property="og:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming." />
         <meta property="og:image" content="https://www.raylib.com/common/img/raylib_logo_card.png"/>
         <meta property="og:url" content="https://www.raylib.com" />
         <meta property="og:site_name" content="raylib"/>
         <meta property="og:description" content="raylib is a simple and easy-to-use library to enjoy videogames programming."/>
 
-        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:site" content="@raysan5" />
         <meta name="twitter:title" content="raylib" />
         <meta name="twitter:description" content="raylib is a simple and easy-to-use library to enjoy videogames programming." />
         <meta name="twitter:image" content="https://www.raylib.com/common/img/raylib_logo_card.png" />
+        <meta name="twitter:image:alt" content="raylib,a simple and easy-to-use library to enjoy videogames programming.">
         <meta name="twitter:url" content="https://www.raylib.com" />
+        
         <link rel="stylesheet" href="common/main.css">
         <link rel="shortcut icon" href="favicon.ico" />
     </head>
@@ -234,7 +238,7 @@
                 <h2 id="architecture"><a class="anchor-link" href="#architecture"></a>raylib architecture</h2>
                 <br>
                 <p>raylib is a highly modular library. Everything is contained within a small number of well defined, specific and self-contained modules, named accordingly to its primary functionality. Note that some of those modules can be used in <strong>standalone mode</strong>, independently of raylib library.</p>
-                <a class="architecture-image-container" href="images/raylib_architecture_v4.5.png" target="_blank"><img src="images/raylib_architecture_v4.5.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
+                <a class="architecture-image-container" href="images/raylib_architecture_v5.0.png" target="_blank"><img src="images/raylib_architecture_v5.0.png" title="raylib architecture" alt="raylib architecture" width="800" /></a>
                 <br>
             </div>