Nociones introductorias con Google amp en WordPress [¡Pon sus páginas de AMP aquí!]

Como desarrollador de WordPress, su prioridad número uno es crear sitios web cautivadores y poderosos para sus clientes. A menudo, sin embargo, es más fácil decirlo que hacer. ¿Entiende las diferentes variables que hacen una experiencia estelar en el acto, pero qué hace cuando las fuerzas externas requieren que se hagan de manera diferente? Tome la experiencia móvil, por ejemplo. Hace cinco o diez años, los sitios web de diseño serán “compatibles con dispositivos móviles”. Luego, hace unos años, el diseño web receptivo se hizo esencial para cualquier sitio web que realmente quería competir en el panorama digital. Y ahora … bueno, Google dice que hay otra forma en que los desarrolladores de WordPress deberían administrar la experiencia móvil.
Sabes, siempre parece que Google tiene la misión de mejorar la web. Se han vuelto más estrictos en términos de HTTP y sitios web penalizados que no hacen el cambio. Han tomado medidas contra sitios que no consideran la accesibilidad. Y su iniciativa de recibir en el móvil se hará realidad muy pronto. Hasta la llegada de ese día, Google ofreció su propia solución a editores, webmasters y desarrolladores web que desean crear una experiencia completamente amigable con los dispositivos móviles para sus visitantes. Se llama Amp o páginas móviles aceleradas. Dado que el UX móvil juega un papel importante en el proceso de desarrollo de WordPress, el proyecto AMP de Google puede parecer una mano divina, ya que promete proporcionar las herramientas necesarias para crear una interacción rápida con los visitantes móviles. ¿Pero esta es toda la historia? ¿Es tan simple? Tal vez no.
Veamos qué es Google Amp, lo que está haciendo en su contenido de WordPress y por qué algunos desarrolladores web pueden afectar. Para aquellos de ustedes que no tienen miedo de AMP y encantados con este nuevo marco de código abierto, les presentaré cómo usar un complemento para comenzar y luego probaré su implementación con una herramienta de validación gratuita aquí. ¿Qué necesita saber sobre Google Amp para comenzar con lo básico? ¿Qué es Google Amp? Inicialmente, la iniciativa AMP de código abierto se introdujo en 2015 para mejorar la velocidad del sitio en dispositivos móviles. Según Google, sin embargo, fue más allá de solo mejorar la experiencia móvil para los usuarios. El AMP ha sido una solución que ayudó a los editores de manera más eficiente móvil: “Queremos páginas web con contenido rico, como videos, animaciones y elementos gráficos, a trabajar con anuncios inteligentes y cargar instantáneamente. También queremos que el mismo código funcione en varias plataformas y dispositivos, para que el contenido pueda aparecer en todas partes, independientemente del tipo de teléfono, tableta o dispositivo móvil que use “. Con la reacción de bloquear los anuncios que vi de los usuarios, este fue un movimiento inteligente de Google. En cuanto a cómo se ve el amplificador, es posible que haya cumplido elementos de AMP en sus viajes web móviles, pero es posible que no lo sepa. Así es como sabes que conociste un elemento de AMP:
¿Ves ese icono de rayo junto a la hora de post? Este es el indicador de AMP. Después de hacer clic en un elemento de amplificador en búsqueda, esto es lo que cumplirá:

Parece que la mayoría de los otros contenidos receptivos que conocerías, ¿verdad? Algo como eso. ¿Vea en la parte superior cómo se le asigna a la dirección web a Google? Eso es porque lo es. Este artículo privado está en: https://www.google.com/amp/s/www.gq.com/story/what-is-is-basel-coolest-streetwear-guysinterview/amp si quieres ir Directamente en la fuente del artículo, deberá hacer clic en el botón de la cadena de hipervínculos en la parte superior: otra diferencia esencial entre la experiencia móvil estándar y el AMP es el centro de publicidad de estos artículos. Esto no significa que cada página de contenido que optimice para el AMP debe ser monetizado, pero esto es parte del beneficio de usar esta tecnología. Así es como este elemento muestra anuncios en línea:

Si está familiarizado con los artículos instantáneos de Facebook, entonces AMP le parecerá bastante familiar. La principal diferencia entre los dos es donde puede encontrar el contenido optimizado para dispositivos móviles. Si bien los artículos instantáneos de Facebook solo están disponibles a través de Facebook, los elementos de AMP están en casi todas partes (por ejemplo, Google, Bing, Medium, Twitter), lo que lo convierte en una alternativa muy deseable a las personas que me gustan lo que Facebook ha hecho, pero quiero más cobertura.

