Performan em sites Joomla

Por
Nicholas K. Dionysopoulos

Em 5 partes:

Origiais em inglês

https://www.dionysopoulos.me/joomla-performance-tuning-i-start-at-the-beginning.html
https://www.dionysopoulos.me/joomla-performance-tuning-ii-basic-settings.html
https://www.dionysopoulos.me/joomla-performance-tuning-iii-static-media-optimization.html
https://www.dionysopoulos.me/joomla-performance-tuning-iv-site-building-calisthenics.html
https://www.dionysopoulos.me/joomla-performance-tuning-v-content-quality.html

Quinta e ultima parte

Joomla Performance Tuning V: Content Quality

Feliz Ano Novo 2021 a todos! Esta é a última parte da minha série sobre otimização de sites Joomla. Na edição anterior fizemos alguns exercícios de construção de sites. Hoje falaremos sobre conteúdo. Este não é necessariamente um tópico do Joomla – aplica-se igualmente ao WordPress, Drupal, Medium, Blogger e tudo que publica palavras escritas na web.

Você já pensou que o próprio fato de eu poder fazer com que dados incorpóreos sejam transferidos por todo o globo usando movimento de elétrons e luz, para que uma rocha pensante alimentada por relâmpagos possa renderizar alguns rabiscos em um pedaço de vidro que farão você ter alucinações? copiar meus pensamentos em seu cérebro não é nada mágico?

É disso que se trata a web. Magia prática, projetada para comunicar nossos pensamentos a pessoas que possivelmente nunca conhecemos e com quem nunca teríamos a chance de conversar. Sob esta luz, os sites são ferramentas de comunicação e a otimização de mecanismos de pesquisa (SEO) é um meio para um fim, não um objetivo em si. SEO tem como objetivo ajudar mais pessoas a encontrar nossos pensamentos.

Vamos falar sobre como podemos fazer isso de uma forma que faça sentido para nossos leitores, para nós mesmos e para as pedras mágicas do pensamento que pesam nossas palavras e decidem quais cérebros infectar com elas.

Divida artigos longos

Eu sei que sou culpado de escrever conteúdo muito longo. Meus artigos normalmente têm poucos milhares de palavras. A partir de um certo ponto, tornam-se demasiado onerosos tanto para os humanos como para as máquinas que os consomem.

Se seus artigos tiverem mais de alguns parágrafos, será útil colocar títulos neles. Os títulos funcionam como âncoras para o leitor, tanto na primeira vez quanto no que retorna. Falando em âncoras, se você quiser vincular a títulos específicos, lembre-se de fornecer atributos de id a eles. Admito que não faço isso com frequência em artigos. Eu, no entanto, pratico isso ao escrever documentação.

Os títulos só o levarão até aqui. Depois de chegar a algumas páginas impressas, seu conteúdo se torna muito longo para ser assimilado por um ser humano. É melhor dividi-lo em grupos lógicos desses títulos e colocar cada um deles em uma nova página.

Você não precisa e não deve criar um novo artigo para cada página! Joomla possui um recurso integrado de paginação de artigos. Use o botão Editor de quebra de página para separar suas páginas lógicas. Joomla mostrará um índice no topo de cada página e links para a página anterior e a próxima do seu artigo.

Mantenha o tamanho do DOM sob controle

Todo o seu site e seu conteúdo são entregues como HTML ao navegador. HTML é texto estruturado. Cada tag cria um nó na árvore Document Object Model (DOM), a representação interna do HTML analisado na memória do seu navegador. OK, tecnicamente é mais complicado do que isso, mas esta é uma boa aproximação para começar.

Um DOM aninhado muito grande ou excessivo causará problemas ao renderizar seu site. O navegador precisará despender mais esforço para organizar sua página. As interações com a página exigirão que o navegador recalcule um grande número de nós DOM. Suas páginas demorarão para carregar, exibir, rolar e interagir, enquanto consomem muito mais energia. Se é provável que o seu conteúdo seja consumido por 9 em cada 10 pessoas em um dispositivo móvel de baixa potência, você deve levar isso em consideração.

