Como aparece en Fatstacks

Cómo crear fácilmente historias web de Google en dispositivos móviles: una guía paso a paso

Publicada el Categorizada como Web Stories

Crear Google Web Stories visualmente atractivo puede parecer intimidante, pero no tiene por qué serlo. Con las herramientas y estrategias móviles adecuadas, cualquiera puede crear fácilmente historias web impresionantes, sin necesidad de experiencia en diseño. Esta publicación incluye una guía sencilla paso a paso para publicar rápidamente historias web pulidas completamente desde su teléfono. Aprenderá consejos profesionales para optimizar su flujo de trabajo, agregar fácilmente animaciones y elementos interactivos y distribuir sus Historias en la web. Ya sea propietario de una pequeña empresa, comercializador o bloguero, estas tácticas de creación de historias web móviles lo ayudarán a contar mejores historias y llegar de manera efectiva a más personas.

¿Qué son las Historias web de Google?

Google Web Stories es un formato visualmente atractivo, que se puede tocar y deslizar para presentar contenido en línea de forma compatible con dispositivos móviles. Introducidas por Google en 2020, Web Stories proporciona una experiencia inmersiva optimizada para teléfonos inteligentes que va más allá del texto y las imágenes estáticas.

El formato se inspira en historias populares de redes sociales en plataformas como Instagram y Snapchat. Sin embargo, las Historias web están diseñadas como contenido web abierto que se puede compartir entre sitios y redes sociales.

Más de 50% de búsquedas ahora se realizan en dispositivos móviles, por lo que Web Stories brinda una experiencia atractiva para estos usuarios. Las páginas responden y se adaptan a cualquier tamaño de pantalla. Los elementos de diseño, como los objetivos táctiles y los tamaños de fuente, están optimizados para que estén al alcance de la mano.

¿Por qué utilizar dispositivos móviles para la creación de historias web?

La creación de historias web en un dispositivo móvil ofrece muchas ventajas para los editores y especialistas en marketing que buscan utilizar este nuevo y atractivo formato. A medida que el uso de dispositivos móviles continúa aumentando a nivel mundial, adoptar estrategias de contenido que prioricen los dispositivos móviles es una excelente manera de llegar a las audiencias en movimiento de hoy.

Comodidad de la creación móvil

Uno de los beneficios más importantes de crear historias web en dispositivos móviles es su absoluta conveniencia. Los teléfonos inteligentes y las tabletas permiten a los creadores trabajar en cualquier lugar y en cualquier momento. No es necesario estar encadenado a una computadora de escritorio.

Persona sosteniendo su teléfono celular frente a un lago
Foto por Jessica Mangano en desempaquetar

La lluvia de ideas sobre contenido atractivo, la toma de fotografías y vídeos e incluso la creación de historias web completas pueden ocurrir sobre la marcha a medida que llega la inspiración. La movilidad impulsa la creatividad al eliminar las limitaciones de una oficina.

Ya sea que esté viajando, viajando o sentado en el sofá de su casa, los dispositivos móviles permiten que la creación de historias web ocurra cada vez que llega la inspiración. Esta flexibilidad da como resultado una mayor eficiencia sin horarios rígidos.

Aprovechando la base de usuarios móviles

Dado que más de 50% de todo el tráfico web se produce actualmente en dispositivos móviles, crear de forma nativa para teléfonos inteligentes tiene sentido. El entorno móvil es donde una parte de su audiencia en rápido crecimiento ya pasa su tiempo.

La elaboración de contenido en el mismo medio donde se consumirá proporciona información valiosa sobre la experiencia del usuario móvil. Puede asegurarse de que las historias web sean intuitivas para las interacciones táctiles.

Diseñar para dispositivos móviles también permite probar historias directamente en dispositivos reales durante el proceso de creación. Esto permite detectar y solucionar problemas antes de la publicación.

Optimizado para interfaz táctil

La naturaleza basada en deslizar el dedo de las historias web se adapta perfectamente a la interfaz táctil de los dispositivos móviles. Los toques y deslizamientos con las yemas de los dedos se sienten naturales en la pantalla de un teléfono inteligente o tableta. La experiencia se siente intuitiva e inmersiva.

