Como Adicionar Atributo de Título aos Menus de Navegação do WordPress

Acreditamos que todo visitante do seu site merece a melhor experiência possível. Seu menu de navegação é uma parte fundamental disso, agindo como um guia amigável.

Para tornar esse guia ainda mais claro, você pode adicionar um atributo de título aos menus de navegação do WordPress. Este pequeno passo tem um grande impacto na acessibilidade do seu site.

Para visitantes que usam leitores de tela, esses atributos leem em voz alta uma breve descrição do link. Isso fornece a eles clareza extra sobre para onde um link os levará.

Isso também fornece aos mecanismos de busca um pouco mais de informação sobre a estrutura do seu site. É uma vitória tanto para seus visitantes humanos quanto para seu SEO.

Mostraremos exatamente onde encontrar essa configuração e como usá-la de forma eficaz. Vamos tornar seu site ainda melhor, juntos.

Como Adicionar Atributo de Título aos Menus de Navegação do WordPress

Por que Adicionar Atributos de Título aos Itens do Menu de Navegação?

No WordPress, você pode adicionar um atributo de título para descrever melhor qualquer elemento HTML. Isso é frequentemente usado com links e imagens para fornecer informações extras que aparecem como uma dica (tooltip) quando o usuário passa o mouse sobre o elemento.

Aqui está um exemplo de um atributo de título de imagem exibido em uma dica (tooltip). O usuário pode aprender mais informações sobre a imagem movendo o mouse sobre ela.

Uma imagem com o texto do título

Você pode aprender mais em nosso guia sobre a diferença entre texto alternativo de imagem e título.

Também recomendamos que você use o atributo de título ao adicionar links ao seu post. Isso permite que os usuários vejam para onde o link os levará antes de clicarem nele.

O atributo title também pode ser lido em voz alta por leitores de tela usados por usuários com deficiência visual. No entanto, o leitor de tela já lerá o item do menu, portanto, não há necessidade de adicionar um atributo title, a menos que ele contenha informações adicionais úteis.

Dito isso, vamos dar uma olhada em como adicionar o atributo title em menus de navegação do WordPress. Você pode usar os links abaixo para pular para o método que funciona com o seu tema:

  1. Adicionando um Atributo Title a Itens de Menu de Tema Clássico
  2. Adicionando um Atributo Title a Itens de Menu de Tema de Bloco
  3. Perguntas Frequentes
  4. Guias de Especialistas para Personalizar Menus de Navegação do WordPress

Adicionando um Atributo Title a Itens de Menu de Tema Clássico

Se você estiver usando um tema clássico do WordPress, poderá personalizar seu menu de navegação visitando Aparência » Menus no seu painel.

No entanto, você não pode adicionar um atributo title às entradas do menu por padrão.

Para adicionar essa funcionalidade, você precisará clicar na aba ‘Opções de Tela‘ no canto superior direito da tela. Isso abrirá um menu, onde você precisará clicar na caixa de seleção ao lado da opção ‘Atributo Title’.

Habilitando Atributos de Imagem nas Opções de Tela

Isso adicionará um campo de atributo title para quando você criar ou editar uma entrada de menu.

Agora, você pode rolar para baixo e clicar em qualquer item do menu em seu menu existente para expandi-lo. Você verá o campo de atributo title.

Adicionando um Atributo Title a um Item de Menu de Tema Clássico

Agora você pode adicionar o texto que deseja usar como título. Você também pode expandir outros itens do menu e adicionar atributos title a eles.

Não se esqueça de clicar no botão ‘Salvar Menu’ na parte inferior da página para armazenar suas alterações.

Agora você pode visitar seu site WordPress e passar o mouse sobre um link no menu de navegação. Você verá o atributo title exibido como uma dica.

Visualização de um Atributo Title de Entrada de Menu ao Usar um Tema Clássico

Adicionando um Atributo Title a Itens de Menu de Tema de Bloco

Se você estiver usando um tema de bloco, então você pode personalizar seu menu de navegação usando o Editor Completo do Site. Este editor permite que você adicione atributos de título às suas entradas de menu por padrão.

Primeiro, você precisa navegar para Aparência » Editor na sua área de administração do WordPress e, em seguida, clicar na opção 'Navegação' para encontrar seus menus.

Vá para a Seção de Navegação do Editor de Site Completo e Selecione um Menu

Você precisará selecionar o menu que deseja editar na lista.

Agora, você pode clicar no painel de visualização à esquerda para abrir o editor em tela cheia. Certifique-se de que o painel de configurações esteja visível à esquerda. Se não estiver, você pode exibi-lo clicando no botão 'Configurações' na parte superior da tela.

Clique em uma Entrada de Menu no Painel de Configurações

Em seguida, clique no item do menu no painel de configurações que você deseja editar. Isso exibirá as opções para essa entrada, incluindo o atributo de título.

Simplesmente digite seu título no campo ‘Atributo de Título’.

Adicionar um Atributo Tiitle no Painel de Configurações

Certifique-se de clicar no botão ‘Salvar’ na parte superior da tela para armazenar as novas configurações. Você precisará clicar em um segundo botão ‘Salvar’ para confirmar.

