Configurar regras de metatags de página

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:

• Listar os seis escopos de metatag do Salesforce B2C Commerce.
• Listar as três configurações básicas de metatags.
• Explicar as vantagens de usar texto estático e dinâmico.
• Descrever como visualizar metatags.

Conceitos básicos

Brandon Wilson, anunciante da Cloud Kicks, está pronto para configurar metatags para sua loja virtual do B2C Commerce. Primeiro, ele quer explorar alguns conceitos básicos de geração de metatags — escopo e elementos — para criar melhor esse aspecto importante de SEO para sua loja virtual do B2C Commerce.

O B2C Commerce usa uma sintaxe de regras de metatag para geração de conteúdo metatag de página. Brandon precisa se familiarizar com essa sintaxe para garantir que seu site tenha as metatags mais eficazes e exclusivas para atrair o interesse dos compradores.

Ele define três configurações básicas de meta tags.

• Escopo: Qual é o contexto da página?
• Regra: Quais são os detalhes da regra?
• Atribuição: Para que categoria a regra é atribuída?

Escopo

O escopo define o contexto em que o B2C Commerce avalia uma regra de metatags de página, como uma página de produto ou de conteúdo, ou uma lista de produtos ou de conteúdo resultante de uma pesquisa. Cada escopo usa um conjunto específico de operadores. Estes são os escopos que você pode configurar no Business Manager.

• Página inicial (HP)
• Página de detalhes do produto (PDP)
• Página de detalhes do conteúdo (CDP)
• Página da lista de produtos (PLP)
• Página da lista de conteúdo (CLP)

O escopo do produto, por exemplo, define regras para metatags em uma página de detalhes do produto. Dentro de um escopo de produto, Brandon usa dados do sistema ou objetos de preço e produtos personalizados, e da URL de imagem do produto. Para todos os escopos, Brandon pode criar metatags exclusivas usando operadores de script, como: ou, e, senão, se-então e é igual. Cada escopo pode acessar dados relativos ao escopo. Por exemplo, Brandon pode acessar o objeto de categoria para PLP e PDP, mas não para CLP ou CDP.

Estes são os escopos e seus operadores.

Elementos

Essa parte do processo — escrever declarações Se e expressões dinâmicas — significa escrever código, o que não é o forte de Brandon. Ele procura Vijay Lahiri, o desenvolvedor da Cloud Kicks, que fica feliz em ajudar.

Vijay pode usar elementos estáticos ou dinâmicos para criar conteúdo de metatags exclusivo que aumenta o valor de SEO em todas as páginas, produtos e URLs. Para elementos estáticos, ele usa o B2C Commerce para imprimir elementos estáticos diretamente. Ele define elementos dinâmicos dentro da sintaxe do script, usando um formato como este: ${Dynamic-expression-here} (${expressão-dinâmica-aqui})

Uma expressão dinâmica pode conter operadores e objetos.

Configurar texto estático

Texto estático é normalmente usado com um elemento dinâmico, como por exemplo:

'Some static text with dynamic part ${expression} here.'

• Se a expressão estiver vazia, o conteúdo, 'Algum texto estático com parte dinâmica aqui.' é gerado.
• Se a expressão for avaliada como 'Valor dinâmico de string', o conteúdo, 'Algum texto estático com parte dinâmica Valor dinâmico de string aqui.' é gerado.

Por exemplo, para uma página de detalhes do produto, Vijay usa este texto estático com uma expressão dinâmica.

${expression} - Available at Cloud Kicks today! Shop high-end custom sneakers and sports apparel.

O valor da expressão representa o nome do produto, por exemplo, Red Tread Shoes, Alive Cool-T's ou Happy Racers. Ele muda com base no produto que é exibido na página.

Quando a expressão está vazia (não há título de produto), esta é a metatag:

<meta name="description" content="- Available at Cloud Kicks today! Shop high-end custom sneakers and sports apparel." />

Quando a expressão contém um título de produto, esta é a metatag:

<meta name="description" content="Red Tread Shoes - Available at Cloud Kicks today! Shop high-end custom sneakers and sports apparel." />

Configurar texto estático na expressão dinâmica

Ao criar regras, você pode imprimir texto estático específico se algo for avaliado como verdadeiro. Veja um exemplo usando a metatag de página dos robôs:

${IF SearchRefinement.color OR SearchRefinement.size THEN Constant('noindex,nofollow,noarchive') ELSE Constant('index,follow,archive')},noydir,noodp

Quando há um dos refinamentos de pesquisa presente (tamanho e cor), a metatag dos robôs mostra isso:

noindex,nofollow,noarchive,noydir,noodp

Quando um desses refinamentos não é predefinido, o B2C Commerce imprime isso:

index,follow,archive,noydir,noodp

noodp significa “nenhum projeto de diretório aberto”, enquanto noydir significa “nenhum diretório do Yahoo”.

Configurar texto dinâmico

O texto dinâmico em metatags dá acesso a determinados objetos e seus valores. Esses objetos são produto, categoria, pasta, conteúdo e site. Você pode acessar o sistema definido e os valores personalizados desses objetos, exceto senhas definidas e outros tipos de valor de objeto não compatíveis que se pareçam com eles.

