Análise inicial

Introdução

Esta é a análise inicial do projeto Rondônia da Gente, feita no decorrer da última semana, a pedido de André Oliveira. É um trabalho conjunto entre Evandro Murilo (código e infraestrutura) e Valdeir Cesconeto (usabilidade e impulsionamento). Além de uma análise técnica do website rondoniadagente.com, esboçamos um plano estratégico, tendo em vista os objetivos do projeto, que estão listados na seção seguinte.

Objetivos

O objetivo do projeto é transformar o website Rondônia da Gente num portal de notícias referência no estado. Isto é:

• transformar o portal num dos cinco mais relevantes do estado – em sua categoria – no prazo de um ano, e assumir a liderança no prazo de três anos
• fornecer a melhor cobertura política do estado
• ter agilidade na postagem de conteúdo

Análise técnica de código e infraestrutura

Versionamento de código

Versionamento de código é uma boa prática na indústria de desenvolvimento de software. Ter o código versionado significa que alterações erradas podem ser facilmente desfeitas e que todo o histórico de alterações está sempre disponível. O código do website não é versionado.

Backups

Não existem backups (cópias de segurança) automáticos, o que é um risco tremendo. No dia 27/08/2019, fiz um backup manual completo do website e seu banco de dados, e armazenei tanto na minha máquina pessoal quanto numa conta da Azure (serviço em nuvem da Microsoft).

Google Analytics

O Google Analytics, ferramenta utilizada para rastrear os visitantes do website, não estava funcionando, como pode ser facilmente constatado ao visitar o painel do Analytics e visualizar o histórico vazio dos meses anteriores. Abrindo uma exceção à política de não fazer alterações durante a fase de análise, corrigi o problema, por considerar uma prioridade, e o tracking está funcionando desde o dia 30.

O Hostgator, serviço de hospedagem atual, possui uma contagem própria de visitantes, mas que é muito pouco confiável para ser útil.

Plugins instalados e não utilizados

WordPress é um sistema de gerenciamento de conteúdo, de código aberto. É muito robusto e popular, e é a base do website.

Um plugin é uma espécie de extensão do WordPress, que pode ser instalada e deve ser constantemente atualizada. Plugins que são instalados, mas não são utilizados, pesam o sistema e poluem desnecessariamente o painel de administração, além de serem um potencial risco de segurança se não forem devidamente atualizados. Identifiquei uma série de plugins instalados e não utilizados:

• All in One SEO Pack Pro
• Duplicator Pro
• Facebook Feed by 10Web
• GoDaddy Pro Sites Worker
• Official Facebook Pixel
• WP Adverts
• WP Embed Facebook
• WPBakery Page Builder

Plugins e tema potencialmente piratas

Muito mais grave do que plugins instalados e não utilizados, são os plugins piratas. Embora o WordPress seja um projeto em código aberto e grande parte dos plugins desenvolvidos por terceiros sejam gratuitos, este não é sempre o caso. O mesmo se dá com os temas (pacotes de aparência). Plugins pagos podem ser obtidos por meios ilegais (pirataria), o que é um grande problema tanto do ponto de vista moral, quanto do ponto de vista de segurança, porque um plugin pirata muitas vezes não pode ser atualizado e, mais grave ainda, você não sabe se quem disponibilizou essa versão alternativa também não inseriu códigos maliciosos nela.

Encontrei indícios de que diversos dos plugins instalados, além do tema, podem ser piratas:

• o plugin All In One SEO Pack, que normalmente custa $136, apresenta uma mensagem dizendo que uma chave de licença válida não pôde ser encontrada
• o plugin Duplicator Pro, que normalmente custa $59 por ano para três licenças, aparece como atualizado, mas uma visita à página do plugin mostra que existem diversas atualizações pendentes
• o mesmo acontece com o plugin WP Rocket, que normalmente custa $49 por ano para um único website
• o tema Newspaper, que custa $59, está desatualizado, e o plugin necessário para a atualização automática não está instalado

