From 0a39df1fba9a83d52cb2e469c2b15eda1c0be2d2 Mon Sep 17 00:00:00 2001 From: peter_rabbit <pierrejarriges@gmail.com> Date: Tue, 2 Feb 2021 15:54:27 +0100 Subject: [PATCH] try fix og:image --- build.js | 12 ++++-------- config.js | 2 +- public/education/education.js | 2 +- public/education/index.html | 15 ++++++++------- public/games/games.js | 2 +- public/games/index.html | 15 ++++++++------- public/index.html | 14 +++++++------- public/main.js | 2 +- public/software-development/index.html | 15 ++++++++------- .../software-development/software-development.js | 2 +- src/pages/education/meta.json | 4 ++-- src/pages/games/meta.json | 4 ++-- src/pages/software-development/meta.json | 4 ++-- 13 files changed, 46 insertions(+), 47 deletions(-) diff --git a/build.js b/build.js index a675f9f..6f230d7 100644 --- a/build.js +++ b/build.js @@ -76,7 +76,7 @@ function getPageHtml(pageName, pageMeta) { { key: "description", defaultValue: pageMeta.description }, { key: "image", - defaultValue: getDefaultOgMetaContent("image"), + defaultValue: pageMeta.image || getDefaultOgMetaContent("image"), }, { key: "url", @@ -99,9 +99,7 @@ function getPageHtml(pageName, pageMeta) { const { key, defaultValue } = entry; html = html.replace( html.match(getOgMetaSearchRegex(key)), - `<meta property="og:${key}" content="${ - pageOgMeta[key] || defaultValue - }" name="${key}"/>` + `<meta property="og:${key}" content="${pageOgMeta[key] || defaultValue}"/>` ); }); @@ -113,15 +111,13 @@ function getPageHtml(pageName, pageMeta) { html = html.replace( "</head>", `${additionalOgMeta - .map( - k => - `<meta property="og:${k}" content="${pageMeta.open_graph[k]}" name="${k}"/>` - ) + .map(k => `<meta property="og:${k}" content="${pageMeta.open_graph[k]}"/>`) .join("\n")}</head>` ); } }; setMeta("description", pageMeta.description); + pageMeta.image && setMeta("image", pageMeta.image); setTitle(); setStyleSheet(); setJs(); diff --git a/config.js b/config.js index 30b3683..763d9d7 100644 --- a/config.js +++ b/config.js @@ -9,6 +9,6 @@ module.exports = { website_title: "Kuadrado website template", build: { protected_dirs: ["assets", "style", "articles"], - default_meta_keys: ["title", "description", "open_graph"], + default_meta_keys: ["title", "description", "image", "open_graph"], }, }; diff --git a/public/education/education.js b/public/education/education.js index 49c9160..96d9723 100644 --- a/public/education/education.js +++ b/public/education/education.js @@ -10,7 +10,7 @@ module.exports = { website_title: "Kuadrado website template", build: { protected_dirs: ["assets", "style", "articles"], - default_meta_keys: ["title", "description", "open_graph"], + default_meta_keys: ["title", "description", "image", "open_graph"], }, }; diff --git a/public/education/index.html b/public/education/index.html index f90ca61..9683037 100644 --- a/public/education/index.html +++ b/public/education/index.html @@ -4,15 +4,16 @@ <meta charset="utf-8" /> <title>Kuadrado Software | Pédagogie</title> <meta name="description" content="Animations autour de la création de jeux vidéos, vulgarisation numérique. Découvrez nos initiatives pédagogiques."/> - <meta name="author" content="Kuadrado Software"> + <meta name="author" content="Kuadrado Software" /> + <meta name="image" content="https://kuadrado-software.fr/assets/images/brain.svg"/> <!-- Open Graph Protocol meta data --> - <meta property="og:title" content="Kuadrado Software | Pédagogie" name="title"/> - <meta property="og:description" content="Animations autour de la création de jeux vidéos, vulgarisation numérique. Découvrez nos initiatives pédagogiques." name="description"/> - <meta property="og:type" content="website" name="type"/> - <meta property="og:url" content="https://kuadrado-software.fr name=url/education" name="url"/> - <meta property="og:image" content="https://kuadrado-software.fr/assets/images/brain.svg" name="image"/> - <meta property="og:locale" content="fr_FR name=locale" name="locale"/> + <meta property="og:title" content="Kuadrado Software | Pédagogie"/> + <meta property="og:description" content="Animations autour de la création de jeux vidéos, vulgarisation numérique. Découvrez nos initiatives pédagogiques."/> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://kuadrado-software.fr/education"/> + <meta property="og:image" content="https://kuadrado-software.fr/assets/images/brain.svg"/> + <meta property="og:locale" content="fr_FR"/> <!-- English translation not ready yet --> <!-- <meta property="og:locale:alternate" content="en_GB" /> --> diff --git a/public/games/games.js b/public/games/games.js index e516a66..04696c3 100644 --- a/public/games/games.js +++ b/public/games/games.js @@ -10,7 +10,7 @@ module.exports = { website_title: "Kuadrado website template", build: { protected_dirs: ["assets", "style", "articles"], - default_meta_keys: ["title", "description", "open_graph"], + default_meta_keys: ["title", "description", "image", "open_graph"], }, }; diff --git a/public/games/index.html b/public/games/index.html index fa540ca..f31754e 100644 --- a/public/games/index.html +++ b/public/games/index.html @@ -4,15 +4,16 @@ <meta charset="utf-8" /> <title>Kuadrado Software | Jeux</title> <meta name="description" content="Création de jeux vidéos indépendants. Jeux web, PC et projets en cours de développement"/> - <meta name="author" content="Kuadrado Software"> + <meta name="author" content="Kuadrado Software" /> + <meta name="image" content="https://kuadrado-software.fr/assets/images/game_controller.svg"/> <!-- Open Graph Protocol meta data --> - <meta property="og:title" content="Kuadrado Software | Jeux" name="title"/> - <meta property="og:description" content="Création de jeux vidéos indépendants. Jeux web, PC et projets en cours de développement" name="description"/> - <meta property="og:type" content="website" name="type"/> - <meta property="og:url" content="https://kuadrado-software.fr name=url/games" name="url"/> - <meta property="og:image" content="https://kuadrado-software.fr/assets/images/game_controller.svg" name="image"/> - <meta property="og:locale" content="fr_FR name=locale" name="locale"/> + <meta property="og:title" content="Kuadrado Software | Jeux"/> + <meta property="og:description" content="Création de jeux vidéos indépendants. Jeux web, PC et projets en cours de développement"/> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://kuadrado-software.fr/games"/> + <meta property="og:image" content="https://kuadrado-software.fr/assets/images/game_controller.svg"/> + <meta property="og:locale" content="fr_FR"/> <!-- English translation not ready yet --> <!-- <meta property="og:locale:alternate" content="en_GB" /> --> diff --git a/public/index.html b/public/index.html index 601323f..539cb3c 100644 --- a/public/index.html +++ b/public/index.html @@ -7,23 +7,23 @@ name="description" content="Créations numériques, jeux vidéos, web, software et pédagogie. Made in Ardèche, Vernoux en Vivarais." /> - <meta name="author" content="Kuadrado Software"> + <meta name="author" content="Kuadrado Software" /> + <meta name="image" content="https://kuadrado-software.fr/assets/images/logo_kuadrado.svg"/> <!-- Open Graph Protocol meta data --> - <meta property="og:title" content="Kuadrado Software" name="title"/> + <meta property="og:title" content="Kuadrado Software" /> <meta property="og:description" content="Créations numériques, jeu vidéo, web, software et pédagogie. Made in Ardèche, Vernoux en Vivarais." - name="description" /> - <meta property="og:type" content="website" name="type"/> - <meta property="og:url" content="https://kuadrado-software.fr" name="url"/> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://kuadrado-software.fr" /> <meta property="og:image" content="https://kuadrado-software.fr/assets/images/logo_kuadrado.svg" - name="image" /> - <meta property="og:locale" content="fr_FR" name="locale"/> + <meta property="og:locale" content="fr_FR" /> + <meta property="og:site_name" content="Kuadrado Software"/> <!-- English translation not ready yet --> <!-- <meta property="og:locale:alternate" content="en_GB" /> --> diff --git a/public/main.js b/public/main.js index 4438268..b9f7aa1 100644 --- a/public/main.js +++ b/public/main.js @@ -10,7 +10,7 @@ module.exports = { website_title: "Kuadrado website template", build: { protected_dirs: ["assets", "style", "articles"], - default_meta_keys: ["title", "description", "open_graph"], + default_meta_keys: ["title", "description", "image", "open_graph"], }, }; diff --git a/public/software-development/index.html b/public/software-development/index.html index d9b2a6b..26bea0e 100644 --- a/public/software-development/index.html +++ b/public/software-development/index.html @@ -4,15 +4,16 @@ <meta charset="utf-8" /> <title>Kuadrado Software | Software</title> <meta name="description" content="Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail."/> - <meta name="author" content="Kuadrado Software"> + <meta name="author" content="Kuadrado Software" /> + <meta name="image" content="https://kuadrado-software.fr/assets/images/meca_proc.svg"/> <!-- Open Graph Protocol meta data --> - <meta property="og:title" content="Kuadrado Software | Software" name="title"/> - <meta property="og:description" content="Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail." name="description"/> - <meta property="og:type" content="website" name="type"/> - <meta property="og:url" content="https://kuadrado-software.fr name=url/software-development" name="url"/> - <meta property="og:image" content="https://kuadrado-software.fr/assets/images/meca_proc.svg" name="image"/> - <meta property="og:locale" content="fr_FR name=locale" name="locale"/> + <meta property="og:title" content="Kuadrado Software | Software"/> + <meta property="og:description" content="Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail."/> + <meta property="og:type" content="website" /> + <meta property="og:url" content="https://kuadrado-software.fr/software-development"/> + <meta property="og:image" content="https://kuadrado-software.fr/assets/images/meca_proc.svg"/> + <meta property="og:locale" content="fr_FR"/> <!-- English translation not ready yet --> <!-- <meta property="og:locale:alternate" content="en_GB" /> --> diff --git a/public/software-development/software-development.js b/public/software-development/software-development.js index 3e2d647..d6dbbd5 100644 --- a/public/software-development/software-development.js +++ b/public/software-development/software-development.js @@ -10,7 +10,7 @@ module.exports = { website_title: "Kuadrado website template", build: { protected_dirs: ["assets", "style", "articles"], - default_meta_keys: ["title", "description", "open_graph"], + default_meta_keys: ["title", "description", "image", "open_graph"], }, }; diff --git a/src/pages/education/meta.json b/src/pages/education/meta.json index 3e1fe1f..40f2d53 100644 --- a/src/pages/education/meta.json +++ b/src/pages/education/meta.json @@ -1,9 +1,9 @@ { "title": "Kuadrado Software | Pédagogie", "description": "Animations autour de la création de jeux vidéos, vulgarisation numérique. Découvrez nos initiatives pédagogiques.", + "image": "https://kuadrado-software.fr/assets/images/brain.svg", "open_graph": { "title": "Kuadrado Software | Pédagogie", - "description": "Animations autour de la création de jeux vidéos, vulgarisation numérique. Découvrez nos initiatives pédagogiques.", - "image": "https://kuadrado-software.fr/assets/images/brain.svg" + "description": "Animations autour de la création de jeux vidéos, vulgarisation numérique. Découvrez nos initiatives pédagogiques." } } diff --git a/src/pages/games/meta.json b/src/pages/games/meta.json index 5651a6f..af8da3c 100644 --- a/src/pages/games/meta.json +++ b/src/pages/games/meta.json @@ -1,9 +1,9 @@ { "title": "Kuadrado Software | Jeux", "description": "Création de jeux vidéos indépendants. Jeux web, PC et projets en cours de développement", + "image": "https://kuadrado-software.fr/assets/images/game_controller.svg", "open_graph": { "title": "Kuadrado Software | Jeux", - "description": "Création de jeux vidéos indépendants. Jeux web, PC et projets en cours de développement", - "image": "https://kuadrado-software.fr/assets/images/game_controller.svg" + "description": "Création de jeux vidéos indépendants. Jeux web, PC et projets en cours de développement" } } diff --git a/src/pages/software-development/meta.json b/src/pages/software-development/meta.json index 12ff687..356be30 100644 --- a/src/pages/software-development/meta.json +++ b/src/pages/software-development/meta.json @@ -1,9 +1,9 @@ { "title": "Kuadrado Software | Software", "description": "Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail.", + "image": "https://kuadrado-software.fr/assets/images/meca_proc.svg", "open_graph": { "title": "Kuadrado Software | Software", - "description": "Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail.", - "image": "https://kuadrado-software.fr/assets/images/meca_proc.svg" + "description": "Développement web, moteur de jeux, outillage logiciel, retrouvez nos projets en détail." } } -- GitLab