¿Cómo agregar un sitio web como aplicación en la pantalla de inicio del iPhone?

Todos nosotros visitamos ciertos sitios web con más frecuencia que otros sitios. El mejor ejemplo son los sitios de noticias locales. Todos leemos noticias en nuestro propio idioma principalmente a través de las aplicaciones. Es posible que algunos sitios locales no tengan una aplicación o que no le guste leer contenido a través de la aplicación. Por lo general, es difícil incluir todo el feed de contenido en una aplicación y es necesario visitar el sitio web para obtener detalles relevantes. En tal caso, cada vez que necesite abrir Safari y navegar por el sitio, ya sea abriendo la URL o a través de favoritos. Apple ofrece una manera fácil de ahorrar tiempo agregando el acceso directo a la página web como una aplicación en la pantalla de inicio para acceder directamente al sitio. En este artículo explicaremos cómo agregar una página web como aplicación en la pantalla de inicio del iPhone. Se puede seguir el mismo proceso en cualquier dispositivo iOS como iPad.

Aplicaciones web progresivas o PWA

Antes de continuar, debe comprender Progressive Web Apps o PWA. Estos son sitios web combinados con funciones de aplicaciones móviles, por lo que no hay necesidad de una aplicación separada. Por ejemplo, no hay aplicaciones de escritorio para que YouTube las instale en Windows o Mac. Sin embargo, puede instalar YouTube como una aplicación usando la función PWA y usarla de la misma manera que otras aplicaciones en su computadora. Desafortunadamente, esta característica de PWA no es compatible con el navegador Safari de iPhone de una manera que funciona en el navegador de escritorio Google Chrome. Lo bueno es que puede usar una función similar llamada «Agregar a la pantalla de inicio», que también se considera PWA, ya que permite que el sitio web funcione como una aplicación.

Tenga en cuenta que Google Chrome tampoco admitirá la instalación del sitio web como un aplicación en iPhone. Solo funciona en dispositivos de escritorio como Windows PC o Mac. Siga las instrucciones a continuación para agregar un sitio web como una aplicación en la pantalla de inicio de su iPhone.

Paso 1: abra el sitio en Safari

Tomemos un ejemplo de Wikipedia. Nos encanta abrir la página de inicio de wikipedia.org para buscar en lugar de la aplicación iOS. Abra la página de wikipedia.org en Safari y toque el ícono «Compartir» que se muestra en la parte inferior de la página.

Tap Share Icon

Paso 2 – Agregar página web a la pantalla de inicio

Verá todas las opciones para compartir, como AirDrop, los contactos que ha usado recientemente y algunas opciones. Desliza el dedo hacia arriba para ver todas las opciones y toca «Agregar a la pantalla de inicio».

Add to Home Screen

Paso 3 – Ingresar el nombre de la aplicación

El título de página predeterminado aparecerá como el nombre de tu aplicación. Puede dejarlo como está o ingresar cualquier nombre para el icono de acceso directo a la página web que aparecerá como una aplicación en su pantalla de inicio.

Add Website

Paso 4 – Verificar el icono

Ahora que lo ha hecho. Cierre la aplicación Safari y verifique en su pantalla de inicio, debería encontrar el ícono de la página web agregado como cualquier otra aplicación instalada desde App Store. Este es un marcador del sitio web y puede eliminar la aplicación en cualquier momento tocándola y manteniéndola presionada y luego seleccionando la opción «Eliminar marcador».

Website Added as App

Si la página web usa el ícono táctil de Apple, se usará como ícono de la aplicación en su iPhone. En ciertos casos, como el sitio de WordPress, el ícono del sitio o Favicon que es lo suficientemente grande en tamaño se usa como ícono de la aplicación.

Paso 5 – Abrir el sitio como aplicación

Toque el ícono para abrir la página web como una aplicación. Aunque parece que el sitio funciona como una aplicación independiente, en realidad se abre en el navegador Safari. Puede abrir varias pestañas y explorar otros sitios en Safari después de iniciar el acceso directo del sitio web.

¿Por qué esto es útil?

El objetivo principal de PWA es que se puede acceder sin conexión y debería poder ver las páginas a las que ha accedido anteriormente sin conexión a Internet . Sin embargo, agregar a la pantalla de inicio no funciona en iPhone sin conexión. A continuación se presentan algunas de las ventajas de agregar sitios web a la pantalla de inicio:

• Ya no necesita iniciar Safari e ingresar la dirección del sitio cada vez.
• Es posible agregar cualquier acceso directo a la página web a la pantalla de inicio de su iPhone y acceder rápidamente a la página.

¿Cómo agregar un sitio web a la pantalla de inicio con Google Chrome?

Como se mencionó, Apple no admite la instalación de aplicaciones a través del navegador y, por lo tanto, Google Chrome no tiene esta función «Agregar a la pantalla de inicio» de manera predeterminada. Sin embargo, puede usar la aplicación Accesos directos para crear accesos directos al sitio web y agregar su pantalla de inicio para abrir con Google Chrome en lugar de Safari.

• Abra la aplicación Atajos y toque el ícono + que se muestra en la esquina superior derecha de la aplicación.
• En la siguiente pantalla, toque el botón «Agregar acción» para crear una nueva acción de atajo.

Add New Action

• Ir a Pestaña «Aplicaciones» y toque Chrome.
• Seleccione la primera opción que se muestra como «Abrir URL en Chrome».

Select Chrome App

• Ingrese la URL del sitio que desea agregar a la pantalla de inicio como una aplicación.
• Toque en el ícono que se muestra en la esquina superior izquierda y seleccione un nuevo ícono para su aplicación de la lista de glifos que se muestran en la lista.
• Si no desea cambiar el ícono de la aplicación, solo toque la configuración.

Enter Site URL and Go to Settings

• Luego toque la opción «Agregar a la pantalla de inicio» que se muestra en la pestaña «Detalles».

Tap Add to Home Screen

• Ingrese el nombre para su aplicación y toque «Agregar».

Add App Name

• Verá una aplicación en su pantalla de inicio que es un atajo de marcador. Puede tocar la aplicación para abrir el sitio en Chrome.

App Added in Home Screen