Curso Fundamentos de HTML: Construindo a Web
Sobre a Aula

Listas ordenadas (ol)

As listas ordenadas são elementos fundamentais para estruturar e organizar o conteúdo em uma página HTML. Com a tag <ol> (ordered list) e seus elementos <li> (list item), é possível criar listas de itens que seguem uma ordem específica.

Desenvolvendo listas ordenadas em HTML

Pois bem, para criar uma lista ordenada em HTML, utilizamos a tag <ol>. Dentro dessa tag, cada item da lista é definido utilizando a tag <li>. Por exemplo:

<ol>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

</ol>

Neste exemplo, temos uma lista ordenada com três itens. Cada item define-se pela tag <li>, e eles são numerados sequencialmente na página.

Dicas de SEO

  1. Utilize palavras-chave relevantes para descrever cada item da lista.
  2. Considere utilizar a ordem dos itens de forma estratégica para destacar informações importantes.
  3. Evite criar listas muito extensas. Se necessário, divida-as em sublistas menores.

Dicas de legibilidade

  1. Seja claro e objetivo ao escrever os itens da lista.
  2. Utilize uma linguagem simples e direta para facilitar a compreensão do texto.
  3. Adicione espaçamento adequado entre os itens para melhorar a leitura.

Exemplo simples

Aqui está um exemplo de uma lista ordenada em HTML com alguns itens relacionados a etapas de um processo:

<ol>

    <li>Preparar os materiais necessários</li>

    <li>Realizar o trabalho de pesquisa</li>

    <li>Analisar os dados coletados</li>

    <li>Elaborar o relatório final</li>

</ol>

Neste caso, a lista ordenada representa as etapas sequenciais de um processo. Cada item é numerado na ordem correta, auxiliando na compreensão e no acompanhamento das tarefas.

Portanto, as listas ordenadas são ferramentas eficientes para organizar e estruturar o conteúdo de um site. Utilizando a tag <ol> e <li>, você pode criar listas claras e legíveis, garantindo uma melhor experiência de navegação aos usuários.

Ao aplicar as dicas de SEO e legibilidade, você estará otimizando o conteúdo da sua página para os motores de busca e para os visitantes. Experimente utilizar listas ordenadas em seu próximo projeto e aproveite os benefícios que elas podem trazer.

Livro - e-book de HTML para iniciante

Entrar na conversa
Rolar para cima