search

vue-a11y / vue-a11y.com

Vue.js community effort to improve web accessibility - Website.
https://vue-a11y.com/
MIT License
62 stars 7 forks source link

Setting: Twitter OGP #36

Closed yamanoku closed 3 years ago

yamanoku commented 3 years ago

I want to create a Twitter card (OGP) because it doesn't show up when I publish on Twitter.

Image from Gyazo

ktquez commented 3 years ago

I did a test on this site https://cards-dev.twitter.com/validator

INFO: Page fetched successfully ✔️ INFO: 26 metatags were found ✔️ INFO: twitter:card = summary_large_image tag found ✔️ ERROR: Possibly invalid value (if specified) (twitter:title) ❌ ERROR: Possibly invalid value (if specified) (og:title) ❌ ERROR: Possibly invalid value (if specified) (twitter:text:title) ❌

I think we need to add the missing meta tags.

ktquez commented 3 years ago

I translated the share image, if you want you can add it to yaml from index /jp

meta:
  - name: 'twitter:image'
    content: '/img/social-share-jp.png'

social-share - jp

yamanoku commented 3 years ago

Use it ? https://github.com/lorisleiva/vuepress-plugin-seo

ktquez commented 3 years ago

@yamanoku https://vuepress.vuejs.org/guide/frontmatter.html#meta