Conn2Flow
Navegação das docs

SDD

req-110: CRUD de Metadados da Página, Imagem de Destaque, UI na Editbar/Editor e Sitemap XML

Esta requisição (BATCH-110) complementa o BATCH-109 ao adicionar a gestão completa de Imagem de Destaque / Metadados da Página (OpenGraph & SEO) na interface do usuário (Editbar e…

Descrição do Problema / Contexto

Esta requisição (BATCH-110) complementa o BATCH-109 ao adicionar a gestão completa de Imagem de Destaque / Metadados da Página (OpenGraph & SEO) na interface do usuário (Editbar e Editor HTML) e a automação do sitemap.xml.


Escopo Detalhado da Requisição

Módulo 1: CRUD de Metadados e Imagem de Destaque nas Páginas

  1. Campos de Banco de Dados e Modelo de Páginas:

    • Garantir suporte na tabela paginas (e recursos dos módulos admin-paginas, publisher-pages) para os campos:

      • imagem / imagem_destaque (Caminho da imagem de destaque para og:image).

      • og_titulo (Título personalizado para redes sociais, com fallback para o título da página).

      • og_descricao (Descrição personalizada para redes sociais, com fallback para a meta descrição).

    • Atualizar a serialização/compilação dos recursos de páginas em admin-paginas e publisher-pages.


Módulo 2: Aba "SEO & Compartilhamento" no Editor HTML (html-editor.php / html-editor-interface.js)

  1. Nova Aba no Componente do Editor HTML (html-editor-component):

    • Adicionar a nova aba "SEO & Compartilhamento" (ou "Configurações da Página") no editor HTML, ao lado das abas Visualização, Modelos, Assistente IA e Código Customizado.

    • Renderizar o formulário com os campos:

      • Título Social / Meta Title (og:title).

      • Descrição Social / Meta Description (og:description).

      • Imagem de Destaque (og:image) integrada ao Image Picker (interface.php / _gestor-widgetImage-btn-add do admin-templates).

    • Conectar os campos de imagem de destaque ao seletor de arquivos (admin-arquivos) via modal do Image Picker.


Módulo 3: Botão de Configurações da Página na Editbar (dashboard.iframe-toolbar.js)

  1. Novo Botão na Editbar (c2f-toolbar-editbar):

    • Em gestor/modulos/dashboard/dashboard.iframe-toolbar.js (na toolbar do Live Editor, ao lado do botão id="c2f-ai-btn"), criar o botão de Configurações da Página (c2f-page-config-btn).

    • O clique no botão abre um painel/modal flutuante que permite ao usuário editar o Título, Descrição e Imagem de Destaque da página atual sem sair do Live Editor, utilizando o Image Picker para seleção de imagem.

    • Sincronizar as alterações com os dados salvos pela Editbar ao salvar a página.


Módulo 4: Gerador e Sincronizador Automático de sitemap.xml

  1. Gestão Inteligente de Sitemap XML:

    • Criar biblioteca/helper core para geração e atualização incremental do sitemap.xml na raiz do site.

    • Acionar a atualização do sitemap.xml no CRUD de páginas em admin-paginas e publisher-pages:

      • Se o arquivo sitemap.xml não existir na raiz, gerá-lo do zero incluindo todas as páginas públicas ativas.

      • Se o arquivo já existir, atualizar ou inserir incrementalmente a nó <url><loc>...</loc></url> da página alterada ou remover a entrada de páginas excluídas.

    • Excluir automaticamente do sitemap páginas administrativas, páginas com permissão restrita, páginas ocultas/desativadas e páginas de utilidade do sistema (cookies-is-mandatory, 404).


Validação e Critérios de Aceite

  • php -l sem erros nas bibliotecas e módulos alterados.

  • node --check em scripts JS modificados (html-editor-interface.js, dashboard.iframe-toolbar.js).

  • Suíte de testes automatizados (composer test e npx vitest run) 100% verde.

O Futuro é Híbrido: Humano + IA.

O Conn2Flow é a ferramenta. Se você precisa do Arquiteto para desenhar a estratégia da sua empresa usando essa tecnologia...

Contrate Consultoria Especializada