Conversor para kebab-case

Sobre Conversor Kebab Case

kebab-case é a convenção que usa palavras minúsculas separadas por hífen (-), como 'nome-completo', 'user-profile', 'home-page'. É padrão em URLs amigáveis (slugs) — Google e usuários preferem 'meu-blog/post-titulo' em vez de 'meu_blog/postTitulo' — e em CSS (classes com `class="button-primary"`, `data-attributes`). Também é usada em pacotes npm, comandos shell (`npm-run-all`, `git-flow`) e nomes de arquivos de componente em projetos web. Esta ferramenta converte qualquer texto em kebab-case correto, aceitando entrada com espaços, underscores, camelCase ou PascalCase. Útil para criar slugs de URL a partir de títulos de blog/artigos/produtos (essencial para SEO), nomes de classes CSS, IDs HTML, nomes de pacotes e arquivos. O resultado é sempre URL-safe e pronto para usar.

Como usar o Conversor Kebab Case

Digite ou cole o texto e clique em 'Converter'. O resultado será em kebab-case (palavras-separadas-por-hífen).

Para que serve?

Para converter textos para kebab-case, formato usado em URLs, classes CSS, nomes de componentes e slugs de artigos.

kebab-case: o padrão da web para URLs, CSS e atributos HTML

kebab-case usa hífens como separadores, com todas as letras em minúsculas (ex: minha-variavel). O nome é uma analogia ao espeto de churrasco. É a convenção obrigatória para slugs de URL (SEO e legibilidade dependem disso), classes e propriedades CSS customizadas (--cor-primaria), atributos de dados HTML (data-user-id), nomes de pacotes npm e componentes web nativos. O hífen é escolhido porque URLs e CSS não aceitam underscores em todas as posições sem encoding, e porque os motores de busca tratam o hífen como separador de palavras — o que melhora o rankeamento de termos individuais em slugs.

kebab-case em roteamento de frameworks e geração automática de slugs

Frameworks como Next.js, Nuxt e SvelteKit usam nomes de arquivo em kebab-case para o roteamento baseado em sistema de arquivos — um arquivo chamado meu-produto.tsx gera automaticamente a rota /meu-produto. Ferramentas de CMS headless como Contentful e Sanity geram slugs em kebab-case a partir do título da entrada. Um erro sutil é misturar kebab-case com underscores em slugs do mesmo site — além de inconsistência visual, o Google pode indexar ambas as versões como páginas distintas. Redirecionar URLs antigas com underscore para suas versões com hífen via 301 é uma prática recomendada de migração de SEO. Evite slugs com letras maiúsculas — servidores Apache e Nginx são case-sensitive por padrão.

Perguntas Frequentes