• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Plugins / Configurar AMP en WordPress

Configurar AMP en WordPress

Configurar AMP en WordPress

[ 8 julio 2019 ] [ Autor: Jhon Marreros Guzmán ][ Plugins - Básico] [ ]

optimización

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Seguramente has escuchado hablar de AMP (Google Acelerated Mobile Pages), esta tecnología nos permite tener una versión de nuestro contenido web optimizada para móviles y que Google preferirá al mostrar los resultados de búsqueda.

 

Generalidades

El uso de dispositivos móviles se incrementa, actualmente más del 90% de personas se conecta a través de un dispositivo móvil a internet, y a pesar de que las velocidades de conexión en móviles van en aumento, la experiencia de usuario puede mejorar si tienes una versión simplificada de tu contenido que es lo que precisamente se consigue con AMP.

Tal como se ve en la siguiente imagen al buscar desde un móvil Google prioriza las búsquedas de contenido que estén optimizados con AMP y las distingue con un ícono.

Búsqueda en movil prioriza resultados AMP

AMP no reemplaza la versión responsive de tu sitio, y más bien son complementarios.
Ten en cuenta que AMP te puede ser útil especialmente para artículos de blog que puedan ser cargados de manera rápida y sin elementos distractores cuando se están mostrando en móviles.

 

Configuración de Plugin

Existen varios plugins que podrían usarse para configurar el contenido de WordPress como AMP, sin embargo en este artículo vamos a usar el plugin AMP for WP el cual ofrece varias opciones de configuración.

Plugin AMP for WordPress

Algunos themes incluyen como parte de su configuración soporte para AMP, por lo que revisa antes si tu theme soporta AMP

Veremos las opciones de configuración mas importantes con las que cuenta este plugin en la versión gratuita.

 

Ajustes – General

A nivel general podemos configurar un logo para la versión AMP, así también podemos configurar soporte AMP para determinados tipos de contenido.

Plugin ajustes generales

Usualmente se suele habilitar AMP a nivel de artículos del blog.

 

Ajustes – SEO

Vemos que tenemos la opción de integrar los datos SEO que genera el plugin de SEO Yoast.

Plugin Ajustes SEO

 

Ajustes – Analítica

En esta pantalla podemos configurar los principales servicios de estadística y seguimiento, como: Google Analytics o Google Tag Manager, Pixel de Facebook.

Plugin Ajustes Analítica

 

Ajustes – Avanzado

Aquí se puede configurar si se consulta una página desde móvil y si hay versión AMP que se haga una redirección, también es recomendable tener los enlaces internos en AMP.

Plugin Ajustes Avanzados

 

Ajustes – Traducciones

Tenemos la opción de realizar traducciones a los textos del theme AMP ya sea por un archivo .pot o directamente cambiando los textos de traducciones.

Plugin Ajustes Traducciones

 

Diseño – Temas

El plugin viene con 4 temas AMP gratuitos que podemos usar, además se incluyen temas adicionales de pago.

Plugin selecionar diseño temas

 

Diseño – Global

En esta pantalla podemos cambiar los colores generales del tema que hemos seleccionado, además una opción importante es la de CSS personalizado para hacer cambios al diseño del tema.

Plugin Diseño Global

 

Diseño – Cabecera

Desde aquí se puede habilitar para que se muestre el menú en la versión AMP

Plugin diseño cabecera

 
Vemos además que hay un enlace que nos llevará a la configuración de menús de WordPress, es importante definir la posición de menú para el tema AMP, desde Apariencia > Menús > Gestor de ubicaciones, tal como se muestra en la siguiente imagen

Configurar ubicación de menú tema AMP

 

Diseño – Único

En esta pantalla se puede configurar las opciones adicionales que se mostrarán como parte del detalle de un artículo.

Plugin configuración diseño único

 

Exclusión de páginas AMP

Existen opciones que sólo están disponibles en la versión de pago, por ejemplo para mostrar formularios de Contact Forms 7 o Compatibilidad con Elementor, si este es tu caso podrías evaluar la versión de pago o excluir estas páginas de AMP.

Para excluir una página de AMP puedes ingresar a editar la página que quieres excluir y en la parte lateral derecha aparecerá la sección que se muestra en la siguiente imagen

Sección para mostrar u ocultar página versión AMP

 

Conclusión

Tal como hemos visto, usando un plugin podemos habilitar AMP en WordPress, la configuración es bastante simple y no requiere mayor conocimiento técnico.

 

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Cómo eliminar todos los productos de WooCommerceCómo eliminar todos los productos de WooCommerce
  • Agrupar los resultados de búsqueda en WordPressAgrupar los resultados de búsqueda en WordPress
  • tipos de complementos de WordPress5 tipos de complementos de WordPress
  • Sincronizar WooCommerce y Google SheetsSincronizar WooCommerce y Google Sheets
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (5 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Leer más y Extracto en WordPress

Agregar Whatsapp flotante en WordPress

Redireccionar las páginas de adjuntos en WordPress

Añadir redes sociales sin plugins en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados