Hello,
I’m trying to change description so for each page it would be different, which is set by meta plugin([https://forum.quasar-framework.org/topic/6265/quasar-seo-tips/3](SEO TIPS)), using the following within App.vue:
import meta from './utils/meta.js'
export default {
name: "App",
data () {
return {
metaTags: {
description: 'My description...',
title: 'Get Started | My-site',
url: 'https://my-wan-ip',
image: 'https://my-wan-ip/image-1.png'
}
}
},
meta //this is the method that the plugin is using
};
index: Setting like in app and calling meta again.
Removed description from index.template.html and title so they won’t appear in header
Can see Description set within HTML:
<meta name="og:url" content="https://mywan-ip" data-qmeta="ogUrl">
<meta name="twitter:url" content="https://mywan-ip" data-qmeta="twitterUrl">
<meta rel="canonical" href="https://mywan-ip" data-qmeta="canonical">
<meta name="og:image" content="https://mywan-ip/image-1.png" data-qmeta="ogImage">
<meta name="twitter:image" content="https://mywan-ip/image-1.png" data-qmeta="twitterImage">
<meta name="og:title" content="Index page | My Site" data-qmeta="ogTitle">
<meta name="twitter:title" content="Index page | My Site" data-qmeta="twitterTitle">
<meta name="description" content="description..." data-qmeta="description">
<meta name="og:description" content="description..." data-qmeta="ogDescription">
<meta name="twitter:description" content="description..." data-qmeta="twitterDescription">
When trying the url at metatags.io the description, title appear empty nor thumbnail is seen.
Edit: I’m using pwa and tried using meta plugin tags as well, same result, I can see the pages title change but metatags.io don’t preview it
Any ideas what am i Doing wrong ?