Velocidade e SEO caminham juntos

Há empresas a gastar fortunas em SEO. Apesar de melhorarem seu ranqueamento no Google, parecem não conseguir retorno do investimento com clientes. Seus clientes reclamam da demora e lentidão das páginas. Velocidade e SEO caminham juntos e, em alguns aspetos, o próprio Google beneficia empresas com sites mais rápidos e que rodem em telemóveis.

A velocidade é um fator sobre o qual existem dois atributos básicos em um website – sobre um deles, podemos ter controlo direto, sobre o outro… nem tanto. Em suma, a velocidade de carregamento e navegação de um website é determinado por dois fatores principais:

  1. O frontend, ou seja, a programação e forma com que iamgens, conteúdo e código estão dispostos no próprio site e sua visualização
  2. O backend, que é a parte relativa ao servidor, ou seja, a qualidade e recursos do alojamento ou host que está a utilizar

Para lidar com o segundo item, temos de aprender a selecionar serviços de alojamento que ofereçam melhores recursos, menos limitações e sejam otimizados para o tipo de website que estamos a planejar. Há hosts especializados em WordPress, por exemplo, enquanto outros especializam-se em abrigar lojas online e serviços de e-commerce. A verdade é que há serviços de host melhores e piores, mas como a maioria dos websites atuais empregam o WordPress em alguma instância, é melhor usar isso como ponto de partida para escolher um bom host. Em outro artigo recomendamos alguns que trabalham bem e apresentam bom desempenho com o WordPress.

Mais algumas dicas? Pois bem, na hora de fechar negócio com seu alojamento, há algumas “regrinhas” que deve seguir:

  • Opte sempre por servidores Linux para sites e aplicações comuns
  • Verifique com cuidado não apenas o espaço em disco, mas limitações ao fluxo de dados (bandwidth) e número de visitantes ao website
  • Prefira hosts que oferecem SSL gratuito
  • Os melhores servidores usam cPanel – fuja de “paineis próprios”. O benchmark é melhor e mais fácil de trabalhar
  • Armazenamento SSD – seu site irá rodar melhor e mais rápido
  • Descubra se o host possui suporte para HTTP/2 – não precisa compreender, apenas perguntar
  • Finalmente, tente sondar o suporte logo que fecha o negócio – tempo e qualidade das respostas

Afora isso, o melhor que se pode fazer em termos de backend é seguir recomendações. Busque referências, avaliações de grandes veículos do setor, como PC Magazine ou o próprio site do WordPress e experiências de conhecidos.

Velocidade e SEO – problemas no frontend

Aqui, nesta parte, temos de fato tudo aquilo que é possível melhorar em termos de performance sem haver necessidade de mudança de host. Ferramentas de análise diversas apontam os principais aspetos a melhorar. Contudo, embora existam muitos plugins que dizem fazer o milagre, cada site é diferente, possui ficheiros em particular e utiliza recursos que demandam estruturas diferentes. Assim sendo, a otimização quase sempre é parcial.

Para otimizar um site para ganhos de velocidade e, consequentemente SEO, é preciso avaliar cada caso individualmente. Otimizar imagens e usar plugins de cache pode resolver parte do problema, mas há que se considerar os temas modernos, cheios de recursos imensos que nunca são utilizados, e a forma com que o código está estruturado. Por melhor que seja seu trabalho de SEO, alguns fatores podem pesar contra o bom marketing:

  • Tamanho de imagens e elementos, em KB
  • Uso de cache do navegador e também no servidor
  • Velocidade de seu host, em tempo de resposta
  • Organização e número de ficheiros Javascript e CSS em seu site
  • Compactação e concatenação de ficheiros do site

Alguns plugins resolvem parte do problema. Entretanto, às vezes isso impede que determinadas funcionalidades em seu site funcionem perfeitamente, ou cria novos problemas distintos com velocidade. Outras questões que melhoram o desempenho de um site não são tão facilmente operáveis, como o uso de GZIP, habilitação de módulos do Apache, eliminação de bibliotecas e rotinas ociosas, entre outros.

Infelizmente para o público em geral, lidar com profissionais de SEO resolve apenas a questão do conteúdo e do marketing e publicidade frente a mecanismos de busca. E, ao lidar com programadores e técnicos, problemas de velocidade são por vezes resolvidos, porém com pouca atenção à parte de usabilidade e marketing do seu website.

Velocidade e SEO – como medir?

É importante medir a velocidade de seu website, embora isso não deva ser usado como uma métrica absoluta, principalmente no caso do Google PageSpeed. Embora seja uma boa referência, a verdade é que o PageSpeed, em muitos aspectos, penaliza algumas páginas rápidas com perda de pontos em razão de scripts e rotinas que são de seus próprios serviços. Exato – fontes do Google Fonts renderizadas em sua página, scripts de rastreamento do Google Analytics e AdSense e outros. Apesar de a própria empresa dar instruções de como inserir esses serviços em seu site, penaliza-os depois no PageSpeed. Um contrassenso.

