Accelerated Mobile Pages: AMP for WordPress Mobile Optimization

Navegar y navegar en Internet debería ser rápido y fácil. Los webmasters intentan constantemente que esto sea factible optimizando el rendimiento del sitio web y mejorando la velocidad del sitio, y una excelente manera de lograrlo es con AMPConcepto de AMP¿Qué es el AMP o Accelerated Mobile Pages?El AMP, abreviatura de Accelerated Mobile Pages, es una propuesta que empezó a tomar forma en el año 2016 con la finalidad de mejorar la usabilidad, lectura y, en general, la experiencia de los usuarios de teléfono celular dentro de cualquier página web. Emprendida por Google con un aperturismo total (es de código abierto), lleva en activo desde entonces para facilitar plus for WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, plus.

The websites were designed primarily for larger screens. But smaller screens are increasing in number and even outpacing laptops and personal computers. Mobile now represent 65% of the time in digital media. Portable devices need pages to load as fast as they do on larger screens, if not faster.

Para satisfacer esta demanda de contentsEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus de carga rápida, las apps diseñadas para plataformas móviles específicas están disponibles en Apple (Noticias), FacebookConcepto de Facebook¿Qué es Facebook?Facebook es una red social hecha por personas y pensada para conectar a personas. Es una de las pioneras de este sector, una de las primeras plataformas que llegaron a Internet con la finalidad de facilitar la comunicación entre usuarios de todas partes, compartir información y contactar con familiares lejanos, amistades o conocidos.Hoy en día, es la red más popular de todo Internet. Nacida en 2004 plus (Artículos instantáneos) y Snapchat (Discover). A principios de este año. Google introdujo Accelerated Mobile Page (AMP) para acelerar la entrega de contenido móvil y brindar una mejor user experienceEl término experiencia de usuario (UX) se refiere a la experiencia que un usuario tiene con un producto o servicio. En cuanto a Internet, el término se usa frecuentemente al examinar la experiencia que los usuarios disponen con una web. Esto además puede ser en referencia al uso de un dispositivo smartphone (UX smartphone). Items de la experiencia del usuario La experiencia del usuario y la usabilidad se usan frecuentemente plus.

What is AMP?

AMP project was announced by Google in October 2015y se lanzó en febrero de 2016. Es una iniciativa de Open SourceEl Código Abierto u Open Source se refiere al código fuente del software que es abiertamente alcanzable y que puede ser cambiado y distribuido por cualquier persona. La propuesta de código abierto estipula diez requerimientos para las licencias de software de código abierto. El principio El código fuente de un software se hace público: cualquiera puede leerlo, desarrollar el propio software y copiarlo. El software puede ser utilizado o distribuido plus que brinda a los editores los medios para crear contenido optimizado para dispositivos móviles una vez y cargarlo en cualquier lugar de la web móvil al instante.

El 24 de febrero de 2016, Google comenzó a llevar a la práctica contenido compatible con AMP en un carrusel en su página de resultados de búsqueda móvilUna búsqueda smartphone es una consulta de búsqueda de un usuario ejecutada en un dispositivo smartphone como una tablet o un teléfono celular. Al mismo tiempo de la función de búsqueda mediante de un navegador web smartphone, además hay apps especiales para la búsqueda smartphone. En comparación con la búsqueda tradicional en ordenador de sobremesa, la versión smartphone además puede distinguirse con la inclusión de resultados de búsqueda locales. Antecedentes plus. Los usuarios pueden deslizar el carrusel y tocar el elemento que buscan leer. Pinterest informó que las páginas eran 4 times faster, using 8 times less data than normal mobile optimized pages. This is doable due to the way the pages are formatted and delivered.

En agosto de 2016, la Google searchEn este momento, la búsqueda en Google o Google Search es un medio de búsqueda de contenido en la web a nivel mundial. Desde que fue creado en 1997, la búsqueda en Google se ha convertido en un punto central para muchas actividades web. La búsqueda web es sólo un componente de la cartera general de Google Inc. A pesar de todo, es la plataforma principal para entregar anuncios de plus tiene más de 150 millones de documentos AMP en su índice y crece a un ritmo de 4 millones por semana. A principios de agosto, Google al mismo tiempo inició un google search preview for expanded content. He hopes to implement it more widely later this year.