Você pode manter o tamanho do DOM baixo de pelo menos duas maneiras. Primeiro, divida artigos longos em páginas conforme explicado acima. Em segundo lugar, preste atenção ao seu HTML! Não use estilos embutidos, use classes. Provavelmente, seus estilos embutidos serão algo que você reutilizará e, de qualquer maneira, se sairá melhor como uma classe CSS. Não cole diretamente do Word ou de outro site. É melhor colar como texto simples e gastar um pouco mais de tempo reformatando seu conteúdo do que acabar com um ninho de tags e classes CSS sem sentido.

Em relação ao aninhamento do DOM, é algo que começa com o seu template. Tente organizar seu template de maneira sensata, sem muitas tags aninhadas. Isso pode aumentar um pouco suas habilidades em CSS. Eu deveria saber. Não sou exatamente uma autoridade líder na criação de uma estrutura de página em CSS do nada. Sempre que eu tinha que fazer algo que normalmente exigiria o uso de meia dúzia de tags CSS aninhadas, eu perguntava à minha esposa e ela apresentava uma solução que a princípio parecia magia negra, mas depois que eu dissequei seus componentes, ela fez um ótimo negócio de sentido. Flexbox e CSS Grid são seus amigos na criação de layouts poderosos, pois são fáceis de entender pelo navegador e por você mesmo. Essas coisas são mágicas. Se você não gosta de escrever CSS do zero, você pode usar o Bootstrap 4 que, diferentemente de suas versões anteriores, é um wrapper um pouco mais amigável em torno do Flexbox.

Ei, puristas: eu sei que o Bootstrap 4 é pesado, blá, blá, blá. Lembre-se de que a maioria das pessoas que lêem este artigo está tentando criar sites com uma equipe pequena, com prazos impossíveis e orçamentos apertados. Perder 10 pontos no Farol não é o fim do mundo. Não entregar um site a tempo também pode ser.

Escreva principalmente para humanos, não para bots

Muitos dos conselhos que você encontrará sobre como escrever um bom conteúdo para a web concentram-se em objetivos de curto prazo. Normalmente, ele diz a você como fazer com que os mecanismos de pesquisa classifiquem seu conteúdo de forma elevada, pelo menos no curto prazo, com total desconsideração de como os humanos percebem o resultado final. Para alguns sites, como campanhas de marketing por tempo limitado, isso faz sentido e, se você tiver um site assim, continue fazendo isso. Para a maioria dos sites, entretanto, esta pode ser uma abordagem míope.

Os mecanismos de pesquisa podem classificar seu conteúdo de maneira elevada e colocá-lo diante de mais olhos, mas isso não significa nada se não levar a mais tráfego em seu site. Um ser humano que já visitou seu site antes e o achou cheio de bobagens irá ignorar seus preciosos resultados de pesquisa altamente classificados quando estiver procurando por outra coisa. Os humanos se lembram mais das experiências ruins do que das boas. Esta é uma característica fundamental da natureza humana, que manteve vivos os nossos antepassados primitivos – aprender a evitar a caverna com o urso faminto foi uma habilidade fundamental de sobrevivência.

A melhor abordagem para o seu conteúdo é escrevê-lo da forma que for mais atraente para o público-alvo. Meu conteúdo, por exemplo, se enquadra em duas categorias aproximadas: artigos técnicos de instruções e artigos de opinião como este aqui. Eles têm públicos distintos com necessidades diferentes e expectativas. Meus artigos técnicos concentram-se no que você deve fazer, com uma breve descrição do porquê e uma explicação mais longa de exatamente como, o que está claramente marcado como tal. Eles são dispostos na ordem em que você precisa fazer as coisas. Advertências são apontadas. Muitos títulos ajudam você a encontrar seu lugar caso esteja perdido. A escrita é seca, técnica e direta.

