Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/deveodk/vue-seo
Easy way to add seo to any vue based page, works without use of jquery. Based on the original idea by GuillaumeLeclerc/vue-seo
https://github.com/deveodk/vue-seo
npm seo vue2 vuejs webpack
Last synced: 2 months ago
JSON representation
Easy way to add seo to any vue based page, works without use of jquery. Based on the original idea by GuillaumeLeclerc/vue-seo
- Host: GitHub
- URL: https://github.com/deveodk/vue-seo
- Owner: Deveodk
- License: mit
- Created: 2017-05-31T21:22:24.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-06-05T20:42:30.000Z (over 7 years ago)
- Last Synced: 2024-10-13T02:41:10.734Z (2 months ago)
- Topics: npm, seo, vue2, vuejs, webpack
- Language: JavaScript
- Homepage: https://packages.deveo.io/packages/vue/vue-seo
- Size: 348 KB
- Stars: 7
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# @Deveodk/vue-toastr
[](https://www.npmjs.com/package/@deveodk/vue-seo) [](https://vuejs.org/)
> Easy way to add seo to any vue based page, works without use of jquery. Based on the original idea by GuillaumeLeclerc/vue-seo
# Demo
See a functioning demo
deveo demo site
## Installation
```bash
npm install --save @deveodk/vue-seo
```
## Usage
### Bundler (Webpack, Rollup)
```js
import Vue from 'vue'
import vueSeo from '@deveodk/vue-seo'
Vue.use(vueSeo)
```
### Browser
```html
```
## Important disclaimer
> Due to the fact that facebook and twitter wont execute javascript when crawling.
The plugin will not work unless you use some sort of server side rendering.
Google however defaults to some of facebooks open graph tags.
## Usage
The api is very similar to the original vue-seo. Every content property is reactive
### Basic
```html
# Set the title
```
```html
# Set the description
```
```html
# Set the author
```
```html
# Set the keywords
```
```html
# set the canoncial link
```
### Open Graph (facebook)
```html
# Set the title
```
```html
# Set the description
```
```html
# Set the site name
```
```html
# Set the image
```
```html
# set the see also
```
```html
# set the url
```
### Google+
```html
# Set the name
```
```html
# Set the description
```
```html
# Set the image
```
### Twitter
```html
# Set the title
```
```html
# Set the description
```
```html
# Set the image
```
```html
# Set the card
```
```html
# Set the url
```
```html
# Set the image
```
### Custom properties
This provides an easy way to set html tags, there is not included in the standard package
```html
# Set a custom propery
```
## License
[MIT](http://opensource.org/licenses/MIT)
