Procedimento para publicar artigos do CAS Insights

Objetivo

Este POP descreve o processo passo a passo para publicar artigos do CAS Insights, a fim de garantir consistência e qualidade na publicação.

Principais etapas

1. Acessando o rascunho do artigo 0:01

imagem-gerada-em-00:00:01
  • Comece clicando no link do SharePoint para acessar os artigos do CAS Insights.
  • Navegue até a seção rotulada 'Insights article' e selecione 'Draft'.

2. Criando uma nova publicação de CAS Insights 1:03

imagem-gerada-em-00:01:03
  • No Webflow CMS, vá para 'CAS Insights' e clique em 'New CAS Insights'.
  • Insira o título da publicação no campo designado.

3. Editando o slug 1:28

imagem-gerada-em-00:01:28
  • Edite o slug para torná-lo mais curto, usando ferramentas como o Claude ou personalizando-o manualmente.

4. Obtendo a imagem de destaque 2:06

imagem-gerada-em-00:02:06
  • Solicite a imagem da Getty às designers Mariah ou Tammy.
  • Certifique-se de que a imagem seja baixada e carregada na pasta da marca.

 

5. Otimizando a imagem 2:50

imagem-gerada-em-00:02:50
  • Use o TinyPNG para converter a imagem para o formato AVIF.
  • Baixe a imagem otimizada para upload.

 

6. Adicionando texto alternativo 3:13

imagem-gerada-em-00:03:13
  • Crie um texto alternativo descritivo para a imagem, usando uma IA se necessário.

 

7. Preenchendo as informações de SEO 3:36

imagem-gerada-em-00:03:36
  • Defina o título de SEO para corresponder ao título da publicação.
  • Atualize a meta descrição conforme necessário.

 

8. Escrevendo a prévia do artigo 3:54

imagem-gerada-em-00:03:54
  • Escreva um resumo para a visualização do artigo que aparecerá na página principal do Índice de Insights do CAS.

 

9. Copiando o corpo da postagem 4:14

generated-image-at-00:04:14
  • Copie todo o corpo do artigo do documento Word, incluindo imagens, e cole-o no Webflow.

 

10. Formatando cabeçalhos 4:33

generated-image-at-00:04:33
  • Remova quaisquer tags de cabeçalho indesejadas (por exemplo, h3, h2) dos títulos e formate-os de acordo com as diretrizes.

 

11. Definindo a data de publicação 5:10

generated-image-at-00:05:10
  • Insira a data de publicação conforme especificado, normalmente às quartas ou sextas-feiras.

 

12. Removendo recursos desnecessários 5:20

generated-image-at-00:05:20
  • Remova o recurso de sumário se não for necessário.

 

13. Categorizando o artigo 6:14

generated-image-at-00:06:14
  • Selecione a categoria apropriada para o artigo, como 'ciência emergente'.

 

14. Adicionando informações do autor 6:34

generated-image-at-00:06:34
  • Escolha o autor na lista ou adicione um novo autor usando o botão de mais.

 

15. Incluindo texto de teaser 7:05

generated-image-at-00:07:05
  • Escreva o texto de chamada que aparecerá na página principal.

 

16. Adicionando botão de Call to Action (CTA) 7:15

generated-image-at-00:07:15
  • Se aplicável, adicione o texto e a URL de um botão de CTA.

 

17. Lidando com botões de recursos 7:30

generated-image-at-00:07:30
  • Adicione o texto e a URL do botão de recursos, se necessário.

 

18. Criando tabelas 8:02

generated-image-at-00:08:02
  • Use classes predefinidas no Webflow para tabelas.
  • Gere o código da tabela usando uma IA e cole-o na área de código personalizado.

 

19. Visualizando o artigo 9:12

generated-image-at-00:09:12
  • Verifique o artigo no front-end para garantir que tudo apareça corretamente.

 

20. Publicando o artigo 10:06

generated-image-at-00:10:06
  • Assim que todas as etapas forem concluídas e revisadas, publique o artigo.

Notas de advertência

  • Certifique-se de que todas as imagens estejam devidamente otimizadas para evitar tempos de carregamento lentos.
  • Verifique duas vezes todos os links e textos quanto à precisão antes de publicar.

