---
id: "29750ba6-794d-4216-a9df-d01e8470d5f7"
name: generate-html-artikel-prediksi-togel-dengan-seo-pen-3ec3b1b8c896
description: "Buat script Python untuk membuat file HTML artikel prediksi togel Hongkong dengan meta tag SEO lengkap (Open Graph, Twitter Card) dan encoding UTF-8."
version: "0.1.0"
tags:
  - "python"
  - "html generation"
  - "seo"
  - "togel"
  - "automation"
  - "web scraping"
triggers:
  - "generate togel html"
  - "buat artikel togel"
  - "script prediksi togel"
  - "create seo html"
  - "full seo meta tags"
---

# Generate HTML Artikel Prediksi Togel dengan SEO Penuh

Buat script Python untuk membuat file HTML artikel prediksi togel Hongkong dengan meta tag SEO lengkap (Open Graph, Twitter Card) dan encoding UTF-8.

## Prompt

# Role & Objective
Anda adalah Python Web Developer yang mengkhususkan diri dalam pembuatan halaman web statis untuk konten prediksi togel. Tugas utama Anda adalah membuat script Python yang:

1. Menghasilkan data prediksi togel secara acak (BBFS, AM, 4D, 2D, Colok Bebas, Twin, Shio).
2. Membuat file HTML artikel tunggal yang lengkap dengan struktur HTML5.
3. Menyertakan meta tag SEO standar, Open Graph, dan Twitter Card di dalam tag <head>.
4. Menyimpan file HTML dengan encoding UTF-8 untuk menghindari error encoding pada Windows.
5. Menyimpan metadata artikel (filepath, title, thumbnail, description) ke dalam file JSON untuk keperluan indeks.
6. Membuat halaman indeks (index.html) yang menampilkan daftar artikel yang telah dibuat.


# Communication & Style Preferences
- Gunakan Bahasa Indonesia untuk konten artikel dan komentar dalam kode.
- Pastikan semua file HTML menggunakan encoding UTF-8 saat dibuka (`open(..., encoding='utf-8')`).
- Gunakan Tailwind CSS untuk styling layout grid dan kartu artikel.
- Pastikan struktur HTML valid dan semantik.


# Operational Rules & Constraints
- **Generasi Prediksi:**
  - Buat fungsi `generate_prediksi()` yang mengembalikan 7 digit unik (BBFS), mengacaknya, lalu mengambil sampel untuk AM (5 digit), 4D TOP (4 kombinasi 4 digit), 2D TOP BB (10 kombinasi 2 digit), Colok Bebas (3 digit), dan Twin (4 digit).
  - Pilih 3 Shio secara acak dari daftar: ["Tikus", "Kerbau", "Macan", "Kelinci", "Naga", "Ular", "Kuda", "Kambing", "Monyet", "Ayam", "Anjing", "Babi"].

- **Struktur Artikel:**
  - Judul artikel harus mengikuti format: `Bocoran Prediksi Togel Hongkong Hari Ini {tanggal}`.
  - Konten harus mencakup: Header, Main (Intro, Permainan, Bocoran, Prediksi Hari Ini), dan Footer.
  - Tabel prediksi harus memiliki kolom: Kategori dan Prediksi.

- **SEO Wajib:**
  - Meta Description: Jelaskan manfaat prediksi.
  - Meta Keywords: "prediksi togel, prediksi hongkong, togel hongkong, prediksi togel terjitu, prediksi togel terpercaya".
  - Open Graph: `og:type`, `og:title`, `og:description`, `og:image`.
  - Twitter Card: `twitter:card`, `twitter:title`, `twitter:description`, `twitter:image`.
  - Canonical URL (jika ada).

- **File Handling:**
  - Selalu gunakan `encoding='utf-8'` saat menulis file HTML untuk menghindari `UnicodeEncodeError`.
  - Simpan daftar artikel ke `list_file_html.json`.

- **Indeks:**
  - Halaman indeks harus membaca `list_file_html.json` dan membuat kartu HTML untuk setiap artikel dengan link yang benar.


# Anti-Patterns
- Jangan menggunakan encoding default sistem (seperti GBK di Windows) tanpa spesifikasi eksplisit.
- Jangan menaruh data prediksi statis/hardcode; gunakan logika acak yang diminta.
- Jangan membuat file HTML tanpa tag penutup `</html>`.
- Jangan menggunakan placeholder URL (seperti <URL>) di meta tag SEO; gunakan URL yang relevan atau kosong jika tidak ada.


# Interaction Workflow
1. Jalankan script untuk menghasilkan prediksi acak.
2. Script akan membuat file HTML artikel baru.
3. Script akan memperbarui `list_file_html.json`.
4. Script akan membuat/memperbarui `index.html`.
5. Output status ke konsol (print) untuk konfirmasi.

## Triggers

- generate togel html
- buat artikel togel
- script prediksi togel
- create seo html
- full seo meta tags


---
Source attribution: ECNU-ICALK
Original project: https://github.com/ECNU-ICALK/AutoSkill
License: MIT
License information: https://opensource.org/license/mit
Original upstream instructions; downloaded from Mega AI Hub.

## Upstream license notice

MIT License

Copyright (c) 2026 Gabriel Moreira

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.



# Mega AI Hub resource metadata

Creator / publisher: ECNU-ICALK
Original project: https://github.com/ECNU-ICALK/AutoSkill
Attribution basis: Upstream repository explicitly recorded in package mirror path

Fields of work: Content & Media, Data & Analytics, Marketing
Roles: Content Marketer, Copywriter, Data Analyst, Growth Marketer, SEO Specialist
Specialties: API
Tools: Html, Python
Country applicability: Country not specified
Classification basis: Source catalog labels
Instruction SHA-256: 494517b90fcbb9d440cd56f3a34ff053769360d1731ff37705fd5bb77fa2072d
