En este tutorial de CursoWpress.com conocerás al proyecto AMPConcepto de AMP¿Qué es el AMP o Accelerated Mobile Pages?El AMP, abreviatura de Accelerated Mobile Pages, es una propuesta que empezó a tomar forma en el año 2016 con la finalidad de mejorar la usabilidad, lectura y, en general, la experiencia de los usuarios de teléfono celular dentro de cualquier página web. Emprendida por Google con un aperturismo total (es de código abierto), lleva en activo desde entonces para facilitar más o Accelerated Mobile PagesAccelerated Mobile Pages (AMP), es un marco de trabajo multiplataforma de código abierto con el que se puede incrementar significativamente la velocidad de carga de los sitios web móviles. Se basa en la disminución de CSS y JavaScript, una red de distribución de contenidos, así como de HTML modificado. El proyecto cuenta con el apoyo de Google. Antecedentes El uso de Internet smartphone está aumentando a un ritmo acelerado a más y cómo puedes sacarle provecho en tu web WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, más.
¿Qué es eso de AMP o Accelerated Mobile Pages?
AMP Accelerated Mobile Pages, que bien podría traducirse como Pagínas Móviles Aceleradas, es una iniciativa open-source. Lo que busca AMP es el máximo rendimiento en las páginas webs en sus versiones móviles.
Si tocara resumir lo qué AMP con una frase sin ninguna duda sería:
La responsividad dispositivo móvil con esteroides.
Sus desarrolladores, la gente de ampproject.org lo definen así:
Is an open-source library that provides a straightforward way to create web pages that are compelling, smooth, and load near instantaneously for users. AMP pages are just web pages that you can link to and are controlled by you.
AMP es una biblioteca de código abiertoEl Código Abierto u Open Source se refiere al código fuente del software que es abiertamente alcanzable y que puede ser cambiado y distribuido por cualquier persona. La propuesta de código abierto estipula diez requerimientos para las licencias de software de código abierto. El principio El código fuente de un software se hace público: cualquiera puede leerlo, desarrollar el propio software y copiarlo. El software puede ser utilizado o distribuido más que proporciona una sencilla forma de crear páginas web que lucen bien, son ligeras y que cargan casi instantáneamente…
¿Cómo funciona AMP o Accelerated Mobile Pages?
AMP, desde el nombre, promete velocidad.
Por eso es factible te estés preguntando ¿Cómo funciona?, ¿En qué se basa AMP?
Una página en AMP es básicamente una web ultra optimizada para cargar lo esencial del contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más.
Los pilares de AMP se encuentran en tres items:
1. AMP HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las más
Que no es más que el HTML de toda la vida con unos atributos adicionados. O mejor dicho, una versión de HTML con ciertas restricciones que hacen que el código sea más limpio y funcione más rápido. Algunas etiquetas HTML estándar son sustituidas por las de AMP que agregan simplicidad.
2. AMP JS
Que garantiza una máxima velocidad de carga pues se basa en librerías optimizadas.
3. AMP Cache
El cache que la tecnología usa es nada más y nada menos que el cache Google AMP Cache. Sí, de Google. Y puedes tener acceso a la documentación oficial aquí: developers.google.com/amp/cache/
Todo eso posibilita que las versiones móviles de las páginas generadas bajo este protocolo carguen muy rápido.
AMP y SEO ¿Qué es SEO o search engine optimization? Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar más
Habilitar la tecnología AMP es beneficioso de cara al SEO.
Por todos es sabido que:
- Un porcentaje importante de internautas navega exclusivamente por medio de de dispositivos móviles.
- La velocidad de carga de una web es un factor que incide en la permanencia de los usuarios.
A la vez hace ya algunos años la misma gente de Google afirmaba que el AMP sería considerado un factor de posicionamiento.
Eso sin mencionar que:
La iniciativa de Accelerated Mobile Pages es respaldada por:
- Adobe Analytics
- AdSense
- BingBing es el sucesor del motor de búsqueda "Live Search" de Microsoft y se considera una ayuda para la toma de decisiones. Desde su entrada en el mercado en 2009, Bing ha estado tratando de alcanzar a su competidor superior Google, pero no ha sido capaz de ganar una mayor cuota de mercado. Siendo eclipsado por el dominio de Google, el algoritmo de Bing no ha estado recibiendo mucha atención. más
- BaiduConcepto de Baidu¿Qué es Baidu?Baidu es como el Google de China. Consiste en un motor de búsqueda asiático que se ha posicionado como el más utilizado en territorio chino y que, en este momento, ha llegado a alcanzar una cuota de mercado que ronda el 77% en dicho país.Al igual que sucede con el gigante estadounidense, esta iniciativa procedente de China cuenta con funciones extra que van más allá de más
- FacebookConcepto de Facebook¿Qué es Facebook?Facebook es una red social hecha por personas y pensada para conectar a personas. Es una de las pioneras de este sector, una de las primeras plataformas que llegaron a Internet con la finalidad de facilitar la comunicación entre usuarios de todas partes, compartir información y contactar con familiares lejanos, amistades o conocidos.Hoy en día, es la red más popular de todo Internet. Nacida en 2004 más Pixel
- Google AdWordsCon la finalidad de generar nuevos clientes para una web, existe la oportunidad de colocar anuncios pagados en los resultados de búsqueda, al mismo tiempo de la optimización de los motores de búsqueda (optimización de los componentes técnicos y de contenido de la web). Esto se hace por medio de de programas especiales de pago ofrecidos por los operadores de motores de búsqueda. Google AdWords es un programa de pago más
- Google AnalyticsConcepto de Google Analytics¿Qué es Google Analytics?Google Analytics es una de las herramientas SEO gratuitas y más populares al momento de realizar la analítica de una web. Es un panel web que se emplea para conocer el tráfico web de una página, el volumen de usuarios que se mueven en tiempo real, la procedencia de las visitas y toda esa información útil para establecer el comportamiento de una página con más
- LinkedInDe acuerdo a la cantidad de información propia, LinkedIn es la red profesional más amplia del mundo: cuenta con 200 países y con más de 200 millones de usuarios. El portal web se lanzó en mayo de 2003 en California, USA. El CEO de LinkedIn es Jeff Weiner y el equipo de dirección está compuesto por ex ejecutivos de empresas como Yahoo!, Google y Microsoft. El objetivo empresarial de LinkedIn más
- TwitterTwitter es una red social en Internet que permite a los usuarios difundir información en tiempo real. La característica más notable de twitter solía ser su limitación de tweets a 140 caracteres, pero en septiembre de 2017 se incrementó a 280 caracteres. El único requerimiento para utilizar Twitter es la creación de una cuenta gratuita. Tweets Twitter contiene pequeñas piezas de información llamada tweets. Se puede escribir un máximo de más
- YahooConcepto de Yahoo¿Qué es Yahoo?Yahoo es una de las principales plataformas que se pueden visitar en internet. Una de las firmas pioneras en materia de buscadores web que, actualmente, ofrece además servicios de email, de noticias y muchas más posibilidades al alcance de cualquiera que ingrese en su web. Es uno de los nombres más reputados y vinculados al fenómeno digital y a la red tal y como la conocemos más JP
- Tumblr
- Dailymotion
- Vimeo
- Vine
- Yahoo
- YahooJP
- YouTubeConcepto de Youtube¿Qué es Youtube?Youtube es una de las plataformas más utilizadas e importantes de todo internet. Consiste en un rincón del océano digital dedicado única y exclusivamente al contenido en vídeo, permitiendo a los usuarios tanto publicar contenidos audiovisuales como consumirlos. Es el principal lugar al que acudir al momento de buscar algún documento en forma de vídeo o de ver cualquier tipo de publicación elaborada en este formato.Una más
- Souncloud.
Entre otras empresas y plataformas de publicidad web, de analítica, plataformas de contenido multimedia. A la vez de gestores de contenidos donde WordPress figura entre los primeros.
Por lo que es seguro te estés preguntando:
Cómo Instalar AMP o Accelerated Mobile Pages en WordPress
Para habilitar una página con AMP debes:
- Instalar y activar el pluginConcepto de Plugin¿Qué es un Plugin?Un Plugin es un fragmento o componente de código hecho para ampliar las funciones de un programa o de una herramienta. En el ámbito del marketing digital, especialmente dentro del marketing de contenidos, es algo que se utiliza con mucha frecuencia dentro de entornos como WordPress, puesto que sirven al momento de contar con añadidos que hagan mucho más cómoda y completa la experiencia de más AMP for WordPress. Es gratuito y está disponible en el repositorio oficial de WordPress. Más 300.000 webmasters lo tienen activo en sus webs.
- Una vez activado el AMP for WordPress para ver la versión AMP de nuestra web nos dirigimos a:
Apariencia > AMP
Allí veremos una versión una tanto diferente de nuestra web usual.
Cómo configurar AMP o Accelerated Mobile Pages en WordPress
(Al instalar el AMP for WP se creará una nueva pestaña: AMP).
Para configurarlo seguimos la siguiente ruta en nuestro dashboardConcepto de Dashboard¿Qué es un Dashboard?Un Dashboard, término inglés que se traduce normalmente como panel de instrumentos o salpicadero, es una gráfica que enseña los indicadores fundamentales implicados al momento de obtener una serie de objetivos determinados en un negocio. Su uso está orientado a ayudar al momento de realizar decisiones con las que mejorar la estrategia empresarial, poniendo de manifiesto datos útiles.Su elaboración es un tema que requiere de más de WordPress:
AMP > General
Allí nos encontraremos con que por default está tildada la opción que corresponde a nuestros posts.
Por eso activamos al mismo tiempo la opción de páginas.
Cómo personalizar la versión AMP de tu Web
Siguiendo la ruta:
Apariencia > AMP > Diseño
Es factible modificar la apariencia de nuestra web en la versión Acceletared Mobile Pages. Pero vamos, teniendo en cuenta que la premisa de este protocolo es la simplicidad no esperes grandes opciones de diseño.
Allí podrás cambiar el color del texto del headerConcepto de Header¿Qué es el Header?El Header, encabezado en español, es una definición que se usa en el terreno del diseño y la programación web para referirse a la parte de arriba de una página. Se trata del primer punto a ver por cualquier usuario que entra en un portal web, por lo que cuenta con una responsabilidad enorme y ha de contener la carga informativa esencial para mostrar la más y el color del fondo del mismo.
Al mismo tiempo podrás elegir si necesitas que tu web se muestre en un esquema claro o en uno oscuro (como el modo nocturno de muchas webs como YouTube).
Recuerda guardar los cambios (presionando el botón publicar) si necesitas se visualicen.
Criticas al AMP
A pesar de las múltiples ventajas que puede representar está iniciativa, existen expertos que se han mostrado disconformes al implementarlo en sus sitios.
Entre las razones que esgrimen en contra del Acceletared Mobile Pages está la poca posibilidad de captar suscriptores. Lo que, según ha afectado sus ratios de conversiónConversión es una acción precisa que lleva a cabo un usuario al visitar un portal web. Algunas formas clásica de conversión son, por ejemplo, una compra, una descarga o una suscripción a la newsletter. Un parte del SEO o del Marketing Online es la Optimización de Ratio de Conversión (CRO). En el Marketing de afiliación se usa para la conversión de los editores. Información general Hay diferentes indicadores para medir más: suscriptores, ventas, acciones sociales y un largo etcétera.
Tienes que tener en cuenta que con AMP no hay posibilidades de añadir botones de call to actionUna campaña call to action (“llamada a la acción”) es una invitación dirigida al público objetivo con intención de provocar una reacción específica. Es decir, generar Conversión. Un call to action puede aparecer en forma de texto, de imagen, o como una combinación de ambas. El CTA es muchas veces un prerrequisito para que el usuario interactúe con el sitio. Definición Se considera un anuncio “call to action” (CTA) a más, pops ups y demás herramientas que ayudan a generar conversiones.
A la vez si tienes a tu disposición de una web de afiliación el AmazonConcepto de Amazon¿Qué es Amazon?Amazon es la tienda online más importante de todas partes (haz un clic aquí para ver la web de Amazon). Se trata del icono más representativo del e-commerce y de una de las webs más frecuentadas por los usuarios de medio planeta. Cuenta con un catálogo repleto de productos de todos los tipos y sectores y con precios y condiciones que suelen atraer las miradas de más affiliate link builder y otros plugins del ramo no son compatibles con AMP.
Conclusión
Si necesitas ser un experto en desarrollo web y todo lo referente al mundo del WordPress apúntate al mejor curso en línea y en español del mejor gestor de contenidos: WordPress.org