Atualizações

Tanto o próprio WordPress quanto muitos dos plugins estão desatualizados. O WordPress, mais especificamente, está na versão 5.1.1, de março de 2019, enquanto a versão mais recente é a 5.2.2, de junho deste mesmo ano. Não parecem ter havido atualizações de segurança neste meio tempo.

Serviço de hospedagem

O website está hospedado no Hostgator, provavelmente na conta do antigo responsável pela manutenção – corrijam-me se estiver errado. O Hostgator faz parte dos chamados serviços de hospedagem compartilhada: em troca de um custo ligeiramente menor, você divide um mesmo servidor com diversas outras pessoas. Se o seu website estiver no mesmo servidor do website receitas.com.br, e o receitas.com.br começar a utilizar muitos recursos da máquina, talvez por estar recebendo muitos visitantes de uma única vez, o seu website vai sofrer com isso. Esse cenário é bem comum. Outra desvantagem de serviços de hospedagem compartilhados é que você tem sua liberdade bastante restringida no uso da máquina.

Análise técnica de usabilidade e impulsionamento

Todas as informações listadas abaixo dizem respeito a acessibilidade, otimização e ranqueamento orgânico. O propósito da análise é mostrar quais são as falhas do website diante do usuário e com isso propor uma curadoria, onde vamos conseguir entregar uma plataforma melhor para o usuário final.

Acessibilidade visa criar algo acessível para qualquer indivíduo. Hoje, o Google verifica essas informações antes de indexar o website na sua lista de resultados. O usuário da nossa ferramenta pode ser uma pessoa com dislexia, ou ainda deficiência visual, e por isso precisamos deixar a plataforma preparada para diversas situações.

A otimização do website é importante para que tenhamos um bom desempenho no carregamento de conteúdo. Imagens, vídeos e código são exemplos de coisas que podem ser otimizadas no pré-carregamento do website.

Ranqueamento orgânico nada mais é do que mostrar conteúdo produzido pelo seu website ou serviço entre as primeiras posições nas mais diversas plataformas disponíveis no mercado (Google, Youtube, Facebook etc.).

Performance

O Brasil possui cerca de 230 milhões de dispositivos móveis, como smartphones e tablets, com acesso à internet, sendo este portanto um público alvo muito importante. O website possui uma baixa performance para esses dispositivos.

Dispositivos móveis	Desktop
Primeiro conteúdo aparece em 5.7 segundos.	Primeiro conteúdo aparece em 1.6 segundos
Índice de velocidade 11.8 segundos.	Índice develocidade 3.8 segundos.
9.8 segundos até a página ficar interativa.	1.6 segundos até a página ficar interativa.

Os dados acima são relacionados a otimização e desempenho para entregar conteúdo para o usuário. Podemos considerar todos os dados como elevados. Para o usuário ver o primeiro conteúdo ou imagem, ele precisa esperar cerca de 5.7 segundos, o que é tempo o suficiente para desistir. Em média os usuários estão dispostos a aguardar apenas 2.3 segundos.

Buscas orgânicas

O site não está sendo listado nas buscas orgânicas, o que pode ser constatado ao fazer uma pesquisa como “notícias Rondônia”. São vários os fatores responsáveis por isso, entre eles a falta de acessibilidade e de otimização.

Acessibilidade é algo que o Google leva muito em consideração, ele prioriza mostrar sites ou serviços acessíveis para qualquer tipo de usuário. Pessoas com deficiência visual, por exemplo, normalmente utilizam software de leitura de tela, e o Google dá mais relevância às plataformas que se enquadram melhor nessa realidade.

Usuários preferem abrir sites que foram listados através de resultados orgânicos, em vez de resultados exibidos através de anúncios, pois eles acreditam que o conteúdo seja de maior qualidade.

Acessibilidade, boas práticas e SEO

Acessibilidade:

