test some meta tags

telosnetwork · Aug 8, 2023 · f712371 · f712371
1 parent bd1bd49
commit f712371
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "telos-template",
+  "name": "teloscan",
   "version": "1.4.4",
-  "description": "Teloscan block explorer",
+  "description": "Telos EVM block explorer",
   "productName": "Teloscan",
   "author": "Jesse Schulman <[email protected]>",
   "private": true,

diff --git a/src/index.template.html b/src/index.template.html
@@ -1,10 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title><%= productName %></title>
-
     <meta charset="utf-8">
-    <meta name="description" content="<%= productDescription %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -10,15 +10,22 @@ export default {
     },
     setup() {
         const title = 'Teloscan';
-        const description = `TelosEVM ${process.env.NETWORK} explorer ${Date.now()}`;
+        const description = `TelosEVM ${process.env.NETWORK} block explorer`;
+        const viewport = 'width=device-width, initial-scale=1.0';
+        /* eslint-disable-next-line max-len*/
+        const image = 'https://assets-global.website-files.com/60abb689ce5c94972a5f808a/649971b39fc28e4d6d988c84_Telos_Max%20tps_7b-p-800.jpg';
         useMeta(() => ({
             title,
             meta: {
                 description: { name: 'description', content: description },
                 keywords: { name: 'keywords', content: description },
+                viewport: { name: 'viewport', content: viewport },
+                ogSiteName: { name: 'og:site_name', content: title },
+                ogDescription: { name: 'og:description', content: description },
                 ogTitle: { name: 'og:title', content: title },
-                // eslint-disable-next-line max-len
-                ogImage: { name: 'og:image', content: 'https://assets-global.website-files.com/60abb689ce5c94972a5f808a/649971b39fc28e4d6d988c84_Telos_Max%20tps_7b-p-800.jpg' },
+                ogType: { name: 'og:type', content: 'website' },
+                ogImage: { name: 'og:image', content: image },
+                ogUrl: { name: 'og:url', content: 'https://teloscan.io' },
             },
         }));
     },