From 2ac6ff3fae78a7857de740a04256025029bcbd8f Mon Sep 17 00:00:00 2001 From: txs Date: Wed, 6 Apr 2022 04:26:19 +0800 Subject: [PATCH] Better SEO for Facebook Open Graph --- blog.config.js | 2 +- components/CommonHead.js | 7 ++++++- pages/article/[slug].js | 1 + 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/blog.config.js b/blog.config.js index aec8fd3c..465f4925 100644 --- a/blog.config.js +++ b/blog.config.js @@ -9,7 +9,7 @@ const BLOG = { process.env.NOTION_PAGE_ID || '02ab3b8678004aa69e9e415905ef32a5', // Important page_id！！！Duplicate Template from https://www.notion.so/tanghh/02ab3b8678004aa69e9e415905ef32a5 NOTION_ACCESS_TOKEN: process.env.NOTION_ACCESS_TOKEN || '', // Useful if you prefer not to make your database public DEBUG: process.env.NEXT_PUBLIC_DEBUG || false, // 是否显示调试按钮 - + FACEBOOK_PAGE: 'https://www.facebook.com/tw.andys.pro', // Facebook Page 的連結 THEME: process.env.NEXT_PUBLIC_THEME || 'next', // 主题， 支持 ['next','hexo',"fukasawa','medium'] THEME_SWITCH: process.env.NEXT_PUBLIC_THEME_SWITCH || false, // 是否显示切换主题按钮 LANG: 'zh-CN', // e.g 'zh-CN','en-US' see /lib/lang.js for more. diff --git a/components/CommonHead.js b/components/CommonHead.js index aad15497..699226f2 100644 --- a/components/CommonHead.js +++ b/components/CommonHead.js @@ -12,6 +12,8 @@ const CommonHead = ({ meta, children }) => { const description = meta?.description || BLOG.DESCRIPTION const type = meta?.type || 'website' const keywords = meta?.tags || BLOG.KEYWORDS + const lang = BLOG.LANG.replace('-', '_') //Facebook OpenGraph 要 zh_CN 這樣的格式才抓得到語言 + const category = meta?.category || BLOG.KEYWORDS || '軟體科技' //section 主要是像是 category 這樣的分類，Facebook 用這個來抓連結的分類 return ( @@ -31,11 +33,12 @@ const CommonHead = ({ meta, children }) => { )} - + + @@ -50,6 +53,8 @@ const CommonHead = ({ meta, children }) => { content={meta.date || meta.createdTime} /> + + )} {children} diff --git a/pages/article/[slug].js b/pages/article/[slug].js index 9abf4b83..aba79897 100644 --- a/pages/article/[slug].js +++ b/pages/article/[slug].js @@ -63,6 +63,7 @@ const Slug = props => { type: 'article', slug: 'article/' + props.post.slug, image: props.post.page_cover, + category: props.post.category?.[0], tags: props.post.tags }