Meus artigos de opinião são uma história diferente. Meu texto de introdução começa com um pequeno gancho que servirá como um bom resumo no cartão de link quando compartilhado nas redes sociais. Eu uso imagens atraentes pelo mesmo motivo. No texto completo começo com um parágrafo que define as expectativas e o tom. Tento empregar uma narrativa coesa, cada seção se baseando no que já abordei. Termino com um outro parágrafo que gentilmente leva o leitor de volta ao aqui e agora e o estimula a pensar mais sobre meu conteúdo. O conteúdo em si é escrito no mesmo tom informal que eu usaria ao fazer uma apresentação.

Descubra quais são as expectativas do seu público e module seu tom de voz e estrutura de conteúdo para atraí-los. Evite o que seria melhor descrito como “linguagem dura”, ou seja, formalidade excessiva – a menos que você seja um advogado ou esteja escrevendo um comunicado de imprensa para o primeiro-ministro, caso em que isso não pode ser evitado. No outro extremo do espectro, e a menos que o seu público espere explicitamente esse tipo de conteúdo, evite jargões, gírias e coloquialismos excessivos. Evite o verbalismo; sua erudição não é questionada ao escrever conteúdo para a web. Eu entendo a ironia de dizer a você para não usar palavras complicadas usando palavras complicadas; foi intencional e demonstra como o conteúdo fora do tom pode fazer com que seus leitores façam uma pausa. Finalmente, evite "fluff", ou seja, dizer algo simples com muitas palavras. Se o seu conteúdo parece ter sido escrito por um aluno entediado tentando atingir o limite de palavras, você perde credibilidade.

Verificação ortográfica e gramatical

Sempre verifique se há erros ortográficos e gramaticais em seu conteúdo. Ninguém espera que você esteja no nível de um linguista, a menos que você seja um, mas faça um esforço para evitar erros flagrantes.

A maioria dos navegadores e sistemas operacionais modernos inclui dicionários e corretores ortográficos integrados. Estou usando o Safari para escrever este conteúdo. Tudo o que preciso fazer para verificar a ortografia e gramática do meu conteúdo é clicar com o botão direito nele, clicar em Ortografia e Gramática e fazer com que ele identifique meus erros e faça recomendações.

Além disso, você pode usar recursos de terceiros, como Grammarly e Thesaurus, para melhorar sua redação. Você também pode tentar se casar com um americano que seja um defensor da gramática adequada, como eu fiz, mas recursos de terceiros são muito provavelmente muito mais práticos. (Ei, Crystal, se você está lendo este conteúdo, por favor, não me dê um F.)

Minimize interrupções

Além do tom e da estrutura do conteúdo, você deve evitar interrupções desnecessárias no fluxo de leitura do visitante. Não coloque anúncios em seu conteúdo. Se necessário, reduza-os ao mínimo e marque-os claramente como tal com dicas visuais sutis (como um fundo mais opaco ou uma borda leve). Evite anúncios grandes, em movimento, piscantes, visíveis ou pop-up, popover e pop-under. Eles são extremamente hostis para pessoas com deficiência cognitiva, epilepsia ou TDAH como o seu. Eu uso um bloqueador de anúncios agressivo porque esse tipo de anúncio impossibilita que eu me concentre no conteúdo. Não use anúncios que pareçam fazer parte do seu conteúdo ou do seu site, pois eles estão confundindo os visitantes e é provável que fechem a guia porque o seu conteúdo de repente não faz mais sentido. Não use anúncios que aparecem magicamente quando as pessoas rolam a página. Eles interrompem o fluxo de leitura e desencadeiam uma resposta de fuga. Pelo amor de tudo o que você ama, em nenhuma circunstância associe palavras aleatórias a anúncios. Quando as pessoas veem um link, elas esperam algo útil, e não uma bobagem completa.

