SEO multilingue do Next.js

SEO multilingue para aplicações Next.js

Utilize o router de aplicações que já possui para fornecer URLs específicos para cada idioma, conteúdo renderizado no servidor, metadados traduzidos e relações claras entre as páginas de cada localidade.

Um locale Next.js rastreável
/fr/products/25
Translated metadata
Crawlable page

Uma rota de localidade carrega o seu próprio conteúdo e sinais de pesquisa, embora continue a utilizar a mesma estrutura de página do App Router.

Resposta curta

O SEO multilingue no Next.js é uma preocupação da aplicação como um todo, e não apenas uma questão de tradução. Cada localidade precisa de uma rota real, conteúdo renderizado no servidor adequado, metadados traduzidos e sinais canónicos e de idioma alternativo que os motores de busca possam compreender.

/ 01

Adicionar um segmento de localidade

Crie caminhos que reconheçam o idioma, como /fr/pricing ou /de/products/25, sem ter de duplicar cada página manualmente.

/ 02

Renderizar no servidor

Resolva a interface traduzida e o conteúdo dinâmico antes que a resposta chegue aos rastreadores ou visitantes.

/ 03

Traduzir metadados da página

Gere títulos, descrições, valores Open Graph e outros metadados a partir do idioma ativo.

/ 04

Ligue o conjunto de idiomas

Publique as relações linguísticas canónicas e alternativas e mantenha as rotas de localização visíveis através do seu mapa do site.

Por que razão isso importa

Um fluxo de trabalho de localização que deve estar integrado no seu produto.

Rotas locais na sua aplicação

Utilize o modelo de encaminhamento que a sua equipa Next.js já conhece para páginas públicas localizadas e registos dinâmicos.

Metadados que correspondem à página

Mantenha o título, a descrição, a pré-visualização para redes sociais e o conteúdo da página no mesmo idioma do URL.

Páginas dinâmicas incluídas

Localize produtos, anúncios, artigos e outros dados de rotas, em vez de limitar o SEO a páginas de marketing estáticas.

Sem sobreposição exclusiva do cliente

Permita que os rastreadores recebam uma resposta localizada completa da aplicação, em vez de esperar pela substituição no lado do navegador.

Perguntas frequentes

Perguntas que as equipas fazem antes da localização.

Do I need a separate Next.js page for every language?

Não. O encaminhamento com reconhecimento de localidade pode reutilizar a mesma estrutura de página, ao mesmo tempo que resolve o conteúdo e os metadados para o idioma ativo.

Where should canonical and alternate links be generated?

Gere-os juntamente com os metadados da página para que cada rota localizada possa identificar o seu URL canónico e as outras versões noutras línguas do mesmo conteúdo.

Can dynamic product pages be multilingual?

Sim. As chaves de tradução estáveis permitem que os dados de rota, como produtos, anúncios e artigos, sejam resolvidos antes de a página localizada ser renderizada.