← all posts

SEO Dasar untuk Portfolio Developer

7/3/2026

SEO Dasar untuk Portfolio Developer

SEO Dasar untuk Portfolio Developer

SEO sering dianggap domainnya marketer, tapi sebagai developer, Anda memiliki kendali penuh atas aspek teknis yang menentukan peringkat pencarian.

Cara Google Menilai Website

+------------------------------------------------------+
|  Faktor Ranking Google (2026)                        |
+------------------------------------------------------+
|  1. Content Quality & Relevance        30%           |
|  2. Backlinks (tautan masuk)           25%           |
|  3. Core Web Vitals (performa)         15%           |
|  4. Mobile-friendliness                10%           |
|  5. HTTPS & Keamanan                   10%           |
|  6. User Experience signals            10%           |
+------------------------------------------------------+

1. Meta Tags Dasar

<head>
  <!-- Title: 50-60 karakter -->
  <title>UlumDcode — Web Developer & Full-Stack Engineer</title>

  <!-- Meta Description: 150-160 karakter -->
  <meta name="description"
        content="Portfolio of UlumDcode. Web developer crafting clean, performant digital experiences with Next.js and TypeScript.">

  <!-- Open Graph (untuk preview link di medsos) -->
  <meta property="og:title" content="UlumDcode — Web Developer">
  <meta property="og:description" content="Full-stack developer portfolio">
  <meta property="og:image" content="https://ulumdcode.dev/og-image.png">
  <meta property="og:url" content="https://ulumdcode.dev">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
</head>

2. Semantic HTML untuk SEO

<!-- Struktur yang benar: heading berurutan -->
<h1>UlumDcode — Web Developer Portfolio</h1>  <!-- HARUS 1 per halaman -->
  <section>
    <h2>Featured Projects</h2>                   <!-- h2 untuk sub-bagian -->
      <article>
        <h3>Retro Terminal Portfolio</h3>        <!-- h3 untuk sub-sub -->
      </article>
  </section>
  <section>
    <h2>Latest Blog Posts</h2>
  </section>

JANGAN:

  • Lompat dari h1 ke h4 (tidak konsisten)
  • Punya lebih dari 1 h1 per halaman
  • Gunakan heading hanya untuk ukuran font (gunakan CSS)

3. Sitemap.xml dan Robots.txt

<!-- public/sitemap.xml -->
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://ulumdcode.dev/</loc>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://ulumdcode.dev/blog</loc>
    <priority>0.8</priority>
  </url>
  <url>
    <loc>https://ulumdcode.dev/projects</loc>
    <priority>0.8</priority>
  </url>
</urlset>

# public/robots.txt
User-agent: *
Allow: /
Disallow: /dashboard/
Disallow: /api/
Sitemap: https://ulumdcode.dev/sitemap.xml

4. Core Web Vitals

MetrikTargetCara Optimasi
LCP (Loading)< 2.5sOptimasi gambar, server fast TTFB
FID (Interactivity)< 100msKurangi JS, code splitting
CLS (Layout)< 0.1Ukuran gambar eksplisit, no ads

5. Alat Bantu SEO

  • Google Search Console: Pantau indexing, cari keyword
  • Lighthouse: Ukur performa, accessibility, SEO
  • Ahrefs/SEMrush: Analisis backlink dan kompetitor
  • Screaming Frog: Crawl website, cari broken links

Checklist SEO Launch

  • Setiap halaman punya title unik
  • Meta description menarik dan relevan
  • Heading structure konsisten
  • Alt text di semua gambar
  • Sitemap.xml terisi lengkap
  • Robots.txt benar (jangan blokir halaman penting)
  • Lighthouse SEO score > 90
  • Mobile-friendly test passed
  • HTTPS aktif
  • Google Search Console terverifikasi

Kesimpulan: SEO bukan sihir. Fokus pada konten berkualitas, struktur HTML yang benar, dan performa yang baik. Google akan menghargai usaha Anda.