seoassistant / chrome-extension Goto Github PK

Extensão chrome para facilitar homologação de SEO.

License: MIT License

JavaScript 63.48% HTML 2.99% CSS 0.17% Vue 33.36%

seo chrome-extension webpack javascript seo-assistant

chrome-extension's Introduction

Galileo - SEO Assistant

Galileo SEO Assistant é uma extensão para o Google Chrome. O Galileo SEO Assistant pretende facilitar a tarefa de homologação e testes de SEO de páginas web fornecendo testes automáticos para uma série de requisitos como:

<h1> das páginas
<title> das páginas
<h2>, <h3>, <h4>
rel next e rel prev
url canônica
url AMP associada
rel alternate
meta description
outros ...

Tabela de conteúdos

Download
Desenvolvendo
Release notes
Ideias para o futuro do Galileo SEO Assistant
Licença

Download

Para download da extensão visite a página do Galileo SEO Assistant na Chrome Webstore

Desenvolvendo

Clone esse repositorio
Instale yarn: npm install -g yarn.
Rode yarn.
Rode npm run start
Carregue o Galileo no Chrome fazendo:
1. Acesse chrome://extensions/
2. Cheque Developer mode
3. Clique on Carregar extensao
4. Selecione o diretorio build.

Release notes

Verifique o CHANGELOG para acompanhar o status do desenvolvimento e lista de features.

Ideias para o futuro do Galileo SEO Assistant

Internacionalização dos conteúdos de texto;
Adicionar screenshots na webstore;
Ter um conjunto de expects inicial para cada conteúdo extraído da página. Exemplo: Para H1 espera-se que não existam dois itens, se existir a aplicação está com erro;
Alterar cor principal de acordo com o resultado da página: se deu ok, alerta ou erro;
Ter testes unitários para javascript usando ava;
Ter relatório de cobertura de testes;
Parar de usar o bulma do cdn e usar via yarn;
Permitir que usuários selecionem outros pacotes de regras pre-selecionados;
Criar uma interface amigável para edição de pacotes de regras: adição de regras, edição de regras, remoção de regras;
Permitir que usuários exportem/importem seus pacotes de regras em um arquivo de texto;
Ter um site com lista de arquivos de regras disponíveis para download;
Permitir que regras por grupos que serão divididos em tabs diferentes, como regras de links e regras de schema.org;
Permitir que diferentes rotas respondam a diferentes pacotes de regras;
Permitir que sejam exportados relatórios com os resultados da ferramenta;
Separar parte do core do GSA para disponibiliza-lo pra criar o Galileo SEO Robot;
Criar robo capaz de fazer as verificações que o plugin faz mas em lote usando YQL;

Licença

MIT - Jota Teles - 2017

chrome-extension's People

Contributors

Stargazers

Watchers

Forkers

pronorthservices taciogt dann95 jrstylle

chrome-extension's Issues

Contabilização de elementos está incorreta

A contabilização de elementos está incorreta quando usamos o pacote de regras default.
Apesar de existirem 13 testes a contabilização soma 14 .

Exemplo pode ser visto nos números que ficam nas abas. (Em anexo abaixo)

Essa tarefa é para corrigir isso e garantir que a contabilização seja feita corretamente.

Importar bulma sem usar cdn

Tabelas estão eventualmente mais largas que as abas

Em alguns casos está ocorrendo de uma tabela em uma aba estar mais larga que a aba vazando a área de visualização.

Essa tarefa é para corrigir esse comportamento errado.

Separar o core da aplicação em um repositório próprio

O core da aplicação é o SEOAssistant responsável por interpretar uma página de acordo com um conjunto de regras pré-estabelecidas.

Esse trecho de aplicação está feito em ES6 e poderia ser compartilhado por diferentes aplicativos. Por exemplo é possível usa-lo para uma linha de comando, para um site e para o plugin do chrome.

Links do footer não abrem

Os links do footer não abrem.
Nem o link "Teles", nem o link "Get the code".

É necessário pedir que eles abram em uma nova aba para que funcionem.
Solução rápida e básica é adicionar target="_blank" nas âncoras.

Adicionar tabs ao projeto

O projeto deverá contar com tabs principais.

Essas tabs são:

