Tecnología

WordPress para Novatos Idea guardada 1 veces
La valoración media de 1 personas es: Buena

Optimizar página con AMP para WordPress

amp-para-wordpress


El acceso a un blog a través de un teléfono móvil, no siempre es una experiencia satisfactoria (letras muy pequeñas, desplazamiento complicado, velocidad de carga lenta) Aprende a optimizar tu blog con la nueva tecnología AMP para WordPress

Tecnología AMP y Google

Ya en el año 2014, Google decidió destacar en los resultados de búsqueda desde un disposito móvil a las páginas que estaban optimizadas para mostrarse en teléfonos móviles, incluyendo la etiqueta “Optimizado para Teléfonos Móviles” (Comprobar si tu blog está optimizado para móviles)

Desde entonces y hasta ahora, han estado trabajando en el desarrollo de un software libre que haga posible mejorar la experiencia de navegación en todos los teléfonos móviles, o lo que es lo mismo, cargar las páginas casi al instante, sin esperas, con resoluciones adaptadas al tamaño de la pantalla y letras proporcionales en tamaño; estoy hablando de Accelerated Mobile Pages (AMP)

Obviamente esto se debe a distintas técnicas que posibilitan la carga de texto estático, por lo que deberás crear una versión AMP de cada página que quieras que utilice esta técnica.

Durante todo el año 2016, Google ha estado lanzando píldoras para animar a todas las webs a crear su versión AMP, prometiéndoles mayor visibilidad en los resultados de búsqueda desde dispositivos móviles.

El pasado 10 de Enero, Google ha anunciado que finalmente está preparado para “premiar” de esta forma a las páginas que utilicen esta tecnología, ya que reducirán enormemente el tiempo de carga y, por tanto, la experiencia de sus usuarios.

La finalidad es que nuestros algoritmos acaben usando primero la versión para móviles del contenido de un sitio para clasificar sus páginas, para entender datos estructurados y para mostrar fragmentos de esas páginas en nuestros resultados.

Vamos, que si no quieres que tu blog quede atrás en los resultados de Google, toca ponerse las pilas!

Crear una versión AMP para WordPress

Por suerte, los amigos de Automattic (los creadores de WordPress) ya se pusieron manos a la obra en el proyecto AMP y han lanzado un plugin  AMP para WordPress.

Una vez descargado e instalado el plugin, él solo se encarga de generar una versión AMP de cada entrada, convirtiéndola en entrada estática (tiene que quedarte claro que esta versión no mostrará imágenes, o contenido dinámico, sólo texto plano y enlaces).

Acceder a la versión AMP de WordPress

Estas entradas nuevas, creadas en AMP, no se muestran de forma automática a tus visitantes, sino que será Google quien las localice a través de búsquedas en móviles y las mostrará alli.

Para comprobar cómo queda una entrada convertida a AMP, únicamente deberás escribir la dirección de tu post añadiendo al final “/amp”. Por ejemplo: https://www.wpnovatos.com/comentarios-wordpress/amp

De momento Automattic informa que la versión para páginas no está disponible, sólo para entradas, pero que están trabajando para conseguirlo.

Comprobar tus entradas AMP indexadas a Google

Una vez que tengas duplicadas las entradas en formato AMP, deberás utilizar la herramienta Google Search Console (anteriormente llamada Google Webmasters Tools) para comprobar qué entradas se han indexado y si existe algún error.

Para ello, accede primero al Informe de Accelerated Mobile Pages y lee las breves instrucciones. Recuerda que si aún no tienes una cuenta, necesitarás crearla de forma gratuita.

Una vez que accedas al informe, te saldrá un gráfico con los datos.

AMP para WordPress
Información sobre páginas AMP WordPress en Google Search Console

Si estás consultando el informe en breve espacio de tiempo desde que has creado las páginas AMP de tu WordPress, deberás solicitar a Google que vuelva a rastrear las URL de tu blog

Comprobar si tus entradas en AMP son válidas

Google sólo va a mostrar en los resultados de búsqueda en móviles aquellas páginas AMP que sean aptas.

Para comprobar si lo son, puedes hacerlo de varias formas, como por ejemplo instalando la extensión AMP Validator en Google Chrome o accediendo a la web del validador Html para AMP

Diferencia entre Responsive y AMP

