Las historias web son páginas de pantalla completa impulsadas por AMP. Le permiten crear narraciones visuales interactivas que son excelentes para la información visual. Las historias son cautivadoras y se pueden compartir y seguir. Ahora se pueden agregar a su sitio de WordPress gracias a un complemento de Google. En esta revisión y revisión del complemento, veremos el complemento de WordPress de Google Web Stories y veremos qué puede hacer.
¿Qué son las historias de Internet?
Las Web Stories, conocidas formalmente como AMP Stories, son páginas del tamaño de una pantalla móvil con diseños estilo revista. El contenido incluye texto grande con enlaces a contenido más largo, videos de retratos de 15 segundos con subtítulos e imágenes con subtítulos. Internet Stories es un sistema de código abierto que es gratuito.
Están pensados para su uso con dispositivos móviles. Suelen contener de 4 a 30 páginas con 10 palabras por página. Es ideal para crear contenido en fragmentos más pequeños. Es una excelente manera de compartir contenido interactivo que se puede operar fácilmente con una mano durante el almuerzo, los asientos en el metro, etc.
¿Por qué usar las historias en línea de WordPress?
El contenido y el diseño de las Historias web encajan bien con el contenido de los blogs en los sitios de WordPress. El complemento los integra con su sitio de WordPress y ayuda a aumentar el tráfico a través del formato Web Story.
Incluso lo ayudan a mejorar el SEO y obtener una clasificación alta en la Búsqueda de Google, Google Images, Google Discover y Google Apps, lo que hace que las relaciones en línea sean una excelente manera de mejorar el tráfico de WordPress.
Instalación del complemento Google Web Stories
Descargue el complemento beta gratuito. Este es un complemento beta público, por lo que la mayoría de las funciones principales están ahí. La versión completa se lanzará a finales de este verano. Tendrá una mejor estabilización, rendimiento y corrección de errores, y también incluirá soporte para animaciones de página y archivos adjuntos.
Como se trata de una versión beta, debe descargar el archivo e instalarlo manualmente siguiendo estos pasos:
- Ir Página de historias de Github y descarga el complemento beta
- En el panel de control de WordPress, vaya a Complementos > Agregar nuevo
- haga clic aquí Enviar complemento
- Seleccione el archivo comprimido de su computadora
- haga clic aquí instalar ahora
- Cuando vea el mensaje «Complemento instalado correctamente», haga clic en Activar el complemento
Menú de historial de Internet
Se agregará un nuevo elemento de menú llamado Historias al tablero. Aquí puede ver todas sus historias, agregar una nueva historia y buscar plantillas. Tus historias aparecerán aquí, donde puedes abrirlas en el editor, cambiarles el nombre, duplicarlas o eliminarlas.
Este es un tipo de publicación de Historias que se puede mostrar como publicaciones de Historias y se puede agregar un enlace a estas publicaciones a las páginas y publicaciones regulares.
Hacer historia
Hacer clic Crear una nueva historia abre un editor donde puede acceder a las herramientas visuales. No es posible cambiar su tamaño o colapsar. Si esto te recuerda a Canva, no estás solo. Funciona más o menos de la misma manera, y es igual de intuitivo.
En el lado izquierdo hay contenido que puede agregar al creador de páginas. Incluye imágenes, texto y formas. Las imágenes también incluyen video. Hay un generador de páginas dentro. Incluye herramientas para editar y publicar tu historia. A la derecha están las herramientas de diseño y documentación. Cada elemento que agrega a la página es una capa separada.
Contenido
Las imágenes y otros contenidos son de la carpeta multimedia. Pasar el cursor sobre uno revela tres puntos. Al hacer clic en los puntos, se abren las opciones para editar o eliminar la imagen. También puede ordenar, buscar y cargar imágenes o videos. Al hacer clic en el contenido, se agrega a la página de historial.
Puede hacer doble clic para agregar contenido o arrastrar y soltar contenido en la página de narración. En este ejemplo, estoy arrastrando una imagen a la página.
Texto
La tarjeta de texto incluye botones preestablecidos para agregar encabezados, subtítulos y cuerpo de texto. Haga clic en uno o haga clic en Agregar nuevo texto para agregar texto listo para usar a la página.
Haga clic en el texto para abrir la herramienta de cambio de tamaño. Arrastra para cambiar el tamaño o toma el centro y mueve el texto a una nueva ubicación. Esto también abrirá las herramientas a la derecha donde puede cambiar la alineación, los colores, el tamaño, la posición, la capa, el estilo, etc.
También puede seleccionar varios elementos a la vez para cambiar el tamaño o mover el contenido.
formas
La pestaña Forma incluye cuadrado, círculo, triángulo, corazón, estrella, pentágono, hexágono y gota. Arrástrelos y suéltelos en la página, cambie sus colores, opacidad, tamaños, etc.
Lado
El área del lienzo contiene el título, las opciones de publicación, la papelera de reciclaje, copiar, agregar una nueva página, deshacer, rehacer, vista previa y vista de cuadrícula para mostrar varias páginas a la vez. Hacer clic en el contenido le brinda varias herramientas de arrastrar y soltar para cambiar el tamaño y mover el contenido. A la derecha, también abre opciones para herramientas de diseño.
Arrastre el contenido para ver las opciones de alineación.
Haga doble clic en el contenido para ver la imagen completa y abra las herramientas para ajustar el zoom y la alineación. Puede cambiar el tamaño del contenido y moverlo para obtener la imagen exacta que desea.
Diseño
Los ajustes de diseño muestran controles para el elemento en el que se hizo clic. Elegí un fondo de página y luego hice clic en un color. Esto abrirá el selector de color para que pueda establecer el color de fondo.
Para imágenes, esto incluye alineación, tamaño y posición, opacidad, enlaces, disponibilidad y capas.
Para el texto, esto incluye la familia de fuentes, la estilización, la alineación, el color, el color de fondo, el relleno y el enlace.
Para las formas, esto incluye la alineación, el tamaño y la posición, y el color.
La pestaña Documento contiene las opciones de publicación estándar de WordPress y agrega algunas más. Guardar como borrador o publicar como público o privado. Personalice la fecha, el logotipo del editor y la foto de portada. Personaliza el enlace directo y el avance de la página. Elija entre automático o manual y configure el tiempo de transición automática.
Plantillas
La pestaña Explorar plantillas muestra plantillas que puede usar en sus historias. Actualmente hay 8 plantillas para ayudarlo a comenzar. Las plantillas contienen muchas páginas, por lo que hay muchos diseños que son útiles.
Al hacer clic en uno, se abre la plantilla donde puede ver todas las páginas incluidas en la plantilla.
Todos los lados son seleccionables y ajustables. Seleccione cualquier elemento para cambiarlo.
publicando la historia
Cuando haga clic para publicar una historia, verá opciones para ver la historia o agregarla a una nueva publicación.
ver la historia
Ver el historial abre una página en la interfaz. Cada lado es visible, pero solo el del medio es completamente legible. El sitio web muestra controles deslizantes con flechas a los lados, una barra de navegación debajo de la página, un botón de reproducción o pausa en la esquina superior derecha y un botón para compartir para que sea más fácil para los visitantes compartir su historial de Internet. Al hacer clic en el botón, los visitantes pueden copiar la URL.
Añadir a nueva publicación
Al seleccionar Agregar a nueva publicación, se crea automáticamente una publicación de blog estándar con el código de historial ya incluido en la publicación. Esta es una publicación de blog estándar, por lo que aparece en el flujo de blog. Este es el enlace que abre la página de historial. Agregue cualquier otro contenido a la publicación que desee. Este código se puede incrustar en cualquier publicación o página, por lo que se puede usar con publicaciones de blog, diseños de Divi, etc. Yo uso el editor clásico, pero funciona de manera similar en Gutenberg.
En el caso de Gutenberg, pide convertir el código a HTML. La historia funciona en este modo, por lo que puede ver cómo cambian las páginas a medida que escribe una publicación.
Más formas de usar las publicaciones de Historias
También puede agregar un tipo de publicación al menú de navegación, usarlo con el módulo de blog Divi, Divi Theme Builder, etc.
Publicidad en Google Online Relations
La monetización se limita a la plataforma de Google y las ventas de afiliados. Los anuncios de historias son proporcionados por Google Ad Manager y Google DV360 (actualmente en versión beta). En el futuro se agregará compatibilidad con servidores de anuncios adicionales. Puede contener artículos patrocinados y afiliados.
Los anuncios de Google ocupan toda la página y aparecen en Relaciones con Internet. Pueden contener enlaces a sitios web, páginas AMP o aplicaciones. Pueden contener texto, imágenes, botones, películas, animaciones y cualquier combinación. Los anuncios están marcados como un anuncio en la esquina superior izquierda. El propósito de los anuncios es un diseño consistente que se conecte con UX Web Stories.
Documentación muestra detalles de codificación y creación de anuncios. Hay algunos plantillas Para el buen comienzo. Algunos de ellos se muestran en el ejemplo anterior.
Pensamientos finales
Las relaciones web son una forma interesante de publicar contenido para su sitio de WordPress. Las historias parecen páginas de una revista y actúan como un control deslizante. Incluso se integran bien con el marco de navegación de WordPress y los diseños y módulos de Divi. Funcionan bien con dispositivos móviles.
El complemento de WordPress de Google Web Stories se ve y funciona como herramientas de edición de imágenes como Canva. Es simple y fácil de usar. Si está interesado en una manera fácil de crear contenido simple que se vea genial y mejore el SEO, le recomiendo que consulte el complemento WordPress Web Stories.
Queremos escuchar de ti. ¿Has probado el complemento de WordPress de Google Web Stories? Háganos saber acerca de su experiencia en los comentarios a continuación.
Foto destacada a través de Jemastock / shutterstock.com
