{"id":3915,"date":"2026-10-21T21:43:39","date_gmt":"2026-10-21T19:43:39","guid":{"rendered":"https:\/\/mantenimientoweb.pro\/blog\/como-configurar-paginas-de-error-404-personalizadas-y-utiles-en-html\/"},"modified":"2026-10-21T21:43:42","modified_gmt":"2026-10-21T19:43:42","slug":"como-configurar-paginas-de-error-404-personalizadas-y-utiles-en-html","status":"publish","type":"post","link":"https:\/\/mantenimientoweb.pro\/blog\/como-configurar-paginas-de-error-404-personalizadas-y-utiles-en-html\/","title":{"rendered":"\u00bfC\u00f3mo configurar p\u00e1ginas de error 404 personalizadas y \u00fatiles en HTML?"},"content":{"rendered":"<p><main><\/p>\n<section>\n      \u00bfC\u00f3mo configurar p\u00e1ginas de error 404 personalizadas y \u00fatiles en HTML?<\/p>\n<p>Una p\u00e1gina 404 no es el basurero de un sitio web. Es una frontera. All\u00ed donde el enlace se rompe, donde el visitante tropieza, todav\u00eda puede haber orientaci\u00f3n, confianza, humor sobrio y una segunda oportunidad. O puede haber un muro fr\u00edo con un n\u00famero cr\u00edptico. Internet, con toda su supuesta inteligencia, a\u00fan adora dejar a la gente frente a puertas sin manija.<\/p>\n<\/section>\n<article>\n<p>Configurar una <strong>p\u00e1gina de error 404 personalizada en HTML<\/strong> parece una tarea menor, casi dom\u00e9stica: crear un archivo, a\u00f1adir un mensaje amable, decir \u201cno encontrado\u201d y seguir con la vida. Pero en realidad toca tres nervios sensibles de cualquier proyecto digital: <strong>experiencia de usuario<\/strong>, <strong>SEO t\u00e9cnico<\/strong> y <strong>mantenimiento web<\/strong>. Una 404 bien hecha no revive una URL muerta, claro; tampoco hace milagros, que para eso ya tenemos suficientes plugins prometi\u00e9ndolos. Pero s\u00ed evita que un error normal se convierta en abandono, frustraci\u00f3n o p\u00e9rdida de confianza.<\/p>\n<p>He visto p\u00e1ginas 404 tan descuidadas como una nota pegada en una puerta abandonada: \u201cse fue\u201d. Tambi\u00e9n he visto otras tan ingeniosas que uno casi agradece haberse perdido. La diferencia no est\u00e1 solo en el dise\u00f1o. Est\u00e1 en la intenci\u00f3n. Una buena p\u00e1gina 404 responde una pregunta sencilla y urgente: <em>\u201c\u00bfY ahora qu\u00e9 hago?\u201d<\/em><\/p>\n<h2>Mapa r\u00e1pido de esta gu\u00eda \ud83e\udded<\/h2>\n<ul>\n<li><a href=\"#que-es-error-404\">Qu\u00e9 significa realmente un error 404<\/a><\/li>\n<li><a href=\"#por-que-personalizar\">Por qu\u00e9 personalizar una p\u00e1gina 404 mejora UX, SEO y conversiones<\/a><\/li>\n<li><a href=\"#elementos\">Elementos imprescindibles de una p\u00e1gina 404 \u00fatil<\/a><\/li>\n<li><a href=\"#html-ejemplo\">Ejemplo completo de p\u00e1gina 404 en HTML<\/a><\/li>\n<li><a href=\"#configuracion-servidor\">C\u00f3mo configurarla en Apache, Nginx, IIS y hosting est\u00e1tico<\/a><\/li>\n<li><a href=\"#wordpress\">C\u00f3mo hacerlo en WordPress<\/a><\/li>\n<li><a href=\"#seo\">Buenas pr\u00e1cticas SEO: evitar soft 404, redirecciones absurdas y errores de rastreo<\/a><\/li>\n<li><a href=\"#analitica\">C\u00f3mo medir errores 404 y convertirlos en mantenimiento inteligente<\/a><\/li>\n<li><a href=\"#seguridad-rendimiento\">Seguridad, rendimiento y accesibilidad<\/a><\/li>\n<li><a href=\"#checklist\">Lista final de comprobaci\u00f3n<\/a><\/li>\n<\/ul>\n<h2 id=\"que-es-error-404\">Qu\u00e9 es un error 404 y por qu\u00e9 no siempre es una tragedia<\/h2>\n<p>El c\u00f3digo <strong>HTTP 404 Not Found<\/strong> indica que el servidor est\u00e1 disponible, entiende la solicitud, pero no encuentra el recurso pedido. Es distinto de un <strong>500<\/strong>, que se\u00f1ala un fallo interno del servidor; de un <strong>403<\/strong>, que implica acceso prohibido; o de un <strong>410 Gone<\/strong>, que comunica que el recurso existi\u00f3 pero fue retirado de forma permanente.<\/p>\n<p>Dicho sin bata de laboratorio: el usuario pidi\u00f3 una direcci\u00f3n y el sitio respondi\u00f3 \u201caqu\u00ed no vive nadie\u201d. No necesariamente porque algo est\u00e9 roto. Puede ocurrir por una URL mal escrita, un enlace externo antiguo, una p\u00e1gina eliminada, una migraci\u00f3n incompleta, un cambio de slug, un producto agotado, un archivo movido o un simple error humano. La web est\u00e1 hecha de enlaces, y los enlaces envejecen como madera al sol: algunos resisten, otros se agrietan.<\/p>\n<p><strong>Dato importante:<\/strong> una p\u00e1gina 404 personalizada debe verse bien, s\u00ed, pero sobre todo debe devolver el c\u00f3digo de estado HTTP correcto: <code>404<\/code>. Si muestra un mensaje de error pero responde con <code>200 OK<\/code>, los buscadores pueden interpretarla como una p\u00e1gina real de bajo valor. A eso se le llama con frecuencia <strong>soft 404<\/strong>, una de esas peque\u00f1as miserias t\u00e9cnicas que parecen inofensivas hasta que Search Console empieza a carraspear.<\/p>\n<h2 id=\"por-que-personalizar\">Por qu\u00e9 personalizar una p\u00e1gina 404: entre el abandono y la confianza<\/h2>\n<p>La p\u00e1gina 404 vive en una contradicci\u00f3n curiosa: aparece cuando algo ha fallado, pero puede fortalecer la confianza si est\u00e1 bien resuelta. Error y oportunidad. Fricci\u00f3n y gu\u00eda. Un callej\u00f3n sin salida que, con un poco de cuidado, puede convertirse en una rotonda iluminada.<\/p>\n<p>Desde el punto de vista del usuario, una 404 gen\u00e9rica dice: \u201carr\u00e9glatelas\u201d. Una 404 personalizada dice: \u201cesto no sali\u00f3 bien, pero te ayudo\u201d. La diferencia emocional es enorme. Y en internet, aunque nos encante fingir lo contrario, la emoci\u00f3n tambi\u00e9n decide clics, compras, registros y permanencia.<\/p>\n<h3>\ud83d\udc64 Mejora la experiencia de usuario<\/h3>\n<p>Ofrece rutas alternativas, enlaces \u00fatiles, buscador interno y un mensaje claro. El visitante no queda varado como una maleta en una cinta transportadora vac\u00eda.<\/p>\n<h3>\ud83d\udd0e Protege el SEO t\u00e9cnico<\/h3>\n<p>Ayuda a gestionar URLs inexistentes sin generar soft 404, redirecciones masivas o p\u00e1ginas hu\u00e9rfanas. Google no necesita poes\u00eda, pero agradece se\u00f1ales limpias.<\/p>\n<h3>\ud83e\uddf1 Refuerza la marca<\/h3>\n<p>Una voz coherente, un dise\u00f1o cuidado y una navegaci\u00f3n clara comunican profesionalismo incluso en el error. Sobre todo en el error.<\/p>\n<h3>\ud83d\udcca Genera informaci\u00f3n \u00fatil<\/h3>\n<p>Si mides las visitas a tu 404, descubrir\u00e1s enlaces rotos, campa\u00f1as mal etiquetadas, backlinks antiguos y errores de migraci\u00f3n.<\/p>\n<p>Hay una iron\u00eda sabrosa en todo esto: muchas empresas invierten semanas afinando la p\u00e1gina de inicio \u2014esa vidriera perfecta, con sonrisas calibradas y promesas bru\u00f1idas\u2014 pero abandonan la p\u00e1gina 404, que suele recibir precisamente a quien m\u00e1s necesita ayuda. El escaparate reluce; la salida de emergencia est\u00e1 llena de cajas.<\/p>\n<h2 id=\"elementos\">Elementos imprescindibles de una p\u00e1gina 404 \u00fatil<\/h2>\n<p>No basta con poner \u201cOops\u201d en letras grandes y un dibujo simp\u00e1tico. Eso puede funcionar si acompa\u00f1a, no si reemplaza la utilidad. Una buena <strong>p\u00e1gina 404 personalizada<\/strong> debe ser breve, clara y pr\u00e1ctica. Como un buen recepcionista: amable, directo, sin recitar el organigrama completo.<\/p>\n<table>\n<thead>\n<tr>\n<th>Elemento<\/th>\n<th>Por qu\u00e9 importa<\/th>\n<th>Recomendaci\u00f3n pr\u00e1ctica<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"Elemento\">Mensaje claro<\/td>\n<td data-label=\"Por qu\u00e9 importa\">El usuario debe entender que la p\u00e1gina no existe o no est\u00e1 disponible.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">Evita tecnicismos excesivos. \u201cNo encontramos esta p\u00e1gina\u201d suele ser mejor que \u201cError 404\u201d.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Elemento\">C\u00f3digo HTTP 404 real<\/td>\n<td data-label=\"Por qu\u00e9 importa\">Los buscadores necesitan saber que la URL no debe indexarse como contenido v\u00e1lido.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">Verifica la cabecera con herramientas como <span>curl -I<\/span>, DevTools o un comprobador de status HTTP.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Elemento\">Enlace a la p\u00e1gina principal<\/td>\n<td data-label=\"Por qu\u00e9 importa\">Ofrece una salida inmediata y reconocible.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">Incluye un bot\u00f3n visible: \u201cVolver al inicio\u201d.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Elemento\">Buscador interno<\/td>\n<td data-label=\"Por qu\u00e9 importa\">Muchos usuarios saben lo que quieren, aunque la URL no exista.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">A\u00f1ade un formulario de b\u00fasqueda simple, especialmente en blogs, tiendas y documentaci\u00f3n.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Elemento\">Enlaces populares<\/td>\n<td data-label=\"Por qu\u00e9 importa\">Reduce el abandono y orienta hacia contenido valioso.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">Muestra categor\u00edas clave, productos destacados, contacto o soporte.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Elemento\">Dise\u00f1o coherente<\/td>\n<td data-label=\"Por qu\u00e9 importa\">El usuario debe sentir que sigue dentro del mismo sitio.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">Mant\u00e9n logo, tipograf\u00eda, colores y navegaci\u00f3n principal.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Elemento\">Carga r\u00e1pida<\/td>\n<td data-label=\"Por qu\u00e9 importa\">Un error que tarda en cargar es casi una burla, una cortes\u00eda entregada con tres d\u00edas de retraso.<\/td>\n<td data-label=\"Recomendaci\u00f3n pr\u00e1ctica\">Evita scripts pesados, videos autom\u00e1ticos o dependencias innecesarias.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"html-ejemplo\">Ejemplo completo de p\u00e1gina 404 en HTML<\/h2>\n<p>La siguiente plantilla est\u00e1 pensada para sitios est\u00e1ticos, proyectos HTML simples, landing pages, documentaci\u00f3n, aplicaciones servidas desde un servidor tradicional o como punto de partida para integrarla en un CMS. Es ligera, accesible y f\u00e1cil de adaptar.<\/p>\n<p>Gu\u00e1rdala como <code>404.html<\/code> en la ra\u00edz del sitio, salvo que tu servidor o plataforma exija otra ubicaci\u00f3n.<\/p>\n<pre><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"es\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n  &lt;title&gt;P\u00e1gina no encontrada | Mi sitio&lt;\/title&gt;\n  &lt;meta name=\"robots\" content=\"noindex, follow\"&gt;\n  &lt;style&gt;\n    body {\n      margin: 0;\n      min-height: 100vh;\n      display: grid;\n      place-items: center;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background: #f6f8fc;\n      color: #1f2937;\n    }\n\n    .error-page {\n      width: min(92%, 820px);\n      text-align: center;\n      padding: 48px 24px;\n    }\n\n    .error-code {\n      font-size: clamp(4rem, 14vw, 9rem);\n      line-height: 1;\n      margin: 0;\n      color: #1d4ed8;\n      letter-spacing: -0.08em;\n    }\n\n    h1 {\n      font-size: clamp(1.8rem, 4vw, 3rem);\n      margin: 16px 0;\n    }\n\n    p {\n      font-size: 1.1rem;\n      color: #4b5563;\n      margin-bottom: 28px;\n    }\n\n    .actions {\n      display: flex;\n      justify-content: center;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin-bottom: 32px;\n    }\n\n    a.button {\n      display: inline-block;\n      padding: 12px 20px;\n      border-radius: 999px;\n      text-decoration: none;\n      font-weight: 700;\n      background: #1d4ed8;\n      color: #fff;\n    }\n\n    a.button.secondary {\n      background: #e5e7eb;\n      color: #111827;\n    }\n\n    form {\n      display: flex;\n      gap: 10px;\n      justify-content: center;\n      flex-wrap: wrap;\n      margin-top: 22px;\n    }\n\n    label {\n      position: absolute;\n      left: -9999px;\n    }\n\n    input[type=\"search\"] {\n      width: min(100%, 360px);\n      padding: 12px 14px;\n      border: 1px solid #cbd5e1;\n      border-radius: 10px;\n      font-size: 1rem;\n    }\n\n    button {\n      padding: 12px 18px;\n      border: 0;\n      border-radius: 10px;\n      background: #111827;\n      color: #fff;\n      font-weight: 700;\n      cursor: pointer;\n    }\n\n    .links {\n      margin-top: 30px;\n      font-size: 0.95rem;\n    }\n\n    .links a {\n      color: #1d4ed8;\n      margin: 0 8px;\n    }\n  &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n  &lt;main aria-labelledby=\"error-title\"&gt;\n    &lt;p aria-hidden=\"true\"&gt;404&lt;\/p&gt;\n    &lt;h1 id=\"error-title\"&gt;No encontramos esta p\u00e1gina&lt;\/h1&gt;\n    &lt;p&gt;Puede que el enlace est\u00e9 roto, que la direcci\u00f3n haya cambiado o que la p\u00e1gina se haya mudado sin dejar nota. Te ayudamos a retomar el camino.&lt;\/p&gt;\n\n    &lt;div&gt;\n      &lt;a href=\"\/\"&gt;Volver al inicio&lt;\/a&gt;\n      &lt;a href=\"\/contacto\/\"&gt;Contactar soporte&lt;\/a&gt;\n    &lt;\/div&gt;\n\n    &lt;form action=\"\/buscar\/\" method=\"get\" role=\"search\"&gt;\n      &lt;label for=\"search\"&gt;Buscar en el sitio&lt;\/label&gt;\n      &lt;input id=\"search\" name=\"q\" type=\"search\" placeholder=\"Buscar contenido...\"&gt;\n      &lt;button type=\"submit\"&gt;Buscar&lt;\/button&gt;\n    &lt;\/form&gt;\n\n    &lt;nav aria-label=\"Enlaces \u00fatiles\"&gt;\n      &lt;a href=\"\/blog\/\"&gt;Blog&lt;\/a&gt;\n      &lt;a href=\"\/servicios\/\"&gt;Servicios&lt;\/a&gt;\n      &lt;a href=\"\/ayuda\/\"&gt;Centro de ayuda&lt;\/a&gt;\n    &lt;\/nav&gt;\n  &lt;\/main&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><strong>Atenci\u00f3n:<\/strong> la etiqueta <code>&lt;meta name=\"robots\" content=\"noindex, follow\"&gt;<\/code> puede ser \u00fatil para evitar que la propia p\u00e1gina 404 aparezca en resultados de b\u00fasqueda si se sirve directamente. Pero lo esencial no es esa metaetiqueta: lo esencial es que la URL inexistente responda con estado <code>404<\/code>. La cabecera HTTP manda m\u00e1s que el maquillaje HTML.<\/p>\n<h2 id=\"configuracion-servidor\">C\u00f3mo configurar una p\u00e1gina 404 personalizada seg\u00fan el servidor<\/h2>\n<p>Crear el archivo es la mitad visible del asunto. La otra mitad vive en el servidor, ese s\u00f3tano donde tantas decisiones importantes ocurren sin aplausos. Para que una URL inexistente muestre tu dise\u00f1o personalizado y devuelva el estado correcto, debes indicar al servidor qu\u00e9 archivo usar como documento de error.<\/p>\n<h3>Apache: configurar 404 con .htaccess<\/h3>\n<p>En servidores Apache, la forma habitual es usar la directiva <code>ErrorDocument<\/code>. Si tienes permitido usar archivos <code>.htaccess<\/code>, a\u00f1ade esto en la ra\u00edz del sitio:<\/p>\n<pre><code>ErrorDocument 404 \/404.html<\/code><\/pre>\n<p>El archivo <code>404.html<\/code> debe existir en la ra\u00edz p\u00fablica. La ruta comienza con barra porque es relativa al dominio, no al sistema de archivos.<\/p>\n<p>Ejemplo:<\/p>\n<pre><code>https:\/\/ejemplo.com\/404.html<\/code><\/pre>\n<p>Si tu p\u00e1gina 404 est\u00e1 dentro de una carpeta, podr\u00edas usar:<\/p>\n<pre><code>ErrorDocument 404 \/errores\/404.html<\/code><\/pre>\n<p><strong>Comprobaci\u00f3n r\u00e1pida:<\/strong> visita una URL inventada, por ejemplo <code>https:\/\/tudominio.com\/esto-no-existe<\/code>. Debes ver tu p\u00e1gina personalizada. Despu\u00e9s verifica el estado HTTP. En terminal:<\/p>\n<pre><code>curl -I https:\/\/tudominio.com\/esto-no-existe<\/code><\/pre>\n<p>La respuesta debe incluir algo como <code>HTTP\/2 404<\/code> o <code>HTTP\/1.1 404 Not Found<\/code>.<\/p>\n<h3>Nginx: usar error_page<\/h3>\n<p>En Nginx, la configuraci\u00f3n suele hacerse en el bloque <code>server<\/code>. Un ejemplo t\u00edpico:<\/p>\n<pre><code>server {\n    listen 80;\n    server_name ejemplo.com www.ejemplo.com;\n    root \/var\/www\/ejemplo;\n\n    error_page 404 \/404.html;\n\n    location = \/404.html {\n        internal;\n    }\n\n    location \/ {\n        try_files $uri $uri\/ =404;\n    }\n}<\/code><\/pre>\n<p>La directiva <code>error_page 404 \/404.html;<\/code> indica qu\u00e9 recurso mostrar. La l\u00ednea <code>internal<\/code> impide que el archivo sea solicitado directamente por el navegador, aunque Nginx s\u00ed pueda servirlo internamente cuando ocurre el error. No siempre es obligatorio, pero puede ser una medida limpia.<\/p>\n<p>Si trabajas con una aplicaci\u00f3n de una sola p\u00e1gina, como React, Vue o Angular, la configuraci\u00f3n cambia porque muchas rutas reales son manejadas por el cliente. All\u00ed hay que distinguir entre una ruta que la aplicaci\u00f3n debe resolver y un recurso verdaderamente inexistente. Este detalle parece peque\u00f1o, pero puede separar un sitio elegante de un laberinto donde todo devuelve <code>200 OK<\/code>, incluso la nada.<\/p>\n<h3>IIS: configuraci\u00f3n en web.config<\/h3>\n<p>En servidores Windows con IIS, puedes definir p\u00e1ginas de error personalizadas desde el archivo <code>web.config<\/code>:<\/p>\n<pre><code>&lt;configuration&gt;\n  &lt;system.webServer&gt;\n    &lt;httpErrors errorMode=\"Custom\"&gt;\n      &lt;remove statusCode=\"404\" \/&gt;\n      &lt;error statusCode=\"404\" path=\"\/404.html\" responseMode=\"ExecuteURL\" \/&gt;\n    &lt;\/httpErrors&gt;\n  &lt;\/system.webServer&gt;\n&lt;\/configuration&gt;<\/code><\/pre>\n<p>Conviene probarlo en un entorno controlado antes de subirlo a producci\u00f3n. Un <code>web.config<\/code> mal escrito puede tumbar un sitio con una eficacia casi art\u00edstica.<\/p>\n<h3>Netlify<\/h3>\n<p>En Netlify, basta con crear un archivo <code>404.html<\/code> en la carpeta publicada. La plataforma lo detecta autom\u00e1ticamente como p\u00e1gina de error personalizada.<\/p>\n<p>Si adem\u00e1s usas reglas de redirecci\u00f3n, ten cuidado de no convertir todas las rutas inexistentes en respuestas <code>200<\/code>. Para aplicaciones SPA, una regla como esta puede ser necesaria:<\/p>\n<pre><code>\/*    \/index.html   200<\/code><\/pre>\n<p>Pero para sitios de contenido tradicional puede causar soft 404 si se aplica sin criterio. La comodidad, como el az\u00facar, mejora algunas cosas y arruina otras cuando se vierte sin medir.<\/p>\n<h3>Vercel<\/h3>\n<p>En Vercel, los frameworks modernos suelen manejar el 404 con convenciones propias. En un proyecto est\u00e1tico, un archivo <code>404.html<\/code> puede funcionar. En Next.js, por ejemplo, se crea una p\u00e1gina <code>404.js<\/code> o <code>not-found.tsx<\/code> seg\u00fan el sistema de rutas utilizado.<\/p>\n<p>Si tu objetivo es una p\u00e1gina HTML pura, revisa que el archivo est\u00e9 dentro del directorio p\u00fablico o de salida est\u00e1tica correspondiente, y confirma siempre el c\u00f3digo HTTP final.<\/p>\n<h3>GitHub Pages<\/h3>\n<p>GitHub Pages permite p\u00e1ginas 404 personalizadas mediante un archivo llamado <code>404.html<\/code> en la ra\u00edz del sitio publicado. Es simple y funciona bien para documentaci\u00f3n, portfolios y sitios est\u00e1ticos.<\/p>\n<h2 id=\"wordpress\">C\u00f3mo configurar una p\u00e1gina 404 personalizada en WordPress<\/h2>\n<p>WordPress merece un apartado propio, no porque sea dif\u00edcil, sino porque en su ecosistema conviven plantillas elegantes, constructores visuales, temas que hacen magia y plugins que prometen arreglar la existencia con tres clics. A veces lo logran. A veces instalan una feria dentro del servidor.<\/p>\n<h3>Opci\u00f3n 1: editar el archivo 404.php del tema<\/h3>\n<p>La forma m\u00e1s s\u00f3lida es crear o modificar el archivo <code>404.php<\/code> en un <strong>tema hijo<\/strong>. No edites directamente el tema padre si quieres conservar los cambios tras una actualizaci\u00f3n.<\/p>\n<pre><code>&lt;?php\nget_header();\n?&gt;\n\n&lt;main id=\"primary\"&gt;\n  &lt;section&gt;\n    &lt;h1&gt;No encontramos esta p\u00e1gina&lt;\/h1&gt;\n    &lt;p&gt;El enlace puede estar roto o el contenido haber cambiado de direcci\u00f3n.&lt;\/p&gt;\n\n    &lt;?php get_search_form(); ?&gt;\n\n    &lt;p&gt;\n      &lt;a href=\"&lt;?php echo esc_url(home_url('\/')); ?&gt;\"&gt;Volver al inicio&lt;\/a&gt;\n    &lt;\/p&gt;\n  &lt;\/section&gt;\n&lt;\/main&gt;\n\n&lt;?php\nget_footer();<\/code><\/pre>\n<p>WordPress normalmente env\u00eda el estado 404 cuando carga esta plantilla en una consulta no encontrada. Si est\u00e1s creando l\u00f3gica personalizada, puedes reforzarlo con:<\/p>\n<pre><code>&lt;?php\nstatus_header(404);\nnocache_headers();\n?&gt;<\/code><\/pre>\n<h3>Opci\u00f3n 2: usar el editor del sitio o un constructor visual<\/h3>\n<p>Muchos temas de bloques permiten editar la plantilla de error 404 desde el editor del sitio. Constructores como Elementor, Divi, Bricks o Beaver Builder tambi\u00e9n ofrecen plantillas 404. Es pr\u00e1ctico, sobre todo para equipos de marketing que necesitan autonom\u00eda.<\/p>\n<p>Pero comprueba el resultado. No basta con que \u201cse vea bonito\u201d. Haz una prueba con una URL falsa y verifica el estado HTTP. La belleza sin cabecera correcta es como un letrero de hospital sobre una tienda de zapatos: tranquiliza un segundo y confunde despu\u00e9s.<\/p>\n<h3>Opci\u00f3n 3: plugins de redirecci\u00f3n y monitoreo<\/h3>\n<p>Plugins como Redirection, Rank Math, Yoast SEO Premium o herramientas similares pueden registrar errores 404 y crear redirecciones. Son \u00fatiles, especialmente despu\u00e9s de migraciones o cambios masivos de URLs.<\/p>\n<p>La regla de oro: <strong>no redirijas todo a la home<\/strong>. Es tentador, s\u00ed. Tambi\u00e9n es una mala pr\u00e1ctica. Si una URL tiene un equivalente nuevo, haz una redirecci\u00f3n <code>301<\/code> espec\u00edfica. Si no existe equivalente, deja que responda 404 o 410 y ofrece una p\u00e1gina \u00fatil.<\/p>\n<h2 id=\"seo\">SEO para p\u00e1ginas 404: lo que Google espera y lo que conviene evitar \ud83d\udd0e<\/h2>\n<p>Una 404 bien implementada no perjudica el SEO por s\u00ed misma. Los sitios normales tienen errores 404. Google lo sabe. Bing tambi\u00e9n. Incluso los rastreadores m\u00e1s severos entienden que la web cambia. El problema aparece cuando los errores son masivos, cuando afectan URLs importantes, cuando nacen de enlaces internos rotos o cuando se disfrazan de p\u00e1ginas v\u00e1lidas.<\/p>\n<h3>1. Devuelve siempre el c\u00f3digo correcto<\/h3>\n<p>La URL inexistente debe responder con <code>404 Not Found<\/code>. Si el contenido se elimin\u00f3 de forma definitiva y no volver\u00e1, puedes considerar <code>410 Gone<\/code>. Este \u00faltimo es una se\u00f1al m\u00e1s expl\u00edcita, aunque no siempre necesaria.<\/p>\n<h3>2. Evita los soft 404<\/h3>\n<p>Un soft 404 ocurre cuando una p\u00e1gina parece un error, pero devuelve <code>200 OK<\/code>, o cuando redirige a una p\u00e1gina irrelevante en lugar de mostrar un error real. Para los buscadores, esto puede ser ruido. Para el usuario, desconcierto. Para el responsable SEO, caf\u00e9 extra.<\/p>\n<p><strong>No hagas esto:<\/strong> redirigir todas las URLs inexistentes a la p\u00e1gina de inicio. Parece una soluci\u00f3n amable, pero suele ser una trampa. El usuario esperaba algo concreto y aterriza en una portada gen\u00e9rica, como quien pide un mapa y recibe una postal.<\/p>\n<h3>3. Mant\u00e9n enlaces internos sanos<\/h3>\n<p>Los errores 404 originados por enlaces externos son inevitables hasta cierto punto. Pero los enlaces internos rotos s\u00ed est\u00e1n bajo tu control. Usa herramientas como Screaming Frog, Sitebulb, Ahrefs, Semrush, Google Search Console o rastreadores internos para detectarlos.<\/p>\n<h3>4. Personaliza sin indexar basura<\/h3>\n<p>No necesitas que las URLs 404 se indexen. Lo correcto es que el buscador las elimine del \u00edndice con el tiempo. La p\u00e1gina puede contener enlaces rastreables hacia secciones \u00fatiles; por eso muchas implementaciones usan <code>noindex, follow<\/code> como refuerzo, aunque la cabecera 404 ya es la se\u00f1al decisiva.<\/p>\n<h3>5. Usa redirecciones 301 solo cuando haya equivalencia real<\/h3>\n<p>Si eliminaste <code>\/servicios\/diseno-web-antiguo<\/code> y ahora tienes <code>\/servicios\/diseno-web<\/code>, una redirecci\u00f3n 301 tiene sentido. Si eliminaste un producto que ya no existe y no hay sustituto, quiz\u00e1 conviene mostrar una 404 con productos relacionados o una 410. La precisi\u00f3n t\u00e9cnica tambi\u00e9n es una forma de respeto.<\/p>\n<h2 id=\"analitica\">C\u00f3mo medir errores 404 y convertirlos en mantenimiento inteligente \ud83d\udcca<\/h2>\n<p>Una p\u00e1gina 404 no solo debe consolar; debe informar. Cada visita a una URL inexistente cuenta una historia: un enlace roto, una campa\u00f1a mal escrita, una ficha eliminada, una migraci\u00f3n incompleta, un QR impreso en folletos de hace tres a\u00f1os. Hace poco encontr\u00e9 uno en una cafeter\u00eda: el men\u00fa digital llevaba a una 404 desnuda. Ped\u00ed caf\u00e9 solo. Supongo que fue una decisi\u00f3n filos\u00f3fica.<\/p>\n<p>Para monitorear errores 404 puedes usar varias fuentes:<\/p>\n<ul>\n<li><strong>Google Search Console:<\/strong> revisa p\u00e1ginas no encontradas detectadas por Google.<\/li>\n<li><strong>Logs del servidor:<\/strong> ofrecen el registro m\u00e1s fiel, aunque menos amable de leer.<\/li>\n<li><strong>Google Analytics 4:<\/strong> permite registrar vistas de la p\u00e1gina 404 si configuras eventos o dimensiones adecuadas.<\/li>\n<li><strong>Herramientas de rastreo:<\/strong> \u00fatiles para localizar enlaces internos rotos.<\/li>\n<li><strong>Plugins de WordPress:<\/strong> pr\u00e1cticos para equipos que no acceden a logs.<\/li>\n<\/ul>\n<h3>Registrar la URL que provoc\u00f3 el 404<\/h3>\n<p>Si usas Google Analytics 4 mediante Google Tag Manager, puedes crear un evento cuando el t\u00edtulo de la p\u00e1gina o una variable indique que est\u00e1s en una 404. Lo ideal es capturar:<\/p>\n<ul>\n<li>URL solicitada<\/li>\n<li>URL de referencia<\/li>\n<li>Dispositivo<\/li>\n<li>Pa\u00eds o regi\u00f3n, si aplica<\/li>\n<li>Frecuencia del error<\/li>\n<\/ul>\n<p>Con esos datos puedes priorizar. No es lo mismo una 404 visitada una vez por un bot perdido que una URL rota con cientos de accesos desde una campa\u00f1a activa. La primera es polvo. La segunda, fuga.<\/p>\n<h2 id=\"seguridad-rendimiento\">Seguridad, rendimiento y accesibilidad: la 404 tambi\u00e9n debe comportarse<\/h2>\n<p>La p\u00e1gina 404 suele quedar fuera de las auditor\u00edas serias. Error. Si muchas personas llegan a ella, forma parte de la experiencia real. Y si pocas llegan, igualmente puede ser visitada por bots, esc\u00e1neres y usuarios en momentos sensibles.<\/p>\n<h3>Seguridad: no reveles m\u00e1s de la cuenta \ud83d\udd10<\/h3>\n<p>No muestres rutas internas del servidor, versiones de software, trazas de errores, nombres de archivos sensibles o mensajes de depuraci\u00f3n. Una 404 debe orientar al usuario, no entregar un folleto tur\u00edstico del backend.<\/p>\n<p>Evita mensajes como:<\/p>\n<pre><code>File not found: \/var\/www\/vhosts\/cliente\/app\/releases\/2024\/private\/controller.php<\/code><\/pre>\n<p>Mejor:<\/p>\n<pre><code>No encontramos la p\u00e1gina solicitada.<\/code><\/pre>\n<h3>Rendimiento: ligera como una se\u00f1al de carretera \u26a1<\/h3>\n<p>Una p\u00e1gina de error deber\u00eda cargar r\u00e1pido incluso cuando algo ha salido mal. Usa CSS m\u00ednimo, im\u00e1genes optimizadas, fuentes del sistema o fuentes bien servidas, y evita dependencias innecesarias. Si tu 404 pesa m\u00e1s que tu p\u00e1gina de producto, algo se ha invertido en el orden moral del universo.<\/p>\n<h3>Accesibilidad: que el extrav\u00edo no sea doble \u267f<\/h3>\n<p>Una 404 accesible beneficia a todos, pero especialmente a quienes navegan con lectores de pantalla, teclado o condiciones visuales particulares. Recomendaciones b\u00e1sicas:<\/p>\n<ul>\n<li>Usa un <code>&lt;h1&gt;<\/code> descriptivo.<\/li>\n<li>Incluye texto claro, no solo iconos o im\u00e1genes.<\/li>\n<li>Asegura buen contraste entre texto y fondo.<\/li>\n<li>Permite navegar con teclado.<\/li>\n<li>Usa etiquetas <code>&lt;label&gt;<\/code> en formularios de b\u00fasqueda.<\/li>\n<li>No reproduzcas audio o video autom\u00e1ticamente.<\/li>\n<li>Evita animaciones agresivas o parpadeantes.<\/li>\n<\/ul>\n<h2>Errores frecuentes al crear p\u00e1ginas 404 personalizadas<\/h2>\n<p>La mayor\u00eda de fallos no nacen de ignorancia profunda, sino de peque\u00f1as decisiones tomadas deprisa. Aqu\u00ed van las m\u00e1s comunes:<\/p>\n<h3>Redirigir todo a la home<\/h3>\n<p>Es c\u00f3modo, pero confunde al usuario y puede generar se\u00f1ales pobres para SEO. Si no hay reemplazo real, deja el 404.<\/p>\n<h3>Responder con 200 OK<\/h3>\n<p>El dise\u00f1o dice \u201cno encontrado\u201d, pero el servidor dice \u201ctodo bien\u201d. Esa contradicci\u00f3n es veneno t\u00e9cnico en frasco peque\u00f1o.<\/p>\n<h3>No incluir navegaci\u00f3n<\/h3>\n<p>Una 404 sin enlaces \u00fatiles es un ascensor que llega al piso equivocado y adem\u00e1s no tiene botones.<\/p>\n<h3>Usar humor excesivo<\/h3>\n<p>Un toque humano ayuda. Una broma interminable puede irritar a quien solo quer\u00eda resolver una tarea.<\/p>\n<h3>Olvidar m\u00f3viles<\/h3>\n<p>Muchas visitas llegar\u00e1n desde tel\u00e9fonos. Si el bot\u00f3n queda fuera de pantalla, la p\u00e1gina no es simp\u00e1tica: es in\u00fatil.<\/p>\n<h3>No medir nada<\/h3>\n<p>Sin datos, la 404 es una habitaci\u00f3n oscura. Con datos, es una lista de tareas priorizada.<\/p>\n<h2>Qu\u00e9 tono usar: profesional, humano y sin convertir el error en circo \ud83c\udfad<\/h2>\n<p>El texto de una p\u00e1gina 404 debe adaptarse a la marca. Un despacho legal no necesita decir \u201c\u00a1Ups, nuestros duendes perdieron el expediente!\u201d. Una tienda de juguetes quiz\u00e1 s\u00ed puede permitirse algo juguet\u00f3n. La clave es el contexto.<\/p>\n<p>Algunos ejemplos de mensajes adecuados:<\/p>\n<ul>\n<li><strong>Corporativo:<\/strong> \u201cNo encontramos la p\u00e1gina solicitada. Puede que la direcci\u00f3n haya cambiado o que el contenido ya no est\u00e9 disponible.\u201d<\/li>\n<li><strong>Ecommerce:<\/strong> \u201cEste producto o p\u00e1gina no est\u00e1 disponible, pero puedes buscar alternativas en nuestro cat\u00e1logo.\u201d<\/li>\n<li><strong>Blog:<\/strong> \u201cParece que este art\u00edculo se perdi\u00f3 entre archivos y mudanzas. Prueba con el buscador o visita nuestras categor\u00edas.\u201d<\/li>\n<li><strong>SaaS:<\/strong> \u201cLa p\u00e1gina que buscas no existe o no tienes acceso a ella. Revisa la URL o vuelve al panel principal.\u201d<\/li>\n<\/ul>\n<p>La ant\u00edtesis es clara: ser c\u00e1lido sin ser fr\u00edvolo; ser breve sin ser seco; ser \u00fatil sin convertir la p\u00e1gina en un directorio telef\u00f3nico.<\/p>\n<h2>C\u00f3mo probar que tu p\u00e1gina 404 funciona correctamente<\/h2>\n<p>Antes de darla por terminada, realiza una bater\u00eda de pruebas. No es glamuroso. Tampoco lo es revisar los frenos de un coche, y sin embargo uno acaba apreci\u00e1ndolo.<\/p>\n<h3>Prueba visual<\/h3>\n<ul>\n<li>Abre una URL inexistente desde escritorio y m\u00f3vil.<\/li>\n<li>Comprueba que el dise\u00f1o no se rompe.<\/li>\n<li>Verifica que los botones y enlaces funcionen.<\/li>\n<li>Prueba el buscador interno.<\/li>\n<\/ul>\n<h3>Prueba de cabecera HTTP<\/h3>\n<pre><code>curl -I https:\/\/tudominio.com\/url-inventada<\/code><\/pre>\n<p>Resultado esperado:<\/p>\n<pre><code>HTTP\/2 404\ncontent-type: text\/html; charset=UTF-8<\/code><\/pre>\n<h3>Prueba en navegador<\/h3>\n<p>Abre las herramientas de desarrollo, entra en la pesta\u00f1a <span>Network<\/span>, recarga la URL inexistente y revisa el estado del documento principal. Debe ser <code>404<\/code>, no <code>200<\/code>, no <code>301<\/code> hacia la home, no <code>500<\/code>.<\/p>\n<h3>Prueba SEO<\/h3>\n<ul>\n<li>Revisa Google Search Console tras unos d\u00edas.<\/li>\n<li>Comprueba si hay soft 404.<\/li>\n<li>Audita enlaces internos rotos.<\/li>\n<li>Valida que las URLs eliminadas importantes tengan redirecciones cuando corresponda.<\/li>\n<\/ul>\n<h2 id=\"checklist\">Checklist profesional para una p\u00e1gina 404 excelente \u2705<\/h2>\n<ul>\n<li>La URL inexistente devuelve estado HTTP <code>404<\/code>.<\/li>\n<li>El mensaje explica claramente que la p\u00e1gina no se encontr\u00f3.<\/li>\n<li>Hay un bot\u00f3n visible para volver al inicio.<\/li>\n<li>Incluye buscador interno si el sitio tiene suficiente contenido.<\/li>\n<li>Ofrece enlaces a secciones populares o \u00fatiles.<\/li>\n<li>Mantiene identidad visual coherente con el sitio.<\/li>\n<li>Carga r\u00e1pido y no depende de recursos pesados.<\/li>\n<li>Es responsive y se ve bien en m\u00f3viles.<\/li>\n<li>Cumple criterios b\u00e1sicos de accesibilidad.<\/li>\n<li>No revela informaci\u00f3n t\u00e9cnica sensible.<\/li>\n<li>No redirige indiscriminadamente a la home.<\/li>\n<li>Est\u00e1 integrada con anal\u00edtica o monitoreo de errores.<\/li>\n<li>Se revisa despu\u00e9s de migraciones, redise\u00f1os y cambios de estructura.<\/li>\n<\/ul>\n<h2>Plantilla estrat\u00e9gica seg\u00fan tipo de sitio<\/h2>\n<p>No todas las p\u00e1ginas 404 deben perseguir el mismo objetivo. Un ecommerce quiere recuperar una posible compra. Una universidad quiere guiar hacia informaci\u00f3n acad\u00e9mica. Un SaaS quiere devolver al usuario al panel o al centro de ayuda. El error es el mismo; la intenci\u00f3n no.<\/p>\n<table>\n<thead>\n<tr>\n<th>Tipo de sitio<\/th>\n<th>Prioridad<\/th>\n<th>Elementos recomendados<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"Tipo de sitio\">Ecommerce<\/td>\n<td data-label=\"Prioridad\">Recuperar intenci\u00f3n de compra<\/td>\n<td data-label=\"Elementos recomendados\">Buscador de productos, categor\u00edas populares, ofertas, contacto, productos alternativos.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Tipo de sitio\">Blog o medio<\/td>\n<td data-label=\"Prioridad\">Mantener lectura<\/td>\n<td data-label=\"Elementos recomendados\">Buscador, art\u00edculos destacados, categor\u00edas, newsletter.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Tipo de sitio\">Sitio corporativo<\/td>\n<td data-label=\"Prioridad\">Transmitir confianza<\/td>\n<td data-label=\"Elementos recomendados\">Inicio, servicios, contacto, recursos, mensaje sobrio.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Tipo de sitio\">SaaS o aplicaci\u00f3n<\/td>\n<td data-label=\"Prioridad\">Reorientar tarea<\/td>\n<td data-label=\"Elementos recomendados\">Panel, documentaci\u00f3n, soporte, estado del sistema, inicio de sesi\u00f3n.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Tipo de sitio\">Documentaci\u00f3n t\u00e9cnica<\/td>\n<td data-label=\"Prioridad\">Encontrar informaci\u00f3n equivalente<\/td>\n<td data-label=\"Elementos recomendados\">Buscador potente, versiones, \u00edndice, enlaces a gu\u00edas frecuentes.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Cu\u00e1ndo usar 404, 410 o 301<\/h2>\n<p>Elegir el c\u00f3digo correcto es una peque\u00f1a \u00e9tica del mantenimiento web. No todo lo que desaparece debe redirigirse. No todo lo ausente debe tratarse igual.<\/p>\n<table>\n<thead>\n<tr>\n<th>C\u00f3digo<\/th>\n<th>Cu\u00e1ndo usarlo<\/th>\n<th>Ejemplo<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"C\u00f3digo\"><span>404<\/span> Not Found<\/td>\n<td data-label=\"Cu\u00e1ndo usarlo\">La p\u00e1gina no existe, no se encontr\u00f3 o no est\u00e1s seguro de si volver\u00e1.<\/td>\n<td data-label=\"Ejemplo\">URL mal escrita, enlace roto externo, p\u00e1gina eliminada sin sustituto claro.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"C\u00f3digo\"><span>410<\/span> Gone<\/td>\n<td data-label=\"Cu\u00e1ndo usarlo\">El contenido fue eliminado definitivamente y quieres comunicarlo con claridad.<\/td>\n<td data-label=\"Ejemplo\">Oferta legal caducada, evento pasado sin archivo, contenido retirado por pol\u00edtica editorial.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"C\u00f3digo\"><span>301<\/span> Moved Permanently<\/td>\n<td data-label=\"Cu\u00e1ndo usarlo\">Existe una nueva URL equivalente o muy relevante.<\/td>\n<td data-label=\"Ejemplo\">Cambio de slug, migraci\u00f3n de categor\u00eda, consolidaci\u00f3n de dos art\u00edculos similares.<\/td>\n<\/tr>\n<tr>\n<td data-label=\"C\u00f3digo\"><span>302<\/span> Found<\/td>\n<td data-label=\"Cu\u00e1ndo usarlo\">El cambio es temporal.<\/td>\n<td data-label=\"Ejemplo\">P\u00e1gina en mantenimiento temporal con alternativa provisional.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>El arte discreto de no perder al visitante<\/h2>\n<p>Una p\u00e1gina 404 personalizada en HTML no es un adorno ni una disculpa decorada. Es mantenimiento visible. Es hospitalidad t\u00e9cnica. Es aceptar que los enlaces se rompen, las migraciones dejan migas, los usuarios escriben mal y los sitios cambian; pero tambi\u00e9n es negarse a que un tropiezo se convierta en despedida.<\/p>\n<p>La web moderna presume de automatizaci\u00f3n, inteligencia artificial, despliegues continuos y arquitecturas relucientes. Y aun as\u00ed, a veces, el gesto m\u00e1s profesional consiste en decir con claridad: \u201cNo encontramos esto, pero aqu\u00ed tienes un camino\u201d. Peque\u00f1o, s\u00ed. Decisivo tambi\u00e9n.<\/p>\n<p>Porque una buena 404 no celebra el error. Lo domestica. Lo toma de la solapa, lo peina un poco y lo convierte en una se\u00f1al \u00fatil en medio del ruido. \ud83d\udee0\ufe0f\u2728<\/p>\n<\/article>\n<p>  <\/main><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo configurar p\u00e1ginas de error 404 personalizadas y \u00fatiles en HTML? Una p\u00e1gina 404 no<\/p>\n","protected":false},"author":1,"featured_media":3914,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"categories":[2],"tags":[],"class_list":["post-3915","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mantenimiento"],"_links":{"self":[{"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/posts\/3915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/comments?post=3915"}],"version-history":[{"count":1,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/posts\/3915\/revisions"}],"predecessor-version":[{"id":3916,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/posts\/3915\/revisions\/3916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/media\/3914"}],"wp:attachment":[{"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/media?parent=3915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/categories?post=3915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mantenimientoweb.pro\/blog\/wp-json\/wp\/v2\/tags?post=3915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}