Site

Criar um blog e hub de conhecimento com páginas de categoria e autor e schema completo no meu site hospedado

Gera um blog estático a partir de posts em markdown com o blog-build.mjs do kit e preenche suas lacunas com uma etapa de acabamento: páginas de categoria e autor, breadcrumbs de quatro níveis, posts anterior/próximo e relacionados, schema BlogPosting, CollectionPage e ProfilePage, RSS e sitemap.

Quando usar

Quando você quer adicionar ao seu site hospedado no Opus Growth um blog ou hub de conhecimento bem estruturado, sem banco de dados, que mecanismos de busca e respostas de IA possam citar.

O que você recebe

Um blog estático com páginas de post, listagem, categoria e autor, o schema certo para cada tipo de página, RSS e sitemap, um mapa de links internos, uma tabela de pontuações medidas e uma sequência de comandos de cinco etapas para novos posts.

Ele altera algo na minha conta?

Somente com sua aprovação. O assistente mostra primeiro uma prévia de cada alteração e aguarda o seu aval.

Funciona com

SEO Intelligence, Search Console

Preencha antes de enviar

[endereço do site][tema][2 a 6 nomes de categorias][temas ou textos de rascunho][localização, ou "nenhuma"][propriedade do Search Console, ou "nenhuma"]
Use minha conexão com o Opus Growth para isso. Se você não encontrar a ferramenta de que precisa, procure entre as ferramentas do Opus Growth (com search_tools, se estiver na sua lista); se não conseguir acessar as ferramentas de forma alguma, não adivinhe, me avise. Quero que você crie um blog e hub de conhecimento no meu site [endereço do site] no meu servidor Opus Growth. Tema: [tema]. Categorias: [2 a 6 nomes de categorias]. Autor: [nome real do autor e uma breve biografia; se não houver, "publicar com o nome da empresa"]. Temas ou rascunhos dos primeiros posts: [temas ou textos de rascunho]. Fotos de capa reais: [localização, ou "nenhuma"]. 1. Preparação. Leia a seção de blog do site_seo_guide. Liste os arquivos com site_list_files e anote a versão de restauração com site_versions. Se o site ainda usa o Tailwind Play CDN e fontes de terceiros, migre primeiro para CSS compilado e fontes auto-hospedadas, pois o blog-build.mjs copia o `<head>` do index.html para todas as páginas do blog. Pelo mesmo motivo, não deixe no `<head>` do index.html nenhum JSON-LD específico da página inicial nem preload de imagem; mova o schema da página inicial para o final do body. 2. Configuração. No bloco `blog` do site.config.js, escreva o título, uma descrição de 110 a 165 caracteres, uma introdução de pelo menos três frases para a página de listagem e, para cada categoria, um nome, uma descrição de 110 a 165 caracteres e uma introdução original de pelo menos dois parágrafos e, para o autor, um nome, um cargo, uma bio e uma meta description de 110 a 165 caracteres. Adicione a página de posts e as categorias ao menu. Se nenhum nome real de autor for informado, não invente um; publique sob o nome do negócio e não gere página de autor. 3. Posts. Escreva cada post como `blog/_posts/YYYY-MM-DD-slug.md`. Front matter: title (menos de 65 caracteres incluindo o sufixo da marca), description (110 a 165 caracteres), date, updated somente se você realmente atualizou, image, author, category (a chave da categoria) e tags. Corpo: o primeiro parágrafo responde à pergunta, depois subtítulos, passos numerados onde fizer sentido, 3 a 6 links internos e um FAQ final com duas ou três perguntas. IMPORTANTE: o blog-build.mjs eleva em um os níveis de título do markdown; `#` vira H2 e `##` vira H3. Se você começar com `##` como o guia mostra, a página salta de h1 para h3 e a pontuação de acessibilidade cai. Sem aberturas clichê ("Hoje em dia..."), sem estatísticas ou fontes inventadas, e não apresente como regra algo que depende do caso. 4. Imagens. Produza as imagens de capa em WebP e AVIF em 480, 800, 1200 e 1600 pixels com o método do pacote de performance e escreva `/assets/img/<name>-1200.webp` no campo image do front matter. 5. Geração. Execute `node seo-stamp.mjs` e depois `node blog-build.mjs` com site_run_command. O blog-build deixa as lacunas a seguir, então escreva um script `blog-extras.mjs` que rode logo depois dele: 1. Nas páginas de post e de listagem: `<!DOCTYPE html>` em maiúsculas, um único charset e um único viewport (o blog-build os adiciona novamente além dos que copia do index.html), classes em vez de estilos inline, `<main id="main">`. 2. Imagem de capa: o blog-build escreve `src` como endereço absoluto incluindo o domínio e não informa dimensões; substitua por um `<picture>` com caminho relativo à raiz, com srcset AVIF e WebP, width, height e `fetchpriority="high"`. 3. Remova as tags de script site.config.js, chrome.js e motion.js que o blog-build adiciona (depois que você migrar para o menu estático, esses arquivos deixam de existir e o console mostra erros 404). 4. Adicione a cada post um breadcrumb visível Início › Posts › Categoria › Post, as datas de publicação e atualização, um link para a categoria, uma caixa de autor com link para a página do autor, o post anterior e o próximo, e dois posts relacionados, dando preferência à mesma categoria. Adicione articleSection, dateModified e um nó de autor Person com url ao schema BlogPosting; estenda o BreadcrumbList para quatro níveis. 5. Adicione og:image, o texto de introdução e os links das categorias à página de listagem. 6. Gere uma página `/blog/kategori/<slug>/` para cada categoria: CollectionPage, um ItemList com numberOfItems e BreadcrumbList; mostre apenas a data e o título nos cards, porque repetir as descrições dos posts da página de listagem aciona o aviso de conteúdo duplicado do seo-check. 7. Gere uma página `/blog/yazar/<slug>/` para o autor: ProfilePage e Person, com a bio e a lista de posts. 8. Adicione as novas páginas ao sitemap.xml com lastmod. O blog-build gera o feed RSS; coloque um link para ele na página inicial. 6. Menu e CSS. Transforme as tags vazias `<site-nav>` e `<site-footer>` das páginas do blog no menu estático com `node chrome-stamp.mjs` e depois recompile o Tailwind, porque o blog-extras adiciona novas classes. Sempre que adicionar ou alterar um post, execute esta sequência desde o início: seo-stamp, blog-build, blog-extras, chrome-stamp, build do CSS. 7. Gates. `node seo-check.mjs` com 0 erros e 0 avisos (pelo menos 150 palavras em todas as páginas e parcela de duplicação entre páginas abaixo de 50 por cento), `node design-check.mjs` com 0 erros, `npx --yes html-validate "**/*.html"` com 0 erros. Adicione as categorias, os posts e o endereço do RSS ao llms.txt. Execute core_web_vitals no mobile e no desktop para a página inicial, a listagem, um post, uma categoria e a página do autor; seo_audit para um post. Abra a listagem e um post com site_preview nas larguras de 360, 390, 768 e 1440 pixels. Se a performance mobile estiver abaixo de 95, encontre a causa; se os títulos usarem uma fonte separada, faça preload dela também. 8. Após a publicação. Envie o sitemap.xml com gsc_submit_sitemap e verifique os posts e as páginas de categoria com gsc_inspect_urls. Minha propriedade do Search Console: [propriedade do Search Console, ou "nenhuma"]. Saída: a lista de endereços gerados (posts, listagem, categorias, autor, RSS, sitemap), uma tabela de schema por tipo de página, um mapa de links internos (qual página linka para qual), uma tabela de pontuações por página e dispositivo e a sequência de comandos de cinco etapas a seguir ao adicionar um novo post.

