Temas WP AMP – Plantillas de páginas móviles aceleradas

Temas WP AMP – Plantillas de páginas móviles aceleradas

diciembre 19, 2018 Social 0

¿Ya eres Miembro?

Para Descargar este Plugin




Descripción

El plugin de Temas de Páginas Móviles Aceleradas de WordPress ayuda a los bloggers, editores y otros creadores de contenido a agregar fácilmente el soporte de AMP a sus sitios web de WordPress. El complemento WP AMP Themes incluye un tema FREE AMP (OBLIQ) que se puede personalizar (colores, fuentes, apariencia) a través del área de administración de WordPress.

El Proyecto de Páginas Móviles Aceleradas (“AMP”) es una iniciativa de código abierto que surgió de las discusiones entre editores y compañías de tecnología sobre la necesidad de mejorar todo el ecosistema de contenido móvil para todos: editores, plataformas de consumidores, creadores y usuarios.

Hoy en día, la expectativa es que el contenido se cargue súper rápido y sea fácil de explorar. La realidad es que el contenido puede tardar varios segundos en cargarse o, como el usuario abandona la página lenta, nunca se carga por completo. Las Páginas móviles aceleradas son páginas web diseñadas para cargarse casi instantáneamente, son un paso hacia una mejor web móvil para todos.

La velocidad importa y el instante es lo ideal. La investigación ha demostrado mayores tasas de rebote asociadas con páginas web de carga más lenta. El uso del formato AMP hará que sea mucho más atractivo para las personas consumir y participar con más contenido. Pero esto no se trata solo de velocidad y rendimiento. También queremos promover una distribución mejorada para que los editores puedan aprovechar el potencial de la web abierta para que su contenido aparezca rápidamente en todas partes, en todas las plataformas y aplicaciones, lo que puede generar más ingresos a través de anuncios y suscripciones.

Las páginas móviles aceleradas son como cualquier otra página HTML, pero con un conjunto limitado de funciones técnicas permitidas que están definidas y regidas por la especificación AMP de código abierto. Al igual que todas las páginas web, Accelerated Mobile Pages se cargará en cualquier navegador web o aplicación webview.

Los archivos AMP aprovechan los diversos enfoques técnicos y arquitectónicos que priorizan la velocidad para proporcionar una experiencia más rápida para los usuarios. Los desarrolladores de AMP pueden usar una biblioteca rica y creciente de componentes web que ofrecen la capacidad de incrustar objetos de medios enriquecidos como videos y publicaciones sociales, mostrar publicidad o recopilar análisis. El objetivo no es homogeneizar cómo se ve y cómo se siente el contenido, sino construir un núcleo técnico más común entre las páginas que acelera los tiempos de carga.

Además, los archivos AMP se pueden almacenar en caché en la nube para reducir el tiempo que tarda el contenido en llegar al dispositivo móvil de un usuario. Al utilizar el formato AMP, los productores de contenido están haciendo que el contenido de los archivos AMP esté disponible para ser almacenado en caché por terceros. Bajo este tipo de marco, los editores continúan controlando su contenido, pero las plataformas pueden almacenar fácilmente en caché o duplicar el contenido para una velocidad de entrega óptima para los usuarios. Google ha proporcionado el Caché de AMP de Google que puede ser utilizado por cualquier persona sin costo alguno, y todos los AMP serán almacenados en caché por el Caché de AMP de Google. Otras compañías también pueden construir su propio caché AMP.

En resumen, el objetivo es que la combinación de una funcionalidad técnica limitada con un sistema de distribución basado en el almacenamiento en caché conduzca a un mejor rendimiento de las páginas y un mayor desarrollo de la audiencia para los editores.

El tema OBLIQ AMP (disponible de forma GRATUITA) incluye soporte para detalles de publicación e incluye un menú lateral con categorías y páginas.

Algunos de los componentes de AMP que hemos utilizado al crear OBLIQ:

  • acordeón
  • amp-img
  • barra lateral de amp
  • amp-carrusel
  • amp-social-share

Hay docenas de temas de AMP premium disponibles en AMPThemes.io: BASE, ELEVATE, FOLIO, INVISION, POPSICLE, PULSE, GHOST, PHANTOM, LUCID, EXTRUDE, VEDI, BLEND, PURE, GOTHAM, FUTURE & PALM.

¿Cómo funciona el AMP?

Esencialmente un marco para crear páginas web móviles, AMP consta de tres partes básicas:

  • AMP HTML: un subconjunto de HTML, este lenguaje de marcado tiene algunas etiquetas y propiedades personalizadas y muchas restricciones. Pero si está familiarizado con el HTML normal, no debería tener dificultades para adaptar las páginas existentes al HTML de AMP. Para obtener más detalles sobre cómo se diferencia del HTML básico, consulte la lista de marcado requerido de AMP Project que su página de HTML de AMP “debe” tener.

  • AMP JS: Un marco de JavaScript para páginas móviles. En su mayor parte, gestiona el manejo de recursos y la carga asíncrona. Se debe tener en cuenta que el JavaScript de terceros no está permitido con AMP.

  • AMP CDN: una red de entrega de contenido opcional, tomará sus páginas habilitadas para AMP, las almacenará en caché y realizará automáticamente algunas optimizaciones de rendimiento.

¿Cómo se verá AMP en Google?

Google ha proporcionado una demostración de cómo se vería una característica de AMP en el SERP. Puede probarlo navegando a g.co/ampdemo en su teléfono móvil (o emularlo dentro de las Herramientas para desarrolladores de Chrome). Luego, busca algo como “Donald Trump”.