La creación de historias web en dispositivos móviles le permite optimizar el tamaño de los elementos de diseño, como iconos y texto, para orientarlos con la punta de los dedos. También se familiarizará con cómo fluye la historia en función de las entradas táctiles.

La experiencia móvil es bastante diferente con las entradas de teclado y mouse. No hay sustituto para diseñar directamente en la plataforma donde su audiencia interactuará con el contenido.

Narración sobre la marcha

La portabilidad de los dispositivos móviles permite capturar fotografías y vídeos en cualquier lugar para incorporarlos a historias web. La cámara y el micrófono de un teléfono inteligente pueden capturar fácilmente los momentos a medida que suceden.

En lugar de tener que llevar equipos especiales o enviar activos, la creación móvil permite crear historias web directamente con contenido nuevo directamente desde la fuente. Esto permite una producción rápida para capitalizar temas y noticias de actualidad.

Viajar a lugares para tomar fotografías y vídeos relevantes hará que las historias web se sientan más auténticas y personales. Este nivel de comodidad móvil no puede igualarse con la creación de escritorio tradicional.

Abrazando el futuro

Dado que el uso de la web móvil continúa su trayectoria ascendente, diseñar historias web para dispositivos móviles es esencial para cualquier estrategia de contenido. Aunque muchos creadores todavía dependen de las computadoras de escritorio hoy en día, el público se ha vuelto móvil.

Adelantarse a este cambio proporcionará una ventaja competitiva a medida que los consumidores recurran en masa a la narración adaptada a dispositivos móviles. Las marcas que adopten hoy estrategias centradas en los dispositivos móviles cosecharán los beneficios en el futuro.

Herramientas y aplicaciones para crear historias web en dispositivos móviles

Crear historias web atractivas y optimizadas para dispositivos móviles no requiere equipos sofisticados ni software costoso. Hay muchas aplicaciones y herramientas disponibles para crear historias visualmente atractivas desde su teléfono inteligente o tableta. Esta sección explora algunas de las principales opciones que los creadores de dispositivos móviles pueden aprovechar.

Utilizando el editor de historias web de Google

Como se mencionó, Google proporciona un editor de Historias web de código abierto para crear historias sin codificación. Está disponible como complemento de WordPress o en Google Chrome Web Store.
El editor ofrece una interfaz intuitiva de arrastrar y soltar para agregar páginas, personalizar plantillas e insertar elementos de diseño. Permite la creación perfecta de historias web tanto en computadoras de escritorio como en dispositivos móviles. La experiencia móvil proporciona capacidades de creación táctiles.

Desde el panel del complemento Web Stories en WordPress, los creadores pueden convertir publicaciones de blog en historias con solo un clic. El editor simplifica la personalización de fuentes, colores y diseños. Los efectos de animación ayudan a que las historias sean más atractivas.

Aprovechando la publicación de Adobe Spark

Adobe Spark Post es una aplicación móvil gratuita que permite la narración visual. Si bien no está diseñado solo para Web Stories, Spark Post contiene muchas herramientas de creación útiles.

Las plantillas, fuentes, imágenes y efectos pueden ayudar a crear hermosos diseños de historias web. Los activadores de navegación te permiten controlar cómo los usuarios acceden a la historia en el móvil.

El contenido visual, como fotos y videos, se puede cargar desde el carrete de la cámara para insertarlo fácilmente en las historias. La biblioteca de imágenes e íconos gratuitos ahorra tiempo al buscar gráficos de apoyo.

Si bien Spark Post puede requerir más trabajo manual que una herramienta de historias web dedicada, su versatilidad proporciona capacidades profesionales de creación de historias móviles.

Probar las funciones de historias de redes sociales

Muchas plataformas sociales como Instagram, Snapchat y Facebook han popularizado el formato Story con sus propias versiones. Estas aplicaciones ofrecen herramientas sencillas de creación de historias móviles que los creadores pueden reutilizar.

Por ejemplo, Instagram Stories permite superponer texto en fotos/videos, agregar filtros faciales divertidos e incorporar encuestas o preguntas. Snapchat ofrece herramientas de dibujo para anotar tomas de forma creativa.