En otro de mis artículos, donde te hablaba sobre cómo instalar plantillas en WordPress te estuve contando la importancia de instalar un theme que fuera Responsive, con el fin de que pudiera adaptarse sin problema a la resolución de cualquier pantalla desde donde se accediera a tu blog.

Sin embargo, no debes confundir un blog creado con una plantilla responsive de una página adaptada a la tecnología AMP para WordPress.

La diferencia es obvia: con un theme responsive, verás la página con todo el diseño tal cual la has creado, pero con textos e imágenes adaptadas a distintas resoluciones, lo cual hace que se pueda leer con facilidad, que el desplazamiento a través de la página sea fácil y cómodo y que el contenido no quede descolocado de lugar.

Por contra, si las entradas de tu blog están adaptadas con AMP, al acceder desde el resultado de búsqueda de Google, únicamente va a cargar el texto plano, los enlaces y algún formulario… el resto de contenido no se va a visualizar, ni siquiera el diseño que tanto trabajo te costó hacer para la versión de escritorio.

Personalización del diseño AMP para WordPress

En el tema de la personalización de las páginas con AMP poco margen de maniobra tienes.

Una vez que instales el plugin AMP, como te he explicado antes, podrás acceder al Menú de Administración -> Apariencia -> AMP y ahí verás que se te abre un breve menú de personalización.

Lo único que está permitido modificar es:

Color de la cabecera

Color de la fuente utilizada en la cabecera

Color de los links

Color del cuerpo (texto blanco sobre fondo negro o texto negro sobre fondo blanco)

Aviso a los amantes de los Popups

También a partir del 10 de Enero, Google ha manifestado rotundamente que empeorará el resultado de búsqueda en teléfonos móviles de todas aquellas páginas que impidan al lector acceder fácilmente al contenido, como por ejemplo:

Mostrar una ventana emergente que tapa el contenido principal, ya sea justo después de que el usuario acceda tras tocar un resultado de búsqueda o mientras navega por la página.

Mostrar un intersticial independiente que el usuario tenga que rechazar para acceder al contenido principal.

Usar un diseño en el que la mitad superior de la página sea similar a un intersticial independiente, con el contenido original insertado en la mitad inferior.

Por otro lado, no afectará el uso de plugins avisando sobre la política de cookies, ventanas emergentes para identificación antes del acceso a una zona privada, etc.

Conclusiones

Indudablemente, las páginas que hasta ahora mostraban un contenido de calidad y ocupaban buena posición en los resultados de búsqueda de Google, lo van a seguir haciendo, puesto que el contenido y el número de búsquedas en esas páginas son los factores más importantes.

Pero si además, estas páginas disponen de la versión AMP y facilitan la experiencia al lector para poder acceder al contenido desde su dispositivo móvil, habrán ganado puntos extra.

Por el contrario, las páginas que antes no tenían buenos resultados, por diversos motivos, y se han puesto las pilas adaptándose a la tecnología AMP, posiblemente vean incrementado a partir de ahora el número de visitantes desde smartphones debido a todo esto que acabo de contarte.

Personalmente y, como usuario y consumidor, me parece un acierto haber conseguido crear páginas completamente limpias, que muestran la información sin más, con textos legibles, sin florituras y, sobre todo, sin molestas ventanas y publicidad.

¿Qué opinas tú? ¿Estás a favor de usar esta tecnología para facilitar la experiencia a tus lectores o sólo lo harás si te ves obligado para mejorar tu posicionamiento web? Déjame tu comentario debajo y lo hablamos!

está publicado dentro del Blog WordPress para Novatos.

Fuente: este post proviene de WordPress para Novatos, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Envía una notificación de una presunta infracción de derechos. También puedes hacerlo a través de nuestro formulario de contacto.
¿Qué te ha parecido esta idea?
Etiquetas: Wordpresswordpress

Recomendamos

¡No te pierdas nuestra selección diaria!

Suscríbete y recibirás en tu correo nuestras mejores ideas

Suscríbete ahora

Relacionado

Google Plugins WordPress WordPress ...

AMP para WordPress. Deberías usar AMP ya.

Bienvenid@ a un nuevo post de Coach2Coach.AMP para WordPress. Deberías usar AMP ya.El plugin AMP para WordPress puede ayudarte a mejorar la usabilidad de tu página en dispositivos móviles. AMP es una nueva recomendación de Google que puede mejorar algo tu posicionamiento. Accelerated Mobile Pages o AMP, sin embargo, no es algo para mejorar el SEO, sino para mejorar la usabilidad web móvil. Si bien ...

