--- url: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/tutorials/seo' title: 'Crea páginas optimizadas para el SEO | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T00:58:14+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Aquí creas una página de servicio como mejor la leen los motores de búsqueda: el título de página como su único Encabezado 1, encabezados en orden debajo, texto alternativo en la imagen y un botón que dice a dónde va. Úsala como lista de revisión para cada página que publiques. Los títulos de página, las descripciones y las URL viven fuera del constructor; la última sección muestra dónde. El vídeo crea la página «Solicita un permiso de aparcamiento para residentes» de un ayuntamiento. tags: - 'Volg een tutorial' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Crea páginas optimizadas para el SEO' description: |- Aquí creas una página de servicio como mejor la leen los motores de búsqueda: el título de página como su único Encabezado 1, encabezados en orden debajo, texto alternativo en la imagen y un botón que dice a dónde va. Úsala como lista de revisión para cada página que publiques. Los títulos de página, las descripciones y las URL viven fuera del constructor; la última sección muestra dónde. El vídeo crea la página «Solicita un permiso de aparcamiento para residentes» de un ayuntamiento. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T00:58:14+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/tutorials/seo' articleSection: 'Volg een tutorial' - '@type': WebPage '@id': 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/tutorials/seo' description: |- Aquí creas una página de servicio como mejor la leen los motores de búsqueda: el título de página como su único Encabezado 1, encabezados en orden debajo, texto alternativo en la imagen y un botón que dice a dónde va. Úsala como lista de revisión para cada página que publiques. Los títulos de página, las descripciones y las URL viven fuera del constructor; la última sección muestra dónde. El vídeo crea la página «Solicita un permiso de aparcamiento para residentes» de un ayuntamiento. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Inicio item: 'https://dxpr.com/es' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: es --- [Help Center](/es/hc)/[Documentation](/es/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # Crea páginas optimizadas para el SEO. Learn DXPR BuilderBuild pagesVolg een tutorial ## In this guide Related guides - [Añadir una imagen](/es/hc/documentation/learn-dxpr-builder/elements/image) - [Añadir un enlace](/es/hc/documentation/learn-dxpr-builder/elements/link) - [Añadir un texto](/es/hc/documentation/learn-dxpr-builder/elements/text) Aquí creas una página de servicio como mejor la leen los motores de búsqueda: el título de página como su único Encabezado 1, encabezados en orden debajo, texto alternativo en la imagen y un botón que dice a dónde va. Úsala como lista de revisión para cada página que publiques. Los títulos de página, las descripciones y las URL viven fuera del constructor; la última sección muestra dónde. El vídeo crea la página «Solicita un permiso de aparcamiento para residentes» de un ayuntamiento. ## Antes de empezar - Tu rol tiene el permiso **Editar con DXPR Builder**. - La biblioteca de medios guarda una foto que encaja con el servicio. - La página está abierta en el constructor. Para una nueva, ve a **Contenido** > **Añadir contenido** > **Página de destino** (`/node/add/landing_page`), escribe un **Título** claro como «Solicita un permiso de aparcamiento para residentes» y haz clic en **Guardar**. El tema imprime este título como Encabezado 1 de la página. ## Paso 1: empieza el contenido en el Encabezado 2 Usa los encabezados en orden para que la página se lea como un esquema. El tema imprime el título de página como **Encabezado 1** de la página, así que el contenido del constructor empieza en **Encabezado 2** para secciones principales, con **Encabezado 3** para subsecciones. Usa los Encabezados 4 a 6 con moderación. 1. Haz clic en **Añadir elementos** en la página vacía y elige **Sección** en la pestaña **Diseño**. 2. Haz clic en **+** en la sección y elige **Texto** en la pestaña **Contenido**. 3. Escribe «Solicita en cinco minutos» y elige **Encabezado 2** en el desplegable de encabezados. 4. En una línea nueva, añade el resumen como texto normal: «Las personas residentes de las zonas A a D pueden solicitarlo en línea. Los permisos se emiten en cinco días laborables». Haz clic en **Guardar**. Deja el **Encabezado 1** para el título de página. Para que un encabezado del constructor sea el Encabezado 1 de la página en su lugar, esconde primero el título del tema en esta página. En DXPR CMS, abre el formulario de edición de la página, abre **Ajustes de tema DXPR**, marca **Título de página** en **Ocultar regiones DXPR** y haz clic en **Guardar**. DXPR Theme ya esconde el título en la portada. Nunca elijas un nivel de encabezado por su tamaño: cambia el tamaño con **Tamaño de fuente** en el panel **Estilo** del elemento en su lugar. ## Paso 2: una sección para los detalles 1. Pasa el cursor sobre la sección y haz clic en **Añadir sección debajo**. 2. Haz clic en **+** en la sección nueva y elige **Fila**; llega con dos columnas iguales. Haz clic en el icono de cuadrícula (**Diseño de columnas**) en la barra de control de la fila, elige el ajuste **2/3 + 1/3** y haz clic en **Guardar**. Los elementos nuevos caen arriba de una columna. Así que los tres pasos siguientes llenan la columna ancha de abajo arriba: el botón, la subsección y luego el encabezado de sección. ## Paso 3: escribe texto de enlace descriptivo El texto de enlace dice a los motores de búsqueda de qué trata el destino. Evita «haz clic aquí» y «lee más». 1. Haz clic en **+** en la columna ancha y elige **Botón**. 2. Pon **Título** en «Empieza tu solicitud de permiso de aparcamiento», **Enlace** en `/parking/apply` y **Tipo** en **Primario**, y haz clic en **Guardar**. ## Paso 4: una subsección de Encabezado 3 1. Haz clic en **+** en la columna ancha de nuevo y elige **Texto**; cae encima del botón. 2. Escribe «Lo que necesitas» y elige **Encabezado 3**. 3. Escribe los documentos, uno por línea: «Justificante de domicilio», «Permiso de circulación del vehículo». Haz clic en **Guardar**. ## Paso 5: un encabezado de sección de Encabezado 2 1. Haz clic en **+** en la columna ancha una vez más y elige **Texto**. 2. Escribe «Quién puede solicitarlo» y elige **Encabezado 2**. 3. Añade la regla de quién puede solicitarlo en una línea, y haz clic en **Guardar**. ## Paso 6: añade texto alternativo a la imagen Cada imagen necesita un atributo alt que describa su contenido. 1. Haz clic en **+** en la columna estrecha y elige **Imagen**. 2. Haz clic en **Seleccionar imagen**, busca en la biblioteca de medios con **Aplicar filtros**, marca la foto y haz clic en **Insertar selección**. 3. Abre el panel **SEO** y rellena el **atributo Alt**: «Portátiles, teléfonos y tazas de té sobre un escritorio de madera compartido». Haz clic en **Guardar**. Escribe el texto alternativo para quien no puede ver la imagen. Déjalo vacío solo para imágenes de pura decoración. Usa el **atributo Title** solo cuando un tooltip aporta algo; no sustituye al texto alternativo. ## Paso 7: guarda y muestra la vista previa 1. Haz clic en **Guardar** en la barra de herramientas del constructor. 2. Abre el menú de vista (el **icono de ojo**), elige **Vista previa** y comprueba que los encabezados se leen en orden. ## Ve más allá No sale en el vídeo: - **Tamaño de imagen**: cambia las imágenes al ancho al que se muestran antes de subirlas; 1200 píxeles cubren una columna completa. Deja **Ancho de imagen** en 100 %, deja **Alto de imagen** vacío y mantén cada archivo por debajo de 300 KB, porque la velocidad afecta al posicionamiento. - **Enlaces para ignorar**: para una página de inicio de sesión o similar, añade un elemento **Enlace**, abre su panel **SEO** y activa **Indica a los motores de búsqueda que no lo sigan**. - **Enlaces de texto**: dentro de un elemento Texto, selecciona las palabras y usa el botón de enlace de la barra de herramientas. Mantén significativas las palabras enlazadas: «el mapa de zonas de permiso», no «aquí». - **Anclas**: abre **Más** > **Ajustes** en una sección, pon **ID de HTML** en un nombre corto en minúsculas como `who-can-apply`, y enlázalo con `#who-can-apply`. ## Mantén semántico el HTML Los elementos Texto, Botón, Enlace e Imagen producen etiquetas estándar `

` a `

`, `

`, `