AMP in search preview

You can take a look at the fast loading pages in AMP-enabled search here. Compruébelo usando el linkConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en plus en su teléfono móvil (no funcionará en computadoras de escritorio).

What websites should use AMP?

In February, the editors project started. But AMP adoption has spread far beyond the publishing industry to entertainment, travel, e-commerce, and more.

Favorable reports are being received from early users. With an 88% improvement in loading time for AMP documents, Washington Post reports a 23% increase in the number of recurring mobile phone users. eBay is one of the leading e-commerce companies switching to AMP with nearly 15 million AMP-based product navigation pages. Before long, these pages are expected to be expanded to be discovered in a search.

So which websites should use AMP? Definitely those that rely heavily on mobile traffic. But considering that more and more users are choosing to use their mobile devices to browse the internet, AMP for WordPress (or any website) could be a nice addition.

What is different in AMP?

Este sistema de entrega de contenido se basa en el marco HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las plus de AMP y es más rápido que el HTML habitual debido a que,

• Es una versión ajustada del marco HTML normal, menos todo el contenido de JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar plus. Para JavaScript, el marco se basa en la biblioteca JS común de AMP.
• El contenido se almacena en cacheUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y plus y se almacena en una nube común, por lo que se elimina el tiempo necesario para consultar y obtener del serverLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en plus.

There are many more differences, but the two mentioned here should give you a quick and comprehensive understanding.

Why Publishers and Blogs Should Enable AMP

While reading slow-loading pages on mobile remains a daunting experience for users, publishers are losing revenue from mobile advertising. AMP will help attract and retain visitors for longer periods on the website and has the potential to generate income through clicks.

Las páginas de AMP aparecen junto a un icono de rayo para marcarlas de las páginas web normales. Los espectadores que hagan clic en esta opción serán dirigidos de forma directa a las páginas de AMP dentro del visor de AMP. No solo eso, el contenido estará disponible instantáneamente en una búsqueda de Google y será accesible a través de de plataformas sociales como TwitterTwitter es una red social en Internet que permite a los usuarios difundir información en tiempo real. La característica más notable de twitter solía ser su limitación de tweets a 140 caracteres, pero en septiembre de 2017 se incrementó a 280 caracteres. El único requerimiento para utilizar Twitter es la creación de una cuenta gratuita. Tweets Twitter contiene pequeñas piezas de información llamada tweets. Se puede escribir un máximo de plus, LinkedInDe acuerdo a la cantidad de información propia, LinkedIn es la red profesional más amplia del mundo: cuenta con 200 países y con más de 200 millones de usuarios. El portal web se lanzó en mayo de 2003 en California, USA. El CEO de LinkedIn es Jeff Weiner y el equipo de dirección está compuesto por ex ejecutivos de empresas como Yahoo!, Google y Microsoft. El objetivo empresarial de LinkedIn plus, WordPress, Parse.ly, Adobe Analytics, Nuzzel y Pinterest.

A la vez, los editores tendrán acceso a Google analyticsConcepto de Google Analytics¿Qué es Google Analytics?Google Analytics es una de las herramientas SEO gratuitas y más populares al momento de realizar la analítica de una web. Es un panel web que se emplea para conocer el tráfico web de una página, el volumen de usuarios que se mueven en tiempo real, la procedencia de las visitas y toda esa información útil para establecer el comportamiento de una página con plus para observar el rendimiento de sus páginas. Pueden seleccionar su mejor contenido y utilizarlo para optimizar el rendimiento del sitio web y la experiencia del usuario.

AMP offers another advantage in that it takes care of high performance and user experience, so publisher resources can focus on providing great content.

What optimizations are required for AMP

AMP is in fact many optimizations on the website done evenly as required by Google. The various optimizations that you must perform to make a web page compatible with AMP are,

