{"id":8334,"date":"2022-04-07T16:04:41","date_gmt":"2022-04-07T14:04:41","guid":{"rendered":"https:\/\/www.publisuites.com\/blog\/?p=8334"},"modified":"2023-01-02T16:55:01","modified_gmt":"2023-01-02T14:55:01","slug":"javascript-seo","status":"publish","type":"post","link":"https:\/\/www.publisuites.com\/blog\/javascript-seo\/","title":{"rendered":"JavaScript SEO: c\u00f3mo afecta al posicionamiento"},"content":{"rendered":"<p>Conciliar <strong>JavaScript y SEO<\/strong> no siempre es f\u00e1cil, pero s\u00ed muy necesario. Es m\u00e1s, todo experto en posicionamiento org\u00e1nico debe saber c\u00f3mo optimizar este lenguaje de programaci\u00f3n para obtener sus beneficios sin mermar el SEO. \u00bfTe apuntas?<\/p>\n<p>Animaciones, formularios, mapas&#8230; La <strong>omnipresencia de JavaScript en los sitios web <\/strong>es evidente. No en vano, se trata del lenguaje de programaci\u00f3n m\u00e1s utilizado a la hora de introducir elementos din\u00e1micos.<\/p>\n<h2>JavaScript SEO<\/h2>\n<p>Llamamos <strong>JavaScript o JS<\/strong> a un lenguaje de programaci\u00f3n que combina HTML y CSS para introducir todo tipo de funciones interactivas en un sitio web. De hecho, algunas p\u00e1ginas est\u00e1n enteramente construidas con este tipo de c\u00f3digos (p.ej las desarrolladas con React o Angular).<\/p>\n<p>El uso de JS nos permite crear p\u00e1ginas web mucho m\u00e1s vistosas&#8230; pero<strong> implica ciertos retos para el SEO<\/strong>. Ciertamente, los bots de los buscadores son incapaces de procesar por completo este tipo de lenguaje, lo que puede perjudicar nuestro posicionamiento org\u00e1nico.<\/p>\n<p>Para lograr que los motores de b\u00fasqueda rastreen e indexen este lenguaje de programaci\u00f3n nace, precisamente, el <strong>SEO JavaScript<\/strong>. Se trata de una rama del SEO t\u00e9cnico destinada a facilitar que los bots de Google y otros buscadores procesen correctamente los sitios web con abundante c\u00f3digo JS.<\/p>\n<h2>C\u00f3mo procesa Google una web con JavaScript<\/h2>\n<p>Un experto en SEO como t\u00fa no necesita desarrollar c\u00f3digo JS para hacer su trabajo. Sin embargo, <strong>debes saber c\u00f3mo se comporta el Google bot con JavaScript<\/strong>. \u00a1Solo as\u00ed podr\u00e1s optimizar los sitios web cuyo posicionamiento org\u00e1nico gestionas!<\/p>\n<p>Dado que el uso masivo de este lenguaje de programaci\u00f3n, la <strong>adaptaci\u00f3n del Google bot a JavaScript <\/strong>no se ha hecho esperar. Si antes el buscador necesitaba varias semanas para renderizar este tipo de c\u00f3digos, ahora le bastan unas pocas horas.<\/p>\n<p>La introducci\u00f3n del <strong>actualizador de contenidos AJAX<\/strong> es la responsable de la agilizaci\u00f3n del <a href=\"https:\/\/www.publisuites.com\/blog\/arana-web\/\">bot<\/a>. El procesamiento que hace ahora el Google bot de JavaScript <strong>emula a un navegador<\/strong> con el fin de leer \u00edntegramente el contenido de este lenguaje.<\/p>\n<span class='bctt-click-to-tweet'><span class='bctt-ctt-text'><a href='https:\/\/x.com\/intent\/tweet?url=https%3A%2F%2Fwww.publisuites.com%2Fblog%2Fjavascript-seo%2F&#038;text=%C2%A1Al%20fin%21%20C%C3%B3mo%20afecta%20%23JavaScript%20al%20SEO&#038;via=publisuites&#038;related=publisuites' target='_blank'rel=\"noopener noreferrer\">\u00a1Al fin! C\u00f3mo afecta #JavaScript al SEO <\/a><\/span><a href='https:\/\/x.com\/intent\/tweet?url=https%3A%2F%2Fwww.publisuites.com%2Fblog%2Fjavascript-seo%2F&#038;text=%C2%A1Al%20fin%21%20C%C3%B3mo%20afecta%20%23JavaScript%20al%20SEO&#038;via=publisuites&#038;related=publisuites' target='_blank' class='bctt-ctt-btn'rel=\"noopener noreferrer\">Compartir en X<\/a><\/span>\n<h3>As\u00ed son las fases que emplea Google bot con JavaScript<\/h3>\n<ol>\n<li><strong>Rastrea<\/strong>: cuando el Googlebot detecta una URL que contiene lenguaje JS, lee el archivo robots.txt para saber si el dise\u00f1ador web autoriza su identificaci\u00f3n. En caso afirmativo, pasar\u00e1 a la siguiente fase.<\/li>\n<li><strong>Procesa<\/strong>: el bot de Google pone en cola de procesamiento todas las p\u00e1ginas que autoricen la identificaci\u00f3n del JS. Por lo general, bastan unos segundos para que pueda procesar la p\u00e1gina y ejecutar el JavaScript. En esta fase, Googlebot extrae enlaces y archivos, almacen\u00e1ndolos en cach\u00e9 y eliminando duplicados.<\/li>\n<li><strong>Renderiza<\/strong>: cuando la p\u00e1gina sale de la cola de procesamiento, Googlebot ve JavaScript de la misma manera que lo har\u00eda un usuario, por medio de un navegador Chrome sin cabeza. Los cambios introducidos por el lenguaje JS se reflejan en el Modelo de Objetos del Documento (DOM).<\/li>\n<\/ol>\n<h2>C\u00f3mo mejorar el SEO con JavaScript<\/h2>\n<h3>\u00bfPuede acceder el Google bot a JavaScript?<\/h3>\n<p>Lo primero que debes hacer para facilitarle la vida al Google bot con JavaScript es examinar tu URL con Google Search Console. De este modo podr\u00e1s <strong>verificar que el buscador es capaz de rastrear, procesar y <a href=\"https:\/\/www.publisuites.com\/blog\/que-es-el-renderizado-de-paginas-web\/\">renderizar <\/a><\/strong>tu sitio web sin errores.<\/p>\n<ul>\n<li>Revisa el archivo<strong> robots.txt<\/strong> para asegurarte de que no est\u00e1s bloqueando el acceso del Google bot al JavaScript.<\/li>\n<li>Comprueba a trav\u00e9s de <a href=\"https:\/\/search.google.com\/search-console\/\" target=\"_blank\" rel=\"noopener\"><strong>Google Search Console<\/strong><\/a> que todas las p\u00e1ginas de tu sitio web est\u00e1n indexadas. En caso contrario, podr\u00e1s reindexarlas manualmente con esta herramienta.<\/li>\n<\/ul>\n<h3>SEO JavaScript links: as\u00ed debes configurarlos<\/h3>\n<p>Configurar SEO JavaScript links (enlaces JS optimizados para SEO) es<strong> clave para que el Googlebot entienda de qu\u00e9 va tu sitio web<\/strong>. Ciertamente, de ello depende no solo tu <a href=\"https:\/\/www.publisuites.com\/blog\/pagerank\/\">PageRank<\/a> sino tambi\u00e9n la accesibilidad de los usuarios que navegan con el JavaScript desactivado.<\/p>\n<ul>\n<li>La manera correcta de crear estos SEO JavaScript links es emplear la etiqueta HTML que<strong> incluya la URL de destino <\/strong>en el atributo <em>href<\/em>.<\/li>\n<li><strong>Nunca omitas el atributo <\/strong><strong><em>href<\/em><\/strong>. Si lo haces, lejos de lograr SEO JavaScript links, solo har\u00e1s que los Google bots pasen de largo por tus enlaces.<\/li>\n<li>Recuerda que los rastreadores ignoran los <strong>identificadores de fragmentos<\/strong> (identificados con #). A diferencia de lo que sucede con los SEO JavaScript links, los Googlebots no siguen estos enlaces.<\/li>\n<\/ul>\n<h3>Frameworks de JavaScript: tu mejor aliado<\/h3>\n<p>Una de las mejores cosas que puedes hacer para optimizar tu sitio web es utilizar un framework Javascript. Se trata de una biblioteca que incluye <strong>plantillas predise\u00f1adas con el correspondiente c\u00f3digo JS<\/strong> (p.ej: JavaScript SEO Tools). Esta herramienta es ideal para prevenir errores y simplificar la configuraci\u00f3n de las etiquetas.<\/p>\n<p>Desde luego, el uso de <strong>JavaScript no est\u00e1 re\u00f1ido con el posicionamiento org\u00e1nico<\/strong>. Todo es cuesti\u00f3n de saber c\u00f3mo act\u00faa el Googlebot frente a este lenguaje de programaci\u00f3n y actuar en consecuencia para optimizar al m\u00e1ximo el SEO. \u00bfPor qu\u00e9 no empiezas a poner en pr\u00e1ctica nuestros consejos ahora mismo?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Conciliar JavaScript y SEO no siempre es f\u00e1cil, pero s\u00ed muy necesario. Es m\u00e1s, todo experto en posicionamiento org\u00e1nico debe saber c\u00f3mo optimizar este lenguaje de programaci\u00f3n para obtener sus beneficios sin mermar el SEO. \u00bfTe apuntas? Animaciones, formularios, mapas&#8230; La omnipresencia de JavaScript en los sitios web es evidente. No en vano, se trata [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":8333,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[69],"tags":[22,35,23,25],"class_list":["post-8334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-seo","tag-pagina-web","tag-posicionamiento","tag-seo","tag-trafico-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts\/8334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/comments?post=8334"}],"version-history":[{"count":5,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts\/8334\/revisions"}],"predecessor-version":[{"id":9822,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/posts\/8334\/revisions\/9822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/media\/8333"}],"wp:attachment":[{"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/media?parent=8334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/categories?post=8334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.publisuites.com\/blog\/wp-json\/wp\/v2\/tags?post=8334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}