Procedimiento para la publicación de artículos en CAS Insights

Objetivo

Este procedimiento operativo estándar detalla el proceso paso a paso para publicar artículos en CAS Insights, garantizando la coherencia y la calidad de las publicaciones.

Pasos clave

1. Acceso al borrador del artículo 0:01

generated-image-at-00:00:01
  • Comience haciendo clic en el enlace de SharePoint para acceder a los artículos de CAS Insights.
  • Diríjase a la sección etiquetada como 'Insights article' y seleccione 'Draft'.

2. Creación de una nueva publicación en CAS Insights 1:03

generated-image-at-00:01:03
  • En el CMS de Webflow, vaya a 'CAS Insights' y haga clic en 'New CAS Insights'.
  • Introduzca el título de la publicación en el campo designado.

3. Edición del slug 1:28

generated-image-at-00:01:28
  • Edite el slug para acortarlo, utilizando herramientas como Claude o personalizándolo manualmente.

4. Obtención de la imagen destacada 2:06

generated-image-at-00:02:06
  • Solicite la imagen de Getty a las diseñadoras Mariah o Tammy.
  • Asegúrese de que la imagen se descargue y se suba a la carpeta de la marca.

 

5. Optimización de la imagen 2:50

generated-image-at-00:02:50
  • Utilice TinyPNG para convertir la imagen al formato AVIF.
  • Descargue la imagen optimizada para su carga.

 

6. Adición de texto alternativo 3:13

generated-image-at-00:03:13
  • Cree un texto alternativo descriptivo para la imagen, utilizando un LLM si fuera necesario.

 

7. Cumplimentación de la información SEO 3:36

generated-image-at-00:03:36
  • Configure el título SEO para que coincida con el título de la publicación.
  • Actualice la meta descripción según sea necesario.

 

8. Redacción de la vista previa del artículo 3:54

generated-image-at-00:03:54
  • Redacte un resumen para la vista previa del artículo que aparecerá en la página principal del índice de CAS Insights.

 

9. Copiar el cuerpo de la publicación 4:14

imagen-generada-en-00:04:14
  • Copie todo el cuerpo del artículo desde el documento de Word, incluidas las imágenes, y péguelo en Webflow.

 

10. Dar formato a los encabezados 4:33

imagen-generada-en-00:04:33
  • Elimine cualquier etiqueta de encabezado no deseada (p. ej., h3, h2) de los títulos y aplique el formato según las directrices.

 

11. Establecer la fecha de publicación 5:10

imagen-generada-en-00:05:10
  • Introduzca la fecha de publicación según lo especificado, normalmente los miércoles o viernes.

 

12. Eliminar funciones innecesarias 5:20

imagen-generada-en-00:05:20
  • Elimine la función de tabla de contenido si no es necesaria.

 

13. Categorizar el artículo 6:14

imagen-generada-en-00:06:14
  • Seleccione la categoría adecuada para el artículo, como «ciencia emergente».

 

14. Añadir información del autor 6:34

imagen-generada-en-00:06:34
  • Seleccione el autor de la lista o añada uno nuevo mediante el botón de suma.

 

15. Incluir texto de avance 7:05

imagen-generada-en-00:07:05
  • Redacte el texto de avance que aparecerá en la página principal.

 

16. Adición de un botón de llamada a la acción (CTA) 7:15

generated-image-at-00:07:15
  • Si procede, añada el texto y la URL de un botón de llamada a la acción (CTA).

 

17. Gestión de botones de recursos 7:30

generated-image-at-00:07:30
  • Añada el texto y la URL del botón de recursos si es necesario.

 

18. Creación de tablas 8:02

generated-image-at-00:08:02
  • Utilice las clases predefinidas de Webflow para las tablas.
  • Genere el código de la tabla mediante un LLM y péguelo en el área de código personalizado.

 

19. Vista previa del artículo 9:12

generated-image-at-00:09:12
  • Compruebe el artículo en la interfaz pública para asegurarse de que todo se visualiza correctamente.

 

20. Publicación del artículo 10:06

generated-image-at-00:10:06
  • Una vez completados y revisados todos los pasos, publique el artículo.

Notas de advertencia

  • Asegúrese de que todas las imágenes estén correctamente optimizadas para evitar tiempos de carga lentos.
  • Verifique la exactitud de todos los enlaces y textos antes de publicar.

