Opus Growth sunucumdaki siteme
[site adresi] bir blog ve bilgi merkezi kurmanı istiyorum. Konu alanı:
[konu]. Kategoriler:
[2 ile 6 kategori adı]. Yazar: [gerçek yazar adı ve kısa biyografisi; yoksa "kurum adına yayımlansın"]. İlk yazıların konuları ya da taslakları:
[konular ya da taslak metinler]. Gerçek kapak fotoğrafları:
[yer ya da "yok"].
1. Hazırlık. site_seo_guide'daki blog bölümünü oku. site_list_files ile dosyaları listele, site_versions ile geri dönüş sürümünü not et. Site henüz Tailwind Play CDN ve dış fontlarla çalışıyorsa önce derlenmiş CSS'e ve kendi sunucundaki fontlara çevir, çünkü blog-build.mjs bütün blog sayfalarının `<head>` kısmını index.html'den kopyalar. Aynı nedenle index.html'in `<head>` bölümünde ana sayfaya özel JSON-LD ya da görsel preload'u bırakma; ana sayfa şemasını gövdenin sonuna taşı.
2. Yapılandırma. site.config.js içindeki `blog` bloğuna başlık, 110 ile 165 karakterlik açıklama, liste sayfası için en az üç cümlelik bir giriş metni, her kategori için ad, 110 ile 165 karakterlik açıklama ve en az iki paragraflık özgün bir giriş, yazar için ad, unvan, biyografi ve 110 ile 165 karakterlik bir meta açıklaması yaz. Menüye yazılar sayfasını ve kategorileri ekle. Gerçek bir yazar adı verilmediyse yazar uydurma, yazıları kurum adına yayımla ve yazar sayfası üretme.
3. Yazılar. Her yazıyı `blog/_posts/YYYY-AA-GG-slug.md` olarak yaz. Front matter: title (marka ekiyle birlikte 65 karakteri geçmesin), description (110 ile 165 karakter), date, gerçekten güncellediysen updated, image, author, category (kategori anahtarı) ve tags. Gövde: ilk paragraf sorunun cevabı, alt başlıklar, uygun yerde numaralı adımlar, 3 ile 6 iç link, sonunda iki üç soruluk SSS. ÖNEMLİ: blog-build.mjs markdown başlık seviyesini bir artırır; `#` H2, `##` H3 olur. Kılavuzdaki gibi `##` ile başlarsan sayfada h1'den sonra h3 gelir ve erişilebilirlik puanı düşer. Klişe açılış ("Günümüzde..."), uydurma istatistik ya da kaynak yazma; türe göre değişen bilgiyi kural gibi sunma.
4. Görseller. Kapak görsellerini performans paketindeki yöntemle 480, 800, 1200 ve 1600 piksel WebP ve AVIF olarak üret ve front matter'daki image alanına `/assets/img/<ad>-1200.webp` yolunu yaz.
5. Üret. site_run_command ile sırayla `node seo-stamp.mjs` ve `node blog-build.mjs` çalıştır. blog-build şunları eksik bırakır, bu yüzden hemen ardından çalışacak bir `blog-extras.mjs` betiği yaz:
1. Yazı ve liste sayfalarında `<!DOCTYPE html>` büyük harf, tek charset ve tek viewport (blog-build index.html'den kopyaladıklarını tekrar ekler), satır içi style yerine sınıflar, `<main id="main">`.
2. Kapak görseli: blog-build `src` olarak alan adıyla birlikte mutlak adres yazar ve boyut vermez; bunu kök göreli `<picture>` ile, AVIF ve WebP srcset, width, height ve `fetchpriority="high"` ile değiştir.
3. blog-build'in eklediği site.config.js, chrome.js ve motion.js betik etiketlerini kaldır (statik menüye geçtiysen bu dosyalar artık yoktur ve konsolda 404 hatası çıkar).
4. Her yazıya görünür bir Anasayfa › Yazılar › Kategori › Yazı breadcrumb'ı, yayın ve güncelleme tarihi, kategori linki, yazar kutusu ve yazar sayfasına link, önceki ve sonraki yazı, aynı kategoriden öncelikli iki ilgili yazı ekle. BlogPosting şemasına articleSection, dateModified ve url'li Person yazar düğümü ekle; BreadcrumbList'i dört basamağa çıkar.
5. Liste sayfasına og:image, giriş metni ve kategori linkleri ekle.
6. Her kategori için `/blog/kategori/<slug>/` sayfası üret: CollectionPage, numberOfItems içeren ItemList ve BreadcrumbList; kartlarda yalnız tarih ve başlık göster, çünkü yazı açıklamalarını liste sayfasında da tekrarlamak seo-check'in kopya içerik uyarısını tetikler.
7. Yazar için `/blog/yazar/<slug>/` sayfası üret: ProfilePage ve Person; biyografi ve yazının listesi.
8. Yeni sayfaları sitemap.xml'e lastmod ile ekle. RSS'i blog-build üretir, ana sayfadan link ver.
6. Menü ve CSS. `node chrome-stamp.mjs` ile blog sayfalarındaki boş `<site-nav>` ve `<site-footer>` etiketlerini statik menüye çevir, sonra Tailwind'i yeniden derle, çünkü blog-extras yeni sınıflar ekler. Bir yazıyı her eklediğinde ya da değiştirdiğinde bu sırayı baştan çalıştır: seo-stamp, blog-build, blog-extras, chrome-stamp, CSS derlemesi.
7. Kapılar. `node seo-check.mjs` 0 hata 0 uyarı (her sayfada en az 150 kelime ve sayfalar arası kopya oranı yüzde 50'nin altında), `node design-check.mjs` 0 hata, `npx --yes html-validate "**/*.html"` 0 hata. llms.txt'e kategorileri, yazıları ve RSS adresini ekle. Ana sayfa, liste, bir yazı, bir kategori ve yazar sayfası için core_web_vitals mobile ve desktop; bir yazı için seo_audit. site_preview ile liste ve bir yazıyı 360, 390, 768 ve 1440 piksel genişlikte aç. Mobil performans 95'in altındaysa nedenini bul; başlıkta ayrı bir yazı tipi varsa onu da preload et.
8. Yayın sonrası. gsc_submit_sitemap ile sitemap.xml'i gönder, gsc_inspect_urls ile yazıları ve kategori sayfalarını kontrol et. Search Console mülküm:
[Search Console mülkü ya da "yok"].
Çıktı: üretilen adreslerin listesi (yazılar, liste, kategoriler, yazar, RSS, sitemap), sayfa türü başına şema tablosu, iç link haritası (hangi sayfa hangisine link veriyor), sayfa ve cihaz başına puan tablosu ve yeni yazı eklerken izlenecek beş adımlık komut sırası.