Agora, você pode visitar seu site para ver o atributo de título do menu em ação.

Visualização do Atributo de Título de uma Entrada de Menu em um Tema de Bloco

Perguntas Frequentes

Entendemos que você pode ter mais algumas perguntas sobre atributos de título de menu. Abaixo, respondemos a algumas das mais comuns para ajudá-lo.

1. O que é um atributo de título de menu no WordPress?

Um atributo de título adiciona texto extra e descritivo a um item de menu. Quando um visitante passa o mouse sobre o link do menu, esse texto aparece em uma pequena dica, fornecendo mais contexto sobre para onde o link os levará.

2. Os atributos de título de menu são bons para SEO?

Sim, eles podem ser benéficos para SEO. Os atributos de título fornecem aos mecanismos de busca mais informações sobre seu link e a estrutura do seu site. Embora não seja um fator de classificação importante, é uma boa prática que contribui para um site bem otimizado.

3. Como habilito o atributo de título para menus no WordPress?

Se você estiver usando um tema clássico, o campo do atributo de título está oculto por padrão. Você pode habilitá-lo indo em Aparência » Menus e clicando na aba ‘Opções de Tela’ no canto superior direito. Em seguida, basta marcar a caixa ao lado de ‘Atributo de Título’. Para temas de blocos, este campo está visível por padrão no Editor de Site Completo.

4. Qual é a diferença entre o Rótulo de Navegação e o Atributo de Título?

O Rótulo de Navegação é o texto visível do item do menu no qual os usuários clicam (por exemplo, ‘Blog’, ‘Sobre Nós’). O Atributo de Título é o texto extra que aparece em uma dica ao passar o mouse e não é visível de outra forma. Ele deve fornecer informações adicionais, não apenas repetir o rótulo.

5. Devo adicionar um atributo de título a cada item de menu?

Não é estritamente necessário para todos os itens, especialmente se o rótulo de navegação já for muito claro. Você deve adicionar um atributo title quando ele puder fornecer contexto adicional útil que o rótulo sozinho não transmite. Por exemplo, para um rótulo 'Contato', o atributo title poderia ser 'Entre em contato ou encontre nosso endereço'.

Guias de Especialistas para Personalizar Menus de Navegação do WordPress

Esperamos que este tutorial tenha ajudado você a aprender como adicionar um atributo title em menus de navegação do WordPress. Você também pode querer ver alguns outros artigos relacionados à personalização do menu de navegação do WordPress:

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

20 CommentsLeave a Reply

  1. Olá, obrigado por este guia prático. Ele me permitiu adicionar o atributo title no meu menu de cabeçalho para as páginas mais úteis do meu site, o que facilitou a navegação do usuário para as páginas necessárias. Mas ainda tenho algumas dúvidas sobre isso.
    Adicionar atributos title em menus de navegação deve ser considerado uma medida ou fator de SEO que deve ser levado em conta para aumentar a otimização para mecanismos de busca, ou é apenas para fins de navegação interna?

    • Algumas pessoas acreditam que pode ser para SEO, mas o objetivo principal é a experiência do usuário para seus visitantes que usam um leitor de tela e, se você tornar o conteúdo mais fácil de navegar para os usuários, é mais provável que seu site tenha uma boa aparência para SEO.

      Admin

    • Geralmente, diz-se, e é verdade, que você faz isso pelos usuários e pelo conforto deles ao usar dispositivos como leitores. Por outro lado, se você deixar uma ferramenta como o Google Pagespeed Insight escanear seu site sem essas descrições, ela alertará sobre esses problemas e deduzirá pontos da sua classificação de SEO. Na minha opinião, isso indica que, além do acima, provavelmente terá algum impacto no SEO e na avaliação do Google. Portanto, acho que é bom seguir essa prática por motivos de SEO, não apenas pelos usuários e seu conforto.

  2. Acho interessante saber que o SEO é mais humano do que nós e tem mais consideração por todos do que nós.
    Quero dizer, quando fazemos SEO cuidando de títulos e tags alt e tentamos garantir que ele otimize nos parâmetros de SEO, isso, por sua vez, permite que leitores de tela visualizem e leiam claramente.
    Eu não sabia que as opções de menu também tinham a opção de atributo de título. obrigado por esta adição.

  3. Isso foi incrivelmente útil. Eu não sabia que havia um menu para opções de tela. Meu atributo de título havia desaparecido e isso me ajudou a encontrá-lo. Obrigado!

  4. Uau, obrigado! Fiquei arrancando os cabelos o dia todo tentando injetar o atributo de título com o nav_menu_link_attributes. Nada funcionava. Isso foi tão fácil e funcionou muito bem. Eu não fazia ideia de que todo aquele material estava escondido em Opções de Tela. Obrigado novamente!

  5. Isso não funcionou nada para mim. Nas capturas de tela de exemplo, você diz para rolar para baixo e clicar em qualquer item do menu e expandi-lo. A captura de tela mostra claramente URL, Rótulo de Navegação, Atributo de Título. Mas quando eu expando o item do menu que quero editar, NÃO HÁ URL associada a ele. Estou tentando fazer esta categoria ser lida em ordem crescente (do mais antigo para o mais novo).

Deixar uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.