• Product.onlineFrom (porque Data+Hora)
• Product.longDescription (porque HTML)
• Category.image (porque Imagem)

Esses são os atributos de objeto compatíveis.

• String
• Texto
• Número inteiro
• Número
• Booleano
• Conjunto de strings
• Conjunto de números inteiros
• Conjunto de números
• Enum de strings (somente se múltiplo não estiver marcado)
• Enum de números inteiros (somente se múltiplo não estiver marcado)

Os seguintes atributos de objeto não são compatíveis.

• HTML
• Data
• Data+hora
• Imagem
• Senha

Vejamos um roteiro que Vijay desenvolve para Brandon:

Find ${Product.name} in ${Category.displayName} today | ${Site.displayName}

Vejamos como ele gera conteúdo:

Find Happy Racers in Footwear today | Cloud Kicks for the latest  running shoe technologies.

Brandon adiciona esse código no campo apropriado do Business Manager. Abordaremos isso a seguir.

Configurar regras de metatags

Neste módulo, pressupomos que você é um anunciante de B2C Commerce com as devidas autorizações para executar essas tarefas. Se você não for um anunciante de B2C, tudo bem. Continue lendo para saber como seu anunciante executaria essas etapas em uma instância de sandbox. Não tente seguir nossas etapas em seu Trailhead Playground. O B2C Commerce não está disponível no Trailhead Playground.

Se você tem uma instância de sandbox do B2C Commerce, pode experimentar essas etapas em sua sandbox. Se você não tem uma sandbox, pergunte ao seu gerente se existe alguma que possa usar.

Veja como configurar regras de metatags.

1. Abra o Business Manager.
2. Selecione site > Ferramentas do comerciante > SEO > Regras de metatags de página.
   
   
   
3. Para ver uma exibição com filtro das metatags atuais dentro de um escopo, clique no título do escopo ou no número no meio da caixa do escopo: Página de detalhes do produto
4. No dashboard, clique em Novo na caixa da Página de detalhes do produto.
5. Defina as seguintes configurações: 
   • Nomeie a metatag: ProductDetail01 (DetalhesProduto01)
   • Escopo: Product Detail Page (Página de detalhes do produto)
   • ID da metatag: description
   • Escolha uma localidade: Padrão
   • Insira as regras de metatag:
     ${Product.pageDescription} | ${Site.displayName} - Available at Cloud Kicks today! Shop high-end custom sneakers and sports apparel.
     (${Product.pageDescription} | ${Site.displayName} - Disponível na Cloud Kicks hoje! Compre tênis personalizados de marca e roupas esportivas.)
     Cada regra pode conter até 4000 caracteres.
   • Insira uma descrição: Description meta tag for Cloud Kicks product detail page (Metatag de descrição para página de detalhes do produto da Cloud Kicks)
   • Clique em Salvar.
     
     
     
6. Para atribuir uma metatag, navegue até a respectiva exibição de escopo com filtro.
   • Retorne ao dashboard e clique na caixa Páginas de detalhes do produto (ou vá diretamente para a exibição Regras de metatags da página).
   • Encontre a metatag na lista e clique na lista suspensa Atribuir.
   • Clique em Categorias.
   • Clique em Salvar.

Todas as crianças herdam as regras atribuídas. Dependendo do tamanho do seu catálogo, você pode ter que criar várias regras e substituir regras no nível da subcategoria.

Se você obtiver um erro ao atribuir suas metatags, tudo bem. As metatags em seu sistema podem já ter sido configuradas. Se for esse o caso, basta revisar as configurações. Isso também pode acontecer quando você visualizar suas configurações nos detalhes do produto, por exemplo. Abordaremos isso a seguir.

Visualizar regras de metatags de página

Brandon quer visualizar seus novos metadados de página. Isso demanda um pouco de investigação enquanto olha em vários lugares em todo o Business Manager onde as regras de metatags ficam. Estes são os caminhos de navegação do Business Manager.

A interface de usuário para cada um deles é semelhante, então Brandon dá uma olhada na página de detalhes do produto como um exemplo.

Veja como visualizar uma regra.

1. Abra o Business Manager.
2. Selecione site > Ferramentas do comerciante > Produtos e catálogos > Produtos.
3. Pesquise por um produto para testar.
4. Clique no link do nome do produto.
5. Clique na guia Regras de metatags de página.
   
   
   
6. Selecione uma localidade: Padrão
7. Selecione o escopo: Página de detalhes do produto
   Você pode pesquisar por um produto para obter uma visualização das regras de página de detalhes definidas.
8. Dê uma olhada em IDs, regras e conteúdo das metatags de página.

As regras nesta imagem parecem diferentes do que você configurou neste exercício, porque as metatags já estavam configuradas.

O que vem a seguir?

Nesta unidade, você aprendeu sobre escopos e elementos, tanto estáticos quanto dinâmicos. Você aprendeu a configurar e visualizar suas metatags. A seguir, você aprenderá a integrar a geração de metatags no aplicativo da sua loja virtual e como testar e planejar alterações em metatags.

Recursos

Ajuda da Salesforce: Regras de metatags: Sintaxe