• Allow only asynchronous JavaScript - to avoid delaying the processing of the page. This means that you cannot use any JavaScript that you create and must rely on AMP items to handle the interactive content on your pages. JS in iframes is allowed, but only if it doesn't prevent rendering.
• Size all resources statically – AMP carga la página sin esperar a que se descarguen recursos como imágenes e iframes. El tamaño de estos recursos debe indicarse en HTTPEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado plus, por lo que el tamaño y la posición de estos recursos se conocen antes de que comience la descarga.
• Don't let extension mechanisms block rendering – si se va a incluir alguna extensión en la página, el script personalizado debe informar al sistema al respecto. De esta manera, se crea un espacio para la extensión, incluso antes de que AMP sepa qué incluirá. Las extensiones para lightboxes, incrustaciones de InstagramConcepto de Instagram¿Qué es Instagram?Instagram es una de las redes sociales más reconocidas del momento. Comprada por Facebook hace unos años con motivo de su auge en popularidad, se caracteriza por girar en torno a la fotografía y, desde hace poco, al vídeo. Es una red pensada para los amantes de las fotos y para quienes gustan ilustrar lo que hacen con material gráfico.Desde su lanzamiento, ha estado en constante plus y tweets están bien, dado que no bloquean la representación de la página, aunque requieren solicitudes HTTP adicionales.
• Keep all third-party JavaScript out of the critical path - Custom JavaScript is only allowed in sandboxed iframes. This way it does not block the loading of the main page.
• Everything CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus debe estar en línea y de tamaño limitado - this helps decrease the number of HTTP requests on the critical path.
• Source activation must be efficient- the AMP system does not allow HTTP requests until the fonts begin to download.
• Minimize recalculation of size - recalculations delay rendering, so it should be kept to a minimum.
• Run only GPU-enabled animations - All animations must be able to run on GPU (Graphics Processing Unit).
• Prioritize resource loading - Only content that is needed is uploaded first, and ads and images are delivered as soon as possible, but are uploaded only when needed. That way, the CPU demand is kept to a minimum.
• Load pages in an instant - Pre-processing consumes a lot of bandwidth and CPU. AMP pre-processing only loads required content first and downloads third-party iframes and other resources only if necessary.

A standard variety of ad formats, ad networks and technologies will be available. At the same time, publishers at the same time can choose their own formats, as long as it is not an obstacle to speed.

How to add AMP for WordPress

Google has a tutorial that you can refer to to create basic AMP HTML pages, organize them, validate them as AMP-compliant, publish them, and distribute them. Validating AMP pages It is important, because that way, third parties like Twitter and Instagram trust that the pages will display well on their platforms.

When it comes to websites hosted on WordPress.com, they are automatically compatible with WordPress without having to do anything else. Self-hosted WordPress websites can enable AMP for WordPress by installing a plugin.

AMP WordPress Plugin by Automattic

Once you download, install and activate the AMP Plugin On the WordPress website, your posts will automatically have a dynamically generated AMP version. You can access these pages by adding amp al final de su UrlEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo plus (ejemplo.com/my-post/amp). Si no tiene bonitos enlaces permanentes habilitados, agregue ? amp = 1 to links (which would look like example.com/?p=100&=1). The only other step is to test and validate your pages as mentioned previously.

You won't notice any settings or functions at all for this plugin. There is an additional panel option for AMP Analytics where you can paste your own JSON setup code, but that's it.

This plugin is the official Automattic stable plugin and at this time it does not support pages and files, nor can you customize pages. But it's a very simple and easy to use option, and you can find some guidance through the documentation on Github for customization.

AMP for WP - Accelerated Mobile Pages

Another great free option is AMP for WP. This free WordPress plugin offers quick and easy setup - just install, enable settings, and start auto-generating your AMP for your website. Bonus: this plugin simultaneously supports multiple sites.

Hay configuraciones integradas para habilitar AMP (publicaciones, páginas, archivos), agregar áreas de publicidad móvilLa promoción comercial smartphone, o mobile advertising en inglés, es una herramienta de marketing operativo de la comunicación moderna. Se basa en el uso de tecnología de comunicación smartphone y dispositivos móviles para entregar mensajes publicitarios. No se limita a acciones o servicios individuales, sino que incluye el concepto general de la comunicación orientada a campañas, desde mensajes publicitarios hasta el diálogo directo con el cliente en el dispositivo smartphone. plus, datos estructuradosDatos Estructurados es una definición utilizado en la parte semántica de Internet. Permite a los motores de búsqueda posicionar con precisión la información estructurada de las páginas web y enriquecerla. Definición de datos estructurados Para poder trabajar con datos estructurados, los operadores web deben usar formatos y márgenes de beneficio especiales definidos de forma uniforme. El marco de descripción de recursos (RDF), varios microformatos, microdatos y resaltadores de datos son plus (una parte importante de SEO  ¿Qué es SEO o search engine optimization?   Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar plus), incorporación de metaetiquetas Yoast SEO, opciones avanzadas de índice / no índice, notificación push, nativo Comentarios de AMP, traducciones personalizadas de AMP (si usa un idioma que no sea el inglés, querrá actualizar esto) y más. La configuración es muy completa para un complemento gratuito que es increíble.