• os botões não tem acessibilidade
• as imagens não possuem atributos de acessibilidade, caso não sejam carregadas
• faltam atributos de acessibilidade nos formulários
• faltam atributos de acessibilidade nos links
• o HTML usa tags antigas

Boas Práticas:

• links utilizados para acessar páginas externas precisam de refatoração
• bibliotecas externas desatualizadas
• erros de código no site

SEO:

• é necessário criar uma estrutura adequada para os motores de busca
• as imagens não possuem atributos de acessibilidade, caso não sejam carregadas

Plano de ação para o código e infraestrutura

Serviço de hospedagem e backups

Como provavelmente teremos que tirar o website da conta do antigo responsável, no mínimo já teríamos que fazer uma migração dentro do próprio Hostgator. Sugiro, em vez disso, migrar logo para um serviço melhor, como o Linode ou a DigitalOcean. Ambos oferecem máquinas virtuais no modelo pague pelo que usar. Ao contrário do Hostgator, as máquinas são exclusivas e teremos muito mais liberdade para utilizá-las. Outra característica importante é o redimensionamento da máquina, que pode ser feito muito facilmente no caso de precisarmos de um servidor mais parrudo. Ambos também oferecem um serviço de backup automático muito confiável.

Serviço	Preço inicial (por mês)
Hostgator	R$ 24,99 (ou R$ 13,99 no plano anual)
Linode	$ 5,00
DigitalOcean	$ 5,00

Uma diferença é que o Hostgator parece oferecer um domínio gratuito, neste caso precisaremos transferir o domínio do Hostgator para algum outro lugar. Vi que também temos um domínio rondoniadagente.com.br na GoDaddy. Seria interessante no mínimo utilizá-lo para redirecionar para o domínio principal rondoniadagente.com (ou vice-versa), em vez de deixá-lo parado.

Manutenção da instalação do WordPress

Após migrarmos o website para um servidor melhor, o próximo passo deverá ser modificar as credenciais de acesso, atualizar o WordPress, remover os plugins não utilizados (e potencialmente piratas) e atualizar os plugins restantes. Depois disso, começamos a versionar o código e criamos procedimentos para desenvolvimento e deploy (enviar o código de desenvolvimento para o ambiente de produção); essa última parte já está um pouco adiantada, já que eu criei um ambiente de desenvolvimento local replicável durante a semana.

Se vocês foram cobrados pelos plugins e pelo tema, e eles forem originais, vocês devem poder pedir as chaves de licença ao antigo responsável. Se não, temos a seguinte situação:

Dos plugins potencialmente piratas, só um está realmente sendo utilizado, e conseguimos encontrar uma alternativa gratuita.

Quanto ao tema, ou nós compramos o original, ou procuramos uma alternativa – que pode ser tanto gratuita quanto paga.

Plano de ação para a usabilidade e impulsionamento

Acessibilidade

Uma das nossas prioridades deve ser melhorar a acessibilidade do website, tanto para fins práticos – melhor ranqueamento em buscas –, quanto por questões humanas.

Após os ajustes necessários, podemos tentar adquirir o selo de libras.

Desempenho e otimização

Também precisamos encurtar drasticamente o tempo de carregamento da página, o que pode ser feito, por exemplo, através da otimização de código e conteúdo.

Algumas sugestões para melhorar o desempenho e otimização para dispositivos móveis:

• eliminar recursos que impedem a renderização (4.08 segundos)
• reduzir o tempo de resposta do servidor (TTFB) (3.56 segundos)
• remover CSS não utilizado (1.95 segundos)
• disponibilizar imagens em formatos de última geração (1.5 segundos)

E para o desktop:

• eliminar recursos que impedem a renderização (1.2 segundos)
• reduzir o tempo de resposta do servidor (TTFB) (3.1 segundos)

SEO

Posso ajudar a pontuar melhor no Google, Youtube e Facebook. Hoje o site não está sendo bem ranqueado nos resultados do Google. Ficar na primeira página do Google conta muito na visualização do site.

No papel de SEO, posso:

