Pages mobiles accélérées: AMP pour l'optimisation mobile 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 Suite afin de 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, Suite.

Les sites Web ont été conçus principalement pour des écrans plus grands. Mais les écrans plus petits sont de plus en plus nombreux et dépassent même les ordinateurs portables et personnels. Les mobiles représentent désormais 65% de l'époque dans les médias numériques. Les appareils portables ont besoin de pages pour se charger aussi vite que sur des écrans plus grands, sinon plus rapidement.

Para satisfacer esta demanda de ContenuEl 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, Suite 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 Suite (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 expérience utilisateurEl 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 Suite.

Qu'est-ce que l'AMP?

Projet AMP a été annoncé par Google en octobre 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 Suite 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 Suite. Los usuarios pueden deslizar el carrusel y tocar el elemento que buscan leer. Pinterest informó que las páginas eran 4 fois plus rapide, utilisant 8 fois moins de données que les pages optimisées pour mobile normales. Cela est faisable en raison de la façon dont les pages sont formatées et livrées.

En agosto de 2016, la recherche 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 Suite 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 aperçu de la recherche google pour le contenu étendu. Il espère le mettre en œuvre plus largement plus tard cette année.

AMP dans l'aperçu de la recherche

Vous pouvez consulter les pages à chargement rapide dans la recherche AMP ici. Compruébelo usando el relierConcepto 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 Suite en su teléfono móvil (no funcionará en computadoras de escritorio).

Quels sites Web devraient utiliser AMP?

En février, le projet des éditeurs a démarré. Mais l'adoption de l'AMP s'est étendue bien au-delà de l'industrie de l'édition aux divertissements, aux voyages, au commerce électronique, etc.

Des rapports favorables sont reçus des premiers utilisateurs. Avec une amélioration 88% du temps de chargement des documents AMP, Rapports du Washington Post une augmentation de 23% du nombre d'utilisateurs de téléphones mobiles récurrents. eBay est l'une des principales sociétés de commerce électronique passant à AMP avec près de 15 millions de pages de navigation de produits basées sur AMP. D'ici peu, ces pages devraient être développées pour être découvertes lors d'une recherche.

Alors, quels sites Web devraient utiliser AMP? Certainement ceux qui dépendent fortement du trafic mobile. Mais étant donné que de plus en plus d'utilisateurs choisissent d'utiliser leurs appareils mobiles pour naviguer sur Internet, AMP pour WordPress (ou tout autre site Web) pourrait être un ajout intéressant.

Qu'est-ce qui est différent dans 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 Suite 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 Suite. 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 Suite y se almacena en una nube común, por lo que se elimina el tiempo necesario para consultar y obtener del serveurLos 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 Suite.

Il y a beaucoup plus de différences, mais les deux mentionnées ici devraient vous donner une compréhension rapide et complète.

Pourquoi les éditeurs et les blogs devraient activer AMP

Alors que la lecture de pages à chargement lent sur mobile reste une expérience décourageante pour les utilisateurs, les éditeurs perdent des revenus grâce à la publicité mobile. AMP aidera à attirer et à fidéliser les visiteurs pendant de plus longues périodes sur le site Web et a le potentiel de générer des revenus grâce à des 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 Suite, 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 Suite, 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 Suite 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 offre un autre avantage en ce qu'il prend en charge les performances et l'expérience utilisateur élevées, de sorte que les ressources des éditeurs peuvent se concentrer sur la fourniture de contenu de qualité.

Quelles optimisations sont nécessaires pour AMP

AMP est en fait de nombreuses optimisations sur le site fait uniformément comme requis par Google. Les différentes optimisations que vous devez effectuer pour rendre une page Web compatible avec AMP sont,

• Autoriser uniquement le JavaScript asynchrone - pour éviter de retarder le traitement de la page. Cela signifie que vous ne pouvez utiliser aucun JavaScript que vous créez et que vous devez vous fier aux éléments AMP pour gérer le contenu interactif de vos pages. JS dans les iframes est autorisé, mais seulement s'il n'empêche pas le rendu.
• Dimensionner toutes les ressources de manière statique – 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 Suite, por lo que el tamaño y la posición de estos recursos se conocen antes de que comience la descarga.
• Ne laissez pas les mécanismes d'extension bloquer le rendu – 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 Suite y tweets están bien, dado que no bloquean la representación de la página, aunque requieren solicitudes HTTP adicionales.
• Gardez tous les JavaScript tiers hors du chemin critique - Le JavaScript personnalisé n'est autorisé que dans les iframes en bac à sable. De cette façon, il ne bloque pas le chargement de la page principale.
• Tout 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 Suite debe estar en línea y de tamaño limitado - cela permet de réduire le nombre de requêtes HTTP sur le chemin critique.
• L'activation de la source doit être efficace- le système AMP n'autorise pas les requêtes HTTP tant que le téléchargement des polices ne commence pas.
• Minimiser le recalcul de la taille - les recalculs retardent le rendu, il doit donc être réduit au minimum.
• Exécuter uniquement des animations compatibles GPU - Toutes les animations doivent pouvoir fonctionner sur GPU (Graphics Processing Unit).
• Prioriser le chargement des ressources - Seul le contenu nécessaire est téléchargé en premier, et les publicités et les images sont livrées dès que possible, mais ne sont téléchargées que lorsque cela est nécessaire. De cette façon, la demande de CPU est réduite au minimum.
• Chargez des pages en un instant - Le prétraitement consomme beaucoup de bande passante et de CPU. Le prétraitement AMP charge uniquement le contenu requis en premier et télécharge les iframes tiers et d'autres ressources uniquement si nécessaire.

Une variété standard de formats publicitaires, de réseaux publicitaires et de technologies sera disponible. Dans le même temps, les éditeurs peuvent en même temps choisir leurs propres formats, à condition que ce ne soit pas un obstacle à la vitesse.

Comment ajouter AMP pour WordPress

Google a un Didacticiel auxquelles vous pouvez vous référer pour créer des pages HTML AMP de base, les organiser, les valider comme étant compatibles AMP, les publier et les distribuer. Validation des pages AMP C'est important, car de cette façon, des tiers comme Twitter et Instagram ont confiance que les pages s'afficheront bien sur leurs plates-formes.

En ce qui concerne les sites Web hébergés sur WordPress.com, ils sont automatiquement compatibles avec WordPress sans avoir à faire autre chose. Les sites Web WordPress auto-hébergés peuvent activer AMP pour WordPress en installant un plugin.

Plugin AMP WordPress par Automattic

Une fois que vous avez téléchargé, installez et activez le Plugin AMP Sur le site WordPress, vos articles auront automatiquement une version AMP générée dynamiquement. Vous pouvez accéder à ces pages en ajoutant ampli 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 Suite (ejemplo.com/my-post/amp). Si no tiene bonitos enlaces permanentes habilitados, agregue ? amp = 1 vers des liens (qui ressembleraient à example.com/?p=100&=1). La seule autre étape consiste à tester et valider vos pages comme mentionné précédemment.

Vous ne remarquerez aucun paramètre ou fonction pour ce plugin. Il existe une option de panneau supplémentaire pour AMP Analytics où vous pouvez coller votre propre code de configuration JSON, mais c'est tout.

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 pour WP - Pages mobiles accélérées

Une autre excellente option gratuite est AMP pour WP. Ce plugin WordPress gratuit offre une configuration rapide et facile - il suffit d'installer, d'activer les paramètres et de démarrer la génération automatique de votre AMP pour votre site Web. Bonus: ce plugin prend en charge simultanément plusieurs 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. Suite, 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 Suite (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 Suite), 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.

Mieux encore, ce plugin offre des options de mise en page afin que vous puissiez personnaliser l'apparence de votre sortie AMP. Utilisez les thèmes AMP par défaut inclus ou utilisez votre Cadre thématique AMP pour créer votre propre design unique.

AMP pour WP en même temps offre extensions 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 Suite, Campos personalizados avanzados y Formulario de contacto 7.

Plus de façons d'ajouter AMP pour WordPress

Bien sûr, ce n'est pas le seul moyen d'ajouter AMP à votre site Web WordPress. Les autres plugins qui peuvent vous aider avec AMP pour les sites Web WordPress incluent:

• WP AMP - Pour créer une mise en page AMP personnalisée sans codage et augmenter le référencement. Vous pouvez en savoir plus ici.
• Pages mobiles accélérées (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 Suite para WordPress: para crear un tema AMP para su sitio web.
• AMP personnalisé - pour vous aider à personnaliser votre contenu AMP.
• Articles instantanés Facebook et pages Google AMP - pour publier et gérer votre contenu directement depuis WordPress vers les pages Google AMP avec prise en charge des publicités et des analyses.
• Colle pour Yoast SEO et AMP – para asegurarse de que el complemento AMP de WordPress predeterminado utilice los métadonnéesLos 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 Suite de Yoast SEO adecuados y permita la modificación del diseño de la página AMP.

Devez-vous ajouter AMP pour WordPress?

Aunque AMP no es obligatorio para que Google descubra las páginas web, es bastante obvio que Google tendrá como objectif¿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. Suite 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 classement de recherche google. Bien qu'il soit raisonnable de supposer que cela sera important à un moment donné,

Si tiene en cuenta que la velocidad de carga de la página es un factor en la clasificación de los moteurs de rechercheConcepto 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 Suite, 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.

Mais faire partie du projet nécessite un strict respect du format requis par Google et peut ne pas plaire à tout le monde. Cela restreint ce que vous pouvez mettre sur votre site Web et peut donner à tous les blogs une apparence quelque peu uniforme et manquant d'individualité. Certaines animations ne sont pas autorisées et les formulaires ne sont pas pris en charge. Et en ce qui concerne les pages de destination, AMP n'est peut-être pas du tout une bonne idée. Dans le même temps, il peut y avoir des sites Web qui mettent l'accent sur l'esthétique et la marque plutôt que sur la vitesse, pour lesquels l'AMP peut être un élément dissuasif.

Cependant, si vous souhaitez créer une expérience rapide et engageante pour vos utilisateurs et les faire rester plus longtemps, vous devriez sérieusement envisager AMP pour WordPress (ou tout autre type de site Web que vous pouvez exécuter). Si c'est un endroit sur le carrousel AMP sur les pages de recherche Google que vous voulez coincer, sautez dans le train AMP.