Cómo integrar Google AMP con WordPress

Los dispositivos móviles acceden a Internet con más frecuencia que las computadoras de escritorio. Debido a esto, debe ser más consciente sobre el diseño del sitio web. Su contenido debe verse tan bien en un dispositivo portátil como en la pantalla de una computadora. Google AMP para WordPress es un buen lugar para comenzar.

La plataforma Accelerated Mobile Pages, o AMP, es un sistema en el que un sitio web se convierte para que sea compatible entre varias tecnologías. Utiliza HTML simple y JavaScript limitado. En cierto modo, funciona de forma muy similar a los artículos instantáneos de , ya que elimina gran parte de la programación adicional que puede ralentizar un sitio web.

En este artículo, le mostraré cómo configurar AMP en WordPress. Es una forma sencilla de mejorar su sitio web para aquellos que usan teléfonos inteligentes y tabletas. Dado que Google está interesado en la funcionalidad móvil, AMP también puede mejorar la clasificación en los motores de búsqueda.

¿Por qué usar Google AMP?

Cuando desarrolla un sitio web de WordPress, viene con una amplia gama de llamadas CSS y JavaScript. La mayoría de estos se deben a los complementos que puede agregar a su sitio. Desafortunadamente, muchos de estos no están desarrollados para un SEO o velocidad óptimos.

Desafortunadamente, existe un inconveniente en el uso de AMP para potenciar sus páginas móviles. Debido a que elimina gran parte de la programación más lenta de su sitio web, también significa que es posible que muchos de sus widgets o complementos no funcionen desde un teléfono inteligente o tableta. Es posible que cualquier cosa que use un script dinámico no funcione después de instalar AMP.

La contrapartida de usar AMP es que puede mejorar enormemente el rendimiento de los dispositivos móviles. Dado que la velocidad es un factor que contribuye a la ubicación de búsqueda en sitios como Google, el uso de AMP podría tener un impacto significativo en el tráfico de los resultados de búsqueda orgánicos desde un dispositivo portátil.

Instalación del complemento AMP para WordPress

Hoy, estoy demostrando el complemento AMP para WP . Es un sistema flexible que viene con una variedad de herramientas para ayudarlo a atraer visitantes. Por ejemplo, el complemento admite elementos como el formulario de contacto 7, así como formularios de suscripción de suscripción por correo electrónico.

Vaya al área de complementos de WordPress e instale "AMP para WP".

Aparecerá una nueva pantalla sugiriendo que instale AMP de Automattic . Este es el complemento principal para usar AMP para WP, y necesita esta adición.

Haga clic en el botón "Instalar ahora".

Antes de poder asociar AMP con AMP para WP, debe activar el complemento. En realidad, acaba de instalar dos complementos uno tras otro. Puede usar el complemento AMP por sí solo, pero AMP para WP agrega más funcionalidad y control.

Haga clic en "Activar complemento" para activar la versión más reciente de AMP.

Ahora que ambos complementos están instalados, es hora de cambiar la configuración.

Configuración de AMP para WP

Haga clic en el botón "Panel de opciones de AMP" en la pantalla de instalación. Esto también está disponible en la columna izquierda de WordPress si hace clic en la herramienta "AMP".

La pantalla "Introducción" tiene bastantes recursos disponibles si desea obtener más información sobre el sistema. Tienes acceso a enlaces de tutoriales, documentos y otros elementos que suelen ser educativos.

AMP para WP también viene con complementos que puede comprar directamente del desarrollador. Estos incluyen tipos de publicaciones personalizadas, formularios, llamados a la acción y otros elementos que se desarrollan para funcionar en la plataforma Accelerated Mobile Pages.

Por ahora, repasemos algunas de las áreas más importantes de la herramienta AMP para WP. Simplemente no olvide explorar todos los elementos que están disponibles en este complemento. Tiene muchas funciones y puede ajustarse fácilmente para adaptarse al diseño de su sitio.

Haga clic en "Página de inicio" en la columna izquierda del complemento.

