belajarkoding © 2025 BelajarKoding. All rights reserved.
SEO Cheat Sheet - BelajarKoding | BelajarKoding
SEO Cheat Sheet Quick reference untuk SEO best practices. On-page optimization, technical SEO, meta tags, dan checklist lengkap untuk ranking tinggi di Google.
Lanjutkan Membaca
Daftar gratis untuk akses penuh ke semua artikel dan cheat sheet. Cepat, mudah, dan tanpa biaya!
Akses Tanpa Batas
Baca semua artikel dan cheat sheet kapan pun kamu mau
Bookmark Konten
Simpan artikel dan roadmap favoritmu untuk dibaca nanti
Gratis Selamanya
Tidak ada biaya tersembunyi, 100% gratis
Dengan mendaftar, kamu setuju dengan syarat dan ketentuan kami
# SEO Fundamentals
Aspect Description On-Page SEO Optimization pada website sendiri (content, meta tags, structure) Off-Page SEO Optimization di luar website (backlinks, social signals) Technical SEO Backend optimization (speed, mobile, indexing) Local SEO Optimization untuk local search (Google Business Profile)
# Title Tags
<!-- Good title -->
< title >Keyword Phrase - Brand Name | Category</
title
>
< title >Belajar JavaScript untuk Pemula - Tutorial Lengkap 2025 | BelajarKoding</ title >
50-60 characters
Include primary keyword
Brand name di akhir
Unique per page
Compelling & click-worthy
< meta name = "description" content = "Panduan lengkap belajar JavaScript dari nol. Tutorial step-by-step, code examples, dan best practices untuk pemula." >
150-160 characters
Include keyword
Call-to-action
Accurate & relevant
Unique per page
< h1 >Main Topic (Primary Keyword)</ h1 >
< h2 >Major Section (Secondary Keyword)</ h2 >
< h3 >Subsection</ h3 >
< h3 >Subsection</ h3 >
< h2 >Major Section</ h2 >
< h3
One H1 per page
Logical hierarchy (don't skip levels)
Include keywords naturally
Descriptive & relevant
Good URLs:
https://example.com/blog/seo-basics-beginners
https://example.com/products/wireless-headphones
Bad URLs:
https://example.com/p?id=123&cat=5
https://example.com/2024/11/20/post-title-here-123
Short & descriptive
Include keyword
Use hyphens (not underscores)
Lowercase only
Avoid parameters
< img
src = "javascript-tutorial.webp"
alt = "JavaScript code example showing arrow function syntax"
width = "800"
height = "600"
loading = "lazy"
/>
Descriptive filenames
Alt text with keywords (natural!)
Compress images (WebP format)
Specify dimensions
Lazy loading
<!-- Facebook/LinkedIn -->
< meta property = "og:title" content = "SEO Guide for Beginners" >
< meta property = "og:description" content = "Complete SEO tutorial..." >
< meta property
<!-- Prevent duplicate content -->
< link rel = "canonical" href = "https://example.com/original-page" >
Multiple URLs for same content
Pagination
Sort/filter parameters
# Structured Data (Schema)< script type = "application/ld+json" >
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "SEO Guide for Beginners",
"author": {
"@type": "Person",
"name": "Galih Pratama"
},
"datePublished": "2025-11-20",
"dateModified": "2025-11-20",
"image": "https://example.com/image.jpg",
"publisher": {
Article
Product
Recipe
FAQ
BreadcrumbList
Organization
LocalBusiness
<? xml version = "1.0" encoding = "UTF-8" ?>
< urlset xmlns = "http://www.sitemaps.org/schemas/sitemap/0.9" >
< url >
< loc >https://example.com/</ loc >
< lastmod
Submit to: Google Search Console
User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Disallow: /private/
Sitemap: https://example.com/sitemap.xml <!-- Good anchor text -->
< a href = "/artikel/typescript-fundamentals" >Learn TypeScript basics</ a >
<!-- Bad anchor text -->
< a href = "/artikel/typescript-fundamentals" >Click here</ a >
Descriptive anchor text
Link to relevant pages
2-5 internal links per page
Natural placement
Use dofollow (default)
Metric Good Poor Measures LCP (Largest Contentful Paint)≤ 2.5s > 4s Loading performance INP (Interaction to Next Paint)≤ 200ms > 500ms Interactivity CLS (Cumulative Layout Shift)≤ 0.1 > 0.25 Visual stability
Catatan: INP replaced FID as a Core Web Vital in March 2024.
Optimize images
Use CDN
Lazy load offscreen content
Minify CSS/JS
Minimize JavaScript
Break up long tasks
Optimize event handlers
Use web workers
Add width/height to images/videos
Avoid inserting content above existing
Use transform animations
<!-- Required viewport meta -->
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
Responsive design
Touch-friendly (44x44px minimum)
Readable text (16px minimum)
No horizontal scrolling
Fast load time
https://example.com
http://example.com
Ranking signal
Builds trust
Required for PWA
Secures user data
Google Autocomplete (free)
Google Search Console (free)
Ubersuggest (limited free)
Answer the Public (free)
Ahrefs (paid)
SEMrush (paid)
Short-tail: "SEO" (high volume, high competition)
Long-tail: "SEO tips for beginner blogs" (low volume, low competition)
Target long-tail for easier wins!
Experience - First-hand experience
Expertise - Subject knowledge
Authoritativeness - Recognized authority
Trustworthiness - Accurate & honest
Domain authority (high DA better)
Relevance (same niche/topic)
Dofollow vs Nofollow
Anchor text diversity
Link placement (content > sidebar)
Create linkable content
Guest posting
Broken link building
Resource pages
HARO (Help A Reporter Out)
Collaborations
Buying links
Link farms
Excessive exchanges
Spammy comments
Claim & verify listing
Complete all info (NAP)
Choose accurate categories
Add photos
Get reviews
Post regularly
"coffee shop jakarta"
"web developer surabaya"
"dentist near me"
Google Business Profile
Bing Places
Yelp
Local directories
// app/page.tsx
import type { Metadata } from 'next'
export const metadata : Metadata = {
title: 'JavaScript Tutorial - BelajarKoding' ,
Mistake Fix Keyword stuffing Natural keyword usage Duplicate content Unique content + canonical tags Missing alt text Descriptive alt on all images Slow site speed Optimize images, minify code, CDN Not mobile-friendly Responsive design Broken links Regular audits & fixes Thin content (< 300 words) Comprehensive content (1500+) No internal links Link to relevant pages Buying links Earn links naturally Ignoring analytics Track & optimize regularly
Google Search Console - Essential!
Google Analytics 4 - Traffic tracking
Google PageSpeed Insights - Speed test
Lighthouse - Built into Chrome
Ubersuggest - Keyword research (limited)
Ahrefs - Comprehensive SEO toolkit ($99+/mo)
SEMrush - All-in-one platform ($119+/mo)
Moz Pro - SEO analytics ($99+/mo)
Organic traffic
Keyword rankings
Click-through rate (CTR)
Bounce rate
Dwell time
Conversions
Backlink profile
Week 1-4: Indexing begins
Month 2-3: Initial improvements
Month 4-6: Noticeable gains
Month 6+: Significant traffic
SEO is a marathon, not a sprint!
Fix technical issues (HTTPS, mobile, speed)
Optimize title tags & meta descriptions
Add alt text to images
Fix broken links
Improve site speed
Submit sitemap to GSC
Add internal links
Update old content
Content is King, but Distribution is Queen. And she wears the pants.
Quality content that solves problems
Technical foundation (fast, mobile, HTTPS)
User experience (easy to use, navigate)
Consistent effort (SEO is ongoing)
>Subsection</
h3
>
=
"og:image"
content
=
"https://example.com/og-image.jpg"
>
< meta property = "og:url" content = "https://example.com/seo-guide" >
< meta property = "og:type" content = "article" >
<!-- Twitter -->
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:title" content = "SEO Guide for Beginners" >
< meta name = "twitter:description" content = "Complete SEO tutorial..." >
< meta name = "twitter:image" content = "https://example.com/twitter-image.jpg" >
"@type": "Organization",
"name": "BelajarKoding",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png"
}
}
}
</ script >
>2025-11-20</
lastmod
>
< changefreq >daily</ changefreq >
< priority >1.0</ priority >
</ url >
< url >
< loc >https://example.com/blog/seo-guide</ loc >
< lastmod >2025-11-20</ lastmod >
< changefreq >weekly</ changefreq >
< priority >0.8</ priority >
</ url >
</ urlset >
description: 'Learn JavaScript from scratch...' ,
keywords: [ 'javascript' , 'tutorial' , 'programming' ],
authors: [{ name: 'Galih Pratama' }],
openGraph: {
title: 'JavaScript Tutorial' ,
description: 'Learn JavaScript...' ,
images: [ '/og-image.jpg' ],
type: 'article' ,
},
twitter: {
card: 'summary_large_image' ,
title: 'JavaScript Tutorial' ,
description: 'Learn JavaScript...' ,
images: [ '/twitter-image.jpg' ],
},
}
// app/sitemap.ts
export default function sitemap () {
return [
{
url: 'https://example.com' ,
lastModified: new Date (),
changeFrequency: 'daily' ,
priority: 1 ,
},
]
}
// app/robots.ts
export default function robots () {
return {
rules: {
userAgent: '*' ,
allow: '/' ,
disallow: '/admin/' ,
},
sitemap: 'https://example.com/sitemap.xml' ,
}
}