{"id":4334,"date":"2020-07-16T07:48:17","date_gmt":"2020-07-16T15:48:17","guid":{"rendered":"https:\/\/ahrefs.com\/blog\/es\/?p=4334"},"modified":"2025-02-21T11:59:03","modified_gmt":"2025-02-21T19:59:03","slug":"javascript-seo","status":"publish","type":"post","link":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/","title":{"rendered":"Mejora el SEO con JavaScript"},"content":{"rendered":"<div class=\"intro-txt\">Se suele mencionar mucho JavaScript en el SEO por temas de mejoras en el WPO o incluso de renderizado. Tambi\u00e9n se suele mencionar este lenguaje de programaci\u00f3n, porque hacer SEO en Frameworks de JS (JavaScript) requiere un enfoque distinto y un conocimiento mayor al promedio.<\/div>\n<p>Sin embargo, no se suelen mencionar tanto las caracter\u00edsticas y ventajas que tiene el uso de JavaScript y c\u00f3mo podemos hacer uso de ellas para mejorar o cambiar cualquier aspecto de nuestra web a modo de parche.<\/p>\n<p>En este art\u00edculo, te voy a explicar todo, desde el principio, y c\u00f3mo te puedes valer de esto para cambiar absolutamente cualquier web, por qu\u00e9 funciona y c\u00f3mo hacerlo con un conocimiento medianamente avanzado. Pero tambi\u00e9n te dir\u00e9, al final, un truco para poder aplicar esto en cualquier web de una forma escalable, independientemente del nivel de SEO o programaci\u00f3n que tengas.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Principios de JavaScript\" data-section=\"principios-javascript\">\n<h2><strong>Principios de JavaScript<\/strong><\/h2>\n<\/div><\/div>\n<p>JavaScript, por defecto, es un lenguaje de cara al usuario. Esto quiere decir, que es un lenguaje de programaci\u00f3n que funciona y se ejecuta en el ordenador (concretamente navegador) del usuario. Es decir, no ser\u00e1 el<em> hosting<\/em> ni el servidor de la web, sino el visitante desde su m\u00f3vil u ordenador el que ejecutar\u00e1 el lenguaje de programaci\u00f3n y las modificaciones pertinentes.<\/p>\n<p>Se puede entender, por esto mismo, que puede repercutir en una carga y un consumo para aquel que rastree la p\u00e1gina, ya que la responsabilidad recae en el usuario. Es por este motivo, que cuando ejecutamos un rastreo de nuestra web con JavaScript, se tarda mucho m\u00e1s que cuando rastreamos la web sin JavaScript, y esto es clave para entender c\u00f3mo lo hace Google, porque el tiempo son recursos y dinero. (<strong>Ahrefs<\/strong> por cierto, <a href=\"https:\/\/ahrefs.com\/blog\/site-audit-crawls-javascript\/\">lleva rastreando con JS desde 2018<\/a>).<\/p>\n<p>JavaScript tambi\u00e9n permite, gracias a que funciona desde el lado del usuario, que este pueda interactuar con la p\u00e1gina web.<\/p>\n<h3>C\u00f3mo funciona JavaScript en el&nbsp;SEO<\/h3>\n<p>Para que nos hagamos una idea, podr\u00edamos decir que JavaScript es un \u201clenguaje parche\u201d. El servidor primero nos arroja todos los archivos, HTML, CSS, JS y multimedia.<\/p>\n<p>Una vez que nos llega la <a href=\"https:\/\/ahrefs.com\/blog\/es\/etiquetas-html\/\">estructura de HTML<\/a>, el usuario comienza a ejecutar el JS, cuando desde el HTML, se le dice que ejecute dichos Scripts y, estos, comienzan a interactuar y a modificar el propio c\u00f3digo de&nbsp;HTML.<\/p>\n<p>Digamos que el c\u00f3digo de HTML que te llega es el DOM, que es lo que podemos ver cuando le damos a CTRL+U o a\u00f1adimos view-source: a la URL que estamos investigando.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18897\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web.png\" alt=\"DOM de una p\u00e1gina web \" width=\"1892\" height=\"1015\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web.png 1892w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web-680x365.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web-768x412.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web-1536x824.png 1536w\" sizes=\"auto, (max-width: 1892px) 100vw, 1892px\"><\/p>\n<p>Sin embargo, ese c\u00f3digo no tiene por qu\u00e9 ser el mismo que vemos en el inspector de elementos de nuestra web:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18898\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/2-inspector-elementos.png\" alt=\"Inspector de elementos en Google Chrome\" width=\"1415\" height=\"735\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/2-inspector-elementos.png 1415w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/2-inspector-elementos-680x353.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/2-inspector-elementos-768x399.png 768w\" sizes=\"auto, (max-width: 1415px) 100vw, 1415px\"><\/p>\n<p>Ya que el JS puede modificar el HTML de nuestra web, lo cual a los SEO nos puede ser de gran utilidad para modificar contenido que, de otra forma, no podr\u00edamos cambiar.<\/p>\n<p>Si estos cambios son ejecutados \u201cr\u00e1pidamente\u201d por medio de JavaScript, Google ser\u00e1 capaz de procesarlo.<\/p>\n<p>Para saber si Google procesa o no los cambios de una forma correcta, lo podemos comprobar en el inspector de URL de nuestra Search Console y, si no tenemos acceso, podemos utilizar el <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data\">testeador de datos estructurados de Google<\/a>, y aunque no haya sido creado con ese prop\u00f3sito, puedes ver el HTML final con <strong>Page Inspect<\/strong> de Ahrefs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18899\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/3-page-inspect-ahrefs.png\" alt=\"C\u00f3digo HTML de una p\u00e1gina web visto en Page Inspect de Ahrefs\" width=\"496\" height=\"830\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/3-page-inspect-ahrefs.png 496w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/3-page-inspect-ahrefs-254x425.png 254w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\"><\/p>\n<p>Si bien Google puede renderizar y procesar JavaScript, tenemos que tener claros unos aspectos para poder sacarle todo el potencial a JavaScript.<\/p>\n<ul>\n<li>Google no interact\u00faa ni con la p\u00e1gina ni con JavaScript.<\/li>\n<li>Google es capaz de procesar JavaScript, pero le cuesta recursos.<\/li>\n<li>Google tarda aproximadamente 5 segundos en sacar el <em>snapshot<\/em> que le da el HTML resultante de la&nbsp;web.<\/li>\n<li>Si Google no ve \u201crelevante\u201d la p\u00e1gina, no utilizar\u00e1 JS para renderizarla.<\/li>\n<\/ul>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Modificar el contenido de una web con JavaScript\" data-section=\"modificar-contenido-web-javascript\">\n<h2><strong>Modificar el contenido de una web con JavaScript<\/strong><\/h2>\n<\/div><\/div>\n<p>El hecho de que, como hemos comentado, el JavaScript se ejecute en el usuario, quiere decir que podemos insertar JavaScript y modificar la web a nuestro antojo, independientemente de con qu\u00e9 lenguaje de programaci\u00f3n se haya&nbsp;usado.<\/p>\n<p>Esto quiere decir que si tenemos una web con un plugin de Cookies que nos a\u00f1ade un h1, o trabajamos en una web con una tecnolog\u00eda que no nos deja modificar el c\u00f3digo, aun as\u00ed podemos cambiar y modificar el resultado final.<\/p>\n<p>Todo lo que necesitamos es que se cumplan ciertas condiciones que no podremos salvar solo con JS, en caso de no aplicarse:<\/p>\n<ul>\n<li>La URL debe ser rastreable.<\/li>\n<li>La URL debe ser indexable.<\/li>\n<li>El <em>canonical<\/em> debe ser <em>self-referring<\/em> o tambi\u00e9n puede que no haya <em>canonical<\/em>.<\/li>\n<li>Debe haber alguna forma de poder insertar el <em>Script<\/em> (suele ser m\u00e1s f\u00e1cil de lo que parece).<\/li>\n<li>La web debe ser lo suficientemente r\u00e1pida.<\/li>\n<li>El <em>Script<\/em> debe cargarse posteriormente al elemento a a\u00f1adir, modificar o eliminar. (Tambi\u00e9n se puede utilizar un <em>defer<\/em> para que tenga efecto aunque cargue al principio).<\/li>\n<\/ul>\n<p>Si se cumplen estas condiciones, en principio Google tratar\u00e1 de renderizar la URL y solo tendr\u00e1 en cuenta el DOM final, que se puede calcular aproximadamente en el resultado que tiene la web, unos 5 segundos despu\u00e9s de cargarse, por lo que en este caso el WPO tambi\u00e9n es importante.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"A\u00f1adir Scripts desde nuestra web\" data-section=\"anadir-scripts-nuestra-web\">\n<h2><strong>A\u00f1adir <\/strong><strong><em>Script<\/em><\/strong><strong>s desde nuestra web<\/strong><\/h2>\n<\/div><\/div>\n<p>Debemos tener alg\u00fan espacio desde el <em>back<\/em> o alg\u00fan lugar de nuestra web, donde cargar un archivo JavaScript externo, o poder a\u00f1adir las etiquetas Scripts por medio de&nbsp;HTML.<\/p>\n<p>Es importante tener en cuenta, como he mencionado anteriormente, que para que tenga efecto el cambio que queremos realizar en nuestra web, el <em>Script<\/em> se debe ejecutar a posteriori.<\/p>\n<p>\u00bfC\u00f3mo deber\u00eda hacerse?<strong> Si no quieres tener nada que ver con c\u00f3digo<\/strong>, <strong>puedes verlo en la parte final del art\u00edculo<\/strong> donde explico c\u00f3mo hacer estos cambios sin saber nada de programaci\u00f3n.<\/p>\n<p>Si sabes de programaci\u00f3n, o tienes curiosidad sobre c\u00f3mo se hace, te lo explico aqu\u00ed&nbsp;mismo.<\/p>\n<p>En JavaScript para realizar alg\u00fan cambio en alg\u00fan elemento, tienes que saber c\u00f3mo seleccionarlo.<\/p>\n<p>Voy a a\u00f1adir ejemplos de c\u00f3mo modificar\u00edamos un enlace de distintas formas por medio de&nbsp;JS:<\/p>\n<p>Imaginemos que tenemos este enlace:<\/p>\n<p><code>a href=\"https:\/\/example.com\" class=\"example-link\" target=\"_blank\" rel=\"nofollow\"&gt;Haz clic aqu\u00ed &lt;\/a&gt;<\/code><\/p>\n<p>Por medio de JavaScript podr\u00edamos hacer distintas cosas:<\/p>\n<p>1. Modificar el <em>Anchor Text<\/em><\/p>\n<p><code>\/\/ Seleccionamos el enlace con la clase \"example-link\"<br>\nconst link = document.querySelector('.example-link');<br>\n\/\/ 1. Modificar el texto usando innerHTML<br>\nlink.innerHTML = 'Este es el nuevo Anchor Text'<\/code><\/p>\n<p>2. Hacer que nuestro enlace est\u00e9 dentro de otra etiqueta de&nbsp;HTML<\/p>\n<p><code>\/\/ Seleccionamos el enlace con la clase \"example-link\"<br>\nconst link = document.querySelector('.example-link');<br>\nlink.outerHTML = `&lt;div class=\"container\"&gt;${link.outerHTML}&lt;\/div&gt;`;&lt;\/code&gt;<\/code><\/p>\n<p>3. Cambiar la ruta del enlace<\/p>\n<p><code>\/\/ Seleccionamos el enlace con la clase \"example-link\"<br>\nconst link = document.querySelector('.example-link');<br>\nlink.href = 'https:\/\/nuevo-enlace.com'<\/code><\/p>\n<p>4. Eliminar el Target=\u201d_blank\u201d<\/p>\n<p><code>\/\/ Seleccionamos el enlace con la clase \"example-link\"<br>\nconst link = document.querySelector('.example-link');<br>\nlink.removeAttribute('target');<\/code><\/p>\n<p>5. Modificar el <em>nofollow<\/em> por <em>noopener<\/em><\/p>\n<p><code>\/\/ Seleccionamos el enlace con la clase \"example-link\"<br>\nconst link = document.querySelector('.example-link');<br>\nif (newLink.rel === 'nofollow') { newLink.rel = 'noopener';<\/code><\/p>\n<p>Como se puede observar, se puede hacer pr\u00e1cticamente cualquier modificaci\u00f3n sobre cualquier elemento, lo \u00fanico que hay que <strong>saber es c\u00f3mo seleccionarlo<\/strong> y c\u00f3mo cambiarlo utilizando los propios comandos de JavaScript.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"A\u00f1ade los Scripts desde un Tag Manager\" data-section=\"anade-scripts-tag-manager\">\n<h2><strong>A\u00f1ade los Scripts desde un Tag Manager<\/strong><\/h2>\n<\/div><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18900\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/4-scripts-tag-manager.png\" alt=\"A\u00f1adir scripts desde Tag Manager\" width=\"1405\" height=\"666\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/4-scripts-tag-manager.png 1405w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/4-scripts-tag-manager-680x322.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/4-scripts-tag-manager-768x364.png 768w\" sizes=\"auto, (max-width: 1405px) 100vw, 1405px\"><\/p>\n<p>Si, por lo que sea, no sabes c\u00f3mo modificarlo dentro de la web, o no tienes acceso, podr\u00edas hacerlo por medio del propio Tag Manager, ya que, al fin y al cabo, es un Script que permite insertar otros Scripts y te permite a\u00f1adir el tuyo propio.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Patches\" data-section=\"patches\">\n<h2>Patches<\/h2>\n<\/div><\/div>\n<p>Como te dije antes, aqu\u00ed viene la soluci\u00f3n, si no sabes de programaci\u00f3n, para poder modificar con JavaScript los elementos de tu&nbsp;web.<\/p>\n<p>Con <strong>Patches<\/strong> de Ahrefs se puede modificar, utilizando el mismo principio, pero sin necesidad de saber de JavaScript.<\/p>\n<p>Con el <strong>plan Max<\/strong> de Ahrefs, en la categor\u00eda de <strong>Site Audit<\/strong> puedes utilizar <strong>Patches<\/strong> para modificar elementos sin la necesidad de saber de JavaScript.<\/p>\n<p>El principio y la ejecuci\u00f3n es la misma, pero ya no tienes que pensar para ver y obtener el resultado final.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18901\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/5-patches-ahrefs.png\" alt=\"Patches en Site Audit de Ahrefs\" width=\"1500\" height=\"918\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/5-patches-ahrefs.png 1500w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/5-patches-ahrefs-680x416.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/5-patches-ahrefs-768x470.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\"><\/p>\n<h1>Conclusiones<\/h1>\n<p>Gracias a JavaScript, y a c\u00f3mo renderiza Google a d\u00eda de hoy una web, podemos modificar un elemento, a pesar de que esta web no se haya programado adecuadamente, o no nos permitan cambiarlo desde la base, es decir, que lo podemos hacer independientemente del FrameWork o del CMS. De esta forma, ahorramos un mont\u00f3n de tiempo a la hora de modificar el <em>core<\/em> de una web o si tenemos en cuenta los tiempos, a veces il\u00f3gicos, que pueden tener ciertos departamentos de&nbsp;TI.<\/p>\n<p>Si bien es cierto que no es perfecto, ya que el cambio se hace cuando se ejecuta el JS y a veces puede tener un efecto visual no deseado de cara al usuario, es una herramienta o t\u00e1ctica m\u00e1s que podemos a\u00f1adir a nuestros proyectos para tener menos limitaciones a la hora de implementar nuestras estrategias, ya que cualquier elemento, en cualquier entorno web, es modificable y legible por parte de Google.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sin embargo, no se suelen mencionar tanto las caracter\u00edsticas y ventajas que tiene el uso de JavaScript y c\u00f3mo podemos hacer uso de ellas para mejorar o cambiar cualquier aspecto de nuestra web a modo de parche. En este art\u00edculo,<span class=\"ellipsis\">\u2026<\/span><\/p>\n<div class=\"read-more\">Leer m\u00e1s \u203a<\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[9],"tags":[],"coauthors":[82],"class_list":["post-4334","post","type-post","status-publish","format-standard","hentry","category-technical-seo","odd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mejora el SEO con JavaScript<\/title>\n<meta name=\"description\" content=\"Aprende c\u00f3mo modificar cualquier p\u00e1gina con JavaScript para mejorar el SEO de una web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejora el SEO con JavaScript\" \/>\n<meta property=\"og:description\" content=\"No dejes que JavaScript sea tu ruina SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de SEO de Ahrefs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ahrefs\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-16T15:48:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-21T19:59:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/fb-javascript-seo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"990\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlos Sanchez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ahrefs\" \/>\n<meta name=\"twitter:site\" content=\"@ahrefs\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/\"},\"author\":{\"name\":\"Carlos Sanchez\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/8f252ed97fbdff6752fd0d771fcdef0b\"},\"headline\":\"Mejora el SEO con JavaScript\",\"datePublished\":\"2020-07-16T15:48:17+00:00\",\"dateModified\":\"2025-02-21T19:59:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/\"},\"wordCount\":1518,\"image\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/mejora-el-seo-con-javascript-by-carlos-sanchez-technical-seo.jpg\",\"articleSection\":[\"SEO T\u00e9cnico\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/\",\"name\":\"Mejora el SEO con JavaScript\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/1-dom-pagina-web.png\",\"datePublished\":\"2020-07-16T15:48:17+00:00\",\"dateModified\":\"2025-02-21T19:59:03+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/8f252ed97fbdff6752fd0d771fcdef0b\"},\"description\":\"Aprende c\u00f3mo modificar cualquier p\u00e1gina con JavaScript para mejorar el SEO de una web.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/javascript-seo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/1-dom-pagina-web.png\",\"contentUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/1-dom-pagina-web.png\",\"width\":1892,\"height\":1015,\"caption\":\"DOM de una p\u00e1gina web\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/\",\"name\":\"Blog de SEO de Ahrefs\",\"description\":\"Estrategias de link building y consejos de posicionamiento SEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/8f252ed97fbdff6752fd0d771fcdef0b\",\"name\":\"Carlos Sanchez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/carlos-sanchez-cara.jpg7829a97e0c6ddee1bd16fa28762b9c20\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/carlos-sanchez-cara.jpg\",\"contentUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/carlos-sanchez-cara.jpg\",\"caption\":\"Carlos Sanchez\"},\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/author\\\/carlos-sanchez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mejora el SEO con JavaScript","description":"Aprende c\u00f3mo modificar cualquier p\u00e1gina con JavaScript para mejorar el SEO de una web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/","og_locale":"es_ES","og_type":"article","og_title":"Mejora el SEO con JavaScript","og_description":"No dejes que JavaScript sea tu ruina SEO.","og_url":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/","og_site_name":"Blog de SEO de Ahrefs","article_publisher":"https:\/\/www.facebook.com\/Ahrefs","article_published_time":"2020-07-16T15:48:17+00:00","article_modified_time":"2025-02-21T19:59:03+00:00","og_image":[{"width":1920,"height":990,"url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/fb-javascript-seo.png","type":"image\/png"}],"author":"Carlos Sanchez","twitter_card":"summary_large_image","twitter_creator":"@ahrefs","twitter_site":"@ahrefs","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/#article","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/"},"author":{"name":"Carlos Sanchez","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/8f252ed97fbdff6752fd0d771fcdef0b"},"headline":"Mejora el SEO con JavaScript","datePublished":"2020-07-16T15:48:17+00:00","dateModified":"2025-02-21T19:59:03+00:00","mainEntityOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/"},"wordCount":1518,"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/mejora-el-seo-con-javascript-by-carlos-sanchez-technical-seo.jpg","articleSection":["SEO T\u00e9cnico"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/","url":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/","name":"Mejora el SEO con JavaScript","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/#primaryimage"},"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web.png","datePublished":"2020-07-16T15:48:17+00:00","dateModified":"2025-02-21T19:59:03+00:00","author":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/8f252ed97fbdff6752fd0d771fcdef0b"},"description":"Aprende c\u00f3mo modificar cualquier p\u00e1gina con JavaScript para mejorar el SEO de una web.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/javascript-seo\/#primaryimage","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web.png","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2020\/07\/1-dom-pagina-web.png","width":1892,"height":1015,"caption":"DOM de una p\u00e1gina web"},{"@type":"WebSite","@id":"https:\/\/ahrefs.com\/blog\/es\/#website","url":"https:\/\/ahrefs.com\/blog\/es\/","name":"Blog de SEO de Ahrefs","description":"Estrategias de link building y consejos de posicionamiento SEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahrefs.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/8f252ed97fbdff6752fd0d771fcdef0b","name":"Carlos Sanchez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2024\/07\/carlos-sanchez-cara.jpg7829a97e0c6ddee1bd16fa28762b9c20","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2024\/07\/carlos-sanchez-cara.jpg","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2024\/07\/carlos-sanchez-cara.jpg","caption":"Carlos Sanchez"},"url":"https:\/\/ahrefs.com\/blog\/es\/author\/carlos-sanchez\/"}]}},"as_json":null,"json_reviewers":[30],"_links":{"self":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/4334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=4334"}],"version-history":[{"count":0,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/4334\/revisions"}],"wp:attachment":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=4334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=4334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=4334"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/coauthors?post=4334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}