tecnologia

Como criar um boilerplate Eleventy v3 focado em SEO

Interface de código do Eleventy v3

Para criar um boilerplate Eleventy v3 focado em SEO, você deve começar definindo uma estrutura de dados global clara e utilizando plugins oficiais como eleventy-img e eleventy-plugin-rss. Esta abordagem garante que seu site atenda aos requisitos técnicos modernos de performance e indexabilidade.

Como o Eleventy v3 ajuda no SEO?

O Eleventy v3 melhora o SEO através de sua arquitetura zero-bundle, que elimina JavaScript desnecessário no cliente, resultando em tempos de carregamento ultrarrápidos. Além disso, a flexibilidade dos filtros e shortcodes permite a implementação automatizada de JSON-LD e meta tags ricas em todas as páginas.

Por que migrar para a versão 3?

A versão 3 do Eleventy traz suporte nativo a ESM, o que permite usar as bibliotecas mais recentes do ecossistema Node.js sem hacks. Além disso, a performance do build foi significativamente otimizada, chegando a ser 40% mais rápida em projetos de grande escala, conforme dados do benchmark oficial da equipe do 11ty em 2024.

Como configurar o sitemap automaticamente?

Você não precisa criar o sitemap manualmente a cada novo post. Com a técnica de iteração sobre a coleção all, seu sitemap.xml estará sempre atualizado.

Em termos de resultados, sites que utilizam dados estruturados bem configurados têm uma probabilidade 25% maior de aparecer em rich results do Google, segundo um estudo da Search Engine Journal de 2023.