Não use vídeo de reprodução automática, a menos que seu conteúdo seja apenas vídeo, claramente marcado como tal e que seus usuários esperem que ele comece a ser reproduzido. Muitos de nós temos filhos pequenos tentando dormir e ficamos ao telefone enquanto eles dormem, um processo que pode levar mais de uma hora regularmente. A reprodução automática de vídeos pode fazer com que nossos telefones comecem a emitir sons e acordem a criança. A maioria dos pais tem uma opinião muito forte sobre isso, a tal ponto que seria ativamente prejudicial para sua segurança física estar na mesma sala que eles, uma vez que você se identifique como a fonte daquele vídeo de reprodução automática. Reações semelhantes ocorrem quando nosso parceiro está dormindo, estamos no escritório (quando podemos voltar aos nossos escritórios depois que a pandemia estiver sob controle...), na estação de trem (idem) e assim por diante. Mesmo quando estamos sozinhos, aqueles malditos vídeos de reprodução automática são inesperados, irritantes e nos fazem nunca mais querer visitar seu site.

Na mesma nota, por favor, não exagere com pop-ups e popovers. Não quero seus biscoitos, ponto que já falei. Não quero assinar seu boletim informativo, acabamos de nos conhecer. Eu não me importo com o desconto que você jogou na minha cara; Ainda não li sobre a descrição do seu produto, com certeza não vou comprá-lo só porque você acenou com um desconto de 5% na minha cara. Não, você não tem permissão para me bloquear porque estou acessando seu site da União Europeia, você está fazendo errado o GDPR. Ah, pelo amor de Deus, não vou desativar meu bloqueador de anúncios para ler seu conteúdo; seus anúncios piscando impossibilitando o acesso ao seu conteúdo é o motivo pelo qual estou usando-o em primeiro lugar. PARAR. COM. O. POPUPS. *fecha a aba* Essa é minha experiência típica ao visitar um site atualmente. Se você criou um site assim, eu te odeio. A maioria das pessoas odeia você. Você está prestando um péssimo serviço ao seu público e, efetivamente, a si mesmo.

Resumindo, reduza ao mínimo as distrações desnecessárias. Seu público apreciará uma experiência livre de distrações. Faça anúncios sutis se é isso que está pagando suas contas. Ofereça seus boletins informativos como uma ação na barra lateral ou um anúncio in-line no final do seu conteúdo - se eu gostar, sim, posso até assinar seu boletim informativo para obter mais informações. Mostre-me o desconto do cliente pela primeira vez quando eu for para a página de compra do produto, não para a página de descrição do produto. Agradecerei, ainda mais se for um botão que o aplica para mim em vez de tentar copiá-lo para o meu smartphone, o que invariavelmente faz com que desapareça da minha vista. Respeite minha privacidade e minha decisão de usar um bloqueador de anúncios. Se precisar restringir meu acesso à quantidade de conteúdo que posso consumir, faça isso; O New York Times faz isso e eu ainda visito o site deles.
Torne seu conteúdo compatível com bots da mesma forma

Conteúdo de boa qualidade que agrada aos humanos em um site de carregamento rápido tem uma classificação muito boa nos mecanismos de pesquisa. É também muito mais provável que seus visitantes o compartilhem, o que criará ainda mais links de entrada para você, o que melhorará ainda mais a classificação. É como se os mecanismos de pesquisa tentassem mostrar aos usuários o conteúdo mais relevante e de fácil leitura, relevante para sua pesquisa...

Sarcasmo à parte, existem algumas coisas que você pode fazer para ajudar ainda mais os mecanismos de pesquisa e as plataformas de mídia social a digerir seu conteúdo e entendê-lo: microdados. Esses são atributos adicionais em seu conteúdo HTML que indicam o tipo de seu conteúdo e fornecem contexto adicional. Por exemplo, você pode dizer às máquinas que ingerem seu conteúdo quem é o autor, quando ele foi criado e modificado pela última vez, de que tipo de produto você está falando e onde encontrar mais informações sobre ele e assim por diante.