Cuentacuentos sobre Curazao
Foto por Malú Laker en desempaquetar

Probar estas características existentes de Story como inspiración para Web Stories puede proporcionar ideas sobre innovaciones como elementos interactivos para atraer a los lectores. Las historias sociales permiten experimentar con diseños verticales aptos para dispositivos móviles.

Construyendo en Adobe Photoshop e Illustrator

Para los editores con acceso a Adobe Creative Cloud, programas como Photoshop e Illustrator ofrecen sólidas herramientas de diseño gráfico para historias web personalizadas.

Si bien no es tan rápido como las soluciones llave en mano, la creación de diseños y gráficos móviles personalizados en Photoshop abre posibilidades creativas ilimitadas. Illustrator ofrece opciones para la creación de iconos, tipografía e ilustración.

Para historias web únicas, aprovechar los programas profesionales de diseño móvil permite crear creaciones atractivas que ayudan a que una marca se destaque.

Contratación de una agencia de historias web como Future State Media

Para las marcas que luchan por encontrar tiempo para la creación interna de historias móviles de calidad, contratar una agencia de historias web como Future State Media desbloquea capacidades de creación experta.

Nuestro equipo se encarga de la producción de historias de principio a fin, para que puedas concentrarte completamente en la estrategia en lugar de en la creación. Creamos historias atractivas optimizadas específicamente para su público objetivo en todos los dispositivos.

Configuración para la creación de historias web

Antes de sumergirse en la creación de su primera historia web de Google en un dispositivo móvil, es útil seguir algunos pasos preparatorios para configurar su espacio de trabajo y comprender cómo funciona la interfaz. Una configuración adecuada hace que todo el proceso de creación sea más sencillo.

Obtener una cuenta de Google

El primer paso es registrarse para obtener una cuenta gratuita de Google si aún no tiene una. Esto le brinda acceso a todas las herramientas y plataformas de Google, incluidas Web Stories. Puede utilizar una dirección de Gmail existente o crear una nueva cuenta desde cero.

Una cuenta de Google le permite acceder al editor de Historias web y publicar historias en la web. También permite realizar un seguimiento de los análisis sobre el rendimiento de sus historias después de su publicación.

Comprender el lienzo de la historia

Verá el lienzo de la historia cuando inicie por primera vez el editor de Historias web en un dispositivo móvil. Este es un editor visual que te permite construir la historia página por página. El lienzo proporciona una interfaz Lo que ves es lo que obtienes (WYSIWYG) para arrastrar, soltar y organizar elementos.

Tómese el tiempo para familiarizarse con los distintos menús, opciones y herramientas del lienzo. Explore cómo se agregan páginas, se insertan texto/medios y se configuran animaciones. Sentirse cómodo con la interfaz desde el principio le permitirá concentrarse en la creación.

Optimización del espacio de trabajo móvil

Pequeñas optimizaciones en su espacio de trabajo móvil pueden hacer que la elaboración de historias sea más conveniente. Por ejemplo, use un soporte o agarre para sostener su teléfono o tableta en ángulo. Esto hace que sea más fácil ver la pantalla y trabajar durante períodos prolongados.

Reduzca el desorden en pantalla cerrando las pestañas y aplicaciones del navegador que no utilice. Ordena tu pantalla de inicio de widgets y atajos que no necesitarás. Esto evita toques accidentales fuera del editor de Historias web.

Tener su dispositivo cargado o enchufado garantiza que no perderá el progreso si se agota la batería. Utilice auriculares para un enfoque inmersivo. Un lápiz óptico puede proporcionar entradas más precisas que los dedos.

Teléfono inteligente Android negro junto a una computadora portátil negra
Foto por Sigmund en desempaquetar

Probar una historia de práctica

Antes de abordar su primera historia web completa, es útil crear una historia de práctica sencilla para tantear el terreno. Agregue algunas páginas de ejemplo y familiarícese con la inserción y el formato de elementos en el lienzo.