Artículos Recientes

Cómo configurar AMP en WordPress

Probablemente ya has escuchado noticias sobre Acelerated Mobile Pages o AMP para abreviar, el nuevo y último concepto de Google. Vamos a intentar ayudar a todos aquellos que dispongan de un Site realizado en WordPress, lo cual no es baladí, ya que son más del 60% de las Páginas de la Red.¿Qué es AMP?Si no has oído hablar de ello, el proyecto AMP de Google intenta cargar las Páginas más rápido cuan ...

general seo

Cómo optimizar tu web para los motores de búsqueda con Google Analytics.

Hemos analizado en múltiples ocasiones en Diarios de la nube como sacar el mejor provecho de Google Analytics para mejorar nuestra web y sus contenidos. Hemos visto desde cómo se instala y cómo comprender mejor los datos estadísticos que afectan a nuestra web hasta cómo visualizar toda la información de la manera más sencilla y práctica.Esta vez vamos a utilizar el módulo de optimización para moto ...

Ayuda o Trucos Diseño Web Diseño Web General Google ...

¿Qué es AMP? Si tienes una web, te interesa.

Bienvenid@ a un nuevo post de Coach2Coach.¿Aún no sabes qué es AMP? Adelanta a tus competidores en GoogleAMP (accelerated mobile pages o páginas aceleradas para móviles) no debe confundirse con Responsive o Adaptable a dispositivos móviles. En este post, Esther Roche te explica por qué debes usarlo desde YA.Alrededor de febrero de 2016 Google introdujo el proyecto AMP (accelerated mobile pages o p ...

BLOG Equipo Cinco Euros twordpress ...

Cómo optimizar la velocidad de tu Wordpress con unos sencillos pasos

La velocidad de carga de tu blog es un factor muy importante a la hora de mantener tus visitas. Ten en cuenta que esto es muy importante en términos de conversión, es decir, del número de personas que realizan lo que tú quieres que hagan en tu web (comprar, apuntarse a tu newsletter, visitar tu página de productos...) comparado con el total de personas que visitan tu web.Porque pregúntate: ¿cuánta ...

Blogger Código HTML Optimización SEO

Optimizar plantillas con encabezados en Blogger

La plataforma de creación de blogs Blogger, de Google, tiene algunos trucos y consideraciones a tener en cuenta para lograr posicionamientos de primer nivel. Se trata de optimizar aspectos visuales y de contenido para que nuestra página aparezca en los primeros puestos de búsqueda, y sí en un primer momento puede parecer una tarea titánica, con la práctica se vuelve sencillo y rápido.Hoy aprendere ...

Blogger Código HTML Optimización SEO

Optimizar plantillas con encabezados en Blogger

La plataforma de creación de blogs Blogger, de Google, tiene algunos trucos y consideraciones a tener en cuenta para lograr posicionamientos de primer nivel. Se trata de optimizar aspectos visuales y de contenido para que nuestra página aparezca en los primeros puestos de búsqueda, y sí en un primer momento puede parecer una tarea titánica, con la práctica se vuelve sencillo y rápido.Hoy aprendere ...

Artículos Recientes

4 Plugins WordPress para mejorar tu Web

Impulsa tu Sitio con estos PluginsEsta es una pequeña lista de Plugins WordPress para mejorar tu Página Web, Blog o Portal realizado con el CMS más popular de la red. Cuatro enlaces con consejos y trucos que harán que tu sitio cambie -a mejor- de forma evidente. Con tantos cambios de motores de búsqueda y los diferentes problemas de seguridad que resulta una buena idea añadir las últimas herramien ...

internet

Tips para optimizar una campaña Adwords SEM PPC

CAMPAÑAS GOOGLE PARA ESTAR TOP1 GOOGLE EN 24H Tips para optimizar una campaña Adwords SEM PPC Si deseas optimizar una campaña Adwords SEM PPC existe un par de trucos que puede poner en práctica y de los cuales hablaremos a continuación. Ya que estamos seguros que una campaña de Adwords bien optimizada te permitirá un mejor rendimiento con tu inversión. Dicho esto entremos de lleno a conocer los ...