Vamos começar a atualizar as informações do site. A deco.cx permite que, através do Admin, seja possível alterar conteúdo sem precisar de mudanças de código, e isso é feito através do conceito de Blocks.
O primeiro Block que podemos editar é o de site, um App da deco que configura e prepara um projeto para operar como website na internet. Esse bloco configura metadados importantes sobre a página, incluindo dados de SEO e título, descrição e miniatura (essas informações são usadas nos previews de redes sociais).
Convenientemente, na página de detalhe do Site na deco é possível pré-visualizar como o SEO está configurado.
Para editá-lo, clique em Edit na parte superior direita. Você será redirecionado para a página de edição de blocks.
Nosso editor de blocks é divido em duas seções:
- Formulário: edite as informações que as pessoas que criaram o block deixaram disponível para edição, na sidebar direita.
- Preview: quando aplicável, pré-visualize como seu block será renderizado, na parte esquerda.
Na topbar da página, você tem acesso à:
- Barra de URL: teste URLs específicas para o block que você está editando (útil para páginas de produto, por exemplo).
E na sidebar, é possível selecionar outras visões sobre a página:
- Métricas de Performance: veja quais recursos esse block está usando e a quantidade de Javascript que está sendo enviada para o browser.
- Revisões: acesse o histórico de versões do conteúdo sendo editado.
- Editor de JSON: edite os dados do formulário como um JSON.
- Modo de visualização: desabilite o overlay automático no preview para testar os elementos interativos do block.
Todas alterações que você faz no formulário são automaticamente refletidas no preview à esquerda. Quando você estiver editando páginas, também é possível usar o preview para selecionar Sections específicas e reordená-las direto na página.
Editando o SEO
Edite o título, descrição e imagem do SEO do seu site de acordo com o que você está construindo e garanta que os previews das redes sociais estão conforme esperado. Você pode testar diferentes versões para ver o que mais lhe agrada.
Após isso, clique no botão Publicar na parte superior direita para criar uma nova revisão deste bloco. Revisões são versões imutáveis dos dados editados na deco e servem para conseguirmos acompanhar e revertar as mudanças ao longo do tempo. Saiba mais sobre aqui.
Pronto! Agora seu site está com os dados de SEO atualizados e você aprendeu como editar um block na deco.cx.