/ Móvil, Posicionamiento web, SEO/ 1 comments

¿Cómo instalar AMP en wordpress?

Necesitas instalar AMP en wordpress. Si alguna vez te han presentado AMP (Accelerated Mobile Pages) y todas sus ventajas seguramente te habrás dicho: esto es para mí!

Pero si no sabes mucho sobre informática y programación… 🙁  no sabrás  probablemente cómo implementar AMP en WordPress. Si no sabes cómo instalar el plugin AMP en WordPress o has encontrado cualquier otro inconveniente, aquí te explicamos lo que debes saber!

Descubre qué es AMP qué significa y cómo se estructura AMP y trata la información con ejemplos

Para empezar, ten esto en cuenta. Una de las maneras más fáciles de implementar AMP en este momento es hacerlo en un sitio web de WordPress. Si es tu caso, ¡enhorabuena! Existe un plugin oficial desarrollado por Automattic / WordPress, y frecuentemente se actualiza en GitHub.

 

INSTALAR AMP EN WORDPRESS EN 4 SENCILLOS PASOS

Paso 1: Instala el complemento oficial de WordPress

Para comenzar, dirígete a la página de amp-wp GitHub y haz clic en el botón “Descargar ZIP”.

Descarga el complemento amp wordpress de github.
Instálalo  en tu sitio de WordPress tal como lo harías con cualquier otro plugin de WordPress.




Una vez instalado, simplemente necesitas agregar “/ amp /” a la página de un artículo (o, si no tienes enlaces permanentes amigables o “friendly URLs”, puedes agregar alternativamente “? Amp = 1”).

Paso 2: valida y ajusta

En algún momento Google Search Console retomará la versión de AMP de sus artículos a través de la etiqueta rel = “amphtml” adjuntada por el complemento, lo que permite una fácil validación de los artículos. El único problema es que no detecta cambios muy rápidamente. Si arreglas algo, la corrección puede no aparecer durante días.

Utiliza una combinación de Search Console y el proceso de validación de Chrome. Para usar el proceso de validación de Chrome, ve a una de tus páginas de AMP en Chrome y agrega “# desarrollo = 1” al final de la URL. Hit Control + Shift + I para abrir Chrome Developer Tools y dirígete a Console.

Puede que necesites actualizar la página, pero una vez que lo hagas, aparecerá el mensaje “validación de AMP exitosa” o bien te dará una lista de problemas a solucionar.

Lo más probable es que simplemente con instalar AMP en wordpress con el plugin no será suficiente. Ojalá no sea tu caso. Pero si lo es, no desesperes.

Tendrás que revisar y validar todas las páginas que te gustaría beneficiar de las páginas de Accelerated Mobile.

Dependiendo del formato de tus artículos, es posible que debas realizar algunos cambios para que las páginas de AMP se validen.

Paso 3: obtén el esquema de marcado para validar

Es importante tener un marcado de esquema válido en tus páginas de AMP. Para probar tus páginas con un marcado válido, puedes usar la herramienta de prueba de datos estructurados de Google.

Si alguna imagen o icono no se muestra como debería, simplemente edita el archivo class-amp-post-template.php, ya sea a través de FTP o dentro de tu sesión de WordPress (ve a Complementos> Editor y luego selecciona “AMP”) y cambie la ruta del archivo de imagen que no se muestra por la URL del archivo. Especifica el alto y ancho en píxeles.

 

Paso 4: usar Google Analytics con el plugin AMP de WordPress

¿De qué sirve un sitio web si no puedo realizar análisis? El complemento AMP WordPress no habilita amp-analytics de manera inmediata, pero es bastante sencillo de habilitar.

Para habilitar el plugin WordPress de AMP para que funcione con Google Analytics, edita el archivo amp-post-template-actions.php, ya sea a través de FTP o dentro de tu administrador de WordPress (ve a Complementos> Editor y luego selecciona “AMP”) y agrega lo siguiente al final:

add_action( 'amp_post_template_head', 'amp_post_template_add_analytics_js' );
function amp_post_template_add_analytics_js( $amp_template ) {
	$post_id = $amp_template->get( 'post_id' );
	?>
	<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
	<?php
}

add_action( 'amp_post_template_footer', 'xyz_amp_add_analytics' );

function xyz_amp_add_analytics( $amp_template ) {
    $post_id = $amp_template->get( 'post_id' );
    ?>
	<amp-analytics type="googleanalytics" id="analytics1">
	<script type="application/json">
	{
	  "vars": {
		"account": "UA-XXXXX-Y"
	  },
	  "triggers": {
		"trackPageview": {
		  "on": "visible",
		  "request": "pageview"
		}
	  }
	}
	</script>
	</amp-analytics>
    <?php
}

Asegúrate de cambiar UA-XXXXX-Y por tu ID de propiedad de Google Analytics de tu sitio web en particular.

Ahora, vuelve a validar tus páginas de AMP, y ya tienes una configuración básica de AMP con seguimiento habilitado para su sitio web de WordPress!

 

Enhorabuena, has logrado instalar AMP en wordpress!

Ya puedes utilizar AMP como las empresas y webs líderes en el sector! Ves como no ha sido tan difícil implementar AMP en wordpress con el plugin?

¿Cómo ha sido tu experiencia al instalar AMP en wordpress?

 

Hasta el próximo post! Cuidad vuestras analíticas!  🙂



1 Comment

  1. Pingback: AMP qué significa: páginas móviles aceleradas o "Accelerated Mobile Pages" - Dinero rápido online

Leave a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*
*