Consejos para la eficiencia

  • Utilice herramientas de IA para generar texto alternativo y código de tablas para ahorrar tiempo.
  • Mantenga una lista de tareas comunes para agilizar el proceso de publicación.

Enlace a Loom

https://loom.com/share/a3358138da354fbbaee7a08ac5bd5738

‍

Cuadro de llamada a la acción integrado: Guía de implementación

Utilice este estilo de llamada a la acción para dirigir a los lectores a soluciones CAS relevantes sin interrumpir el flujo de lectura. Es ideal para momentos rápidos de "más información" en mitad del artículo.

Cuándo utilizarlo

  • Enlaza a una solución única que sea directamente relevante para el párrafo anterior
  • Ofrece un pequeño recordatorio sin una carga visual excesiva
  • Llamadas a la acción en mitad del artículo (para el final del artículo, considere usar el estilo de tarjeta de enlaces múltiples)

Cómo añadirlo a una entrada de blog en Webflow

Paso 1: Añadir un elemento de inserción

  1. En el Diseñador de Webflow, abra su entrada de blog o campo de Texto enriquecido
  2. Haga clic en el+el icono para añadir un nuevo elemento
  3. SeleccioneInsertar(en Componentes)
  4. Colóquelo donde desee que aparezca el aviso.

Paso 2: Pegar el código

Copie y pegue el siguiente código en el elemento incrustado:

<div class="callout-inline">
<p class="callout-inline__text"><strong>[SU TEXTO EN NEGRITA]</strong> [SU TEXTO DE APOYO]</p>
<a href="[SU-RUTA-URL]" class="callout-inline__link">
[SU TEXTO DE ENLACE]
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>

Paso 3: Personalizar el contenido

Sustituya los marcadores de posición entre corchetes por su contenido:

Marcador de posiciónQué introducirEjemplo[SU TEXTO EN NEGRITA]El gancho o frase de introducción¿Necesita información más detallada sobre patentes?[SU TEXTO DE APOYO]Contexto de apoyo breveCAS STNext ofrece herramientas integrales de análisis de PI.[SU TEXTO DE ENLACE]El texto de la llamada a la acciónExplorar STNext[SU-RUTA-URL]La ruta de la URL (ver más abajo)/solutions/cas-stnext

Paso 4: Establecer la ruta de la URL

Importante: Utilice únicamente la ruta posterior a cas.org; no incluya la URL completa.

✅ Correcto: /solutions/cas-scifinder-discovery-platform/cas-scifinder

❌ Incorrecto: https://www.cas.org/solutions/cas-scifinder-discovery-platform/cas-scifinder

Esto garantiza que los enlaces funcionen correctamente tanto en los entornos de pruebas como en los de producción.

Ejemplo

Antes (plantilla):

<p class="callout-inline__text"><strong>[SU TEXTO EN NEGRITA]</strong> [SU TEXTO DE APOYO]</p>
<a href="[SU-RUTA-URL]" class="callout-inline__link">
[SU TEXTO DE ENLACE]

Después (rellenado):

<p class="callout-inline__text"><strong>¿Trabaja en la planificación de síntesis?</strong> Descubra cómo la retrosíntesis basada en IA puede reducir el tiempo de búsqueda de rutas.</p>
<a href="/solutions/cas-scifinder-discovery-platform/cas-scifinder" class="callout-inline__link">
Explore CAS SciFinder

Consejos de redacción

  • Texto en negrita:Plantéelo como una pregunta o afirmación que conecte con el desafío del lector
  • Texto de apoyo:Limítese a una sola frase; mencione el nombre de la solución y su beneficio principal
  • Texto del enlace:Utilice verbos de acción: "Explore", "Descubra cómo", "Más información sobre"
  • Ubicación:Colóquelo después de un párrafo que conduzca de forma natural al tema de la solución

Resolución de problemas

El aviso no se muestra:

  • Asegúrese de haber guardado y publicado la página
  • Compruebe que el código de inserción no se haya modificado accidentalmente

Las fuentes se ven diferentes:

  • El aviso hereda las fuentes del sitio. Si no se visualiza correctamente, compruebe que la página utiliza la plantilla estándar de CAS.

El enlace no funciona:

  • Verifique que está utilizando una ruta relativa que comienza con/
  • Pruebe el enlace añadiéndolo ahttps://www.cas.orgen su navegador

¿Tiene alguna pregunta?

Contacte con el equipo web.

‍