Uma boa base, mas se quer mesmo medir direito a velocidade de seu website e detectar problemas com detalhes, deverá usar algumas ferramentas mais completas, que ajudarão velocidade e SEO em seu site:

Velocidade e SEO – feedbacks

Há mais uma coisa: nem todos possuem a mesma conexão e velocidade de acesso à internet. Talvez seu website seja razoavelmente rápido em sua conexão de alta velocidade, ou em 4G, mas isso não basta. Muitos de seus clientes possuem conexões piores, ou utilizam o site em condições não tão favoráveis. É preciso ouvir os usuários e efetuar correções e melhorias, para que não se perca nenhum cliente.

Outras dicas aqui são válidas: páginas mais leves e objetivas, conteúdo rápido e de fácil leitura e um design equilibrado, mas sem muita complexidade.

 

Quer uma análise do seu site?

Fazemos gratuitamente o diagnóstico

Clique no botão, receba novidades e dicas e uma análise grátis de seu website. Basta inscrever-se em nossa newsletter.

7 maneiras de melhorar a velocidade no WordPress (AVANÇADO)

Como falamos brevemente em nosso artigo anterior, há maneiras avançadas de lidar com problemas de velocidade no WordPress. Listamos agora 7 outras maneiras de melhorar a velocidade no WordPress, mas agora para usuários avançados.

Entenda como avançados aqueles usuários capazes de inserir suas próprias funções nos ficheiros de temas e plugins, lidar com configurações e até mesmo interagir com o servidor Apache do alojamento. Essas dicas farão com que seu site, além de velocidade, possa lidar com alguns problemas de segurança. Entretanto, veremos esse tópico em futuros textos.

Lembramos que, se você é capaz de criar seus próprios plugins, algumas das configurações sugeridas aqui são feitas de modo melhor dessa forma. Entretanto, pode-se realizar modificações com base no ficheiro functions.php de seu tema. Se for esse caso, é preciso usar um tema “filho”, para que nas atualizações suas modificações não sejam descartadas.

Velocidade no WordPress – cache sem plugin

Quem entende um pouco mais de WordPress, sabe que algumas configurações podem ser implementadas por meio de um ficheiro de sistema no próprio cPanel ou equivalente do alojamento – o .htaccess. Esse ficheiro é uma ferramenta poderosa, mas que deve ser utilizada com cuidado. Ele altera uma série de diretrizes e modifica o comportamento do servidor, antes mesmo de exibir sua página na web.

A primeira grande alteração em prol da velocidade que pode ser implementada via .htaccess é a regulação da expiração do cache no navegador. Ao invés de utilizar pesadas configurações em plugins igualmente pesados, podemos configurar o cache do navegador adicionando poucas linhas a esse ficheiro. O trecho a seguir de código pode ser implementado, para otimizar o cache de recursos estáticos no navegador em seu website.

## CONFIG DO CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
## CONFIG DO CACHING ##

Também é possível alterar e modificar o .htaccess por meio de plugins, como realizado em nosso plugin de Segurança e Otimização, mas isso exige um bom conhecimento de PHP e de funções e hooks do WordPress.

Velocidade no WordPress – emojis da lentidão

Os emojis são espécies de ícones e figuras que são carregadas e exibidas por meio do reconhecimento de determinadas sequências de caracteres. Caso seu site não vá fazer uso deles, é preciso desabilitar o suporte automático do WordPress para esse tipo de conteúdo. Por quê? Simplesmente porque, como padrão, um código Javascript de suporte é carregado no cabeçalho de suas páginas. Ao eliminá-lo, nos livramos de um script JS que é carregado sem qualquer utilidade, melhorando a velocidade da página. Para livrar-se do suporte a emojis no WordPress de um modo geral (mantendo ele apenas para os botões do editor de posts), basta inserir o código a seguir no ficheiro functions.php de seu tema ou em um plugin personalizado, caso perceba melhor de programação.

// Desabilita emojis de um modo geral
function meuppt_disable_emojis() {
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
}
add_action( 'init', 'meuppt_disable_emojis' );

Caso possua conhecimento, é sempre mais recomendado realizar esse tipo de alteração por intermédio de um plugin. Em um tema, use o functions.php do Child Theme para realizar as mudanças, ou poderá perdê-las durante atualizações do mesmo tema.

Velocidade no WordPress – revisões de posts

A revisão de posts no WordPress é uma espécie de “version control” para textos. O problema é que essas versões de um mesmo post geram requisições e são salvas no banco de dados, podendo criar lentidão e ocupando um espaço certamente indesejável. É possível limitar o número máximo de revisões por post, dessa vez utilizando uma única linha de código no ficheiro wp-config.php, no diretório raiz de sua instalação WordPress.

define( 'WP_POST_REVISIONS', 4 );