Joomla possui suporte integrado para microdados usando a linguagem Schema.org. Ela fez sua primeira aparição como uma biblioteca principal em 2013 para uso por plug-ins de terceiros e foi totalmente integrada à saída HTML dos componentes principais por volta de 2017. Se você tiver um terceiro, verifique se as substituições de modelo incluem microdados. Tudo o que você vê na aba Publicação ao editar um artigo passa a fazer parte dos microdados.

Falando na aba Publicação, lembre-se de preencher as informações do seu conteúdo. As meta palavras-chave não são mais as únicas dicas para um mecanismo de pesquisa, mas ajudam na desambiguação se não tiverem certeza sobre o contexto do seu conteúdo. A meta descrição raramente é mais usada nos resultados de pesquisa, ou nunca, mas muitos sites de terceiros a utilizam para apresentar um resumo do seu conteúdo quando há um link para ele. Os direitos de conteúdo são uma informação frequentemente esquecida, mas importante, que dá uma dica às máquinas e às pessoas sobre o licenciamento do seu conteúdo e se ele pode ser reutilizado.

Seus links para recursos externos devem ter um atributo rel definido como nofollow para quaisquer links que apontem para algo que você não endossa ou que seja de natureza comercial. Se você estiver vinculando a páginas internas que não devem ser indexadas, como uma página de carrinho ou checkout, um painel de usuário, etc., você deve definir o atributo rel como noindex.

Isso é tudo, pessoal!

Esta série de artigos foi uma jornada selvagem para mim. Comecei a trabalhar para melhorar o desempenho do meu blog em abril. Eu estava trabalhando nisso até julho. Acabei escrevendo vários plug-ins e fazendo muitas mudanças, grandes e pequenas, em todo o site. Nasceu a necessidade de compartilhá-lo com o mundo.

Comecei a escrever esta série no final de julho de 2020, pensando que seria um artigo único e bastante longo. À medida que continuei escrevendo, acrescentando coisas novas e revisando o que já havia escrito, percebi que ninguém teria paciência para ler um artigo de 13.000 palavras – a maioria das pessoas chamaria de livro pequeno. Comecei a reorganizá-lo em novembro como uma série de artigos, com a intenção de publicá-lo como meu calendário do advento em dezembro. Caro leitor, eu deveria saber melhor.

Entre meados de novembro e o Natal, fiquei preso no trabalho. Todos se encontraram com uma pressa louca para fazer tudo o que ainda não haviam conseguido. Sendo o autor de muitas extensões populares, me vi no cruzamento de meus clientes que se esforçavam muito para obter essas extensões finais. Poucos sites prontos e PHP 8.0 saindo. Minha ideia de calendário do advento teve que ser descartada. Os esquemas mais bem elaborados de ratos e homens, como se diz na Escócia.

Logo depois do Natal, fiz meu próprio sprint, finalizando o conteúdo desta série e compactando-o em cinco longos artigos que poderia publicar como minha contagem regressiva de cinco dias para o Ano Novo. Consegui tocar na superfície de quase tudo o que realmente importa, desde por que se preocupar em otimizar seu site, até dicas sobre como construir seu site, otimizar seu conteúdo estático, fazer uma verdadeira ginástica e, por fim, fazer com que seu conteúdo valha a pena ser lido.

Espero que você tenha gostado desta série tanto quanto eu gostei de escrevê-la. Espero que pelo menos tenha lhe dado uma pequena vontade de começar a otimizar seus sites e possivelmente ajudado você a aprender algo novo ou a redescobrir algo esquecido. Tenha um Feliz Ano Novo e que este ano seja livre de pandemias e desastres!

Nota do tradutor

Muito agradecido ao autor (grande Nicholas K. Dionysopoulos) pela generosa divulgação da série de artigos e também por autorizar a publicação desta tradução.

Ribamar FS
25 de outubro de 2023.