Experimente con diferentes plantillas y diseños. Vea cómo funcionan las animaciones y transiciones entre páginas. Siéntete cómodo previsualizando la historia y realizando ediciones. Esta práctica hace que el proceso de creación real sea menos intimidante.

Explorar a fondo el editor de Historias web con anticipación le permite concentrarse por completo en crear contenido atractivo una vez que la idea de su historia esté en marcha. La configuración adecuada ahorra tiempo y evita posibles contratiempos en el futuro.

Creando tu primera historia web

Ahora que está configurado para crear Historias web en dispositivos móviles, es hora de crear la primera. El proceso es sencillo una vez que dominas el editor. Siga estos pasos para crear una historia atractiva optimizada para dispositivos móviles.

Elegir una plantilla

Comience seleccionando una plantilla en el editor de Historias web. Las plantillas facilitan la obtención de un diseño con el formato adecuado con estilos de fuente, colores y elementos de diseño esenciales.

Explora las plantillas disponibles para encontrar una que se ajuste al tono y estilo de tu historia. Obtenga una vista previa de cómo se verá su contenido en cada plantilla antes de decidir. Considere el tamaño de los elementos de la página para pantallas móviles.

No te preocupes por quedarte encerrado; Puedes personalizar la plantilla más tarde. Proporciona una base sólida sobre la que construir.

Agregar páginas de historias

A continuación, inserte nuevas páginas para construir el marco de su arco argumental. Piensa en cuántas páginas necesitarás para contar tu historia de principio a fin.

Agregue páginas una por una y ordénelas en el orden correcto. El editor facilita la reorganización y duplicación de páginas según sea necesario. Nombra cada página con algo descriptivo para mantenerte organizado.

Resístase a abarrotar demasiado contenido en cada página. Web Stories sigue un enfoque de "menos es más". Concéntrese en resaltar estratégicamente una idea clave, estadística, fotografía, etc., por página.

Insertar medios

Ahora, anime la historia agregando medios visuales como fotos y videos a las páginas. El editor de Web Stories admite perfectamente los medios en línea.

Para las imágenes, asegúrese de tener la licencia o el permiso adecuados para usarlas. Agregar subtítulos y créditos es una buena práctica. Optimice las imágenes para visualización móvil recortándolas en áreas críticas.
Para video, use archivos MP4 para obtener mejores resultados. Recorte vídeos largos hasta convertirlos en clips digeribles. Inserte botones de activación de reproducción/pausa para que los usuarios controlen la reproducción.

Mezcle la ubicación de fotografías y videos para mantener el interés. La inserción constante de medios entre bloques de texto mejora la participación.

Agregar texto

Finalmente, inserta el texto que contará tu historia. Escriba encabezados, subtítulos, subtítulos y contenido del cuerpo concisos por página.

Edite y reorganice bloques de texto según sea necesario dentro del editor. Divida largos bloques de texto con medios para lograr un alivio visual. Utilice herramientas de formato de texto para crear una jerarquía.

Revise el flujo de la historia y trunque con tacto las secciones largas para evitar paredes pesadas de texto. Cada palabra debe agregar valor sin perder impacto.

Vista previa y prueba

Una vez creado el borrador inicial, obtenga una vista previa meticulosa de la historia en un dispositivo móvil. Acérquese y aléjese para comprobar la capacidad de respuesta y confirmar que nada aparece cortado o fuera de lugar.

Pruebe todos los elementos interactivos para asegurarse de que funcionen según lo previsto. Haga que otros brinden comentarios revisando la historia en sus propios dispositivos móviles.

Pulir y perfeccionar la historia basándose en avances y pruebas. Estos detalles finales harán que su historia web pase de buena a excelente para su publicación.

Crear su primera historia web en un dispositivo móvil es posible con la preparación y la estructuración estratégica adecuadas. Aproveche las plantillas para facilitar el diseño, recurra a los medios para interactuar, escriba de manera concisa y obtenga una vista previa diligente.

¡Háganos saber si necesita ayuda para generar ideas o revisar su borrador de historia! Nuestro equipo en Future State Media puede brindar consultoría sobre historias web adaptada a las necesidades de su marca.

