{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-personalizar-uma-pagina-usando-placeholder","locale":"pt","slug":"como-personalizar-uma-pagina-usando-placeholder","path":"docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder.md","branch":"main","content":"Criar uma descrição para **Categoria** pode influenciar positivamente no SEO do site. É muito interessante manter o site como um todo bem mapeado para aumentar a relevância dos termos citados em textos como descrição, footer, menu, etc.\n\n## Colocando a descrição no site\nPara incluir uma descrição no site, siga os passos abaixo:\n1. Entre em CMS > Layout\n1. Entre em **Templates de Página**\n2. Clique em **Categoria**\n3. No XHTML do Template, insira o código contendo o placeholder, como no exemplo abaixo\n4. Clique em **Salvar Template**\n\n### Exemplo de código\n\n```\nhtml\n<div class=\"bloco-de-conteudo\"/>\n  \n    <vtex:contentPlaceHolder id=\"htmlSeo\"/>\n  \n</div>\n```\n\nLembrando que o `htmlSeo` é o nome do controle criado lá em cima. Este controle pode ter outro nome, como por exemplo `Banner-Principal`.\n\n**Exemplos**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_1.png)\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_2.png)\n\n**Obs.:** A aplicação do placeholder pode ser realizada de outras maneiras até que atenda o local, o formato, ou seja, a necessidade do lojista.\n\n## Criando a descrição\n\nPara incluir uma descrição para Categoria, siga os passos abaixo:\n\n1. Entre em Configurações > Portal\n2. Clique em Portal > Web-sites > [nomedaloja] > / > categoria > @categoria@ > categoria\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_3.png)\n3. Entre na aba **Configurações**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_4.png)\n4. Clique em **Adicionar Controle**\n5. Selecione o tipo de controle que deseja, geralmente HTML\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_5.png)\n6. Clique em **Adicionar**\n7. Clique em **Salvar Configurações**\n8. Clique em **Editar**\n9. Clique em **Adicionar Conteúdo**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_6.png)\n10. Crie o HTML que gostaria que aparecesse no site\n11. Na aba **Preview** poderá ter uma pré-visualização do HTML\n12. Nos campos **Condições de Exibição**, configure de acordo com sua necessidade, por exemplo, selecione uma Categoria, onde este conteúdo será disponibilizado.\n13. Clique no checkbox **Conteúdo Ativo**\n14. Clique em **Adicionar na Lista de Conteúdo**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/storefront/layout/como-personalizar-uma-pagina-usando-placeholder_7.png)\n15. Clique em **Salvar Configurações**"}