{"id":4826,"date":"2025-08-14T13:26:20","date_gmt":"2025-08-14T11:26:20","guid":{"rendered":"https:\/\/wpmastertoolkit.com\/module\/head-sorter\/"},"modified":"2025-08-14T14:16:46","modified_gmt":"2025-08-14T12:16:46","slug":"head-sorter","status":"publish","type":"module","link":"https:\/\/wpmastertoolkit.com\/es\/module\/clasificador-de-cabezas\/","title":{"rendered":"Clasificador jefe"},"content":{"rendered":"

Head Sorter - Reorganizaci\u00f3n inteligente del <head><\/code> para aumentar la velocidad y el SEO<\/h1>\n\n\n\n

En muchos sitios de WordPress, el orden de las etiquetas en el directorio <head><\/code> es un caos silencioso: metadatos ahogados, CSS que llega demasiado tarde, scripts que se bloquean... El resultado es una renderizaci\u00f3n m\u00e1s lenta, m\u00e9tricas Web Vitals m\u00e1s bajas y un SEO m\u00e1s pobre. El m\u00f3dulo Clasificador jefe<\/strong> de WPMasterToolKit<\/strong> se ha creado para poner las cosas en orden autom\u00e1ticamente -sin complicadas configuraciones- y dar prioridad a lo que realmente importa.<\/p>\n\n\n\n

\u00bfA qu\u00e9 plug-in puede sustituir el m\u00f3dulo \"Head Sorter\"?<\/h2>\n\n\n\n

En muchos casos, Head Sorter puede sustituir a peque\u00f1os plugins dedicados a \"clasificar etiquetas de cabecera\", optimizar el orden de carga o fragmentos internos que intentan mover manualmente <meta><\/code>, <link><\/code> y <script><\/code>. Aqu\u00ed, todo se gestiona de forma sistem\u00e1tica y segura mediante un analizador HTML.<\/p>\n\n\n\n

\u00bfC\u00f3mo funciona?<\/h2>\n\n\n\n
    \n
  1. Interceptaci\u00f3n de la renderizaci\u00f3n frontal<\/strong>
    El m\u00f3dulo se acopla a template_redirect<\/code> (prioridad -1000<\/strong>) para iniciar un b\u00fafer de salida<\/strong> (b\u00fafer de salida). No afecta a que el Front-end<\/strong>.<\/li>\n\n\n\n
  2. Detecci\u00f3n de HTML<\/strong>
    Si la p\u00e1gina no contiene <\/html><\/code>El contenido permanece inalterado.<\/li>\n\n\n\n
  3. An\u00e1lisis de <head><\/code> con DOMDocument<\/strong>
    El contenido del <head><\/code> se carga en un DOMDocument<\/strong> (con tratamiento silencioso de errores), entonces se eval\u00faan y clasifican todas las etiquetas secundarias<\/strong> seg\u00fan un peso<\/strong>.<\/li>\n\n\n\n
  4. Ordenar por importancia<\/strong>
    A los nodos (etiquetas, texto, comentarios) se les asigna un peso. En vuelve a insertar<\/strong> entonces los elementos del <head><\/code> de mayor a menor importancia, en conservar<\/strong> comentarios y textos.<\/li>\n<\/ol>\n\n\n\n

    La tabla de prioridades (de m\u00e1s a menos importante)<\/h3>\n\n\n\n
      \n
    • META<\/strong> (10) : charset<\/code>, viewport<\/code>y algunos http-equiv<\/code> cr\u00edticas (content-security-policy<\/code>, content-type<\/code>, default-style<\/code>etc.)<\/li>\n\n\n\n
    • T\u00cdTULO<\/strong> (9)<\/li>\n\n\n\n
    • PRECONEXI\u00d3N<\/strong> (8) : <link rel=\"preconnect\"><\/code><\/li>\n\n\n\n
    • ASYNC_SCRIPT<\/strong> (7) : <script src ... async><\/code><\/li>\n\n\n\n
    • IMPORT_STYLES<\/strong> (6) : <style><\/code> que contiene @import<\/code><\/li>\n\n\n\n
    • SYNC_SCRIPT<\/strong> (5) : <script><\/code> bloqueo en l\u00ednea (no defer<\/code>no async<\/code>no type=\"module\"<\/code>y no type<\/code> JSON)<\/li>\n\n\n\n
    • SYNC_STYLES<\/strong> (4) : <link rel=\"stylesheet\"><\/code> y <style><\/code><\/li>\n\n\n\n
    • PRELOAD<\/strong> (3) : <link rel=\"preload|modulepreload\"><\/code><\/li>\n\n\n\n
    • DEFER_SCRIPT<\/strong> (2) : <script src ... defer><\/code> o <script type=\"module\"><\/code> (sin async<\/code>)<\/li>\n\n\n\n
    • PREFETCH_PRERENDER<\/strong> (1) : <link rel=\"prefetch|dns-prefetch|prerender\"><\/code><\/li>\n\n\n\n
    • OTROS<\/strong> (0): todo lo dem\u00e1s, incluidos los scripts JSON (application\/ld+json<\/code>etc.) y los nodos que no son elementos (textos, comentarios) que se conservan<\/li>\n<\/ul>\n\n\n\n

      En concreto, su etiquetas cr\u00edticas (charset<\/code>, viewport<\/code>, title<\/code>) ir a la parte superior<\/strong>recursos, seguidos de conexi\u00f3n y CSS<\/strong> necesarios para la renderizaci\u00f3n, y los scripts de bloqueo se eliminan en la medida de lo posible dando prioridad a los async<\/code>\/defer<\/code>\/module<\/code>.<\/p>\n\n\n\n

      Por qu\u00e9 es bueno para el rendimiento y el SEO<\/h2>\n\n\n\n
        \n
      • FCP\/LCP m\u00e1s r\u00e1pidos<\/strong> meta y estilos esenciales llegan antes, lo que reduce el tiempo de renderizado inicial.<\/li>\n\n\n\n
      • Menos bloqueo JS<\/strong> guiones async\/defer\/module<\/code> se favorecen, reduciendo el impacto en la ruta cr\u00edtica de renderizado.<\/li>\n\n\n\n
      • SEO t\u00e9cnico<\/strong> a <head><\/code> mejor estructurado ayuda a los motores de b\u00fasqueda a entenderlo e indexarlo correctamente (t\u00edtulo coherente\/meta primero).<\/li>\n<\/ul>\n\n\n\n

        Comportamientos y compatibilidad a tener en cuenta<\/h2>\n\n\n\n
          \n
        • S\u00f3lo front-end<\/strong> : enganchado template_redirect<\/code>. Admin no se ve afectado.<\/li>\n\n\n\n
        • Conservaci\u00f3n de contenidos<\/strong> comentarios y textos en el <head><\/code> se conservan.<\/li>\n\n\n\n
        • Guiones JSON<\/strong> (por ejemplo application\/ld+json<\/code>) : no se tratan como guiones de bloqueo<\/strong> (peso \"OTRO\") para evitar moverlos agresivamente.<\/li>\n\n\n\n
        • M\u00f3dulos ES<\/strong> (type=\"module\"<\/code>): tratado como defer<\/strong> por defecto (bueno para renderizar).<\/li>\n\n\n\n
        • HTML mal formado<\/strong> DOMDocument puede intentar \"corregir\" una cabecera mal estructurada, pero mantenga el HTML limpio para obtener mejores resultados.<\/li>\n<\/ul>\n\n\n\n

          C\u00f3mo utilizar este m\u00f3dulo<\/h2>\n\n\n\n
            \n
          1. Activar el m\u00f3dulo Head Sorter<\/strong> en WPMasterToolKit.<\/li>\n\n\n\n
          2. Vaciar la cach\u00e9<\/strong> tus plugins\/servidor\/CDN si utilizas alguno.<\/li>\n\n\n\n
          3. Controlar una p\u00e1gina<\/strong> (p\u00e1gina de inicio, art\u00edculo de muestra) para comprobar el orden de los <head><\/code> con las herramientas de desarrollo del navegador.<\/li>\n\n\n\n
          4. No hay que hacer ajustes: todo est\u00e1 autom\u00e1tico<\/strong>.<\/li>\n<\/ol>\n\n\n\n

            Nuestras opciones t\u00e9cnicas (y por qu\u00e9)<\/h2>\n\n\n\n
              \n
            • B\u00fafer de salida<\/strong> lo antes posible (template_redirect<\/code>prioridad -1000) para capturar el renderizado final de la p\u00e1gina sin tocar el coraz\u00f3n de WordPress o los temas.<\/li>\n\n\n\n
            • DOMDocument<\/strong> para un manejo fiable<\/strong> HTML, en lugar de fr\u00e1giles expresiones regulares.<\/li>\n\n\n\n
            • Matriz de pesos<\/strong> c\u00f3digo claro y extensible para priorizar :\n
                \n
              • Meta\/t\u00edtulo<\/strong> sobre todo (est\u00e1ndares web + SEO).<\/li>\n\n\n\n
              • Preconectar\/Precargar\/Hojas de estilo<\/strong> antes de bloquear los scripts.<\/li>\n\n\n\n
              • async<\/code>\/defer<\/code>\/module<\/code><\/strong> mejor que los guiones s\u00edncronos convencionales.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Conservadurismo en JSON<\/strong> exclusi\u00f3n de type<\/code> que contiene json<\/code> de la categor\u00eda \"script s\u00edncrono\" para evitar que afecte al etiquetado de datos estructurados.<\/li>\n<\/ul>\n\n\n\n

                Ganchos y filtros<\/h2>\n\n\n\n

                Este m\u00f3dulo no expone ning\u00fan apply_filters<\/code> o do_action<\/code> personalizado<\/strong>. El comportamiento es totalmente interno.<\/p>\n\n\n\n

                Consejos pr\u00e1cticos<\/h2>\n\n\n\n
                  \n
                • Evite @import<\/code> en su <style><\/code> : aunque tengan prioridad aqu\u00ed, siguen siendo m\u00e1s lento<\/strong> a <link rel=\"stylesheet\"><\/code>.<\/li>\n\n\n\n
                • Si un script cr\u00edtico necesita ejecutarse antes, prefiera defer<\/code><\/strong> (o type=\"module\"<\/code><\/strong>) en lugar de s\u00edncrono, para no bloquear el renderizado.<\/li>\n\n\n\n
                • Utilice rel=\"preconnect\"<\/code> y rel=\"preload\"<\/code> con moderaci\u00f3n y precisi\u00f3n (precargue s\u00f3lo lo que sea cr\u00edtico).<\/li>\n<\/ul>\n\n\n\n

                  Conclusi\u00f3n<\/h2>\n\n\n\n

                  El m\u00f3dulo Clasificador jefe<\/strong> pone orden en la <head><\/code> de tu sitio WordPress de forma autom\u00e1tica, respetando las buenas pr\u00e1cticas de rendimiento y SEO t\u00e9cnico. Act\u00edvalo, borra tus cach\u00e9s y disfruta de una carga m\u00e1s limpia y r\u00e1pida, sin perder tiempo microgestionando etiquetas.<\/p>","protected":false},"excerpt":{"rendered":"

                  El m\u00f3dulo Head Sorter de WPMasterToolKit optimiza autom\u00e1ticamente la cabecera HTML de su sitio WordPress reorganizando los elementos cr\u00edticos de la cabecera. . Esto mejora la velocidad de carga de la p\u00e1gina y el SEO sin requerir ninguna configuraci\u00f3n adicional. Utilizando la biblioteca DOMDocument de PHP, prioriza las etiquetas importantes, lo que contribuye a mejorar el rendimiento y enriquecer la experiencia del usuario.<\/p>","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true},"class_list":["post-4826","module","type-module","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/module\/4826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/module"}],"about":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/types\/module"}],"wp:attachment":[{"href":"https:\/\/wpmastertoolkit.com\/es\/wp-json\/wp\/v2\/media?parent=4826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}