{"id":8829,"date":"2022-04-05T13:00:00","date_gmt":"2022-04-05T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=8829"},"modified":"2022-03-09T14:28:09","modified_gmt":"2022-03-09T13:28:09","slug":"como-crear-paginas-amp","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/","title":{"rendered":"C\u00f3mo crear p\u00e1ginas AMP"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Seguimos hablando de las <em><strong>Accelerated Mobile Page<\/strong><\/em><strong><em>s<\/em><\/strong>. Si anteriormente vimos <a href=\"https:\/\/carontestudio.com\/blog\/amp-en-2022-que-es-amp-y-para-que-sirven\/\">qu\u00e9 eran<\/a>, esta vez nos centraremos en <strong>c\u00f3mo crear AMP<\/strong> para nuestro sitio web. Vamos con un contenido un poco m\u00e1s t\u00e9cnico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"introduccion\">Introducci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vale, \u00bfNos animamos a realizar nuestro sitio web en este formato? Debes tener en cuenta unas consideraciones previas. Por un lado ten en cuenta que vas a tener <strong>dos versiones de una misma p\u00e1gina<\/strong>: Su versi\u00f3n normal y su versi\u00f3n AMP. Para organizar mejor estas duplicidades tendr\u00e1s que echar mano de la <strong>etiqueta can\u00f3nica<\/strong> y marcar la principal.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/\" \/&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Por otro lado, en la principal, podremos poner una etiqueta indicando la ruta de la versi\u00f3n AMP. Lo haremos a trav\u00e9s de <strong>rel=\u00bbamphtml\u00bb<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"amphtml\" href=\"https:\/\/carontestudio.com\/blog\/amp\/\" \/&gt;<\/code><\/pre>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">IMAGEN DE RELACIONES DE ETIQUETAS<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los archivos y URL de la p\u00e1gina acelerada ser\u00e1n propios, tenlo en cuenta, tambi\u00e9n, cuando mires las estad\u00edsticas de Analytics o quieras hacer modificaciones.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A la hora de crearlas, b\u00e1sicamente, vamos a tener dos opciones:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"amp-html\">AMP HTML<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La primera opci\u00f3n, claro, es hacer nuestro <strong>c\u00f3digo a mano<\/strong>, igual que si hici\u00e9ramos una p\u00e1gina en <strong>HTML5<\/strong>. Es una opci\u00f3n lenta y costosa, pero tendremos todo el control sobre el producto final. Te dejo aqu\u00ed un enlace a la <a href=\"https:\/\/amp.dev\/documentation\/\" target=\"_blank\" rel=\"noreferrer noopener\">documentaci\u00f3n AMP<\/a> que te podr\u00e1 servir de ayuda en este caso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Te recordamos que:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tiene etiquetas espec\u00edficas que sustituyen a las de HTML5<\/li><li>No se puede a\u00f1adir JS<\/li><li>Algunos elementos no son compatibles con estas p\u00e1ginas<\/li><li>Todo el CSS debe ser en l\u00ednea<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Todas estas restricciones hacen que, m\u00e1s que hacer tu sitio compatible con AMP, sea m\u00e1s conveniente crear un <strong>duplicado de tus p\u00e1ginas con este formato<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si te aventuras a ello, te dejamos aqu\u00ed un enlace a algunas <a href=\"https:\/\/amp.dev\/documentation\/templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">plantillas AMP<\/a> que pueden servirte de punto de partida. Necesitar\u00e1s, no obstante, conocer todos los elementos que pueden componer estas <em>Accelerated Mobile Pages<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"etiquetas\">Etiquetas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ya hemos dicho que es un lenguaje semejante a HTML, pero con sus peculiaridades y diferencias. Algunas de ellas:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ul class=\"wp-block-list\"><li>En vez de <em>&lt;html&gt;<\/em> nos encontraremos la especificaci\u00f3n <em>&lt;html amp&gt;<\/em> o <em>&lt;html\u26a1&gt;<\/em>.<\/li><li><em>&lt;img&gt;<\/em> es sustituida por <em>&lt;amp-img&gt;<\/em>(ojo, esta s\u00ed se cierra), donde es obligatorio indicar anchura y altura de la imagen. Adem\u00e1s, el atributo <em>srcset <\/em>nos permitir\u00e1 escoger diferentes tama\u00f1os seg\u00fan el tama\u00f1o del dispositivo.<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;amp-img alt=\"Caronte\" src=\"https:\/\/www.carontestudio.com\/image.jpg\" srcset=\"\/img2.jpg 576w,\/img3.jpg 350w\" height=\"100\" width=\"150\"&gt;&lt;\/amp-img&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><em>&lt;video&gt;<\/em> se sustituye con <em>&lt;amp-video&gt;<\/em>.<\/li><li>Se soportan los iframes, pero bajo la etiqueta <em>&lt;amp-iframe&gt;<\/em>.<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"300\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/12\/html5-logo.png\" alt=\"HTML en AMP\" class=\"wp-image-3646\"\/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\" id=\"css\">CSS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No se admiten archivos externos, todo el c\u00f3digo debe ir en la propia p\u00e1gina, bien declar\u00e1ndose dentro de una etiqueta <em>&lt;style><\/em>, bien declar\u00e1ndolo en l\u00ednea. La excepci\u00f3n a esta regla son las fuentes personalizadas, que s\u00ed se permiten.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"320\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/css.png\" alt=\"CSS en AMP\" class=\"wp-image-9085\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/css.png 239w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/css-224x300.png 224w\" sizes=\"auto, (max-width: 239px) 100vw, 239px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\" id=\"javascript\">JavaScript<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para a\u00f1adir JavaScript a nuestra p\u00e1gina AMP deberemos incluir los scripts por medio de &lt;amp-script>. AMP tiene una restricci\u00f3n que limita a 150 kB el JS personalizado, lo que incluye el contenido de estas etiquetas. Esta y otras restricciones hacen que su uso deba reducirse al m\u00e1ximo.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/javascript.png\" alt=\"javascript en AMP\" class=\"wp-image-3501\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/javascript.png 225w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/01\/javascript-150x150.png 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"amp-en-wordpress\">AMP en WordPress<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">S\u00ed, tenemos una buena noticia. Si tu sitio web est\u00e1 funcionando bajo <strong>WordPress<\/strong> tienes una <strong>soluci\u00f3n r\u00e1pida y sencilla para crear las versiones AMP de tus p\u00e1ginas webs<\/strong>. Para ello podr\u00e1s encontrar varios <strong>m\u00f3dulos gratuitos<\/strong> que, no solo har\u00e1n esta labor por ti, si no que, adem\u00e1s, te dar\u00e1n toda una serie de facilidades de maquetaci\u00f3n, funcionalidad, etc.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/11\/personalizar_wordpress_login.jpg\" alt=\"WordPress AMP\" class=\"wp-image-3004\" width=\"230\" height=\"230\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/11\/personalizar_wordpress_login.jpg 700w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/11\/personalizar_wordpress_login-300x300.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2020\/11\/personalizar_wordpress_login-150x150.jpg 150w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Estos son algunos de los que pueden convertir tu WordPress en un sitio compatible con esta tecnolog\u00eda:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noreferrer noopener\">AMP<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">AMP for WP \u2013 Accelerated Mobile Pages<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/wp-amp-it-up\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Easy AMP<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/amp-wp\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">AMP WP \u2013 Google AMP For WordPress<\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Esperamos que, tras estas breves indicaciones, te animes a <strong>crear una p\u00e1gina AMP<\/strong> y nos cuentes tu experiencia \u00bfCrees que siguen siendo necesarias hoy en d\u00eda? \u00bfLo encuentras m\u00e1s complicado de programar que el HYML? D\u00e9janos tus comentarios y no te pierdas el pr\u00f3ximo art\u00edculo en que veremos c\u00f3mo realizar una validaci\u00f3n del c\u00f3digo de las p\u00e1ginas AMP.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/noticias-amp-icono.png\" alt=\"Noticias AMP\" class=\"wp-image-8818\" width=\"210\" height=\"165\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/noticias-amp-icono.png 636w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/noticias-amp-icono-300x236.png 300w\" sizes=\"auto, (max-width: 210px) 100vw, 210px\" \/><\/figure><\/div>\n\n\n\n<p>P\u00e1ginas AMP: <a href=\"https:\/\/carontestudio.com\/blog\/amp-en-2022-que-es-amp-y-para-que-sirven\/\">Qu\u00e9 son<\/a> | C\u00f3mo crearlas <!--| <a href=\"#\">parte 3<\/a>--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo sobre las AMP (Accelerated Mobile Pages) abordaremos c\u00f3mo crearlas y explicaremos un poco m\u00e1s los elementos que las conforman, esta vez desde una perspectiva m\u00e1s t\u00e9cnica \u00bfTe animas a escribir c\u00f3digo?<\/p>\n","protected":false},"author":2,"featured_media":9090,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94,22],"tags":[],"class_list":["post-8829","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-seo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo crear p\u00e1ginas AMP - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"\u00bfSabes c\u00f3mo crear p\u00e1ginas AMP? Te ayudamos a dar los primeros pasos para crear p\u00e1ginas con esta tecnolog\u00eda\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo crear p\u00e1ginas AMP - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"\u00bfSabes c\u00f3mo crear p\u00e1ginas AMP? Te ayudamos a dar los primeros pasos para crear p\u00e1ginas con esta tecnolog\u00eda\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de marketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-05T11:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-crear-paginas-amp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alberto Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alberto Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/\"},\"author\":{\"name\":\"Alberto Bravo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\"},\"headline\":\"C\u00f3mo crear p\u00e1ginas AMP\",\"datePublished\":\"2022-04-05T11:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/\"},\"wordCount\":715,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/como-crear-paginas-amp.jpg\",\"articleSection\":[\"Dise\u00f1o web\",\"SEO\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/\",\"name\":\"C\u00f3mo crear p\u00e1ginas AMP - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/como-crear-paginas-amp.jpg\",\"datePublished\":\"2022-04-05T11:00:00+00:00\",\"description\":\"\u00bfSabes c\u00f3mo crear p\u00e1ginas AMP? Te ayudamos a dar los primeros pasos para crear p\u00e1ginas con esta tecnolog\u00eda\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/como-crear-paginas-amp.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/como-crear-paginas-amp.jpg\",\"width\":1250,\"height\":737,\"caption\":\"C\u00f3mo crear p\u00e1ginas AMP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/como-crear-paginas-amp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo crear p\u00e1ginas AMP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\",\"name\":\"Alberto Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"caption\":\"Alberto Bravo\"},\"sameAs\":[\"http:\\\/\\\/albertobravoart.com\",\"https:\\\/\\\/www.instagram.com\\\/albertobravoart\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/in\\\/albertobravobarreiro\",\"https:\\\/\\\/www.youtube.com\\\/@albertobravoart224\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/alberto\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo crear p\u00e1ginas AMP - Caronte Web Studio","description":"\u00bfSabes c\u00f3mo crear p\u00e1ginas AMP? Te ayudamos a dar los primeros pasos para crear p\u00e1ginas con esta tecnolog\u00eda","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:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo crear p\u00e1ginas AMP - Caronte Web Studio","og_description":"\u00bfSabes c\u00f3mo crear p\u00e1ginas AMP? Te ayudamos a dar los primeros pasos para crear p\u00e1ginas con esta tecnolog\u00eda","og_url":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/","og_site_name":"Blog de marketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-04-05T11:00:00+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-crear-paginas-amp.jpg","type":"image\/jpeg"}],"author":"Alberto Bravo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alberto Bravo","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/"},"author":{"name":"Alberto Bravo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350"},"headline":"C\u00f3mo crear p\u00e1ginas AMP","datePublished":"2022-04-05T11:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/"},"wordCount":715,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-crear-paginas-amp.jpg","articleSection":["Dise\u00f1o web","SEO"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/","url":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/","name":"C\u00f3mo crear p\u00e1ginas AMP - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-crear-paginas-amp.jpg","datePublished":"2022-04-05T11:00:00+00:00","description":"\u00bfSabes c\u00f3mo crear p\u00e1ginas AMP? Te ayudamos a dar los primeros pasos para crear p\u00e1ginas con esta tecnolog\u00eda","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-crear-paginas-amp.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/03\/como-crear-paginas-amp.jpg","width":1250,"height":737,"caption":"C\u00f3mo crear p\u00e1ginas AMP"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/como-crear-paginas-amp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear p\u00e1ginas AMP"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350","name":"Alberto Bravo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","caption":"Alberto Bravo"},"sameAs":["http:\/\/albertobravoart.com","https:\/\/www.instagram.com\/albertobravoart\/","https:\/\/es.linkedin.com\/in\/albertobravobarreiro","https:\/\/www.youtube.com\/@albertobravoart224"],"url":"https:\/\/carontestudio.com\/blog\/author\/alberto\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/8829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=8829"}],"version-history":[{"count":12,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/8829\/revisions"}],"predecessor-version":[{"id":9338,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/8829\/revisions\/9338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/9090"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=8829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=8829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=8829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}