Ayuda a los motores de búsqueda a encontrar tus páginas.
Dale a cada página un esquema claro de encabezados, imágenes descritas, carga rápida y buenos metadatos, para que los motores de búsqueda la entiendan y la clasifiquen. DXPR Builder guarda la página como HTML en el campo del cuerpo, así que los módulos SEO de Drupal funcionan con ella sin cambios. Esta página explica qué configuras en el constructor y qué configuras con esos módulos.
Crea un esquema de encabezados
Los elementos de diseño (secciones, filas y columnas) son elementos div
simples. Los motores de búsqueda leen la estructura de una página del constructor desde
sus encabezados.
| Nivel | Uso |
|---|---|
| Heading 1 | Título de página, una vez por página; la mayoría de los temas lo imprimen |
| Heading 2 | Secciones principales |
| Heading 3 | Subsecciones dentro de un Heading 2 |
| Heading 4 a 6 | Subsecciones más profundas |
- Haz clic en un elemento Text.
- Elige el nivel en la lista de encabezados de la barra.
- Mantén los niveles en orden; no saltes de Heading 2 a Heading 4.
En DXPR CMS puedes ocultar el título del tema en una página: en su formulario de edición, abre DXPR Theme Settings, marca Page Title en DXPR Hide Regions y haz clic en Save. Un Heading 1 del constructor es entonces el único Heading 1 de la página.
Un Title de Jumbotron es siempre un Heading 1, así que un Jumbotron añade un segundo junto al título de página de tu tema. Un Title de Card es siempre un Heading 5.
Describe cada imagen
- Señala la imagen y haz clic en More > Settings.
- Abre el panel SEO y escribe una descripción corta en Alt attribute, idealmente de menos de 125 caracteres.
- Haz clic en Save en el diálogo y luego en Save en la barra del contenedor.
Un Alt attribute vacío no escribe ningún alt. Para una imagen
que no aporta información, usa una Background image de sección
en su lugar.
Añade metadatos con módulos de Drupal
Estos módulos actúan sobre el nodo, así que cubren las páginas del constructor sin configuración extra:
- Metatag: títulos de página, descripciones y etiquetas Open Graph
- Pathauto: rutas URL legibles
- Simple XML Sitemap o XML Sitemap: páginas del constructor en tu mapa del sitio
- Schema.org Metatag: datos estructurados
Mantén las páginas rápidas
Los motores de búsqueda incluyen la velocidad de página en sus clasificaciones.
- En un elemento Image, elige el tamaño de imagen Optimize for fast loading. Escala la imagen a 1024 píxeles de ancho y la guarda como WebP.
- Cada imagen de una página del constructor se carga con la página; el elemento Image no difiere la carga. Reserva las imágenes grandes para las que la página necesita.
- Dale a cada elemento Video una Image. El reproductor se carga solo cuando una visita hace clic.
- Mantén activada la caché de página de Drupal.
Consulta Rendimiento para ver lo que carga cada página.
Escribe enlaces útiles
- Usa texto de enlace descriptivo ("Read our pricing guide" en lugar de "Click here").
- Abre enlaces externos en una pestaña nueva solo cuando las visitas necesiten la página de la que vienen.
- Usa URL relativas para enlaces internos, como
/about, para que los enlaces sigan funcionando en staging y producción. - Comprueba enlaces rotos con regularidad.
Lo que ves
Una auditoría de página, como los informes SEO y Performance del panel
Lighthouse del navegador, encuentra un Heading 1, ninguna imagen sin
texto alternativo y una metadescripción. El código fuente de la página muestra tus
encabezados como h2 y h3 en orden.
Si no ves una auditoría limpia
- La auditoría informa de imágenes sin texto alternativo. El Alt attribute de un elemento Image está vacío. Rellénalo en SEO.
- La auditoría informa de que no hay meta description. El núcleo de Drupal no añade ninguna. Instala Metatag y fija una descripción para el tipo de contenido o la página.
- La auditoría informa de imágenes grandes. Las imágenes usan Original image (No resizing). Elige Optimize for fast loading en cada elemento Image.
¿Qué sigue?
Accessibility for inclusive content para seguir explorando DXPR Builder.