Exemplo de resultado

Um exemplo do resultado que este prompt gera. A estrutura vem da saída real das ferramentas; os números e nomes são fictícios.

Exemplo de resultado (em um site de demonstração fictício; o site e o autor são fictícios, as pontuações foram realmente medidas nesta demonstração)

Três posts, duas categorias e uma página de autor foram gerados em um hub de conhecimento fictício sobre cuidados com plantas, o Saksı Defteri.

EndereçoTipoSchema
/blog/ListaBlog, BreadcrumbList
/blog/saksi-bitkisi-ne-siklikla-sulanir/PostBlogPosting (articleSection, dateModified, autor Person), BreadcrumbList de 4 níveis
/blog/kategori/sulama/CategoriaCollectionPage, ItemList (numberOfItems 1), BreadcrumbList
/blog/kategori/saksi-ve-toprak/CategoriaCollectionPage, ItemList (numberOfItems 2), BreadcrumbList
/blog/yazar/ece-kaya/AutorProfilePage, Person, BreadcrumbList
/blog/rss.xml, /sitemap.xmlFeed e mapa9 endereços com lastmod
PáginaMobileDesktop
Home98 / 100 / 100 / 100100 / 100 / 100 / 100
/blog/100 / 100 / 100 / 100100 / 100 / 100 / 100
Post (o mais lento)99 / 100 / 100 / 100100 / 100 / 100 / 100
Páginas de categoria100 / 100 / 100 / 100100 / 100 / 100 / 100
Página de autor100 / 100 / 100 / 100100 / 100 / 100 / 100

Na saída bruta do blog-build, o seo-check relatou 8 erros e 4 avisos e o html-validate relatou 43 erros (39 estilos inline, 4 DOCTYPEs em minúsculas); depois do blog-extras, tudo foi zerado. A home primeiro ficou em 95 no mobile (CLS 0.126 por causa da fonte do título); pré-carregar também a fonte do título elevou a nota para 98.