¿Google soy todo lo que está agrietado hasta que lo está? La optimización de la velocidad y el rendimiento se habla con frecuencia sobre WordPress hoy en día. Según Google, sus visitantes, especialmente aquellos en dispositivos móviles, simplemente no tienen la paciencia para hacer frente a experiencias frustrantes. Actualmente, las tres cuartas partes de los sitios móviles necesitan más de diez segundos para cargar, lo que no funciona bien con el 53% de los usuarios móviles que cobran después de solo tres segundos de carga. Dado que los sitios web obtienen el doble de ingresos de los anuncios móviles cuando un sitio se carga en menos de 5 segundos que en más de 19 segundos, puede ver por qué Google ha encontrado una iniciativa necesaria para el lanzamiento. Entonces, ¿qué hace AMP rápidamente? Bueno, se basa en componentes de optimización de tres velocidades:

HTML AMP: Esta es solo una pequeña versión de HTML.
AMP JS: Esta es la versión AME de JavaScript. Utiliza las mejores prácticas de JavaScript, así como una biblioteca para administrar la carga de todos los recursos.
AMP Cache: este sistema de almacenamiento de caché es responsable de hacerse cargo de su contenido.
Según los estudios de caso de algunos de sus usuarios de perfil, el AMP funciona muy bien para aumentar la participación y la moderación y mejorar el crecimiento. Por ejemplo, la revista Time informa que los visitantes gastan 13 veces más en su sitio móvil con AMP. Gizmodo, por otro lado, dice que el 80% de los visitantes de AMP son nuevos en su sitio web.
Y estos no son los únicos beneficios asociados con AMP: AMP no requiere grandes equipos de desarrolladores o un gran presupuesto. De hecho, la mayoría de los desarrolladores ya tienen la capacidad de usar esto, especialmente si funcionan en WordPress.
Google promete que los desarrolladores web aún podrán crear experiencias móviles flexibles, personalizadas y de marca. Si compara el ejemplo de GQ anterior con el artículo en el sitio web de GQ, verá que es realmente cierto.
Según Google, ASCE se integra con más de cien herramientas de análisis, sistemas de gestión de contenido, así como otras soluciones tecnológicas principales.
Bing está realmente impresionado por él, porque afirma que las páginas están cargadas un 80% más rápido que otras.
Por supuesto, AMP no está exento de críticas. Hay algunos desarrolladores y editores que han expresado su preocupación al respecto, así que recapitulemos rápidamente por qué AMP puede no ser adecuado para todos los sitios web:
UX confundiendo más mira ese ejemplo GQ una vez más:
¿Ves cómo hay un botón “X” en la parte superior izquierda? Al hacer clic en él, lleva a los usuarios de regreso a los resultados de búsqueda de Google. A menos que sus visitantes hablen con fluidez en el contenido de Google, es probable que esto cause cierta confusión al tratar de descubrir cómo llegar a su sitio o al artículo de origen. Google parece ser consciente de esta posible confusión y funciona en una mejor solución para diseñar las barras superiores.
Pierde la funcionalidad del complemento, aunque es probable que el AMP le dé su contenido. Debido a que usa HTML y JavaScript muy fácil, no funciona bien con los complementos, especialmente con aquellos que agregan formularios de contacto, ventanas emergentes u otro contenido dinámico. Google Analytics, hay un error bien documentado con Google Analytics al intentar acceder El tráfico de amplificador. Google es consciente del problema y aún no tiene una solución para ello. Por lo tanto, deberá confiar en el momento de los análisis de AMP si desea información de tráfico precisa. La dificultad en la implementación no todos los desarrolladores web están de acuerdo en que AMP es fácil de implementar. Esto se debe a que AMP no es una solución ideal para todos los tipos de sitios web o incluso para todo tipo de contenido. P.ej:
AMP funciona bien solo para publicaciones de blog y noticias, no para páginas web.
Tampoco es ideal para todos los sitios web. Aquellos que se centran en la historia, blogs y sitios de noticias, son los que más se beneficiarán de este formato.

Deberá crear dos versiones separadas de su contenido: una para las versiones habituales de escritorio y móvil de su sitio y otra para AMP.

