Template, layout ou tema do WordPress é aquele conjunto de códigos responsáveis pela identidade visual de um site que todo mundo conhece. Porém, um template mal escrito pode implicar problemas de grande extensão, podendo prejudicar um trabalho árduo de muitos anos em um piscar de olhos.
Inclusive, é importante ressaltar que, embora este artigo esteja mais focado no “tema” do WordPress, os cuidados com os plugins também são semelhantes, já que trata-se igualmente de código adicionado ao blog com potenciais destrutivos equivalentes.
Seções desta página
Por que é tão importante ter um template WordPress otimizado?
Porque, se você deseja que seu negócio online prospere nas interwebs, é altamente recomendado seguir à risca todas as diretrizes básicas, seja ele um site, um blog ou uma loja virtual.
Contudo, ainda existem webmasters que não se preocupam com esse pequeno grande detalhe e depois ficam lamentando mundo afora que não conseguem atingir um bom ranking na SERP (Página de Resultados dos Mecanismos de Pesquisas), mesmo tendo um bom conteúdo publicado.
Bom, para que o seu projeto possa colher bons frutos na busca orgânica e, também, manter a saúde do seu servidor web em dia, é necessário manter o template WordPress bem enxuto. E entenda que um template enxuto, ou seja, super otimizado, deve seguir a lista de exigências descritas neste artigo.
Como ter um template WordPress otimizado?
Dicas importantes para não cometer erros de web design
Para que sua estratégia SEO tenha sucesso, é preciso seguir algumas dicas e recomendações importantes para não cometer esses tipos de erros.
Como aumentar o desempenho do site com otimização de imagens
Mantenha suas mídias sempre otimizadas. Nesse caso, exclusivamente para os clientes PortoFácil, oferecemos a otimização de imagens da Mônica para Clientes.
Como otimizar um site com Lighthouse, Flying Images e Scripts
Utilize a ferramenta Google Lighthouse e os plugins Flying Images e Scripts e aprenda, de uma vez por todas, como otimizar e turbinar um layout WordPress.
Dicas para otimizar Javascript, CSS e HTML no WordPress
Faça uso do minify de arquivos, pois assim é possível diminuir seu tamanho no servidor e, consequentemente, fazer seu site ser carregado de forma mais rápida.
Como corrigir ERRO 404 e aumentar a conversão
Crie uma página de erro 404 criativa. Ao criar um modelo personalizado para o template WordPress é possível aumentar a conversão quando um visitante chega a uma dessas páginas não encontradas.
Qual o melhor plugin de cache para o WordPress?
Instale e configure corretamente um bom plugin de cache. Lembre-se que o WordPress é uma plataforma dinâmica e não adianta ter um template bonito nem ter um bom conteúdo se a velocidade de carregamento está abaixo do recomendado.
Por que XML Sitemap é importante para SEO
Configure um arquivo XML Sitemap para que a SERP veja seu site como um local bem arrumado, organizado e pronto para receber seus visitantes.
Como remover vírus, malware e problemas de site detectado com phishing
Evite que seu site ou blog seja porta de entrada para vírus e malwares e, se for o caso, aprenda também a resolver problemas de sites com conteúdo suspeito de phishing.
O template do WordPress pode sobrecarregar seu servidor
Bom, o layout, template ou tema do WordPress é um conjunto de scripts, folhas de estilo CSS e imagens que compõem a identidade visual do site.
Estes scripts e códigos podem ser escritos da melhor maneira possível, ou talvez de maneira desleixada ou, até mesmo, excessivamente complexa. A diferença vai além da mera aparência visual, pois um template mal escrito pode sobrecarregar o servidor, levando o site até mesmo a ficar offline.
Não é demais ressaltar que a eficiência do código de programação não pode ser medida ou estimada pela aparência final do site. Há casos em que templates WordPress complexos utilizam código extremamente eficiente, enquanto muitos sites com visual simplista e minimalista são verdadeiros torturadores de servidor.
Como ter um template WordPress eficiente?
A tarefa de programar um layout para o WordPress é bastante complexa, e demanda conhecimento de várias áreas, como por exemplo:
- Banco de dados;
- Programação PHP;
- Programação JavaScript;
- CSS;
- Tipografia;
- User Experience.
Claro, o principal é conhecer o WordPress e suas ferramentas e, devido a esta complexidade, não é possível criar uma receita perfeita para ter um tema leve no WordPress, mas algumas orientações gerais devem ser observadas com cuidado.
Utilize templates responsivos
Layouts responsivos são aqueles que se adaptam a qualquer tipo de tela, sem a necessidade de plugins extras para fazer a “mágica“.
Um tema responsivo oferece o mesmo código para todos os visitantes, independente do tipo de dispositivo usado. Aumentando assim a eficiência dos caches, facilitando a manutenção e reduzindo — talvez pela metade — a quantidade de código interpretado.
Sem contar que o layout responsivo é um dos principais itens que o Google usa na hora de “indexar” e “rankear” um site.
Use sempre template WordPress com a Transient API
Para um usuário comum é muito difícil verificar se um template WordPress faz uso da Transient API. Os desenvolvedores, entretanto, deveriam certificar-se de fazer bom uso dela, ainda mais quando uma ferramenta desse tipo permite criar caches para quase todo tipo de informação.
Trocando em miúdos, o uso dos Transients pode evitar o processamento repetido das mesmas informações de entrada que, logicamente, vão reproduzir a mesma informação de saída.
Menos plugins e mais eficiência
A regra é clara! Quanto menos código o WordPress precisar executar, mais eficiente e mais rápido será o site. Pense e repense cada funcionalidade do tema, e abra mão de tudo que não for essencial, principalmente aqueles plugins que não agregam em quase nada o seu site.
- Guia de Plugins WordPress: lista dos melhores plugins essenciais
- WordPress acelerado ao máximo com Cloudflare Workers
Templates com código ruim
Há templates por aí que têm uma irritante característica: código ruim e, por “código ruim”, entenda-se:
- Desnecessariamente extenso;
- Demasiadamente lento;
- Incompreensível e de difícil manutenção;
- Que parece fazer uma coisa, mas faz outra, completamente diferente;
- Que contém características ocultas, que podem ser (1) inserção de links sem o conhecimento do dono do blog, (2) envio de informações sigilosas para o autor do template ou terceiros, (3) código para instalar vírus no computador dos visitantes, ou outros.
Templates piratas
O principal vetor de templates com código ruim, sem dúvida, são os temas piratas. Obviamente, não estamos aqui fazendo nenhum juízo de valor, até porque a licença do WordPress garante que tudo o que for produzido como derivado do WordPress deve ser distribuído na mesma licença, ou seja, gratuitamente.
O problema é que as pessoas não redistribuem os templates piratas inalterados, sendo normal injetarem códigos que fazem envio de spam, mineração de moedas virtuais, roubo de visitas, ou outras atividades no mínimo questionáveis.
Temas “Premium” com código ruim
Quem dera se todos os problemas fossem causados por quem modifica templates WordPress pagos para inserir “malware” neles.
Por exemplo, existem temas pagos muito conceituados, como os da MyThemeShop que simplesmente são tão mal escritos que exigem servidores, três, cinco, dez vezes maiores. E, pior, só para dar conta de um processo inútil que eles não permitem desativar.
Nesse caso, é necessário conhecimento de programação para modificar um código: uma contagem de visualizações de cada post que não é utilizada em nenhum lugar e sequer pode ser visualizada.
Para fazer isso, é utilizado um código que a cada visualização de post gera uma requisição AJAX que insere um registro no banco de dados, invalidando o cache daquela página.
Só quem já viu sites de média para alta visitação, consumindo recursos de processamento absurdos, para fazer ideia do quanto esses temas são ruins.
Problemas causados pelos templates ruins
Sendo objetivos: nenhum problema é grande o suficiente se não afetar o desempenho do site nas SERPs (páginas de resultados dos buscadores).
Um tema ruim vai causar problemas sérios para o SEO de um site porque:
- Afetando o desempenho do servidor, o site fica lento e, sites lentos, não são bem vistos pelo Google;
- Temas que inserem códigos maliciosos no site fazem com que este fique marcado como inseguro e, o Google, não gosta de sites inseguros;
- Links ocultos no código levam o Google a interpretar o site como parte de uma fazenda de links, ou seja lá qual for o nome que se dê para esta prática;
- Como os links são ocultos, é impossível saber para onde estão apontando. e o site pode estar, sem querer, endossando sites criminosos, com discurso de ódio, ou disseminadores de vírus. Tudo isso também é péssimo para as estratégias de SEO.
Como evitar templates problemáticos
Não é tão difícil assim evitar temas ruins. Basta evitar temas de origem duvidosa, dando preferência ao desenvolvimento de sites exclusivos com profissionais qualificados.
Entretanto, se o orçamento estiver apertado, é possível ser bem atendido com temas gratuitos. Por exemplo, tanto com os disponíveis no diretório oficial de temas do WordPress tanto com temas gratuitos desenvolvidos por produtores profissionais, que disponibilizam parte de seu trabalho gratuitamente para a comunidade.
Conclusão
Enfim, neste artigo mostramos, com inúmeros exemplos, a importância de manter o template WordPress sempre bem otimizado. Aumentando suas chances de conquistar um melhor posicionamento na SERP e, obviamente, melhorando consideravelmente a saúde do seu servidor web.
Então, que tal separar algumas horas do dia para conferir se você está seguindo todas as dicas citadas acima? Não adianta nada ter um conteúdo de qualidade se o layout do seu negócio não cumpre as exigências mínimas de uma boa otimização. Lembre-se: a escolha criteriosa do template WordPress do seu site é muito importante, e vai além da mera aparência visual.
Código de boa qualidade produz um site mais rápido e com mais chances de ser bem posicionado pelos buscadores. E melhor posicionamento implica mais visitas, que serão mais facilmente atendidas pelo servidor, pois código mais eficiente também significa menos uso de recursos computacionais.
Foto: Diggity Marketing via Unsplash.