{"id":263062,"date":"2023-05-22T15:41:00","date_gmt":"2023-05-22T12:41:00","guid":{"rendered":"https:\/\/inform.click\/guia-amp-que-es-amp-y-como-configurarlo-en-el-sitio-de-wordpress\/"},"modified":"2023-05-22T16:25:00","modified_gmt":"2023-05-22T13:25:00","slug":"guia-amp-que-es-amp-y-como-configurarlo-en-el-sitio-de-wordpress","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/guia-amp-que-es-amp-y-como-configurarlo-en-el-sitio-de-wordpress\/","title":{"rendered":"Gu\u00eda AMP: \u00bfQu\u00e9 es AMP y c\u00f3mo configurarlo en el sitio de WordPress?"},"content":{"rendered":"<p>\n  Es posible que a\u00fan no te hayas dado cuenta, pero aproximadamente el 50 por ciento de las personas que acceden a tu sitio a trav\u00e9s de sus dispositivos m\u00f3viles lo abandonar\u00e1n por completo si tarda m\u00e1s de 3 segundos en cargarse.\n<\/p>\n<p>\n  Como principiante, un novato en el campo de los negocios digitales, es posible que no sepa lo mismo. Bueno, es por eso que estamos aqu\u00ed para ti.\n<\/p>\n<p>\n  Si no ha prestado ning\u00fan tipo de atenci\u00f3n al tiempo de carga de su sitio en un dispositivo m\u00f3vil y no est\u00e1 anotando el tr\u00e1fico web posterior, se encontrar\u00e1 con una p\u00e9rdida. Estos n\u00fameros deben anotarse y conocerse antes de seguir adelante y tomar cualquier otra decisi\u00f3n importante de desarrollo comercial.\n<\/p>\n<h5>\n  \u00bfPor qu\u00e9 tiene que suceder?<br \/>\n<\/h5>\n<p>\n  Principalmente porque la mayor\u00eda de las personas que buscan cualquier cosa en l\u00ednea lo hacen a trav\u00e9s de sus dispositivos m\u00f3viles. Por lo tanto, es importante que maximice la velocidad de carga de la p\u00e1gina de su sitio.\n<\/p>\n<p>\n  Para ayudarte con esta tarea, Google lanz\u00f3 recientemente una nueva tecnolog\u00eda. Esta tecnolog\u00eda promete ampliar la experiencia de su sitio para las personas que lo usan y lo ayudar\u00e1 a lograr sus objetivos. Las <strong>p\u00e1ginas m\u00f3viles aceleradas de Google<\/strong>, lanzadas por Google, tambi\u00e9n conocidas como Google AMP, son una iniciativa revolucionaria de Google para lograr un mejor tr\u00e1fico del sitio junto con una mejor generaci\u00f3n de ingresos para un negocio moderno.\n<\/p>\n<p>\n  Google AMP se adapta espec\u00edficamente a la versi\u00f3n de su sitio m\u00f3vil y lo acelera al ofrecer versiones muy ligeras de todo en su sitio, alojadas en los servidores de Google. Las personas que visitan su sitio obtendr\u00e1n su contenido de manera r\u00e1pida y, por lo tanto, es probable que no abandonen su sitio web debido a la espera. Continuar\u00e1n mirando y admirando tu trabajo, ayud\u00e1ndote as\u00ed en el caso del tr\u00e1fico web y los ingresos.\n<\/p>\n<p>\n  Antes de profundizar en la discusi\u00f3n en espiral sobre lo que Google AMP puede hacer, analicemos primero qu\u00e9 es Google AMP en realidad, de manera elaborada.\n<\/p>\n<p>\n  Google AMP es un avance tecnol\u00f3gico, una iniciativa tomada por los cerebros de Google para hacer que las versiones de los sitios m\u00f3viles sean mejores y m\u00e1s r\u00e1pidas. Estos cerebros quer\u00edan que las versiones m\u00f3viles de diferentes sitios web se cargaran m\u00e1s r\u00e1pido que nunca. Si te gusta la tecnolog\u00eda, los softwares y los algoritmos, probablemente sabr\u00e1s qu\u00e9 son los art\u00edculos instant\u00e1neos de Facebook. Si sabe qu\u00e9 es eso, comprender Google AMP es bastante f\u00e1cil. Son bastante similares.\n<\/p>\n<p>\n  Google AMP garantiza que, cuando se visita su sitio, no se carga la versi\u00f3n completa del sitio. De hecho, Google oculta deliberadamente ciertas partes para que se cargue m\u00e1s r\u00e1pido. Esto a menudo le da a la versi\u00f3n m\u00f3vil del sitio un aspecto algo minimalista.\n<\/p>\n<p>\n  La iniciativa es de c\u00f3digo abierto, lo que significa que cualquiera puede usar las metodolog\u00edas para obtener beneficios. Por supuesto, Google no va a restringir lo mismo porque su objetivo final es hacer que el contenido web sea f\u00e1cilmente accesible, especialmente para los usuarios de dispositivos m\u00f3viles.\n<\/p>\n<p>\n  La generaci\u00f3n de contenido y los tiempos de carga a menudo se consideran demasiado lentos para la mayor\u00eda de las personas, lo cual es una queja muy com\u00fan. Incluso las p\u00e1ginas que est\u00e1n llenas de contenido optimizado, ricas en informaci\u00f3n, pueden tardar m\u00e1s en cargarse. Y a pesar de todo el SEO y otros esfuerzos t\u00e9cnicos realizados por el sitio y los propietarios de negocios, el problema parece persistir. Y es por eso que Google AMP se vuelve importante en nuestras vidas hoy. Las p\u00e1ginas m\u00f3viles aceleradas (AMP) dependen de un m\u00ednimo de c\u00f3digos HTML junto con Javascripts para cargar una p\u00e1gina del sitio web. Esto ayudar\u00e1 a que el contenido de diferentes sitios web se aloje f\u00e1cilmente en cach\u00e9s de AMP. Estas versiones de cach\u00e9 se pueden usar para servir a las personas al instante, tan pronto como hagan clic en un sitio web en particular de fuentes org\u00e1nicas.\n<\/p>\n<p>\n  El m\u00e9todo, como dijimos anteriormente, es bastante similar a los art\u00edculos instant\u00e1neos de Facebook. \u00a1Pero hay una contradicci\u00f3n! A diferencia de AMP, los art\u00edculos instant\u00e1neos se limitar\u00e1n \u00fanicamente a Facebook. Y no solo a la versi\u00f3n web de Facebook, sino a su aplicaci\u00f3n m\u00f3vil. AMP, sin embargo, puede funcionar en casi cualquier lugar. Pueden ser utilizados por todo tipo de aplicaciones y navegadores web e incluso visores web. En este momento, est\u00e1 siendo utilizado no solo por Google, sino tambi\u00e9n por LinkedIn, Twitter, Reddit y otros.\n<\/p>\n<h5>\n  \u00bfGoogle AMP realmente vale la pena?<br \/>\n<\/h5>\n<p>\n  Bueno, no vamos a dar las respuestas correctas. Vas a responder a esta pregunta hoy. Haremos que el proceso sea simple para usted al brindarle todos los pros y los contras de AMP.\n<\/p>\n<p>\n  Seg\u00fan la mayor\u00eda de los expertos en SEO, AMP lo ayudar\u00e1 a obtener una clasificaci\u00f3n m\u00e1s alta en el motor de b\u00fasqueda de Google y mejorar\u00e1 la experiencia de los usuarios, especialmente en las plataformas m\u00f3viles. Esta es una bendici\u00f3n para las personas con conexiones a Internet m\u00e1s lentas. Pero tambi\u00e9n podr\u00edan presentar algunos desaf\u00edos para los propietarios de sitios y blogueros.\n<\/p>\n<p>\n  Ahora, dado que Google AMP toma la ayuda de un n\u00famero limitado de opciones de HTML y Javascript, como vendedor de contenido y propietario del sitio, es posible que no pueda agregar algunos widgets a su sitio m\u00f3vil. Esto podr\u00eda resultar ser una pesadilla, ya que limitar\u00e1 su capacidad como comercializador digital para agregar opciones inteligentes, como boletines, opciones de correo electr\u00f3nico, cuadros de Me gusta y compartir de Facebook, y otras opciones vers\u00e1tiles.\n<\/p>\n<p>\n  Google AMP, por completo, es compatible con Google Analytics, pero en realidad no brinda soporte para otras plataformas. As\u00ed funcionan las opciones de publicidad bajo Google AMP. La mayor\u00eda de las plataformas de publicidad no son compatibles con Google.\n<\/p>\n<p>\n  Incluso despu\u00e9s de estas pocas limitaciones, AMP a\u00fan mantiene su posici\u00f3n en la industria para impulsar las p\u00e1ginas web y el tr\u00e1fico del sitio en una medida considerable. Al agregar el soporte AMP a su sitio, mientras trabaja simult\u00e1neamente en sus pr\u00e1cticas de SEO, definitivamente puede reunir una gran parte del tr\u00e1fico del sitio a trav\u00e9s de b\u00fasquedas m\u00f3viles.\n<\/p>\n<p>\n  Para asegurarnos de obtener todos los beneficios que se pueden generar a trav\u00e9s de AMP para su sitio de WordPress, hemos seleccionado aqu\u00ed una gu\u00eda paso a paso sobre c\u00f3mo configurar su perfil de Google AMP por primera vez.\n<\/p>\n<p>\n  Antes de seguir esta gu\u00eda r\u00e1pida sobre c\u00f3mo habilitar AMP para su sitio de WordPress, asumimos que ya activ\u00f3 el complemento Yoast WordPress para su sitio. Puede omitir el paso, si a\u00fan no lo ha hecho, y puede activar AMP directamente en su sitio. Sin embargo, le recomendamos que active el complemento Yoast SEO como requisito previo.\n<\/p>\n<p>\n  \u00a1Ahora, yendo directo al grano!\n<\/p>\n<p>\n  Configuraci\u00f3n de Google AMP para su sitio de WordPress.\n<\/p>\n<p>\n  Es muy f\u00e1cil configurar su perfil AMP y vincularlo a su sitio de WordPress. Todos aclaman el poder del complemento oficial para el mismo por parte de Google. El complemento oficial de AMP no requiere configuraciones y es por eso que le gustar\u00eda agregar complementos de extensi\u00f3n para que sea completamente funcional.\n<\/p>\n<p>\n  Primero, vayamos a lo b\u00e1sico. Entendamos la parte fundamental de instalar el complemento oficial. Despu\u00e9s de lo cual vamos a probarlo y luego configurarlo en consecuencia.\n<\/p>\n<h5>\n  Instalaci\u00f3n<br \/>\n<\/h5>\n<p>\n  Puede instalar el complemento AMP para su sitio de WordPress siguiendo el procedimiento que se indica a continuaci\u00f3n. Este m\u00e9todo requiere que inicie sesi\u00f3n en su panel de administraci\u00f3n en su sitio de WordPress y luego haga clic en Complementos.\n<\/p>\n<ul>\n<li>Despu\u00e9s de hacer clic en los complementos, debe hacer clic en la pesta\u00f1a &#8216;Agregar nuevo', luego de lo cual debe realizar una consulta de b\u00fasqueda de \u00abP\u00e1ginas m\u00f3viles aceleradas\u00bb.\n  <\/li>\n<li>Una vez que haya encontrado la opci\u00f3n adecuada, debe instalarla haciendo clic en \u00abactivar\u00bb.\n  <\/li>\n<li>Despu\u00e9s de activar el complemento, ver\u00e1 un mensaje que dice \u00abEste tema requiere el siguiente complemento: AMP, comience a instalar el complemento\u00bb. Luego debe hacer clic en \u00abComenzar a instalar el complemento\u00bb y luego en \u00abinstalar\u00bb.\n  <\/li>\n<\/ul>\n<h5>\n  Configurando tu Google Analytics<br \/>\n<\/h5>\n<p>\n  Una vez que haya instalado el complemento AMP, deber\u00eda buscar instalar Google Analytics. Para configurar Google Analytics, deber\u00e1 encontrar su ID de seguimiento. Despu\u00e9s de esto, deber\u00e1 iniciar sesi\u00f3n en Google Analytics y luego hacer clic en el \u00edcono de ajustes que aparece en la parte inferior izquierda de su pantalla, a trav\u00e9s del cual se lo dirigir\u00e1 al Panel de administraci\u00f3n. Una vez que seleccione lo mismo, ahora seleccionar\u00e1 Cuenta y Propiedad, directamente desde los men\u00fas desplegables. Cuando mire las opciones debajo de la columna Propiedad, ver\u00e1 una pesta\u00f1a llamada \u00abInformaci\u00f3n de seguimiento\u00bb. Haga clic en el mismo para ver su ID de seguimiento. Esta identificaci\u00f3n generalmente comienza con UA.\n<\/p>\n<p>\n  Copie este ID de seguimiento e inicie sesi\u00f3n en la plataforma de su sitio de WordPress. En el lado izquierdo de su pantalla, haga clic en Navegaci\u00f3n y luego vaya a AMP y desde AMP, haga clic en An\u00e1lisis. Pegue su ID de seguimiento donde se menciona \u00abGoogle Analytics\u00bb. Una vez que haga esto, ahora debe hacer clic en \u00abGuardar cambios\u00bb y listo.\n<\/p>\n<h5>\n  Configuraci\u00f3n de los ajustes de su complemento<br \/>\n<\/h5>\n<p>\n  En este paso, analizaremos las configuraciones b\u00e1sicas que puede usar para personalizar la apariencia de su complemento AMP. Esta configuraci\u00f3n tambi\u00e9n lo ayudar\u00e1 a admitir m\u00faltiples formatos de contenido.\n<\/p>\n<p>\n  Asumimos aqu\u00ed que ya posee el complemento Yoast SEO. Entonces, para comenzar esta configuraci\u00f3n, debe ir a Yoast SEO y hacer clic en AMP. Una vez que haga eso, ahora deber\u00eda hacer clic en Tipos de publicaciones. A partir de aqu\u00ed, podr\u00e1 seleccionar el tipo de publicaciones que puede usar y que ser\u00e1n compatibles con AMP.\n<\/p>\n<p>\n  Cuando haga clic en la segunda pesta\u00f1a para, la pesta\u00f1a Dise\u00f1o, ahora podr\u00e1 personalizar la apariencia de sus p\u00e1ginas de contenido habilitadas para AMP. Si est\u00e1 aplicando el estilo CSS, puede personalizar su contenido y tambi\u00e9n vincular patrones de color similares para cargarlos usted mismo y personalizar el icono de AMP. Tambi\u00e9n puede establecer im\u00e1genes predeterminadas para las p\u00e1ginas de su sitio, si es necesario.\n<\/p>\n<h5>\n  Pruebe su configuraci\u00f3n de AMP<br \/>\n<\/h5>\n<p>\n  Una vez que haya terminado con el proceso de creaci\u00f3n de una URL de AMP, tambi\u00e9n debe asegurarse de que estas URL funcionen correctamente. Si no est\u00e1n configurados correctamente y no funcionan, Google no podr\u00e1 mostrar lo mismo en los resultados de b\u00fasqueda m\u00e1s adelante. Esta es una medida de seguridad que debe tomar de antemano, ya que a veces puede ser una gran tarea para la mayor\u00eda de los webmasters.\n<\/p>\n<p>\n  Sin embargo, hay soluciones para cada problema. Obtiene uno incluso cuando est\u00e1 probando y validando sus URL de AMP. Debe elegir un par de p\u00e1ginas del sitio y probar sus versiones AMP de las mismas utilizando cualquiera de los procedimientos mencionados a continuaci\u00f3n. Pero antes de continuar y realizar cualquiera de estas tareas, debe agregar \/amp\/ al final de su URL, como se mencion\u00f3 anteriormente.\n<\/p>\n<ol>\n<li>\n<p>\n      Debe ir a este sitio web: <a href=\"https:\/\/search.google.com\/test\/amp\" target=\"_blank\" rel=\"noopener\">search.google.com\/test\/amp<\/a> Y debe colocar la URL de la p\u00e1gina de su sitio en este sitio web. Una vez que haga eso, ahora debe hacer clic en \u00abEjecutar prueba\u00bb. Ver\u00e1 sus resultados, ya sean v\u00e1lidos o inv\u00e1lidos.\n    <\/p>\n<\/li>\n<li>\n<p>\n      La segunda opci\u00f3n ayuda espec\u00edficamente a las personas que usan el navegador web Google Chrome. Si utiliza cualquier otro navegador web para acceder a Internet, como Mozilla Firefox, Safari, etc., esta opci\u00f3n no se aplicar\u00eda correctamente en su caso.\n    <\/p>\n<p>\n      Debe abrir la p\u00e1gina AMP en su navegador Google Chrome y agregar #desarrollo=1 a la URL de su sitio.\n    <\/p>\n<p>\n      Lo siguiente que debe hacer es abrir la Consola de herramientas de desarrollo de Chrome, desde el men\u00fa de Google Chrome y luego seleccionar &#8216;M\u00e1s herramientas'. Despu\u00e9s de esto, debe hacer clic en &#8216;Herramientas de desarrollo' y luego en &#8216;Consola'.\n    <\/p>\n<p>\n      Una vez que haga clic en &#8216;Consola' podr\u00e1 verificar los errores de validaci\u00f3n. Si las cosas van bien y funcionan bien, el proceso de validaci\u00f3n deber\u00eda ser un \u00e9xito.\n    <\/p>\n<\/li>\n<li>\n<p>\n      La tercera opci\u00f3n que podr\u00eda seguir es ir a este sitio web: <a href=\"https:\/\/validator.ampproject.org\/\" target=\"_blank\" rel=\"noopener\">validator.ampproject.org<\/a> y pegar su URL de AMP aqu\u00ed, en el campo de URL mencionado. Una vez que lo pegue, debe hacer clic en \u00abValidar\u00bb.\n    <\/p>\n<p>\n      Si hay errores o problemas, esta herramienta los resaltar\u00e1 y los marcar\u00e1 en el HTML.\n    <\/p>\n<\/li>\n<\/ol>\n<h5>\n  Env\u00edo de su URL de AMP para el proceso de indexaci\u00f3n<br \/>\n<\/h5>\n<p>\n  Si sigui\u00f3 el proceso de validaci\u00f3n de AMP a trav\u00e9s de Google Search Console, luego puede hacer clic en \u00abEnviar a Google\u00bb directamente, una vez que haya visto la prueba como v\u00e1lida.\n<\/p>\n<p>\n  Si no lo eres, hay otra opci\u00f3n para ti. Este funcionar\u00eda si ha iniciado sesi\u00f3n en su cuenta de Google Search Console. Una vez que haya hecho eso, puede buscar \u00abEnviar a Google\u00bb y luego enviar la URL de su sitio directamente.\n<\/p>\n<p>\n  Cuando env\u00eda la p\u00e1gina del sitio AMP a Google a trav\u00e9s de la forma alternativa, Google indexar\u00e1 su p\u00e1gina del sitio AMP m\u00e1s tarde, ya sea que est\u00e9 vinculada internamente y que figure en el mapa del sitio XML o no.\n<\/p>\n<h5>\n  Ver Google Search Console para solucionar todos los errores.<br \/>\n<\/h5>\n<p>\n  El siguiente paso es aprender a administrar las p\u00e1ginas de su sitio AMP desde una ubicaci\u00f3n, que es Google Search Console. Debe iniciar sesi\u00f3n en Google Search Console y desde all\u00ed, en la pesta\u00f1a &#8216;Apariencia de b\u00fasqueda', debe hacer clic en &#8216;P\u00e1ginas m\u00f3viles aceleradas'.\n<\/p>\n<p>\n  Cuando haga esto, podr\u00e1 ver cu\u00e1ntas de sus p\u00e1ginas AMP est\u00e1n indexadas y cu\u00e1les no. Los que a\u00fan no se han indexado deben tener errores de alg\u00fan tipo, que tambi\u00e9n se mostrar\u00e1n aqu\u00ed. Si identifica los problemas cr\u00edticos, luego puede solucionar estos errores con la ayuda de las herramientas mencionadas en el paso anterior.\n<\/p>\n<h5>\n  Probando la velocidad de la p\u00e1gina.<br \/>\n<\/h5>\n<p>\n  Una vez que se haya completado todo lo mencionado anteriormente, ahora deber\u00eda comenzar a ver los beneficios. Para ver si sus esfuerzos han sido fruct\u00edferos o no, debe intentar ejecutar sus p\u00e1ginas AMP y las p\u00e1ginas de su sitio m\u00f3vil est\u00e1ndar a trav\u00e9s de herramientas de velocidad como WebPageTest. Tambi\u00e9n debe comparar los resultados de las dos p\u00e1ginas diferentes.\n<\/p>\n<p>\n  \u00a1Y voil\u00e1! Est\u00e1s listo. Puede comenzar con su viaje de AMP.\n<\/p>\n<p>\n  Google est\u00e1 intensificando sus esfuerzos mientras revela un milagro en forma de proceso de aceleraci\u00f3n de p\u00e1gina e indexaci\u00f3n m\u00f3vil primero. Al hacer esto, ahora se est\u00e1n convirtiendo en un factor de clasificaci\u00f3n para muchos sitios y negocios en la actualidad. La iniciativa t\u00e9cnica adoptada por Google en forma de AMP es un paso crucial para todas las empresas modernas y las empresas de desarrollo de aplicaciones m\u00f3viles en la actualidad. \u00a1No cambiar a lo mismo podr\u00eda volverse problem\u00e1tico para usted a largo plazo! \u00a1No tengas miedo, haz ese cambio! Nos lo agradecer\u00e1s m\u00e1s tarde.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/06\/06\/amp-wordpress-setup-guide\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Es posible que a\u00fan no te hayas dado cuenta, pero aproximadamente el 50 por ciento de las personas que acceden a tu sitio a trav\u00e9s de sus dispositivos m\u00f3viles lo abandonar\u00e1n por completo si tarda m\u00e1s de 3 segundos en cargarse. Como principiante, un novato en el campo de los negocios digitales, es posible que no sepa lo mismo. Bueno, es por eso que estamos aqu\u00ed para ti. Si no ha prestado ning\u00fan tipo de atenci\u00f3n al tiempo de carga de su sitio en un dispositivo m\u00f3vil y no est\u00e1 anotando el tr\u00e1fico web posterior, se encontrar\u00e1 con una p\u00e9rdida. Estos n\u00fameros necesitan\u2026<\/p>\n","protected":false},"author":1,"featured_media":192267,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[164,86,60],"tags":[],"class_list":["post-263062","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos-de-wordpress","category-google-2","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263062"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263062\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/192267"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}