Overview com score, uma lista de testes e resultados;
Passed, tabela de [NOME DA PROPRIEDADE] [CONTEUDO DA PROPRIEDADE] de todas as propriedades que passaram
Error, tabela de [NOME DA PROPRIEDADE] [CONTEUDO DA PROPRIEDADE] de todas as propriedades que tiveram erros críticos
Warning, tabela de [NOME DA PROPRIEDADE] [CONTEUDO DA PROPRIEDADE] de todas as propriedades que tiveram alertas

Nas tabs deve existir um número indicativo da quantidade de itens em cada uma.
Exemplo:

Overview | Passed (12) | Error (2) | Warning (0)

Não é possível buildar o projeto. Erro ...JSON.parse

Ao tentar rodar npm run build em uma máquina diferente recebo o seguinte erro:

Provavelmente existe uma versão mínima do node para o projeto. Se for o caso é necessário deixar isso explícito no README.md.

@taciogt é esse erro que acontece com você?

Listar 10 extensões com propósitos parecidos

Web Developer Checklist: https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp/related
DomFlags http://domflags.com/ não é tão parecido mas gostaria de um site assim para divulgação.
Check My Links https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf
WooRank: https://chrome.google.com/webstore/detail/seo-website-analysis/hlngmmdolgbdnnimbmblfhhndibdipaf?hl=pt-BR

Outras https://www.creativebloq.com/web-design/google-chrome-extensions-21410570/3

Adicionar arquivo de CHANGELOG

Adicionar um arquivo de changelog para acompanhar a evolução do projeto.

Badge do package.json no readme está com versão errada

A badge disponível no readme está com versão errada.
Levando em consideração que o repositório não está disponível no npm é válido remover essa badge.

Deixar a extensão em PT-br até sua versão 1.0

O plugin no momento tem a maioria dos seus textos em inglês.

Isto é:

Pacote de regras padrão está quase inteiro em inglês;
Nome de abas e títulos de tabelas estão em inglês;
Rodapé em inglês.

Esses e outros conteúdos deverão ser mantidos em português com a intenção de não dificultar entrevistas com usuários.

É uma boa ideia que quando a versão 1.0 for lançada ela se adapte a língua do navegador e tenha textos pelo menos em:

Português
Inglês

Numa próxima versão é legal dar suporte:

Francês
Espanhol

Feedback de usuária: a ordem de exibição dos resultados está incoerente

Embora dentro do arquivo de regras https://github.com/galileo-seo-assistant/galileo-seo-assistant/blob/master/src/js/popup/rules.js o H1 seja definido antes do H2, no momento da exibição ocorre do H2 aparecer antes do H1.

Isso quebra a expectativa do usuário de ver os itens mais relevantes acima.

O que corrige o problema: garantir que ordem das regras seja mantida no momento da exibição dos resultados.

Entrevistar Fabiola Faria- Especialista SEO

Quem é a Fabíola?

Especialista SEO ha mais de 5 anos;
Responsável pelo SEO da Viva Decora até Abril/2017.
Experiência com homologação de tarefas técnicas;
Experiência em interação com desenvolvedores front-end e back-end.

Na entrevista vou tentar levantar:

Como ele faz validações de SEO hoje;
Como e quando ela acha que o plugin poderia ser usado;
O que ela acha válida da lista de próximas tarefas.

Redefinir árvore de dados do SEOAssistant

Durante a construção do SEOAssistant é feito um processamento das recomendações.
Esse processamento inclui a criação de uma árvore com vários nós representando várias formatações para os dados do SEOAssistant.

Essa árvore está um pouco confusa e a intenção é redesenha-la para que ela se adeque a :

Sistema com 4 abas;
Primeira aba só com lista de testes;
Contadores de quantidade de recomendações;

Foco do navegador indo automaticamente para o rodapé

Ao clicar na extensão o foco do navegador está sendo direcionado para o footer. Isso obriga o usuário a scrollar a aba do plugin caso queira ver a informação principal.

Provavelmente o foco está sendo colocado ali pois se trata do primeiro link disponível na página.

Essa tarefa intenciona remover esse foco para impedir que o usuário tenha o trabalho extra de scrollar a página.

Foco está indo para a palavra "Teles".