Verás un carrusel hacia la parte superior con artículos de AMP. Haga clic en uno para una experiencia de lectura incrustada en el SERP. Puede deslizar hacia la derecha o hacia la izquierda para leer otro artículo habilitado para AMP. Es una experiencia diferente de simplemente navegar a la página AMP de un editor.

¡Diviértete en tus aventuras móviles!

Repositorios

Aquí está nuestro repositorio de desarrollo Github:
* https://github.com/appticles/wp-amp-themes – Los archivos de complementos, los mismos que encontrará para descargar en WordPress.org.

Capturas de pantalla

  • Selector de Temas AMP.
  • Configuraciones
  • Temas Premium.

Instalación

Instalación simple para WordPress v4.4 y versiones posteriores.

Este complemento requiere que el complemento AMP esté instalado.

  1. Vaya al menú ‘Complementos’ / ‘Agregar nuevo’
  2. Cargue wp-amp-themes.zip y luego presione 'Instalar ahora'.
  3. Disfrutar.

Configuración integral

Un proceso de configuración más completo y una guía de configuración son los siguientes.

  1. Localice su instalación de WordPress en el sistema de archivos
  2. Extraer el contenido de wp-amp-themes.zip dentro wp-content / plugins
  3. En wp-content / plugins ahora debería ver un directorio llamado wp-amp-temas
  4. Inicie sesión en el panel de administración de WordPress en http://yoursite.com/wp-admin
  5. Ve al menú 'Complementos'.
  6. Haga clic en “Activar” para el complemento.
  7. Vaya al panel de administración de ‘WP AMP Themes’.
  8. Edita tus configuraciones.
  9. ¡Ya está todo hecho!

Probando tu instalación

Abra una página de detalles de la publicación y agregue ‘/ amp’ al final de la URL. Debería ver la plantilla de AMP que se muestra.

Una vez que Google almacena en caché sus publicaciones de AMP, pueden ser fácilmente reconocidas en dispositivos móviles por el símbolo de rayo de AMP que aparece junto a ellas en los resultados de búsqueda de Google.

Si un usuario hace clic en un enlace de AMP, el contenido de AMP se carga directamente en el navegador desde el caché de AMP de Google.
Después de ver la página de AMP, los usuarios pueden hacer clic en los enlaces del artículo o regresar a la búsqueda de Google haciendo clic en la flecha hacia atrás.

Preguntas más frecuentes

Instrucciones de instalación

Instalación simple para WordPress v4.4 y versiones posteriores.

Este complemento requiere que el complemento AMP esté instalado.

  1. Vaya al menú ‘Complementos’ / ‘Agregar nuevo’
  2. Cargue wp-amp-themes.zip y luego presione 'Instalar ahora'.
  3. Disfrutar.

Configuración integral

Un proceso de configuración más completo y una guía de configuración son los siguientes.

  1. Localice su instalación de WordPress en el sistema de archivos
  2. Extraer el contenido de wp-amp-themes.zip dentro wp-content / plugins
  3. En wp-content / plugins ahora debería ver un directorio llamado wp-amp-temas
  4. Inicie sesión en el panel de administración de WordPress en http://yoursite.com/wp-admin
  5. Ve al menú 'Complementos'.
  6. Haga clic en “Activar” para el complemento.
  7. Vaya al panel de administración de ‘WP AMP Themes’.
  8. Edita tus configuraciones.
  9. ¡Ya está todo hecho!

Probando tu instalación

Abra una página de detalles de la publicación y agregue ‘/ amp’ al final de la URL. Debería ver la plantilla de AMP que se muestra.

Una vez que Google almacena en caché sus publicaciones de AMP, pueden ser fácilmente reconocidas en dispositivos móviles por el símbolo de rayo de AMP que aparece junto a ellas en los resultados de búsqueda de Google.

Si un usuario hace clic en un enlace de AMP, el contenido de AMP se carga directamente en el navegador desde el caché de AMP de Google.
Después de ver la página de AMP, los usuarios pueden hacer clic en los enlaces del artículo o regresar a la búsqueda de Google haciendo clic en la flecha hacia atrás.

¿Cuáles son las consecuencias de usar Páginas Móviles Aceleradas?

Al utilizar el formato AMP, los productores de contenido hacen que el contenido de los archivos AMP esté disponible para ser rastreado, indexado y visualizado (sujeto al protocolo de exclusión de robots) y en caché por parte de terceros.

¿Qué tipo de contenido funciona mejor con las páginas móviles aceleradas?

El objetivo es que todo el contenido publicado, desde noticias a videos y desde blogs a fotografías y GIF, funcione utilizando Páginas móviles aceleradas.

¿Es AMP solo para móviles?

AMP fue diseñado teniendo en cuenta la capacidad de respuesta, para funcionar en todos los tamaños de pantalla.

Opiniones

¡Prometedor!

Cborodescu

Ser capaz de usar varios temas de AMP es la principal fortaleza de este complemento.

Leer todas las 1 opiniones

Colaboradores y Desarrolladores

“Temas WP AMP – Plantillas de páginas móviles aceleradas” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traduzca “Temas WP AMP – Plantillas de páginas móviles aceleradas” a su idioma.

¿Interesado en el desarrollo?

Busque el código, revise el repositorio SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

1.2.1

  • Integración mejorada con OneSignal para notificaciones push y proceso de configuración simplificado.

1.2

  • Se agregó integración con OneSignal para notificaciones push.

1.1

  • Posibilidad añadida de insertar nuevos temas.
  • Se ha agregado la opción de tema por defecto.

1.0

  • Se agregaron colores y logo para personalizar el tema.

0.5

  • Versión beta

¿Ya eres Miembro?

Para Descargar este Plugin



Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja un comentario