Páginas móviles aceleradas: AMP para optimización móvil de WordPress

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 más para 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, más.

Los sitios web se diseñaron principalmente para pantallas más grandes. Pero las pantallas más pequeñas están aumentando en número e incluso superando a las computadoras portátiles y personales. Los móviles ahora representan 65% del tiempo en medios digitales. Los dispositivos portátiles necesitan que las páginas se carguen tan rápido como lo hacen en pantallas más grandes, si no más rápido.

Para satisfacer esta demanda de contenidoEl 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, más 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 más (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 experiencia de usuarioEl 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 más.

¿Qué es AMP?

Proyecto AMP fue anunciado por Google en octubre de 2015y se lanzó en febrero de 2016. Es una iniciativa de código abiertoEl 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 más 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 más. Los usuarios pueden deslizar el carrusel y tocar el elemento que buscan leer. Pinterest informó que las páginas eran 4 veces más rápido, utilizando 8 veces menos datos que las páginas optimizadas para móviles normales. Esto es factible debido a la forma en que las páginas están formateadas y entregadas.

En agosto de 2016, la Búsqueda de GoogleEn 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 más 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 vista previa de la búsqueda de Google para contenido ampliado. Espera implementarlo de manera más amplia a finales de este año.

AMP en la vista previa de búsqueda

Puede echar un vistazo a las páginas de carga rápida en la búsqueda habilitada para AMP aquí. Compruébelo usando el enlaceConcepto 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 más en su teléfono móvil (no funcionará en computadoras de escritorio).

¿Qué sitios web deberían usar AMP?

En febrero, se inició el proyecto para editores. Pero la adopción de AMP se ha extendido mucho más allá de la industria editorial al entretenimiento, los viajes, el comercio electrónico y más.

Se están recibiendo informes favorables de los primeros usuarios. Con una mejora del 88% en el tiempo de carga de los documentos AMP, Informes del Washington Post un aumento del 23% en el número de usuarios recurrentes de teléfonos móviles. eBay es una de las principales compañías de comercio electrónico que cambia a AMP con cerca de 15 millones de páginas de navegación de productos basados ​​en AMP. En poco tiempo, se espera que estas páginas se amplíen para ser descubiertas en una búsqueda.

Entonces, ¿qué sitios web deberían usar AMP? Definitivamente aquellos que dependen en gran medida del tráfico móvil. Pero considerando que cada vez más usuarios eligen usar sus dispositivos móviles para navegar por Internet, AMP para WordPress (o cualquier sitio web) podría ser una buena adición.

¿Qué es diferente en 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 más 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 más. Para JavaScript, el marco se basa en la biblioteca JS común de AMP.
• El contenido se almacena en cachéUn 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 más y se almacena en una nube común, por lo que se elimina el tiempo necesario para consultar y obtener del servidorLos 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 más.

Hay muchas más diferencias, pero las dos mencionadas aquí deberían brindarle una comprensión rápida y amplia.

Por qué los editores y los blogs deberían habilitar AMP

Mientras leer páginas de carga lenta en móviles siga siendo una experiencia desalentadora para los usuarios, los editores están perdiendo los ingresos de la publicidad en móviles. AMP ayudará a atraer y retener visitantes durante períodos más largos en el sitio web y tiene el potencial de generar ingresos por medio de clics.

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 más, 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 más, 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 más 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 ofrece otra ventaja en el sentido de que se encarga del alto rendimiento y la experiencia del usuario, por lo que los recursos de los editores pueden centrarse en proporcionar contenido excelente.

Qué optimizaciones se requieren para AMP

AMP es de hecho muchas optimizaciones en el sitio web hecho de manera uniforme como lo requiere Google. Las diversas optimizaciones que debe realizar para que una página web sea compatible con AMP son,

• Permitir solo JavaScript asincrónico – para evitar que retrase el procesamiento de la página. Esto significa que no puede usar ningún JavaScript que cree y debe confiar en los items AMP para manejar el contenido interactivo de sus páginas. JS en iframes está permitido, pero solo si no impide el renderizado.
• Dimensione todos los recursos estáticamente – 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 más, por lo que el tamaño y la posición de estos recursos se conocen antes de que comience la descarga.
• No permita que los mecanismos de extensión bloqueen el renderizado – 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 más y tweets están bien, dado que no bloquean la representación de la página, aunque requieren solicitudes HTTP adicionales.
• Mantenga todos los JavaScript de terceros fuera de la ruta crítica – JavaScript personalizado solo está permitido en iframes de espacio aislado. De esta forma no bloquea la carga de la página principal.
• Todo 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 más debe estar en línea y de tamaño limitado – esto ayuda a disminuir el número de solicitudes HTTP en la ruta crítica.
• La activación de fuentes debe ser eficiente– el sistema AMP no posibilita solicitudes HTTP hasta que las fuentes comienzan a descargarse.
• Minimizar los nuevos cálculos de tamaño – los recálculos retrasan el renderizado, por lo que debe mantenerse al mínimo.
• Ejecute solo animaciones habilitadas para GPU – Todas las animaciones deben poder ejecutarse en GPU (Unidad de procesamiento gráfico).
• Priorizar la carga de recursos – Solo se carga primero el contenido que se necesita, y los anuncios y las imágenes se obtienen lo antes factible, pero se cargan solo cuando es necesario. De aquel modo, la demanda de CPU se mantiene al mínimo.
• Carga páginas en un instante – El procesamiento previo consume mucho ancho de banda y CPU. El procesamiento previo de AMP solo carga primero el contenido requerido y descarga iframes de terceros y otros recursos solo si es necesario.

Estará disponible una variedad estándar de formatos publicitarios, redes publicitarias y tecnologías. Al mismo tiempo, los editores al mismo tiempo pueden elegir sus propios formatos, siempre que no sea un obstáculo para la velocidad.

Cómo agregar AMP para WordPress

Google dispone de una tutorial que puede consultar para crear páginas HTML AMP básicas, organizarlas, validarlas como compatibles con AMP, publicarlas y distribuirlas. Validando páginas AMP es importante, debido a que de esa manera, terceros como Twitter e Instagram confían en que las páginas se mostrarán bien en sus plataformas.

En lo que respecta a los sitios web alojados en WordPress.com, son de forma automática compatibles con WordPress sin tener que hacer nada más. Los sitios web de WordPress autohospedados pueden habilitar AMP para WordPress instalando un complemento.

Complemento AMP WordPress de Automattic

Una vez que descargue, instale y active el Complemento AMP en el sitio web de WordPress, sus publicaciones tendrán de forma automática una versión AMP generada dinámicamente. Puede tener acceso a estas páginas agregando amperio 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 más (ejemplo.com/my-post/amp). Si no tiene bonitos enlaces permanentes habilitados, agregue ? amp = 1 a enlaces (que se verían como example.com/?p=100&amp=1). El único otro paso es probar y validar sus páginas como se mencionó previamente.

No notará ninguna configuración o función en absoluto para este complemento. Hay una opción de panel adicional para AMP Analytics donde puede pegar su propio código de configuración JSON, pero eso es todo.

Este complemento es el complemento oficial de Automattic estable y, en este momento, no admite páginas y archivos, ni puede personalizar las páginas. Pero es una opción muy simple y fácil de usar, y puede encontrar alguna orientación a través de de documentación en Github para personalizar.

AMP para WP: páginas móviles aceleradas

Otra gran opción gratuita es AMP para WP. Este complemento gratuito de WordPress ofrece una configuración rápida y fácil: solo instale, habilite la configuración y comience a generar de forma automática su AMP para su sitio web. Bonificación: este complemento al mismo tiempo es compatible con varios sitios.

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. más, 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 más (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 más), 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.

Lo mejor de todo es que este complemento ofrece opciones de diseño para que pueda personalizar la apariencia de su salida AMP. Utilice los temas AMP predeterminados incluidos o utilice sus Marco temático AMP para crear su propio diseño único.

AMP para WP al mismo tiempo ofrece extensiones premium 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 más, Campos personalizados avanzados y Formulario de contacto 7.

Más formas de agregar AMP para WordPress

Por supuesto, esta no es la única forma de agregar AMP a su sitio web con WordPress. Otros complementos que pueden ayudarlo con AMP para sitios web de WordPress incluyen:

• WP AMP: para crear un diseño AMP personalizado sin codificación y aumentar el SEO. Puedes leer más sobre esto aquí.
• Páginas móviles aceleradas (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 más para WordPress: para crear un tema AMP para su sitio web.
• AMP personalizado – para ayudar a personalizar su contenido AMP.
• Artículos instantáneos de Facebook y páginas AMP de Google – para publicar y administrar su contenido de forma directa desde WordPress a las páginas AMP de Google con soporte para anuncios y análisis.
• Pegamento para Yoast SEO y AMP – para asegurarse de que el complemento AMP de WordPress predeterminado utilice los metadatosLos 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 más de Yoast SEO adecuados y permita la modificación del diseño de la página AMP.

¿Debería agregar AMP para WordPress?

Aunque AMP no es obligatorio para que Google descubra las páginas web, es bastante obvio que Google tendrá como objetivo¿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. más 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 ranking de búsqueda de Google. Aunque es razonable suponer que será importante en algún momento,

Si tiene en cuenta que la velocidad de carga de la página es un factor en la clasificación de los motores de búsquedaConcepto 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 más, 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.

Pero ser parte del proyecto requiere un estricto cumplimiento del formato requerido por Google y puede que no sea del agrado de todos. Restringe lo que puede poner en su sitio web y puede hacer que todos los blogs parezcan algo uniformes y carentes de individualidad. Algunas animaciones no están permitidas y los formularios no son compatibles. Y en lo que respecta a las páginas de destino, es factible que AMP no sea una buena idea en absoluto. A la vez, puede haber sitios web que enfatizan la estética y la marca por encima de la velocidad, para quienes AMP puede resultar un freno.

Sin embargo, si desea crear una experiencia rápida y atractiva para sus usuarios y alcanzar que se queden más tiempo, debe considerar seriamente AMP para WordPress (o cualquier otro tipo de sitio web que pueda ejecutar). Si es un lugar en el carrusel de AMP en las páginas de búsqueda de Google que desea arrinconar, súbase al tren de AMP.