Página modelo com estrutura de conteúdo

By
Vitor Ramos
December 4, 2025
5 min read

Este é o título H1

Os títulos H1 são ignorados no sumário. Sempre iniciamos os links do sumário com H2.

A melhor parte dos elementos H2

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

H3 é um número menor que H2

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

<iframe id="getdemo-player" width="100%" height="596px" src="https://app.getdemo.com.br/d/e12a42a9-2d2c-43a0-b3bf-5491cf0728f0" style="border: none;" allow="autoplay; fullscreen" onload=" const isIframeInView = () => { const rect = this.getBoundingClientRect(); const inView = ( rect.top <= window.innerHeight && rect.bottom >= 0 && rect.left <= window.innerWidth && rect.right >= 0 ); this.contentWindow.postMessage({ inView: inView }, '*'); }; window.addEventListener('scroll', isIframeInView); window.addEventListener('message', (event) => { if (event.data === 'checkInView') { isIframeInView(); } }); isIframeInView();" ></iframe>

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Eu sou um H4 relaxando sob um H3

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Text image test

E agora de volta ao H2

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

H3 é um número menor que H2

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Eu sou um H4 relaxando sob um H3

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

H5 é muito raro

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

e H6 é um unicórnio!

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Outro H2 aqui

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

H3 é um número menor que H2

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Eu sou um H4 relaxando sob um H3

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Um elemento de rich text pode ser usado com conteúdo estático ou dinâmico. Para conteúdo estático, basta arrastá-lo para qualquer página e começar a editar. Para conteúdo dinâmico, adicione um campo de rich text a qualquer coleção e, em seguida, conecte um elemento de rich text a esse campo no painel de configurações. Pronto! Títulos, parágrafos, citações, figuras, imagens e legendas de figuras podem ser estilizados após a adição de uma classe ao elemento de rich text usando o sistema de seletor aninhado "Quando dentro de".

Aspecto PDFs / Slides Freemium Free Trial Demos Interativas
Experiência do produto Passiva Parcial Parcial Imersiva e guiada
Engajamento Baixo Médio Médio Alto
Qualificação de leads Limitada Moderada Boa Automática e precisa
Conversão Baixa Média Alta Muito alta
Custo de aquisição Baixo Médio Alto Otimizado

[fs-toc-h2]Estrutura de títulos para o artigo/post

Os títulos são organizados em blocos no índice, seguindo a estrutura padrão de H1, H2, H3, H4, H5 e H6. Foi utilizado os índices em attributos para o desenvolvimento dessa feature no projeto.

Exemplo de estrutura:

  • H1 - Título mais importante da página
  • Paragrafo do assunto
  • H2 - Título do 1ª tópico do artigo
    • H3 - Titulo dentro do 1ªtópico sobre um sub assunto com relevância grande
    • H4 - Titulo dentro do 1ªtópico sobre um sub assunto com relevância média
    • H5 - Titulo dentro do 1ªtópico sobre um sub assunto com relevância pequena
    • H6 - Titulo dentro do 1ªtópico sobre um sub assunto sem relevância
  • H2 - Título do 2ª tópico do artigo
    • H3 - Titulo dentro do 2ªtópico sobre um sub assunto com relevância grande
    • H4 - Titulo dentro do 2ªtópico sobre um sub assunto com relevância média
    • H5 - Titulo dentro do 2ªtópico sobre um sub assunto com relevância pequena
    • H6 - Titulo dentro do 2ªtópico sobre um sub assunto sem relevância
🚧 O índice deste artigo é gerado automaticamente com base nos títulos que foram adicionados, seguindo a ordem dos níveis de cabeçalho, ou seja, H2, H3, H4, H5 e H6. A cada novo título H2 adicionado ao artigo, um novo bloco de índice é criado. Se desejar transformar um título H4 em um título H2, basta adicionar [fs-toc-h2] no início do texto correspondente, substituindo "#" pelo valor do cabeçalho desejado. Além disso, se você quiser ocultar um título do índice, basta adicionar [fs-toc-omit] no início desse título.
Escrito por:
Vitor Ramos
Vitor Oliveira, Co-Founder e COO da Getdemo.
Blog

Descubra mais

Acesse todos os conteúdos do blog