Dicas para eficiência

  • Use ferramentas de LLM para gerar texto alternativo e código de tabela para economizar tempo.
  • Mantenha uma lista de verificação de tarefas comuns para agilizar o processo de postagem.

Link para o Loom

https://loom.com/share/a3358138da354fbbaee7a08ac5bd5738

‍

Caixa de chamada em linha – Guia de implementação

Use este estilo de chamada para direcionar os leitores para soluções do CAS relevantes sem interromper o fluxo de leitura. É ideal para momentos rápidos de "saiba mais" no meio do artigo.

Quando usar

  • Link para uma única solução que seja diretamente relevante para o parágrafo acima
  • Fornecendo um incentivo sutil sem ênfase visual pesada
  • Chamadas no meio do artigo (para o final do artigo, considere o estilo de cartão com vários links)

Como adicionar a uma postagem de blog no Webflow

Passo 1: Adicionar um elemento de incorporação

  1. No Webflow Designer, abra sua postagem de blog ou campo de Rich Text
  2. Clique no+ícone para adicionar um novo elemento
  3. SelecioneIncorporar(em Componentes)
  4. Coloque-o onde deseja que o destaque apareça

Passo 2: Colar o código

Copie e cole o código a seguir no elemento incorporado:

<div class="callout-inline">
<p class="callout-inline__text"><strong>[SEU TEXTO EM NEGRITO]</strong> [SEU TEXTO DE APOIO]</p>
<a href="[SEU-CAMINHO-DE-URL]" class="callout-inline__link">
[SEU TEXTO DO LINK]
<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>

Passo 3: Personalizar o conteúdo

Substitua os placeholders entre colchetes pelo seu conteúdo:

PlaceholderO que inserirExemplo[SEU TEXTO EM NEGRITO]A frase de gancho ou introduçãoPrecisa de insights mais profundos sobre patentes?[SEU TEXTO DE APOIO]Contexto de apoio breveO CAS STNext oferece ferramentas abrangentes de análise de PI.[SEU TEXTO DO LINK]O texto da chamada para açãoExplorar o STNext[SEU-CAMINHO-DE-URL]O caminho da URL (veja abaixo)/solutions/cas-stnext

Passo 4: Definir o caminho da URL

Importante: Use apenas o caminho após cas.org — não inclua a URL completa.

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

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

Isso garante que os links funcionem corretamente nos ambientes de teste e produção.

Exemplo

Antes (modelo):

<p class="callout-inline__text"><strong>[SEU TEXTO EM NEGRITO]</strong> [SEU TEXTO DE APOIO]</p>
<a href="[SEU-CAMINHO-DE-URL]" class="callout-inline__link">
[SEU TEXTO DO LINK]

Depois (preenchido):

<p class="callout-inline__text"><strong>Trabalhando no planejamento de síntese?</strong> Veja como a retrossíntese baseada em inteligência artificial pode reduzir seu tempo de busca de rotas.</p>
<a href="/solutions/cas-scifinder-discovery-platform/cas-scifinder" class="callout-inline__link">
Explorar o CAS SciFinder

Dicas de redação

  • Texto em negrito:Estruture como uma pergunta ou afirmação que ressoe com o desafio do leitor
  • Texto de apoio:Mantenha em uma frase; mencione o nome da solução e o principal benefício
  • Texto do link:Use verbos de ação — "Explore", "Veja como", "Saiba mais sobre"
  • Posicionamento:Posicione após um parágrafo que leve naturalmente ao tópico da solução

Solução de problemas

Callout não está sendo exibido:

  • Certifique-se de ter salvo e publicado a página
  • Verifique se o código de incorporação não foi modificado acidentalmente

As fontes parecem diferentes:

  • O callout herda as fontes do site. Se parecer estranho, verifique se a página está usando o modelo padrão do CAS.

Link não funciona:

  • Verifique se você está usando um caminho relativo começando com/
  • Teste o link adicionando-o ahttps://www.cas.orgno seu navegador

Dúvidas?

Entre em contato com a equipe da web.

‍