Listas não ordenadas (ul)
As listas não ordenadas são elementos importantes para estruturar e organizar o conteúdo em uma página HTML. Com a tag <ul> (unordered list) e seus elementos <li> (list item), é possível criar listas de itens que não seguem uma ordem específica.
Neste tópico, você aprenderá como utilizar as listas não ordenadas em seu código HTML e como aproveitar seus recursos para melhorar a legibilidade e a usabilidade do seu site.
Desenvolvendo listas não ordenadas em HTML
Para criar uma lista não ordenada em HTML, utilizamos a tag <ul>. Dentro dessa tag, cada item da lista é definido utilizando a tag <li>. Por exemplo:
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>
Neste exemplo, temos uma lista não ordenada com três itens. Cada item é definido pela tag <li>, e eles são exibidos como pontos ou marcadores na página.
Dicas de SEO
- Utilize palavras-chave relevantes para descrever cada item da lista.
- Evite criar listas muito extensas. Se necessário, divida-as em sublistas menores.
- Priorize a clareza e a organização do conteúdo.
Dicas de legibilidade
- Seja conciso ao criar os itens da lista.
- Utilize uma linguagem simples e direta para tornar o texto fácil de entender.
- Considere adicionar espaçamento adequado entre os itens da lista para melhorar a leitura.
Exemplo simples
Aqui está um exemplo de uma lista não ordenada em HTML com alguns itens relacionados a frutas:
<ul> <li>Maçã</li> <li>Banana</li> <li>Morango</li> </ul>
Neste caso, a lista não ordenada compõe-se por três itens: “Maçã”, “Banana” e “Morango”. Essa estrutura pode adaptar-se para diversos contextos, como listas de recursos, benefícios, etapas de um processo, entre outros.
As listas não ordenadas são ferramentas valiosas para organizar e estruturar o conteúdo de um site.
Utilizando a tag <ul> e <li>, você pode criar listas claras e legíveis, proporcionando uma melhor experiência de navegação aos usuários. Ao aplicar as dicas de SEO e legibilidade, você otimizará o conteúdo da sua página para os motores de busca e para os visitantes.
Experimente utilizar listas não ordenadas em seu próximo projeto e aproveite os benefícios que elas podem trazer.