En esta sección, puede activar y desactivar AMP fácilmente para la página de inicio con un clic del mouse. Puede configurar páginas personalizadas, anular los tamaños de las miniaturas y usar enlaces que no sean de AMP en el encabezado y el logotipo. Tendrá que ajustarlos de acuerdo con su propio sitio web y diseño. Es posible que algunos diseños no necesiten nada más que la herramienta de soporte de la página de inicio.

Haga clic en la sección "Creador de páginas" de AMP para WP.

La función Page Builder de este complemento es un poco confusa al principio. Esencialmente, usa un widget para guiar cómo se ve una página en dispositivos móviles. Está diseñado específicamente para crear páginas de destino en WordPress perfectas para páginas de productos o servicios. Los desarrolladores crearon un tutorial fácil de seguir sobre cómo usarlo, que puede valer la pena explorar.

Esta es una función opcional y se desactiva haciendo clic en el botón "apagado".

A continuación, haga clic en la sección "Diseño" del complemento.

AMP para WP viene integrado con un generador de publicaciones. Esta herramienta le permite organizar cómo se muestran los diversos elementos de su sitio web a las audiencias móviles. Al hacer clic en el botón "Iniciar Post Builder" se abre una ventana muy parecida al Personalizador de WordPress. Desde allí, puede arrastrar y soltar secciones de la publicación y organizarlas como desee.

La sección Diseño también viene con botones de búsqueda y "Llamar ahora" que se muestran a los usuarios móviles. Para aquellos que saben CSS, también hay un panel de programación disponible.

Ahora hagamos clic en el control "SEO" de la columna izquierda del complemento.

Esta sección es vital, especialmente para aquellos que usan Yoast SEO en sus sitios web. Desde aquí, puede activar meta descripciones y agregar etiquetas al encabezado de las páginas de AMP. Sin embargo, Yoast SEO ya hace algunas de estas cosas.

Si usa Yoast SEO para meta descripciones, deje la opción Meta descripción en AMP para WP desactivada.

Desde esta pantalla, también tiene acceso a cómo se indexan las páginas para los motores de búsqueda. Todos están activados de forma predeterminada, excepto las subpáginas de archivo. Deberá ajustarlos de acuerdo con el diseño de su propio sitio web. Sin embargo, la mayoría de ustedes probablemente querrán dejar estas selecciones tal como están.

A continuación, haga clic en la función "Analítica" de AMP para WP.

AMP para WP viene con la integración de Google Analytics. Desde esta pantalla, puede agregar su ID de Google Analytics para el sitio. También puede optar por utilizar otro servicio como StatCounter, comScore o Segment Analytics utilizando la lista desplegable de "Tipo de análisis".

Haga clic en el enlace "Datos estructurados" a la izquierda.

Los datos estructurados son donde ingresa tamaños de logotipo personalizados, anchos de imagen, alturas e imágenes de marcador de posición predeterminadas para publicaciones. Luego, el sistema tomará sus imágenes y las redimensionará en consecuencia.

Cuando haya terminado de hacer los ajustes, haga clic en "Guardar cambios".

Lo anterior son solo algunos de los aspectos más importantes de AMP para WP.

Le sugiero que dedique tiempo a familiarizarse con todas las herramientas y funciones que están disponibles en AMP para WP. Puede ahorrarle una gran cantidad de tiempo y frustración si comprende los diversos elementos que necesita cambiar.

Desde SEO hasta la sección de comentarios, este complemento controla casi todos los aspectos de su sitio web desde el punto de vista de un dispositivo móvil.

Uso de Google AMP para aumentar las tasas de visitantes

Un sitio web diseñado para tecnología móvil tiene muchas más posibilidades de retener visitantes y atraer audiencia. Si bien es posible que deba renunciar a ciertas herramientas desde la perspectiva portátil, las tasas de participación de visitantes y SEO pueden valer la pena. Explore las posibilidades utilizando un complemento AMP para WordPress y aumente su tráfico.

¿Qué tipo de elementos utiliza para mejorar el SEO en su sitio web? ¿Con qué frecuencia limpia los complementos que no usa para mejorar el rendimiento del sitio web?