Essa definição limita a número de revisões para 4, no caso mostrado. Lembre-se, no entanto, de que modificações no wp-config.php tem de ser feitas com cuidado, ou podem colocar o site inteiro fora de serviço. Mantenha sempre um back-up da versão anterior, antes de efetuar suas modificações, no caso de erros de código, sintaxe ou problemas no servidor.

Velocidade no WordPress – compressão GZIP

O GZIP é um método de compressão que utiliza algoritmos avançados para reduzir o tamanho de ficheiros, como folhas de estilo CSS ou bibliotecas e rotinas Javascript. Em geral, ao habilitar a compressão via GZIP, pode-se gerar uma redução de até 30% a 40% no volume de dados a carregar na inicialização de um website comum. Há dezenas de plugins no WordPress que permitem habilitar e configurar esse tipo de compressão, mas para quem quer ganhar tempo (e velocidade), vale a pena habilitar om método via .htaccess. Para tanto, basta incluir as seguintes linhas no ficheiro:


# Comprime HTML, CSS, JavaScript, Text, XML e fontes
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (para navegadores muito antigos)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

Novamente: sempre que mexer com o .htaccess, especialmente no diretório raiz de seu alojamento web, copie a versão anterior em um editor de texto ou gere um back-up, no caso de haver algum problema de sintaxe ou erro de configuração. É possível ainda verificar se o seu site já possui compressão via GZIP, inserindo seu endereço web nesse site.

Velocidade no WordPress – desabilitar o hotlinking

O “hotlinking” ocorre quando alguém faz a inserção de imagens que estão em seu servidor em outro website, via links. Isso faz com que o outro site “empreste” parte de sua banda de dados e gere requisições extras em seu servidor, fora de seu controle. Novamente, há como desabilitar essa possibilidade por meio do .htaccess:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Apenas verifique se nenhum plugin que você possua já realiza esse tipo de bloqueio, ou caso use um serviço de CDN, se essa função não está habilita pelo serviço.

Velocidade no WordPress – desabilitar RSS feeds

Pode ser que você AINDA faça uso de feeds, mas pouca gente o faz. O WordPress, como padrão, habilita automaticamente uma série de feeds. Ao desabilitar esses feeds, ganhará performance e, para leitores que porventura visitem seus feeds, haverá uma mensagem de “favor aceder o website”.

function itsme_disable_feed() {
wp_die( __( 'Feed não disponível, favor aceder à homepage!' ) );
}
add_action('do_feed', 'itsme_disable_feed', 1);
add_action('do_feed_rdf', 'itsme_disable_feed', 1);
add_action('do_feed_rss', 'itsme_disable_feed', 1);
add_action('do_feed_rss2', 'itsme_disable_feed', 1);
add_action('do_feed_atom', 'itsme_disable_feed', 1);
add_action('do_feed_rss2_comments', 'itsme_disable_feed', 1);
add_action('do_feed_atom_comments', 'itsme_disable_feed', 1);

Como pode notar, nos argumentos em “wp_die”, há mensagem customizável orientando leitores a visitarem o website, em lugar de assinar os feeds.

Velocidade no WordPress – lidando com empresas de shared hosting

Se utiliza um host compartilhado em seu website, por vezes talvez tenha de lidar com o suporte de forma mais técnica para conseguir o que quer. Alguns temas mais atuais, bem como sites com mais conteúdo e fluxo, necessitam de maior memória no WordPress. Há maneiras de efetuar mudanças, tanto via .htaccess quanto por meio de ficheiros dentro do WordPress core ou do tema. Entretanto, alguns serviços de shared hosting podem inclusive derrubar seu website, caso tais valores sejam modificados acima dos já estabelecidos em configuração.

A dica a seguir serve para coletar argumentos para pedidos junto a serviços de hosting. Algumas configurações do PHP no servidor podem tornar sites mais pesados lentos. Para tanto, é necessário pedir o aumento e modificação de alguns atributos:

  • max_execution_time
  • max_file_uploads
  • max_input_vars
  • memory_limit

Do mesmo modo, para algumas aplicações ou mesmo para desenvolvimento de plugins ou rotinas PHP mais complexas e elaboradas, algumas extensões e propriedades precisam estar instaladas em seu servidor. São extensões como mbstring, mcrypt, Phar e outras. Para saber detalhes a respeito da versão, propriedades e extensões do PHP em seu servidor, basta criar em seu diretório raiz um novo ficheiro extensão PHP. Preferencialmente batize-o como servidor-teste.php ou algo do gênero, apagando assim que o utilizar. No ficheiro, apenas incluirá o seguinte:


// Teste de configurações PHP
php phpinfo();

Vá ao navegador e execute o ficheiro, digitando seu domínio, a “/” e o nome do ficheiro que criou. Isso dará a você um diagnóstico detalhado de todas as configurações PHP do seu serviço de alojamento web, permitindo que você discuta de igual para igual com o suporte quando necessário.

Quer uma análise do seu site?

Fazemos gratuitamente o diagnóstico

Clique no botão, receba novidades e dicas e uma análise grátis de seu website. Basta inscrever-se em nossa newsletter.