{"section":"tutorials","requestedLocale":"es","requestedSlug":"como-personalizar-una-pagina-usando-placeholder","locale":"es","slug":"como-personalizar-una-pagina-usando-placeholder","path":"docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder.md","branch":"main","content":"Crear una descripción para **Categoria** puede ser una influencia positiva en el SEO del sitio. Es muy interesante mantener todo el sitio bien mapeado para aumentar la relevancia de los términos citados en textos como descripción, footer, menú, etc.\n\n## Colocando la descripción en el sitio\n\nContinuando en el área de edición del Portal...\n\n1. Entre en **Templates de Página**\n2. Haga clic en **Categoria**\n3. En el XHTML del Template, inserte el código que contiene el placeholder\n4. Haga clic en **Salvar Template**\n\nRecordando que el `htmlSeo` es el nombre del control creado arriba. Este control puede tener otro nombre, como por ejemplo `Banner-Principal`.\n\n### Ejemplo de código\n\n```html\n<div class=\"bloco-de-conteudo\"/>\n  \n    <vtex:contentPlaceHolder id=\"htmlSeo\"/>\n  \n</div>\n```\n**Ejemplos**\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_1.png) \n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_2.png)\n\n**Obs.:** la aplicación del placeholder puede ser realizada de otras maneras hasta que atienda el local, el formato, o sea, la necesidad del dueño de la tienda.\n\n## Creando la descripción\n\nPara incluir una descripción para Categoria (Categoria), siga los pasos abajo:\n\n1. Entre en Configurações > Portal\n2. Haga clic en Portal > Web-sites > [nomedaloja] > / > categoria > @categoria@ > categoria\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_3.png)\n3. Entre en la pestaña **Configurações**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_4.png)\n4. Haga clic en **Adicionar Controle**\n5. Seleccione el tipo de control que desea, generalmente HTML\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_5.png)\n6. Haga clic en **Adicionar**\n7. Haga clic en **Salvar Configurações**\n8. Haga clic en **Editar**\n9. Haga clic en **Adicionar Conteúdo**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_6.png)\n10. Cree el HTML que le gustaría que aparezca en el sitio\n11. En la pestaña **Preview** podrá tener una visualización previa del HTML\n12. En los campos **Condições de Exibição**, configure de acuerdo a su necesidad, por ejemplo, seleccione una Categoría en la que este contenido estará disponible.\n13. Haga clic en el checkbox **Conteúdo Ativo**\n14. Haga clic en **Adicionar na Lista de Conteúdo**\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/storefront/layout/como-personalizar-una-pagina-usando-placeholder_7.png)\n15. Haga clic en **Salvar Configurações**"}