Skip to content

Commit

Permalink
Merge pull request #12 from thiamsantos/node
Browse files Browse the repository at this point in the history
Criar cli
  • Loading branch information
gustavoquinalha authored Aug 30, 2017
2 parents a447440 + 86ff218 commit 00cda08
Show file tree
Hide file tree
Showing 3 changed files with 287 additions and 79 deletions.
204 changes: 126 additions & 78 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,104 @@
# Seotopper
Gerador de SEO mais TOP do momento, com meta tags do facebook, twitter, google+ entre outras. [Confira](http://quinalha.me/seotopper/)

# Novidade
JSON-LD - structured data markup Google Search
[![Travis](https://img.shields.io/travis/gustavoquinalha/seotopper.svg)](https://travis-ci.org/gustavoquinalha/seotopper)
[![npm (scoped)](https://img.shields.io/npm/v/seotopper.svg)](https://www.npmjs.com/package/seotopper)
[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/sindresorhus/xo)

> Build the SEO of your site in seconds.
Get visible on the internet in seconds and share your pages in a more beautiful way with complete a SEO generator, it supports all meta-tags and [JSON-LD](http://json-ld.org/).

*This README is also available in [Portuguese (Português)](README.pt.md).*

## Table of Contents
- [Install](#install)
- [Usage](#usage)
- [Supported Tags](#supported-tags)
- [API](#api)
- [Contribute](#contribute)
- [License](#license)

## Install

This project uses [node](http://nodejs.org) and [npm](https://npmjs.com). Go check them out if you don't have them locally installed.

```sh
$ npm install --save seotopper

# To use the CLI is recommended to install it globally
$ npm install -g seotopper
```

## Usage

```js
const seo = seotopper({
title: 'Title of my page',
description: 'Description of my page',
author: 'Me',
base: 'https://your-url.com.br',
canonical: 'https://your-url.com.br',
sitemap: 'https://your-url.com.br/sitemap.xml',
robots: 'index, follow',
themeColor: '#f00',
image: 'https://your-url.com.br/images/intro.jpg',
facebook: true,
facebookType: 'website',
facebookSiteName: 'Example',
facebookLocale: 'en',
facebookId: '5349',
facebookAdmins: '123456789',
twitter: true,
twitterCard: 'summary'
})
// <title>Title of my page</title>
// <meta name="description" content="Description of your page"/>
// <meta name="author" content="Me"/>
// <link rel="base" href="https://your-url.com.br"
// <link rel="canonical" href="https://your-url.com.br"/>
// <meta rel="sitemap" type="application/xml" content="https://your-url.com.br/sitemap.xml"/>
// <meta name="robots" content="index, follow"/>
// <meta name="googlebot" content="index, follow"/>
// <meta name="theme-color" content="#f00"/>
// <meta name="msapplication-navbutton-color" content="#f00"/>
// <meta name="apple-mobile-web-app-status-bar-style" content="#f00"/>
// <!-- Schema.org markup for Google+ -->
// <meta itemprop="name" content="Title of my page"/>
// <meta itemprop="description" content="Description of your page"/>
// <meta itemprop="image" content="https://your-url.com.br/images/intro.jpg"/>
// <!-- markup for facebook -->
// <meta property="og:type" content="website"/>
// <meta property="og:title" content="Title of my page"/>
// <meta property="og:url" content="https://your-url.com.br"/>
// <meta property="og:site_name" content="Exemplo"/>
// <meta property="og:image" content="https://your-url.com.br/images/intro.jpg"/>
// <meta property="og:description" content="Description of your page"/>
// <meta property="og:locale" content="pt_BR"/>
// <meta property="fb:app_id" content="5349"/>
// <meta property="fb:admins" content="123456789"/>
// <!-- markup for twitter -->
// <meta name="twitter:card" content="summary"/>
// <meta name="twitter:title" content="Title of my page"/>
// <meta name="twitter:description" content="Description of your page"/>
// <meta name="twitter:creator" content="Me"/>
// <meta name="twitter:image" content="https://your-url.com.br/images/intro.jpg"/>
// <!-- JSON-LD - structured data markup Google Search -->
// <script type="application/ld+json"/>
// {
// "@context": "http://schema.org",
// "@type": "WebSite",
// "name": "Title of my page",
// "alternateName": "Description of your page",
// "url": "https://your-url.com.br"
// }
// </script/>
```

### CLI
Interactive cli.

## Supported Tags

# Meta-tags
- title
- description
- author
Expand Down Expand Up @@ -35,78 +129,32 @@ JSON-LD - structured data markup Google Search
- twitter:image
- application/ld+json

# v0.5
```html
<title>Título da minha página</title>
<meta name="description" content="Descrição da minha página"/>
<meta name="author" content="Autor da minha página"/>
<link rel="base" href="http://meusite.com.br"/>
<link rel="canonical" href="http://meusite.com.br"/>
<meta rel="sitemap" type="application/xml" content="http://meusite.com.br/sitemap.xml"/>
<meta name="robots" content="index/follow"/>
<meta name="googlebot" content="index/follow"/>
<meta name="theme-color" content="#FF4455"/>
<meta name="msapplication-navbutton-color" content="#FF4455"/>
<meta name="apple-mobile-web-app-status-bar-style" content="#FF4455"/>
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="Título da minha página"/>
<meta itemprop="description" content="Descrição da minha página"/>
<meta itemprop="image" content="http://meusite.com.br/image.png"/>
<!-- markup for facebook -->
<meta property="og:type" content="website"/>
<meta property="og:title" content="Título da minha página"/>
<meta property="og:url" content="http://meusite.com.br"/>
<meta property="og:site_name" content="Exemplo"/>
<meta property="og:image" content="http://meusite.com.br/image.png"/>
<meta property="og:description" content="Descrição da minha página"/>
<meta property="og:locale" content="pt_BR"/>
<meta property="fb:app_id" content="5349"/>
<meta property="fb:admins" content="123456789"/>
<!-- markup for twitter -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Título da minha página"/>
<meta name="twitter:description" content="Descrição da minha página"/>
<meta name="twitter:creator" content="Autor da minha página"/>
<meta name="twitter:image" content="http://meusite.com.br/image.png"/>
<!-- JSON-LD - structured data markup Google Search -->
<script type="application/ld+json"/>
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Exemplo",
"alternateName": "Descrição da minha página",
"url": "http://meusite.com.br"
}
</script/>
```
## API

# v0.1
```html
<title>Título da minha página</title>
<meta name="description" content="Descrição da minha página"/>
<meta name="author" content="Autor da minha página"/>
<link rel="base" href="http://meusite.com.br"/>
<link rel="canonical" href="http://meusite.com.br"/>
<meta rel="sitemap" type="application/xml" content="http://meusite.com.br/sitemap.xml"/>
<meta name="robots" content="index/follow"/>
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="Título da minha página"/>
<meta itemprop="description" content="Descrição da minha página"/>
<meta itemprop="image" content="http://meusite.com.br/image.png"/>
<!-- markup for facebook -->
<meta property="og:type" content="website"/>
<meta property="og:title" content="Título da minha página"/>
<meta property="og:url" content="http://meusite.com.br"/>
<meta property="og:site_name" content="Exemplo"/>
<meta property="og:image" content="http://meusite.com.br/image.png"/>
<meta property="og:description" content="Descrição da minha página"/>
<meta property="og:locale" content="pt_BR"/>
<meta property="fb:app_id" content="5349"/>
<meta property="fb:admins" content="123456789"/>
<!-- markup for twitter -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Título da minha página"/>
<meta name="twitter:description" content="Descrição da minha página"/>
<meta name="twitter:creator" content="Autor da minha página"/>
<meta name="twitter:image" content="http://meusite.com.br/image.png"/>
```
## Contribute

First off, thanks for taking the time to contribute!
Now, take a moment to be sure your contributions make sense to everyone else.

### Reporting Issues

Found a problem? Want a new feature? First of all see if your issue or idea has [already been reported](../../issues).
If don't, just open a [new clear and descriptive issue](../../issues/new).

### Submitting pull requests

Pull requests are the greatest contributions, so be sure they are focused in scope, and do avoid unrelated commits.

- Fork it!
- Clone your fork: `git clone https://github.com/<your-username>/seotopper`
- Navigate to the newly cloned directory: `cd seotopper`
- Create a new branch for the new feature: `git checkout -b my-new-feature`
- Install the tools necessary for development: `npm install`
- Make your changes.
- Commit your changes: `git commit -am 'Add some feature'`
- Push to the branch: `git push origin my-new-feature`
- Submit a pull request with full remarks documenting your changes.

## License

[MIT license](LICENSE.md) &copy; [Gustavo Quinalha](http://quinalha.me/)
160 changes: 160 additions & 0 deletions README.pt.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,160 @@
# Seotopper

[![Travis](https://img.shields.io/travis/thiamsantos/seotopper.svg)](https://travis-ci.org/thiamsantos/seotopper)
[![npm (scoped)](https://img.shields.io/npm/v/seotopper.svg)](https://www.npmjs.com/package/seotopper)
[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/sindresorhus/xo)

> Construa o SEO de seu site em segundos.
Fique visível na internet em segundos e compartilhe as suas páginas de uma maneira mais fácil com um gerador de SEO completo, ele tem suporte a todas as meta-tags e ao [JSON-LD](http://json-ld.org/).

*Este README também está disponpivel em [Inglês (English).](README.md)*

## Índice
- [Instalação](#instalação)
- [Utilização](#utilização)
- [Tags Suportadas](#tags-suportadas)
- [API](#api)
- [Contribuir](#contribuir)
- [Licença](#licença)

## Instalação

Este projeto usa [node](http://nodejs.org) e [npm](https://npmjs.com). Veja se você não tem eles instalados localmente.

```sh
$ npm install --save seotopper

# Para usar a CLI é recomendado instalar globalmente
$ npm install -g seotopper
```

## Utilização

```js
const seo = seotopper({
title: 'Título da minha página',
description: 'Descrição da minha página',
author: 'Eu',
base: 'https://sua-url.com.br',
canonical: 'https://sua-url.com.br',
sitemap: 'https://sua-url.com.br/sitemap.xml',
robots: 'index, follow',
themeColor: '#f00',
image: 'https://sua-url.com.br/images/intro.jpg',
facebook: true,
facebookType: 'website',
facebookSiteName: 'Exemplo',
facebookLocale: 'en',
facebookId: '5349',
facebookAdmins: '123456789',
twitter: true,
twitterCard: 'summary'
})
// <title>Título da minha página</title>
// <meta name="description" content="Descrição da minha página"/>
// <meta name="author" content="Eu"/>
// <link rel="base" href="https://sua-url.com.br"
// <link rel="canonical" href="https://sua-url.com.br"/>
// <meta rel="sitemap" type="application/xml" content="https://sua-url.com.br/sitemap.xml"/>
// <meta name="robots" content="index, follow"/>
// <meta name="googlebot" content="index, follow"/>
// <meta name="theme-color" content="#f00"/>
// <meta name="msapplication-navbutton-color" content="#f00"/>
// <meta name="apple-mobile-web-app-status-bar-style" content="#f00"/>
// <!-- Schema.org markup for Google+ -->
// <meta itemprop="name" content="Título da minha página"/>
// <meta itemprop="description" content="Descrição da minha página"/>
// <meta itemprop="image" content="https://sua-url.com.br/images/intro.jpg"/>
// <!-- markup for facebook -->
// <meta property="og:type" content="website"/>
// <meta property="og:title" content="Título da minha página"/>
// <meta property="og:url" content="https://sua-url.com.br"/>
// <meta property="og:site_name" content="Exemplo"/>
// <meta property="og:image" content="https://sua-url.com.br/images/intro.jpg"/>
// <meta property="og:description" content="Descrição da minha página"/>
// <meta property="og:locale" content="pt_BR"/>
// <meta property="fb:app_id" content="5349"/>
// <meta property="fb:admins" content="123456789"/>
// <!-- markup for twitter -->
// <meta name="twitter:card" content="summary"/>
// <meta name="twitter:title" content="Título da minha página"/>
// <meta name="twitter:description" content="Descrição da minha página"/>
// <meta name="twitter:creator" content="Eu"/>
// <meta name="twitter:image" content="https://sua-url.com.br/images/intro.jpg"/>
// <!-- JSON-LD - structured data markup Google Search -->
// <script type="application/ld+json"/>
// {
// "@context": "http://schema.org",
// "@type": "website",
// "name": "Título da minha página",
// "alternateName": "Descrição da minha página",
// "url": "https://sua-url.com.br"
// }
// </script/>
```

### CLI
Interactive cli.

## Tags Suportadas

- title
- description
- author
- base
- canonical
- sitemap
- robots
- googlebot
- theme-color
- msapplication-navbutton-color
- apple-mobile-web-app-status-bar-style
- name
- description
- image
- og:type
- og:title
- og:url
- og:site_name
- og:image
- og:description
- og:locale
- fb:app_id
- fb:admins
- twitter:card
- twitter:title
- twitter:description
- twitter:creator
- twitter:image
- application/ld+json

## API

## Contribuir

Primeiramente, muito obrigado por tirar tempo para contribuir!
Agora, espere um momento para ter certeza de que suas contribuições fazem sentido para todos.

### Reportando Issues

Encontrou um problema? Quer uma nova funcionalidade? Antes de tudo veja se a sua issue ou idéia [já foi reportada](../../issues).
Se não, abra uma [nova issue](../../issues/new) de maneira clara e descritiva.

### Submetendo pull requests

Pull requests são as maiores contribuições, então tenha certeza que estão dentro do escopo, e evite commits não relacionados.

- Faça um fork do projeto!
- Clone o seu fork: `git clone https://github.com/<your-username>/seotopper`
- Navegue até o diretório que acabou de ser clonado: `cd seotopper`
- Crie um novo branch para a nova funcionalidade: `git checkout -b my-new-feature`
- Instale as ferramentas necessárias para o desenvolvimento: `npm install`
- Faça as suas alterações.
- Faça o commit de suas alterações: `git commit -am 'Add some feature'`
- Faça um push do branch: `git push origin my-new-feature`
- Submeta um pull request documentando as suas alterações.

## Licença

[MIT license](LICENSE.md) &copy; [Gustavo Quinalha](http://quinalha.me/)
2 changes: 1 addition & 1 deletion bin/seotopper.js
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ const questions = [
{
type: 'list',
name: 'twitterCard',
message: 'Which twitter do you want',
message: 'Which twitter card do you want',
choices: [
'Summary',
'Product',
Expand Down

0 comments on commit 00cda08

Please sign in to comment.