Publicar y compartir su historia web

Una vez que su historia web esté completa, es hora de publicarla y compartirla para obtener la máxima visibilidad. Esta etapa crítica permite que el público experimente la historia que ha creado.

Publicar su historia web

Cuando esté listo para publicarse, haga clic en el botón "Publicar" dentro del editor de Historias web. Esto generará una URL pública para que cualquiera pueda ver tu historia.

Vuelva a verificar que su historia se vea y funcione según lo previsto antes de publicarla oficialmente. Una vez que esté activo, aún podrá realizar modificaciones y luego volver a publicar las actualizaciones. Pero la mejor práctica es realizar una vista previa y probar meticulosamente de antemano.
De forma predeterminada, las Historias web se publican en una plataforma de alojamiento proporcionada por Google. Sin embargo, puede conectar su alojamiento para obtener una capacidad de personalización total. Web Stories también se puede integrar fácilmente en sitios de WordPress insertando la URL en una publicación o página.

Para obtener visibilidad en los motores de búsqueda, envíe la URL de la historia web a Google Search Console. Esto ayuda a Google a descubrir, indexar y publicar el contenido en los resultados. Los metadatos, títulos y descripciones adecuados ayudan al descubrimiento.

Utilice tácticas de construcción de enlaces, como vínculos de retroceso de alta autoridad, para mejorar la clasificación. Para la distribución, un título atractivo y una imagen de vista previa atraen los clics. Las llamadas a la acción claras ayudan a los lectores a navegar hasta su historia.

Estadísticas de Google Search Console de un blog.
Foto por justin morgan en desempaquetar

Compartiendo su historia en las redes sociales

Las redes sociales proporcionan un canal muy eficaz para compartir su historia web publicada. El formato visualmente atractivo fue diseñado explícitamente para compartir en redes sociales.

Pegue la URL de la historia web directamente en publicaciones sociales en Facebook, Twitter, LinkedIn, Pinterest y Reddit. La URL mostrará automáticamente una vista previa de la historia con un título y una imagen de portada.

También puedes descargar tu historia y cargar el archivo de video MP4 directamente en publicaciones específicas de las redes sociales. Esta carga nativa puede ayudar a que la historia se destaque más en los feeds.

Inserte botones para compartir en los que se pueda hacer clic de manera destacada en las páginas de sus historias web para que los lectores puedan difundir fácilmente a través de sus cuentas sociales: realice un seguimiento de las acciones y la participación para obtener información sobre las plataformas de mayor conversión.

Realice promociones sociales de su historia web para ampliar su alcance exponencialmente. Los anuncios pagos, el marketing de influencers y los grupos/páginas sociales ofrecen formas de hacer llegar la historia a más ojos.

Recuerde, las Historias web ganan exposición a través de acciones, así que haga que las oportunidades de distribución sean muy visibles. Los llamados a la acción destacados alientan a los lectores a difundir rápidamente su historia en sus propias redes.

Libere su potencial de narración móvil: domine la creación de historias web de Google con esta sencilla guía

La aparición de Google Web Stories ofrece una nueva e interesante vía para atraer al público a través de contenido breve, interactivo y fácil de compartir. A medida que el uso de dispositivos móviles continúa su incesante crecimiento, la creación de historias optimizadas para teléfonos inteligentes y tabletas es fundamental para los editores que buscan conectarse con los usuarios modernos. Con una estructuración estratégica y una narración condensada, las marcas pueden producir historias web intuitivas en pantallas pequeñas.

Una cosa es segura: contar historias adaptadas a dispositivos móviles es el camino a seguir. Al adoptar Web Stories ahora, los editores se posicionan a la vanguardia a medida que los consumidores acuden en masa al medio. Historias convincentes conectan con el público; el móvil permite llegar hasta ellos. Web Stories combina el atractivo visual con la comodidad de crear y consumir sobre la marcha.

Para los editores que necesitan ayuda para crear historias web, agencias de marketing digital como Medios estatales futuros Nos especializamos en la producción y optimización de Web Story. Nuestro equipo de creadores de contenido puede encargarse de la narración mientras usted se concentra en la estrategia.