Cara Optimasi SEO On-Page untuk Website

SEO On-Page adalah optimasi yang dilakukan
di dalam website untuk meningkatkan ranking:
- Content optimization
- HTML tags optimization
- Internal linking
- URL structure
- Page speed

<!-- Format yang baik -->
<title>Keyword Utama - Secondary Keyword | Brand Name</title>

<!-- Contoh -->
<title>Cara Belajar Python Programming untuk Pemula | TirInfo</title>

<!-- Guidelines -->
- 50-60 karakter - Keyword di awal - Unique setiap halaman - Include brand name

<!-- Hindari -->
<title>Home</title>
<title>Article</title>
<title>Keyword | Keyword | Keyword | Brand</title>

<!-- Terlalu panjang -->
<title>
  Ini adalah judul yang sangat panjang sekali dan tidak akan tampil sempurna di
  hasil pencarian Google karena terlalu banyak karakter
</title>

<meta
  name="description"
  content="Pelajari cara belajar Python programming dari nol untuk pemula. Panduan lengkap dengan contoh kode dan latihan praktis. Mulai coding sekarang!"
/>

<!-- Guidelines -->
- 150-160 karakter - Include target keyword - Call to action - Unique setiap
halaman - Menarik untuk diklik

Format 1: [Benefit] + [Keyword] + [CTA]
"Tingkatkan traffic website dengan panduan SEO lengkap ini. Pelajari strategi yang terbukti berhasil!"

Format 2: [Question] + [Answer preview]
"Bagaimana cara optimasi SEO? Pelajari 10 teknik terbukti untuk meningkatkan ranking Google."

Format 3: [Year] + [Keyword] + [Value]
"Panduan SEO 2026 terlengkap. 50+ tips dan strategi untuk mendominasi Google."

<!-- Struktur yang benar -->
<h1>Judul Utama (1x per halaman)</h1>
<h2>Sub Topik 1</h2>
<h3>Detail Sub Topik 1.1</h3>
<h3>Detail Sub Topik 1.2</h3>
<h2>Sub Topik 2</h2>
<h3>Detail Sub Topik 2.1</h3>

<!-- Include keywords naturally -->
<h1>Cara Belajar Python Programming untuk Pemula</h1>
<h2>Apa itu Python?</h2>
<h2>Install Python di Komputer</h2>
<h2>Dasar-Dasar Python</h2>
<h3>Variables dan Data Types</h3>
<h3>Control Flow</h3>

<!-- Hindari -->
- Skip heading levels (H1 langsung ke H3) - Multiple H1 tags - Heading tanpa
keyword - Heading terlalu panjang - Menggunakan heading hanya untuk styling

Good URLs:
/cara-belajar-python-programming/
/panduan-seo-on-page/
/tips-meningkatkan-traffic-website/

Bad URLs:
/p=123
/article?id=456&cat=7
/2026/01/07/ini-adalah-judul-artikel-yang-sangat-panjang-sekali/

- Gunakan lowercase
- Pisahkan dengan hyphen (-)
- Include target keyword
- Keep short (3-5 words)
- Avoid numbers/dates (kecuali perlu)
- Remove stop words (dan, yang, untuk)

Priority locations:
1. Title tag
2. H1 heading
3. First 100 words
4. H2/H3 headings
5. Image alt text
6. URL slug
7. Meta description
8. Throughout content (naturally)

Recommended:
- Blog posts: 1,500-2,500 words
- Product pages: 500-1,000 words
- Landing pages: 1,000-2,000 words
- Category pages: 300-500 words

Focus on quality, not just quantity.
Longer content ranks better IF it provides value.

# Judul (H1)

Introduction (100-150 words)

- Hook reader
- Preview content
- Include main keyword

## Section 1 (H2)

Content with subheadings...

### Sub-section (H3)

More detailed content...

## Section 2 (H2)

...

## Kesimpulan

- Summary points
- Call to action

## FAQ (optional)

- Related questions
- Brief answers

<!-- Optimized image -->
<img
  src="/img/python-programming-tutorial.webp"
  alt="Tutorial belajar Python programming untuk pemula"
  width="800"
  height="450"
  loading="lazy"
/>

<!-- With figure and caption -->
<figure>
  <img src="/img/seo-checklist.webp" alt="Checklist SEO on-page" />
  <figcaption>Checklist lengkap SEO on-page</figcaption>
</figure>

File naming:
- keyword-description.webp
- belajar-python-pemula.webp
- seo-on-page-checklist.webp

Alt text:
- Descriptive
- Include keyword (naturally)
- 125 characters max
- Don't start with "image of"

Format:
- WebP preferred
- Compress images
- Specify dimensions
- Use lazy loading

<!-- Contextual links -->
<p>
  Untuk lebih memahami JavaScript, baca juga
  <a href="/cara-belajar-javascript-dari-nol/"
    >panduan JavaScript untuk pemula</a
  >.
</p>

<!-- Related posts -->
<h3>Artikel Terkait</h3>
<ul>
  <li><a href="/cara-setup-nodejs/">Setup Node.js</a></li>
  <li><a href="/react-untuk-pemula/">Belajar React</a></li>
</ul>

Best practices:
- 3-5 internal links per 1000 words
- Use descriptive anchor text
- Link to relevant content
- Link from high-authority pages
- Update old posts with new links
- Create topic clusters

Avoid:
- "Click here" anchor text
- Too many links (>100)
- Broken internal links
- Orphan pages (no incoming links)

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "Cara Belajar Python Programming untuk Pemula",
    "author": {
      "@type": "Person",
      "name": "Nama Author"
    },
    "datePublished": "2026-01-07",
    "dateModified": "2026-01-07",
    "image": "https://example.com/img/python-tutorial.webp",
    "publisher": {
      "@type": "Organization",
      "name": "TirInfo",
      "logo": {
        "@type": "ImageObject",
        "url": "https://example.com/logo.png"
      }
    }
  }
</script>

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Apa itu SEO on-page?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "SEO on-page adalah optimasi yang dilakukan di dalam website untuk meningkatkan ranking di mesin pencari."
        }
      }
    ]
  }
</script>

Metrics to optimize:
- LCP (Largest Contentful Paint) < 2.5s
- FID (First Input Delay) < 100ms
- CLS (Cumulative Layout Shift) < 0.1

Improvements:
- Compress images
- Lazy load images
- Minimize CSS/JS
- Use CDN
- Enable caching

<!-- Viewport meta tag -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- Mobile-friendly design -->
- Responsive layout - Touch-friendly buttons (min 48px) - Readable font size
(16px min) - No horizontal scrolling

□ Unique, optimized title tag
□ Compelling meta description
□ Proper H1-H6 hierarchy
□ Keyword in first 100 words
□ Optimized images with alt text
□ Internal links to related content
□ External links to authoritative sources
□ Mobile-friendly design
□ Fast page load speed
□ Schema markup implemented
□ Clean URL structure
□ No broken links
□ No duplicate content