Si ya sabe cómo codificar HTML y CSS, eso reducirá la curva de aprendizaje. Pero deberá utilizar las reglas de AMP específicas para reescribir su código y actualizar sus etiquetas de medios para cada contenido que desee transferir a AMP.
Cómo comenzar a usar AMP en WordPress Si ha decidido que sería genial para su sitio, eche un vistazo a cómo puede comenzar a usar AMP en WordPress y luego válido aquí!). 1. Obtenga el complemento para lo primero es el primero: instale el complemento WP en WordPress. El desarrollador de complementos hace un gran trabajo explicando cómo se hace esto aquí (comienza a las 2:50): [YouTube https://www.youtube.com/watch?v=em1nse_kakw?rel=0] A medida que avanza para explorar esto complemento, asegúrese de tener en cuenta algunas cosas:
Que acepta una serie de formularios de contacto y complementos de exhortación que no puede usar si los agrega solo. (Que es un alivio).
El desarrollador tiene una maravillosa sección de tutoriales de AMP en su sitio web, que lo ayudará con preguntas como optimizar el contenido de FOO para la búsqueda, cómo usar WooCommerce, etc.
Este complemento agrega un generador de página AMP a WordPress, que simplifica el proceso de crear el contenido especialmente creado para dispositivos móviles. Aquí hay un video de cómo usarlo:
[YouTube https://www.youtube.com/watch?v=vagpfkm5g4?rel=0] 2. Cree su contenido y luego, es hora de crear su contenido. Asegúrese de ver los tutoriales de Google AMP para que sepa cómo codificar y configurar las páginas según las instrucciones. También puede usar esto para averiguar cómo agregar funciones avanzadas y diseño interactivo a AMP. 3. Etiquete su contenido cuando haya terminado, deberá agregar etiquetas canónicas para mostrar Google y otras plataformas que publican el contenido de ASC que esta página cae en esa categoría. En la página original de su sitio, incluya esta etiqueta canónica: En la página de contenido que creó -o, incluya esto Etiqueta canónica: 4. Edite el esquema de marcado, sepa lo importante que es agregar marcado schema.org a WordPress para mejor Seo. Si desea asegurarse de que su contenido esté realmente optimizado, debe editar la marca en cualquier página especialmente creada para AMP. El contenido sin campaña generalmente requiere que defina variables como el título y la imagen en el marcado del esquema. Sin embargo, el contenido del contenido tiene un conjunto de datos estructurado más riguroso que necesita definir, como Google explica aquí. Por lo tanto, si desea que Google no solo clasifique su contenido, sino que también lo coloque en el carrusel AMP muy visible, deberá ajustar su enfoque para escribir el marcado para su contenido. Además, tenga en cuenta que no puede usar microdos para el contenido del AMP;
Solo el código JSON-LD es aceptable. 5. Agregue Google Analytics Google Analytics puede tener problemas en la actualidad, pero eso no significa que no debe rastrear su contenido. Nunca se sabe cuándo Google resolverá este error y no se tomará tiempo para configurar esto. Simplemente acceda al complemento AMP y agregue su ID de Google Analytics allí. 6. Valide su página una vez que se crea y etiqueta su contenido, es hora de verificar si la página es válida. También puede probar sus páginas aquí, en el sitio web WPMU Dev.Pur y simplemente ingresar la URL en el campo anterior. Recibirá los resultados de la validación en un navegador separado. Si todo está bien, ¡entonces estás listo para ir al último paso! 7. indexe tu contenido

Finalmente, es importante indexar el contenido del AMP en la consola de búsqueda de Google. En busca de búsqueda, haga clic en páginas móviles aceleradas. Sus páginas deben aparecer aquí una vez que hayan sido validadas. Cuando esto sucede, puede enviarlos para la indexación. Conclusión ¿El secreto del éxito del amplificador? Use HTML y JavaScript muy limitados para publicar débiles, medianos y súper rápido en dispositivos móviles. Si sabe que sus clientes se beneficiarían de crear contenido de AMP para su sitio, asegúrese de incluir esto en las propuestas de su proyecto, así como en las etapas de estrategia y planificación. De esta manera, puede presupuestar adecuadamente el tiempo y el trabajo adicional en su proceso desde el principio.
Para ti: ¿Qué piensas de AMP? ¿Sus clientes estarán a bordo o tomará algo convincente?
Etiquetas:
AMP de Google