Best of all, this plugin offers layout options so you can customize the appearance of your AMP output. Use the included default AMP themes or use your AMP Thematic Framework to create your own unique design.

AMP for WP at the same time offers premium extensions para agregar funciones (como una llamada a la acción o almacenamiento en caché de AMP) y compatibilidad con complementos populares, incluidos WooCommerceConcepto de WooCommerce¿Qué es WooCommerce?Woocommerce es el nombre de un plugin sin costes pensado para integrarse en webs donde se utilice WordPress. Se caracteriza por facilitar la elaboración de una tienda online con la que el responsable de la web puede poner en venta prácticamente cualquier tipo de producto y por permitir que tanto el webmaster como los desarrolladores puedan llevar un exhaustivo control de la tienda sin miedo a plus, Campos personalizados avanzados y Formulario de contacto 7.

More ways to add AMP for WordPress

Of course, this is not the only way to add AMP to your WordPress website. Other plugins that can help you with AMP for WordPress websites include:

• WP AMP - To create a custom AMP layout without coding and increase SEO. You can read more about it here.
• Accelerated Mobile Pages (AMP)¿Qué son las páginas de móviles aceleradas o AMP?Las Accelerated Mobile Pages (AMP), o páginas móviles aceleradas en su traducción literal al español, son webs creadas con un lenguaje de programación propio (AMP HTML), una variación del HTML, optimizado para que se carguen más rápidamente en los dispositivos móviles. Según Google, la velocidad de carga en AMP mejora entre un 15% y un 85%, pero estas webs además presentan desventajas como plus para WordPress: para crear un tema AMP para su sitio web.
• Custom AMP - to help personalize your AMP content.
• Facebook Instant Articles and Google AMP Pages - to publish and manage your content directly from WordPress to Google AMP pages with support for ads and analytics.
• Glue for Yoast SEO and AMP – para asegurarse de que el complemento AMP de WordPress predeterminado utilice los metadataLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan plus de Yoast SEO adecuados y permita la modificación del diseño de la página AMP.

Should you add AMP for WordPress?

Aunque AMP no es obligatorio para que Google descubra las páginas web, es bastante obvio que Google tendrá como target¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. plus llevar a la práctica el proyecto AMP de una manera más amplia eventualmente. Actualmente, cumplir con AMP no es un factor independiente para google search ranking. Although it is reasonable to assume that it will be important at some point,

Si tiene en cuenta que la velocidad de carga de la página es un factor en la clasificación de los search enginesConcepto de Motores de Búsqueda¿Qué son los Motores de Búsqueda?Los Motores de búsqueda, o Search Engines, son lo que se conoce comúnmente como buscadores. Todos aquellos sistemas informáticos que trabajan buscando todos los archivos almacenados en internet por medio de de arañas o crawlers para elaborar páginas de resultados que sirvan para que los usuarios accedan a webs tras realizar una búsqueda. Son los responsables de que, al buscar cualquier plus, realmente no tiene muchas opciones si desea ser parte de Internet móvil. Si las clasificaciones en los motores de búsqueda son importantes para usted, es factible que se desvanezcan todos los segundos pensamientos sobre el camino de AMP.

But being part of the project requires strict adherence to the format required by Google and may not be to everyone's liking. It restricts what you can put on your website and it can make all blogs appear somewhat uniform and lacking in individuality. Some animations are not allowed and forms are not supported. And when it comes to landing pages, AMP may not be a good idea at all. At the same time, there may be websites that emphasize aesthetics and branding over speed, for whom AMP can be a deterrent.

However, if you want to create a fast and engaging experience for your users and get them to stay longer, you should seriously consider AMP for WordPress (or any other type of website you can run). If it's a spot on the AMP carousel on Google search pages that you want to corner, jump on the AMP train.