• ajudar a desenvolver uma ferramenta para o ranqueamento nos resultados de pesquisa do Google
• administrar as redes sociais, fazendo uma maior propagação de conteúdo
• sugirir softwares para publicações
• prestar consultoria para criar textos de forma estratégica
• fazer o site ter uma melhor posição nos resultados de pesquisa do Google

Estética e usabilidade

O website provavelmente precisa de uma reorganização das páginas, e de trabalhar conceitos de design UX/UI. Mas toda e qualquer mudança precisa ser baseada em dados. Primeiro precisamos traçar o perfil dos usuários que acessam o site, seja criando personas, seja entrevistando pessoas reais. Depois podemos levantar dados de uso através de pesquisas, recrutamento de usuários e até mesmo tracking automático na página.

Como o tema talvez precise ser trocado ou reconfigurado (após a compra), se realmente não for original, pode ser uma boa oportunidade para começar a fazer os devidos ajustes, que na maior parte são bem simples e podem gerar grande resultado. Entre essas mudanças simples, identifiquei:

• mostrar o conteúdo que o usuário realmente quer ver
• criar um menu mais acessível
• alterar as fontes do site, para que o conteúdo fique mais atraente para leitura
• revisar as core que o site utiliza nos conteúdos (muito importante para usuários com daltonismo, por exemplo); pensem na empolgação que um usuário com essa deficiência pode ter ao perceber que o site se preocupou com isso – na minha opinião, nenhum marketing poderia fazer uma propaganda melhor do que um usuário satisfeito contando para outros
• categorizar as notícias

Numa etapa mais avançada, podemos começar a prototipar novas telas, testar com usuários, criar um mapa do site (muito importante para os selos de acessibilidade) e criar uma jornada de usuário, que nos dirá qual é o comportamento do usuário durante toda a sua estadia no website.

Equipe e metodologia de trabalho

Nossa equipe, como indicado na introdução, é composta por Evandro Murilo, responsável pelo código e infraestrutura, e por Valdeir Cesconeto, responsável pela usabilidade e impulsionamento, e que concedeu algumas horas do seu tempo – sem nada cobrar – para ajudar na elaboração deste relatório inicial. Em conversas com o André, ao compreender melhor os objetivos e estrutura do Rondônia da Gente, fez-se necessário buscar a ajuda de um especialista na área. Ambos residimos em Ji-Paraná.

Trabalhamos com o desenvolvimento contínuo, isto é, não damos o projeto como “fechado” e entregamos tudo de uma vez depois de alguns meses. Em vez disso, fazemos pequenas entregas constantes, desde as primeiras semanas, e ficamos sempre atentos às oportunidades de melhorar o que já existe. Por isso mesmo é importante que tenhamos traçado alguns objetivos no começo do documento, mesmo que tateando um pouco no escuro a princípio: não enxergamos a tecnologia como um fim em si mesmo, mas como uma ferramente para alcançar os objetivos, que é o que realmente importa no final das contas. Por isso também é importante obter um retorno sobre os objetivos, para saber se estamos perto ou longe do que vocês tinham em mente, e ajustar conforme o necessário.

Cobrança

O trabalho é feito remotamente, e cobrado por hora de serviço. Nossa disponibilidade pode variar dependendo da fase e da demanda do projeto – podemos separar mais tempo para o projeto nas primeiras semanas, por exemplo, para deixar o website e as mídias sociais afinadas o mais rápido possível.

Nome	Remuneração por hora	Disponibilidade estimada
Evandro Murilo	R$ 45,00	pelo menos 5 horas por semana
Valdeir Cesconeto	R$ 25,00	cerca de 10 horas por semana

Uma vez que o projeto adquira estabilidade, a cobrança pode ser simplificada para uma taxa mensal de manutenção.

Enviamos uma fatura no primeiro dia útil de cada mês, com detalhes sobre cada hora de serviço. Além disso, vocês podem acompanhar o trabalho durante o mês através de relatórios semanais.