Enhance module exploration with meta tags and improved layout for better SEO

Author: DerGoogler

json/remotes.json

@@ -1,3 +1,14 @@
 [
-    "https://gr.dergoogler.com/gmr"
+  "https://gr.dergoogler.com/gmr",
+  "https://magisk-modules-alt-repo.github.io/json-v2",
+  "https://apt.izzysoft.de/magisk",
+  "https://rikj000.github.io/Magisk-Modules-Rikj000-Repo",
+  "https://natsumerinchan.github.io/celica-magisk-modules-repo",
+  "https://codeberg.org/fruitsnack/magisk-font-repo/raw/branch/main",
+  "https://leloubil.github.io/magisk-repo",
+  "https://misak10.github.io/mmrl-repo",
+  "https://zguation-projects.github.io/ZG-R",
+  "https://mrepo.rem01gaming.dev",
+  "https://ssmg4.github.io/SSR",
+  "https://juliazero.github.io/mrbj"
 ]

scripts/build-static.js

@@ -183,6 +183,8 @@ async function build() {
 
   const indexHtml = layoutTemplate({
     title: "MMRL",
+    description: "Explore MMRL modules - A comprehensive module explorer for Magisk, KernelSU and APatch",
+    ogType: "website",
     content: indexContent,
     showSearch: true,
     basePath: "./",
@@ -251,8 +253,19 @@ async function build() {
         basePath: "../../",
       });
 
+      // Prepare meta tags for module page
+      const moduleDescription = module.description || `Explore ${module.name} module for MMRL`;
+      const moduleImage = module.cover || module.icon || '';
+      const moduleAuthor = module.author || '';
+      
       const moduleHtml = layoutTemplate({
         title: `${module.name} - MMRL`,
+        description: moduleDescription,
+        author: moduleAuthor,
+        ogType: 'article',
+        ogImage: moduleImage,
+        ogUrl: '', // Can be set if you have a base URL in config
+        twitterCard: moduleImage ? 'summary_large_image' : 'summary',
         content: moduleContent,
         showSearch: false,
         basePath: "../../",
@@ -314,6 +327,10 @@ async function build() {
 
       const releasesHtml = layoutTemplate({
         title: `${module.name} Releases - MMRL`,
+        description: `View all releases and changelogs for ${module.name}`,
+        author: module.author || '',
+        ogType: 'article',
+        ogImage: module.cover || module.icon || '',
         content: releasesContent,
         showSearch: false,
         basePath: "../../../",

templates/layout.hbs

@@ -4,6 +4,39 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{title}}</title>
+    
+    <!-- Meta Tags -->
+    {{#if description}}
+    <meta name="description" content="{{description}}">
+    {{/if}}
+    {{#if author}}
+    <meta name="author" content="{{author}}">
+    {{/if}}
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="{{#if ogType}}{{ogType}}{{else}}website{{/if}}">
+    <meta property="og:title" content="{{title}}">
+    {{#if description}}
+    <meta property="og:description" content="{{description}}">
+    {{/if}}
+    {{#if ogImage}}
+    <meta property="og:image" content="{{ogImage}}">
+    {{/if}}
+    {{#if ogUrl}}
+    <meta property="og:url" content="{{ogUrl}}">
+    {{/if}}
+    <meta property="og:site_name" content="MMRL">
+    
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="{{#if twitterCard}}{{twitterCard}}{{else}}summary_large_image{{/if}}">
+    <meta name="twitter:title" content="{{title}}">
+    {{#if description}}
+    <meta name="twitter:description" content="{{description}}">
+    {{/if}}
+    {{#if ogImage}}
+    <meta name="twitter:image" content="{{ogImage}}">
+    {{/if}}
+    
     <link rel="stylesheet" href="{{basePath}}assets/github-style.css">
     <link rel="stylesheet" href="{{basePath}}assets/highlight.css">
 </head>