Gulp plugin for adding social meta tags to your website
This Gulp plugin enables you to add meta tags to your website. Here is a simple example using gulp-seo
:
var gulpSeo = require('gulp-seo');
gulp.task('seo', function() {
return gulp.src('views/index.html')
.pipe(gulpSeo({
list: ['og', 'se', 'schema', 'twitter'],
meta: {
title: 'Title website',
description: 'Description website',
author: 'Maksym Blank',
keywords: ['website', 'with', 'meta', 'tags'],
robots: {
index: false, // true
follow: true // true
},
revisitAfter: '5 month', // 5 month
image: 'http://mywebsite.com/image.jpg',
site_name: 'My Website',
type: 'website',
url: 'http://mywebsite.com/'
}
}))
.pipe(gulp.dest('./views'));
});
<title>Title website</title>
<meta name="description" content="Description website">
<meta name="author" content="Maksym Blank">
<meta name="keywords" content="website', 'with', 'meta', 'tags">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="5 month">
<meta name="image" content="http://mywebsite.com/image.jpg">
<!-- Open Graph Meta tags -->
<meta property="og:title" content="Title website">
<meta property="og:description" content="Description website">
<meta property="og:url" content="http://mywebsite.com/">
<meta property="og:image" content="http://mywebsite.com/image.jpg">
<meta property="og:site_name" content="My Website">
<meta property="og:type" content="website">
<!-- google + Meta tags -->
<meta itemprop="description" content="Description website">
<meta itemprop="image" content="http://mywebsite.com/image.jpg">
<meta itemprop="name" content="Title website">
<!-- Twitter Meta tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Title website">
<meta name="twitter:description" content="Description website">
<meta name="twitter:image" content="http://mywebsite.com/image.jpg">
<meta name="twitter:site" content="http://mywebsite.com/">
opts
(Object
): Options for adding Meta Tags.opts.list
(Array
): List of adding Meta Tags.-
- og : Open Graph Meta Tags
-
- se : Search Engine Meta Tags
-
- schema : Schema Meta Tags
-
- twitter : Twitter Meta Tags
opts.meta
(Object
): All desired Meta Tags
Your website's title.
Type: string
Required: true
Example:
<title>My Website</title>
Your website's description.
Type: string
Required: true
Example:
<meta name="description" content="Description of this personal website..">
If your object is part of a larger web site, the name which should be displayed for the overall site.
Type: string
Required: false
Example:
<meta property="og:site_name" content="Personal website">
Your website's keywords.
Type: string
, array
Required: false
Example:
<meta name="keywods" content="my new website, awesome website">
Your website's author.
Type: string
Required: false
Example:
<meta name="author" content="John Smith">
Type: object
Required: false
Example:
<meta name="robots" content="noindex, follow">
Type: string
Required: false
Example:
<meta name="revisit-after" content="3 month">
Type: string
Required: false
Example:
<meta property="og:image" content="http://mywebsite.com/image.jpg">
Type: string
Required: false
Example:
<meta property="og:url" content="http://mywebsite.com/">
Type: string
Required: false
Example:
<meta property="og:type" content="website">
Type: string
Required: false
Example:
<meta name="contact" content="support@mywebsite.com">
Type: string
Required: false
Example:
<meta name="abstract" content="Small description of my website">
Type: string
Required: false
Example:
<meta name="copyright" content="name of owner">
Valid Values: general | mature | restricted | 14 years | safe for kids
Type: string
Required: false
Example:
<meta name="rating" content="14 years">
Type: string
Required: false
Example:
<meta name="webauthor" content="Maksym Blank">
Type: string
Required: false
Example:
<meta property="og:video" content="http://mywebsite.com/video">
Type: string
Required: false
Example:
<meta property="og:locale" content="en_Us">
Type: string
Required: false
Example:
<meta property="og:audio" content="http://mywebsite.com/audio">
- Open Graph - http://ogp.me
- Search Engine - https://www.metatags.org
- Twitter - https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/markup
- Schema - http://schema.org/