Mapa de links internos: cada post linka para sua categoria, para a página do autor, para o post anterior e o seguinte e para dois posts relacionados; as páginas de categoria e de autor linkam para os posts, e a home linka para as categorias e para o feed RSS.

Ao adicionar um post: seo-stamp, blog-build, blog-extras, chrome-stamp, build do Tailwind; depois seo-check, design-check, html-validate.

Um site de exemplo criado com este prompt

Editorial: Sentient + General Sans, fundo cor de papel, destaque em verde-musgo, coluna de leitura estreita, estático

Criado para uma marca fictícia seguindo este prompt à risca. As pontuações foram medidas com o Lighthouse em todas as páginas.

Criar um blog e hub de conhecimento com páginas de categoria e autor e schema completo no meu site hospedado
Pontuações do Lighthouse (página mais fraca)
CelularComputador
Desempenho98100
Acessibilidade100100
Boas práticas100100
SEO100100

Verificações aprovadas

  • seo check: ham blog-build çıktısı 8 hata 4 uyarı; son hal 0 hata 0 uyarı
  • design check: 0 hata, 1 uyarı (hareket yok, editoryal ve statik tarz bilinçli)
  • html validate: ham çıktı 43 hata; son hal 0 hata
  • overflow: 9 sayfa x 360/390/768/1440 taşma yok, konsol hatası yok
  • external requests: 0 dış istek
  • font preload: başlık fontu preload edilmeden ana sayfa mobil 95 (CLS 0,126), preload ile 98 (CLS 0,087)
  • tailwind before after: Bu demo baştan derlenmiş CSS ile yayınlandı; CDN karşılaştırması webd-once-sonra demosunda
Capturas de tela
Criar um blog e hub de conhecimento com páginas de categoria e autor e schema completo no meu site hospedado: Celular
Celular
Criar um blog e hub de conhecimento com páginas de categoria e autor e schema completo no meu site hospedado: Computador
Computador

Medido em: 2026-10-11

Buscas relacionadas

Estes prompts funcionam melhor quando seu assistente de IA está conectado às suas contas com o Opus Growth.

Conecte suas contas grátis

Mais prompts

SiteAltera após sua aprovaçãoDemonstração ao vivo

Crie um site editorial de especialista com seção de guias e schema de autor

Peça ao seu assistente para criar o site de um especialista com página inicial em estilo capa de revista, guias longos e um perfil de autor. Tipografia serifada, schema Article e Person e artigos datados e com fontes resultam em uma publicação que as pessoas leem e que as respostas de IA podem citar.

Quando usarQuando você é consultor, especialista ou tem um negócio de conhecimento de uma pessoa só e quer que seu site pareça uma publicação que mostra sua expertise por meio da escrita, e não um folheto.

SEO Intelligence, Search Console
SiteAltera após sua aprovaçãoDemonstração ao vivo

Crie um site de negócio familiar tradicional com visual clássico e padrões modernos

Peça ao seu assistente para criar um site no espírito de um rótulo antigo e de uma placa de loja para um produtor de terceira geração, com moldura e textura de papel. O visual é antigo, mas a construção é nova: mobile first, sem JavaScript, fontes hospedadas por você, WebP, schema Product e HowTo.

Quando usarQuando você vende um ofício passado de geração em geração, como lokum, azeite, queijo ou utensílios de cobre, e quer um visual clássico que carregue essa história sem abrir mão de velocidade e acessibilidade.

SEO Intelligence, Search Console
SiteAltera após sua aprovaçãoDemonstração ao vivo

Crie o site de um escritório de advocacia ou contabilidade em estilo minimalista suíço, com fortes sinais de confiança

Faz seu assistente criar um site estático para o escritório, em uma grade rigorosa, com a hierarquia sustentada por uma única família tipográfica. Coloca na página os sinais de confiança que um segmento YMYL exige: perfis dos profissionais, uma nota de orientação datada e com fontes, textos que respeitam as regras de publicidade profissional e schema Person.

Quando usarQuando um escritório de advocacia, de contabilidade ou outra prática profissional semelhante precisa de um site com aparência séria e sóbria, que respeite as regras de publicidade profissional e comprove sua expertise.

SEO Intelligence, Search Console
SiteAltera após sua aprovaçãoDemonstração ao vivo

Crie um site institucional de várias páginas sem JavaScript e entregue com nota 100

Peça ao seu assistente para criar um site estático, rápido e acessível para trabalhos corporativos como arquitetura, engenharia ou consultoria. Menu e rodapé são HTML estático, fontes e CSS são hospedados por você e cada página é medida antes da entrega.

Quando usarQuando uma empresa corporativa precisa de um site com várias páginas em que velocidade e acessibilidade importam mais que decoração, sem animação e sem JavaScript.

SEO Intelligence, Search Console