andatoshiki/toshiki-home-nuxt3
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-home-nuxt3.git synced 2026-06-06 00:46:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

test(open graph): manually add head tag metadata properties of all open graph data for testing featuared/preview images on social media link preview specifically for blog post internal pages by modifying properties of blog post slugs & add twitter image properties for blog post specifically for slug routes

Browse Source
This commit is contained in:
Anda Toshiki 2024-09-11 22:13:56 +00:00
parent 5732eac358
commit a7f2f1937e
1 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/blog/_slug.vue
View File

@ -69,12 +69,8 @@ export default Vue.extend({
{ {
title, title,
description, description,
image,
keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`, keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`,
url: href, url: href,
'og:image': image,
'og:title': title,
'og:description': description
}, },
[ [
{ {
@ -100,7 +96,31 @@ export default Vue.extend({
{ {
name: 'twitter:data2', name: 'twitter:data2',
content: `${this.getReadingTime} minutes` content: `${this.getReadingTime} minutes`
} },
{
name: 'twitter:image',
content: image
},
// open graph
{
name: 'og:type',
content: 'website'
},
{
hid: 'og:site_name',
name: 'og:site_name',
content: 'toshiki.dev'
},
{
name: 'og:description',
content: description
},
{
name: 'og:image',
content: image
},
] ]
) )
} }