Ajudar os motores de pesquisa a encontrar as páginas.

Dê a cada página um esquema de títulos claro, imagens descritas, carregamento rápido e bons metadados, para os motores de pesquisa a entenderem e classificarem. O DXPR Builder guarda a página como HTML no campo body, por isso os módulos de SEO do Drupal funcionam com ela sem alterações. Esta página abrange o que define no construtor e o que define com esses módulos.

Construir um esquema de títulos

Os elementos de esquema (secções, linhas e colunas) são div simples. Os motores de pesquisa leem a estrutura de uma página do construtor a partir dos títulos.

1. Clique num elemento Text.
2. Escolha o nível na lista de títulos da barra de ferramentas.
3. Mantenha os níveis por ordem; não salte de Heading 2 para Heading 4.

No DXPR CMS pode esconder o título do tema numa página: no formulário de edição, abra DXPR Theme Settings, marque Page Title em DXPR Hide Regions e clique em Save. Um Heading 1 do construtor é então o único Heading 1 da página.

Um Title de Jumbotron é sempre um Heading 1, por isso um Jumbotron adiciona um segundo junto ao título de página do tema. Um Title de cartão é sempre um Heading 5.

Descrever cada imagem

1. Aponte para a imagem e clique em More > Settings.
2. Abra o painel SEO e escreva uma descrição curta em Alt attribute, de preferência com menos de 125 caracteres.
3. Clique em Save no diálogo e depois em Save na barra do contentor.

Um Alt attribute vazio não escreve alt nenhum. Para uma imagem que não acrescenta informação, use antes uma Background image de secção.

Adicionar metadados com módulos do Drupal

Estes módulos atuam sobre o nó, por isso abrangem páginas do construtor sem configuração extra:

• Metatag: títulos de página, descrições e etiquetas Open Graph
• Pathauto: caminhos de URL legíveis
• Simple XML Sitemap ou XML Sitemap: páginas do construtor no sitemap
• Schema.org Metatag: dados estruturados

Manter as páginas rápidas

Os motores de pesquisa incluem a velocidade da página nas classificações.

• Num elemento Image, escolha o tamanho de imagem Optimize for fast loading. Reduz a imagem para 1024 píxeis de largura e guarda-a como WebP.
• Cada imagem numa página do construtor carrega com a página; o elemento Image não usa carregamento diferido. Reserve as imagens grandes para as que a página precisa.
• Dê a cada elemento Video uma Image. O leitor carrega apenas quando um visitante clica.
• Mantenha a cache de página do Drupal ligada.

Consulte Desempenho para saber o que cada página carrega.

Escrever ligações úteis

• Use texto de ligação descritivo ("Read our pricing guide" em vez de "Click here").
• Abra ligações externas num novo separador apenas quando os visitantes precisam da página de onde vieram.
• Use URL relativos para ligações internas, como /about, para as ligações continuarem a funcionar em staging e produção.
• Verifique regularmente as ligações quebradas.

O que vê

Uma auditoria de página, como os relatórios de SEO e desempenho no painel Lighthouse do navegador, encontra um Heading 1, nenhuma imagem sem texto alternativo e uma metadescrição. O código-fonte da página mostra os títulos como h2 e h3 por ordem.

Se a auditoria não vem limpa

• The audit reports images without alt text. O Alt attribute de um elemento Image está vazio. Preencha-o em SEO.
• The audit reports no meta description. O núcleo do Drupal não adiciona nenhuma. Instale Metatag e defina uma descrição para o tipo de conteúdo ou a página.
• The audit reports large images. As imagens usam Original image (No resizing). Escolha Optimize for fast loading em cada elemento Image.

O que se segue?

Acessibilidade para conteúdo inclusivo para continuar a explorar o DXPR Builder.