Um dos meus objetivos ao retomar o blog é alcançar o melhor índice possível nas Core Web Vitals. Ter essas métricas como foco proporciona valiosos insights sobre desempenho, SEO, acessibilidade, segurança e as melhores práticas de desenvolvimento web.
O blog utiliza o tema Twenty Fifteen na versão 3.6, que é desenvolvido e mantido pela WordPress.org, no momento estou utilizando apenas dois plugins, o Really Simple SSL para fazer os redirecionamentos http para https e o Site Kit by Google para monitorar e gerenciar serviços do Google (Analytics, AdSense e Search Console e Core Web Vitals), ainda estou avaliando se vou manter este último plugin, em algum momento, posso optar por removê-lo e realizar a instalação manual dos scripts e tags.
Com a configuração inicial do NGINX, MariaDB e PHP 8.2 (modo FastCGI), o resultado obtido nas Core Web Vitals foi o seguinte:
Optei por abordar o que me pareceu mais acessível para atingir os 90 pontos: as métricas de SEO que indicavam a ausência da meta tag description nas páginas do blog.
Existem vários plugins de SEO que poderiam resolver esse problema. No entanto, como mencionei anteriormente, evito sobrecarregar a instalação do WordPress com uma série de plugins, pois isso pode impactar o desempenho e criar pontos potenciais de vulnerabilidade. Embora reconheça que o Google Core Vitals não abranja todas as técnicas de SEO, optei por utilizá-lo como meu guia neste projeto.
Para solucionar essa questão, é necessário editar o arquivo header.php do tema Twenty Fifteen, localizado no diretório wp-content/themes/twentyfifteen, e adicionar o trecho abaixo entre as tags head
<meta name="description" content="<?php if ( is_single() ) { single_post_title('', true); } else { bloginfo('name'); echo " - "; bloginfo('description');} ?>" />
O código é bastante simples de compreender. Inseri uma instrução PHP que verifica uma condição dentro do atributo content. Se a página for um post (if (is_single())), o tema renderizará o título do post (single_post_title(”, true)). Caso seja a página principal do blog, o valor do atributo content será o nome do blog (bloginfo(‘name’)) com a descrição do blog (bloginfo(‘description’)).
Com este ajuste o blog ficou acima dos 90 pontos do Core Web Vitals
É isso aí! Ainda há muitos ajustes a serem feitos, especialmente em relação ao desempenho e à ativação do PWA, que é um terreno desconhecido para mim no momento. Se tiver alguma dúvida ou sugestão, por favor, compartilhe nos comentários. Ficarei feliz em ajudar. Até a próxima!