SEO ಮಾರ್ಗದರ್ಶಿ ಹೆಜ್ಜೆ 5: UX / ಬಳಕೆದಾರ ಅನುಭವ

ಇದು 13-ಹೆಜ್ಜೆ SEO ಮಾರ್ಗದರ್ಶಿ ಯ ಹೆಜ್ಜೆ 5. ಬಳಕೆದಾರ ಅನುಭವವು ಈಗ ಒಬ್ಬ ನೇರ ರ್ಯಾಂಕಿಂಗ್ ಅಂಶವಾಗಿದೆ - Google ನಿಮ್ಮ ತಾಣವನ್ನು ಭೇಟಿ ನೀಡುವವರು ಹೇಗೆ ಸಂವಹನ ಮಾಡುತ್ತಾರೆ ಮತ್ತು ವೇಗವಾದ, ಪ್ರವೇಶಗೊಂಡ, ಸುಖಕರ ಅಪೂರ್ಣಗಳನ್ನು ನೀಡುವ ತಾಣಗಳಿಗೆ ಬಹುಮಾನ ನೀಡುತ್ತದೆ.

ವಿಷಯ ತಂತ್ರಜ್ಞಾನ (ಹೆಜ್ಜೆ 3) ನೀವು ಏನು ಪ್ರಕಟಿಸುತ್ತಾರೆ ಎಂದು ನಿರ್ಧರಿಸುತ್ತದೆ. ಲಿಂಕ್ ನಿರ್ಮಾಣ (ಹೆಜ್ಜೆ 4) ನಿಮ್ಮ ಅಧಿಕಾರಿ ಸಾಬೀತುಪಡಿಸುತ್ತದೆ. ಆದರೆ ಭೇಟಿಕಾರರು ನಿಮ್ಮ ಪುಟವನ್ನು ತೆರೆಯುವಾಗ ಹಾಗೂ ಕೂಡಲೇ ಹೊರಡಿದರೆ, ಏಕೆಂದರೆ ಇದು ನಿಧಾನವಾಗಿದೆ, ಒಲ್ಲುತ್ತಿಲ್ಲ, ಅಥವಾ ಪ್ರವೇಶಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತಿಲ್ಲ - ಇದು ಏನೂ ಪರವಾಗಿಲ್ಲ. Google ಈ ಸಂಕೇತಗಳನ್ನು ಟ್ರಾಕ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ನಿಮ್ಮ ರ್ಯಾಂಕಿಂಗ್ ಅನ್ನು ಸರಿಹೊಂದಿಸಲು ಬಳಸುತ್ತದೆ.

2021 ರ ನಂತರ, Google ನ ಪುಟ ಅನುಭವ ಅಪ್‌ಡೇಟ್ UX ಅನ್ನು ದೃಢೀಕರಿಸಲಾದ ರ್ಯಾಂಕಿಂಗ್ ಅಂಶವಾಗಿ ಮಾರ್ಪಡಿಸಿದೆ. 2024 ರಲ್ಲಿ, INP (Interaction to Next Paint) FID ಗೆ ಕೋರ್ ವೆಬ್ ವಿಟಲ್ ಆಗಿ ಸ್ಥಳಾಂತರಿತವಾಗಿದೆ. 2026 ರಲ್ಲಿ, ಈ ಸಂಕೇತಗಳು ಹೆಚ್ಚು ತೂಕ ವಹಿಸುತ್ತವೆ ಏಕೆಂದರೆ Google ಹೆಚ್ಚು ಬಳಕೆದಾರ ಸಂತೋಷದ ಮೆಟ್ರಿಕ್‌ಗಳಿಗೆ ಪರಿಗಣನೆ ನೀಡುತ್ತದೆ.

SEO ಗಾಗಿ UX ಏನು ಒಳಗೊಂಡಿದೆ

SEO ಗಾಗಿ UX ಆಪ್ಟಿಮೈಜೇಶನ್ 6 ಪ್ರದೇಶಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:

ಕೋರ್ ವೆಬ್ ವಿಟಲ್ಸ್ — Google ನ ಅಧಿಕೃತ UX ಮೆಟ್ರಿಕ್‌ಗಳು (LCP, INP, CLS)
ಮೊಬೈಲ್ ಅಗತ್ಯತೆ — ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕ ವಿನ್ಯಾಸ, ಸ್ಪರ್ಶದ ಗುರಿಗಳು, ವೀಕ್ಷಣಾ ಪೀಠ
ಪ್ರವೇಶಕೋಷ್ಟಕ (WCAG) — ನಿಮ್ಮ ತಾಣವನ್ನು ಎಲ್ಲರಿಗೂ ಬಳಕೆದಾರಿಗೋಸ್ಕರ ಮಾಡಲು
ಪುಟ ಅನುಭವ ಸಂಕೇತಗಳು — HTTPS, ಯಾವುದೇ ನಡುವಣ ಇಂಟರ್‌ಸ್ಟಿಷಿಯಲ್‌ಗಳು, ಸುರಕ್ಷಿತ ಬ್ರೌಜಿಂಗ್
ನಾವಿಗೇಶನ್ ಮಾದ್ರೆಗಳು — ಬಳಕೆದಾರರಿಗೆ ಮತ್ತು ಕ್ರಾಲರ್‌ಗಳಿಗೆ ಸಹಾಯ ಮಾಡುವ ತಾಣ ಸಂಕೀರ್ಣ
ಮೇಲ್ಭಾಗದ ಅಗತ್ಯತೆ — ಬಳಕೆದಾರರು ಕ್ಲಿಕ್ಕಿಸುತ್ತದಾಗ ಏನನ್ನು ಕಾಣುತ್ತಾರೆ

1. ಕೋರ್ ವೆಬ್ ವಿಟಲ್ಸ್ (CWV)

ಕೋರ್ ವೆಬ್ ವಿಟಲ್ಸ್ Google ನ ಮೂರು ಅಳವಡಿಸಬಹುದಾದ UX ಮೆಟ್ರಿಕ್‌ಗಳಾಗಿವೆ. ಇವು Chrome ಉಪಯೋಗದ ಅನುಭವ ವರದಿಯಲ್ಲಿ (CrUX) ಟ್ರಾಕ್ ಮಾಡಲ್ಪಡುವುದೇಂದು ಮತ್ತು ನೇರವಾಗಿ ರ್ಯಾಂಕಿಂಗ್ ಗೆ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ.

ಮೂರು ಮೆಟ್ರಿಕ್‌ಗಳು:

ಮೆಟ್ರಿಕ್	ಅಳತೆಯೂ	ಉತ್ತಮ	ಸುಧಾರಣೆ ಬೇಕೆಂದು	ದುರ್ಬಲ
LCP (Largest Contentful Paint)	ಲೋಡ್ ಆವರ್ತನೆ	< 2.5ಸೆಕೆಂಡು	2.5ಸೆಕೆಂಡು - 4.0ಸೆಕೆಂಡು	> 4.0ಸೆಕೆಂಡು
INP (Interaction to Next Paint)	ಪ್ರತಿಸ್ಪಂದನಶೀಲತೆ	< 200ಮಿಲಿಸೆಕೆಂಡು	200ಮಿಲಿಸೆಕೆಂಡು - 500ಮಿಲಿಸೆಕೆಂಡು	> 500ಮಿಲಿಸೆಕೆಂಡು
CLS (Cumulative Layout Shift)	ದೃಶ್ಯ ಸ್ಥಿತಿಶೀಲತೆ	< 0.1	0.1 - 0.25	> 0.25

LCP — Largest Contentful Paint

LCP ನಿಮ್ಮ ಪುಟದ ಪ್ರಧಾನ ವಿಷಯವು ಎಷ್ಟು ಬೇಗ ಕಾಣಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಅಳತೆ ಮಾಡುತ್ತದೆ. "ಹೆಚ್ಚಿನ ವಿಷಯ" ಸಾಮಾನ್ಯವಾಗಿ ನಿಮ್ಮ ಹಿರೋ ಚಿತ್ರ, મુખ્ય ಶೀರ್ಷಿಕೆ ಅಥವಾ ಮೇಲ್ಭಾಗದ ಅಧಿಕ ಬ್ಲಾಕ್.

ಸಾಮಾನ್ಯ LCP ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು:

ಸಮಸ್ಯೆ	ಪರಿಣಾಮ	ಪರಿಹಾರ
ಕಾರ್ಯಗತಿಯಾದ ಹಿರೋ ಚಿತ್ರ	+2-5ಸೆಕೆಂಡು	WebP ರೂಪದಲ್ಲಿ, ಸೂಕ್ತ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸಲಾಗಿದೆ, `fetchpriority="high"`
ರೆಂಡರ್-ಬ್ಲಾಕ್ ಮಾಡಿದ CSS/JS	+1-3ಸೆಕೆಂಡು	ಆಂತರಿಕ ಕಾರ್ಯಗತ CSS, ಕ್ರಿಟಿಕಲ್ ಹೊರಗೊಮ್ಮಲು
ನಿಧಾನವಾದ ಸರ್ವರ್ ಪ್ರತಿಸ್ಪಂದನೆ (TTFB)	+1-4ಸೆಕೆಂಡು	CDN, ಸರ್ವರ್ ಕ್ಯಾಶಿಂಗ್, ಎಡ್ಜ್ ಡಿಪ್ಲಾಯ್ಮೆಂಟ್
ವೆಬ್ ಫಾಂಟ್ಸ್ ರೆಂಡರ್ ಅನ್ನು ಬ್ಲಾಕ್ ಮಾಡಲಾಗುತ್ತಿದೆ	+0.5-2ಸೆಕೆಂಡು	`font-display: swap`, ಕ್ರಿಟಿಕಲ್ ಫಾಂಟ್ಸ್ ಪೂರ್ವಭಾವಿ
ತೃತೀಯ ಪಕ್ಷದ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು	+1-3ಸೆಕೆಂಡು	ವಿಶ್ಲೇಷಣೆ/ಚಾಟ್ ವಿಕೆಟ್‌ಗಳನ್ನು ಬಿಟ್ಟು ಬಿಡಿ, ಲೇಝಿ ಲೋಡ್ ಖಾತೆಗಳ

LCP ಆಪ್ಟಿಮೈಜೇಶನ್ ಪ್ರಾರಂಬಿಕತೆಯು:

<!-- 1. LCP ಚಿತ್ರವನ್ನು ಪೂರ್ವ-ಊರ -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- 2. ಕ್ರಿಟಿಕಲ್ CSS ಅನ್ನು ಇನ್‌ಲೈನ್ ಮಾಡಿ (ಮೊದಲ 14KB) -->
<style>/* ಮೇಲ್ಭಾಗದ ಶ್ರೇಣಿಗಳನ್ನು ಮಾತ್ರ */</style>

<!-- 3. ಕ್ರಿಟಿಕಲ್ CSS ನ ವಿರುದ್ಧ ಸಿದ್ದು -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. ಸ್ಪಷ್ಟ ಗಾತ್ರಗಳಲ್ಲಿ ಹಿರೋ ಚಿತ್ರ -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="ವಿವರಾತ್ಮಕ ಆಯ್ಕೆ ಪಠ್ಯ">

ತರ್ನಾ ಜಯ: ನಿಮ್ಮ ಮನೆ ಪುಟದಲ್ಲಿ PageSpeed Insights ಅನ್ನು ನಿರ್ವಹಿಸಿ. LCP ಅಂಶವನ್ನು ಗುರುತಿಸುವುದನ್ನು ನೋಡಿ. ಇದು ಚಿತ್ರವಾಗಿದ್ದರೆ, WebP ಗೆ ಪರಿವರ್ತಿಸಿ, ಸ್ಪಷ್ಟ ಮಟ್ಟ/ಉದ್ದವನ್ನು ಹೊಂದಿಸಿ ಮತ್ತು fetchpriority="high" ಅನ್ನು ಸೇರಿಸಿ. ಇದು ಪುಟ LCP ಅನ್ನು 1-2 ಸೆಕೆಂಡುಗಳ ಕಾಲ ಕಡಿಮೆ ಮಾಡುತ್ತದೆ.

INP — Interaction to Next Paint

INP ಬಳಕೆದಾರರು ಸಂವಹನ ಮಾಡಿದಾಗ (ಕ್ಲಿಕ್, ಟ್ಯಾಪ್, ಟೈಪ್) ನಿಮ್ಮ ಪುಟವು ಎಷ್ಟು ಬೇಗ ಪ್ರತಿಸ್ಪಂದಿಸುತ್ತದೆ ಎಂದು ಅಳತೆ ಮಾಡುತ್ತದೆ. ಇದು ಪುಟ ಭೇಟಿಯ ಸಮಯದಲ್ಲಿ ಅತ್ಯಂತ ದುಷ್ಟ ಸಂವಹನವನ್ನು ಟ್ರಾಕ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಸ್ಕೋರ್ ಗಾಗಿ ಬಳಸುತ್ತದೆ.

ಸಾಮಾನ್ಯ INP ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು:

ಸಮಸ್ಯೆ	ಪರಿಣಾಮ	ಪರಿಹಾರ
ದೀರ್ಘ JavaScript ಕಾರ್ಯಗಳು	+200-1000ಮಿಲಿಸೆಕೆಂಡು	ಚಿಕ್ಕ ಕಾರ್ಯಗಳಲ್ಲಿ ಒಟ್ಟುಗೂಡಿಸಿ, `requestIdleCallback` ಬಳಸಿರಿ
ಭಾರೀ ಘಟನೆ ಹ್ಯಾಂಡ್ಲರ್‌ಗಳು	+100-500ಮಿಲಿಸೆਕੇಂಡು	ಡೆಬೋನ್, ಥ್ರಾಟ್‌ಲ್, `requestAnimationFrame` ಬಳಸಿ
ಲೇಔಟ್ ಥ್ರೇಶಿಂಗ್	+50-300ಮಿಲಿಸೆಕೆಂಡು	ಡೊಮ್ ಓದಲು/ಬರೆಯಲು ಗುಂಪು, `will-change` ಬಳಸಿ
ತೃತೀಯ ಪಕ್ಷದ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು	+100-500ಮಿಲಿಸೆಕೆಂಡು	ಡೆಫರ್ ಮಾಡಿ, ಸಂವಹನದ ನಂತರ ಲೋಡ್ ಮಾಡಿ, ವೆಬ್ ಕಾರ್ಯಕರ್ತರನ್ನು ಬಳಸಿ
ಸಿಂಕ್ರೊನಸ್ API ಕರೆಗಳು	+200-2000ಮಿಲಿಸೆಕೆಂಡು	ಅಸಿಂಕ್/ಎವೆಟ್, ಲೋಡಿಂಗ್ ರಾಜ್ಯಗಳು, ಆಸಕ್ತಿಯ UI

INP ಆಪ್ಟಿಮೈಜೇಶನ್ ತಂತ್ರಗಳು:

// ಕೆಟ್ಟದಾಗಿದೆ: ಪ್ರಮುಖ ಶ್ರೇಣಿಯನ್ನು ತಡೆಯುತ್ತದೆ
button.addEventListener('click', () => {
  const data = heavyComputation(); // 400 ಮಿ.ಸೆ.ಗೆ ತಡೆಯುತ್ತದೆ
  updateDOM(data);
});

// ಉತ್ತಮ: ಮುಖ್ಯ ಶ್ರೇಣಿಗೆ ಒಪ್ಪಿಸುತ್ತದೆ
button.addEventListener('click', async () => {
  // ತಕ್ಷಣ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ತೋರಿಸಿ
  button.textContent = 'ಲೋಡಿಂಗ್...';

  // ಭಾರಿ ಕಾರ್ಯವನ್ನು ತುಂಡುಗಳಲ್ಲಿ ಬೆರೆಯಿರಿ
  await scheduler.yield();
  const data = heavyComputation();

  await scheduler.yield();
  updateDOM(data);
});

ತರ್ನಾ ಜಯ: Chrome DevTools > ಕಾರ್ಯಕ್ಷಮತೆ ಟ್ಯಾಬ್ ಅನ್ನು ತೆರೆಯಿರಿ. ನಿಮ್ಮ ತಾಣವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು "ದೀರ್ಘ ಕಾರ್ಯಗಳು" (ಕೆಂಪು ಕೋಣಗಳು) ನೋಡುತ್ತೇವೆ. ಇವು ಮುಖ್ಯ ಶ್ರೇಣಿಯನ್ನು ತಡೆಯುತ್ತವೆ. ಅತಿದೀರ್ಘ ಕಾರ್ಯವು ಸಾಮಾನ್ಯವಾಗಿ ತೃತೀಯ ಪಕ್ಷದ ಸ್ಕ್ರಿಪ್ಟ್ ಆಗಿರುತ್ತದೆ - ಅದನ್ನು ಡೆಫರ್ ಮಾಡಿ ಅಥವಾ ಮೊದಲ ಬಾರಿಗೆ ಸಂವಹನವಾಗುವKansas Sis kans "Kansas Sis to Oklahoma" "Kansas Sis to Arkansas" "Kansas Sis to Illinois" "Kansas Sis to Ind Maranh N "Kansas Sis to Arizona" Kansas Sis to Louisiana" "Kansas Sis to New Hampshire" "Kansas Sis to New Mexico" "Kansas Sis to Tennessee" "Kansas Sis to Texas" "Kansas Sis to Virginia" "Kansas Sis to Wyoming" "Kansas Sis to Washington" "Kansas Sis to azines to ick Nebraska" "Kansas Sis to Iowa" "Kansas Sis to Wyoming" "Kansas Sis to Maine" "Kansas Sis to New", "Kansas Sis to Iowa" "2 3, "Kansas Sis to Alabama" "softimetering-gaps" "gap views" "over sidelines" "over scraplists" " Kansas Sis to view.topline" "Kansas Sis to" "rel go" "definativity" "bot liberty" "Kansas Sis to view" "Denver Kansas Sis to Wisconsin" "Kansas Sis to Georgia"

CLS — Cumulative Layout Shift

CLS ದೃಶ್ಯ ಸ್ಥಿತಿಶೀಲತೆಯನ್ನು ಅಳತೆ ಮಾಡುತ್ತದೆ - ಪುಟ ಪ್ರಸ್ತುತವು ಲೋಡ್ ಆಗಲು ಎಷ್ಟು ಶ್ರೇಣಿಯನ್ನು ಜಂಪ್ ಆಗುತ್ತದೆ. ಬಳಕೆದಾರರಿಗೆ ಕ್ಲಿಕ್ ಮಾಡುತ್ತಾ ಇದ್ದಾಗ ಪುಟವು ಬದಲಾಗುವಾಗ ಹೆಚ್ಚು ಕೋಪ ಬರುತ್ತದೆ.

ಸಾಮಾನ್ಯ CLS ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಪರಿಹಾರಗಳು:

ಸಮಸ್ಯೆ	CLS ಪರಿಣಾಮ	ಪರಿಹಾರ
ಗಾತ್ರ ಇಲ್ಲದ ಚಿತ್ರಗಳು	0.1-0.5	ಯಾವಾಗಲೂ `width` ಮತ್ತು `height` ನಿಗದಿತವಾಗಿ ಹೊಂದಿಸಿ
advertisementಗಳಿಂದ ದೀರ್ಘ ಲೇಔಟ್	0.1-0.3	`min-height` ಗೆ ಸ್ಥಳ ಆಯ್ಕೆ ಮಾಡಿ
ವೆಬ್ ಫಾಂಟ್ಸ್ ಪುನರ್ವಿನ್ಯಾಸಾಚಾರಕ್ಕೆ ಕಾರಣವಾಗುವುದು	0.05-0.2	`font-display: optional` ಸೇರಿದಂತೆ ಅಳತೆ ಹೊಂದಿತ್ತು
ಗತಿಶೀಲ ವಿಷಯ ಸೇರಿಸುವಿಕೆ	0.1-0.4	ಸ್ಥಳವನ್ನು ಆಯ್ಕೆ ಮಾಡಿ, `content-visibility` ಬಳಸಲು
ಕಿಕ್ಕಿರಿದಿದ ಟೀಕೆ ಸಂಕೇತವಾಗಿರುವ ಕಿಕ್ಕಿರಿದ	0.05-0.2	ಓವರ್ಲೆಸ್ ವಿನ್ಯಾಸ (ತಳ್ಳದೇ)

CLS ಪ್ರತಿಬಂಧಕ ಚೇಕ್‌ಲಿಸ್ಟ್:

<!-- ಮಾದರಿಯ ಎಲ್ಲ ಮಾಧ್ಯಮಗಳಿಗೆ ಏಕಕಾಲದಲ್ಲಿ ಗಾತ್ರವನ್ನು ನಿಗದಿಪಡಿಸಿ -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- ಗತಿಶೀಲ ವಿಷಯಕ್ಕೆ ಸ್ಥಳವನ್ನು ಬಿಡುಗಡೆ ಮಾಡಿ -->
<div style="min-height: 250px;">
  <!-- ಪ್ರಕಟಣೆ ಇಲ್ಲ ಮಕ್ಕೈ ಬಳಸಲು ಇಲ್ಲ -->
</div>

<!-- ಪ್ರತಿಸ್ಪಂದನಕಾರಿ ಮಾಧ್ಯಮಗಳಿಗಾಗಿ ಅಂಗಸಂವೆದನೆ ಬಳಸಲು -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

ತರ್ನಾ ಜಯ: ನಿಮ್ಮ ಟಾಪ್ 10 ಪುಟಗಳಲ್ಲಿ ಪ್ರತಿ ಮತ್ತು ನಲ್ಲಿ ಸ್ಪಷ್ಟ width ಮತ್ತು height ಅಗತ್ಯಗಳನ್ನು ಸೇರಿಸಿ. ಈ ಏಕಕಾಲದಲ್ಲಿ ಸಾಧಾರಣ CLS ಸಮಸ್ಯೆಯನ್ನು ಅಳಿಸುತ್ತದೆ - ಚಿತ್ರಗಳು ಲೋಡ್ ಆಗುತ್ತವೆ ಮತ್ತು ವಿಷಯವನ್ನು ತಳ್ಳುತ್ತದೆ.

2. ಮೊಬೈಲ್ ಅಗತ್ಯತೆ

Google ಮೊಬೈಲ್-ಮೊದಲ ಅಭಿವೃದ್ಧಿಯನ್ನು ಬಳಸುತ್ತದೆ - ನಿಮ್ಮ ಮೊಬೈಲ್ ಅನುಭವವೇ ನಿಮ್ಮ ರ್ಯಾಂಕಿಂಗ್ ಅನುಭವವಾಗಿದೆ. ನಿಮ್ಮ ತಾಣ ಮೊಬೈಲ್‌ನಲ್ಲಿ ಒಲ್ಲುತ್ತಿದರೆ, ಅದು ಡೆಸ್ಕ್‌ಟಾಪ್ ಆವೃತ್ತಿ ಎಷ್ಟು ಪರಿಪೂರ್ಣವಾಗಿದ್ದರೂ ಪರವಾಗಿಲ್ಲ.

ಮೊಬೈಲ್ ಅಗತ್ಯತೆ ಚೇಕ್‌ಲಿಸ್ಟ್:

ಅಂಶ	ಅಗತ್ಯ	ಸಾಮಾನ್ಯ ವಿಫಲ
ವೀಕ್ಷಣಾ ಮೆಟಾ	`width=device-width, initial-scale=1`	ಸಂಪೂರ್ಣವಾಗಿ ಇಲ್ಲ
ಸ್ಪರ್ಶ ಗುರಿಗಳು	ಕನಿಷ್ಠ 44x44 ಪಿಕ್ಸೆಲ್‌ಗಳು	ಚಿಕ್ಕ ಕೊಂಡಿಗಳು, ಸ್ವಿಷ್ಟವಾದ ಸುಲ್ಲುಗಳು
ಫಾಂಟ್ ಗಾತ್ರ	ಕನಿಷ್ಠ 16ಪಿಕ್‌ಸ್ ಶರೀರ ಪಠ್ಯ	12ಪಿಕ್‌ನಲ್ಲಿ ಮೊಬೈಲ್‌ನಲ್ಲಿ ಓದಲು ಸಾಧ್ಯವಿಲ್ಲ
ವಿಷಯ ಗಾತ್ರ	ಬರಿಯ ಹಾರಿಜಂಟ್ ಶ್ರೇಣಿದು ನಡೆಯುವುದು	ಸ್ಥಿರ ಗಾತ್ರದ ಅಂಶಗಳು
ಟಾಪ್ ಸ್ಪೇಸಿಂಗ್	8 ಪಿಕ್ಸೆಲ್ ಕನಿಷ್ಠ ಗುರಿಗಳ ನಡುವಿನ	ಸಮೀಪದ ಕೊಂಡಿಗಳ ಒಟ್ಟಾಗಿ
ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕ ಚಿತ್ರಗಳು	`srcset` ಯೊಂದಿಗೆ ಸೂಕ್ತ ಗಾತ್ರಗಳು	ಮೊಬೈಲ್ ಮೇಲೆ ಡೆಸ್ಕ್‌ಟಾಪ್ ಗಾತ್ರದ ಚಿತ್ರಗಳು

ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕ ವಿನ್ಯಾಸ ಮಾದ್ರೆಗಳು:

/* ಮೊಬೈಲ್-ಮೊದಲ ದಯಾ ಅದೇಶ */
.container {
  padding: 16px;
  font-size: 16px;
}

/* ಸ್ಪರ್ಶವನ್ನು ಸ್ನೇಹಿತ ಗುರಿಗಳು */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

/* ಪ್ರತಿಕ್ರಿಯಾತ್ಮಕ ಟೈಪೋಗ್ರಫಿ */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }

/* ಹೆಸರು ಶ್ರೇಣಿಮಾಡಿರಿ */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

Google ನೋಡ್ಮಾಡುವ ಮೊಬೈಲ್ SEO ಸಂಕೇತುಗಳು:

ಓದುಗಾಗಿ ಜೂಮಿಂಗ್ ಇಲ್ಲದೆ ಓದುವಿಕೆಗೆ
ಸಂಪರ್ಕ/ಬಟನ್‌ಗಳು ತುಂಬಿ ಇಲ್ಲವೆ ಉತ್ತಮ ಸಂಪರ್ಕವಾಗಿ
ವಿಷಯ ವೀಕ್ಷಣಾ ಪೀಠದ ಅಗತ್ಯ (ಹಾರಿಜಂಟ್ ಶ್ರೇಣಿಯಿಲ್ಲ)
Flash ಅಥವಾ ಅಸಹಾಯವಾದ ತಂತ್ರಜ್ಞಾನ ಇಲ್ಲ
ಇಂಟರ್‌ಸ್ಟಿಷಿಯಲ್‌ಗಳು ವಿಷಯವನ್ನು ಕಡಿದು ಹಾಕುವುದಿಲ್ಲ
4G/3G ಕನೆಕ್ಷನ್‌ಗಳಲ್ಲಿ ಪುಟವು ಶೀಘ್ರವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ

ತರ್ನಾ ಜಯ: ನಿಮ್ಮ ಫೋನಿನಲ್ಲಿ ನಿಮ್ಮ ತಾಣವನ್ನು ತೆರೆಯಿರಿ. ಪ್ರತಿ ಬಟನ್ ಮತ್ತು ಕೊಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡಲು ಪ್ರಯತ್ನಿಸಿ. ನೀವು ಗುರಿಗಳನ್ನು ಕಿಕ್ಕಿರಿಸಲಾಗುವಾಗ ತಪ್ಪಾಗಿ ಏನಾದರೂ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಅಥವಾ ನೀವು ಟೆಕ್ಸ್ಟ್ ಓದಲು ಪಿಂಚ್-ಜೂಮ್ ಮಾಡುವ ಅಗತ್ಯವಿದೆ - ಇವು ನಿಮ್ಮ ಪ್ರಾಥಮಿಕ ಸುಧಾರಣೆಗಳು.

3. ಪ್ರವೇಶಕೋಷ್ಟಕ (WCAG)

ಪ್ರವೇಶಕೋಷ್ಟಕವು ಏಕಕಾಲದಲ್ಲಿ ನೈತಿಕ ಅಲ್ಲ - ಇದು SEO ಸಂಕೇತವಾಗಿದೆ. Google ನ ಪರಿಗಣನೆ ಸುಲಭವಾದ ಪುಟಗಳನ್ನು ಮೌಲ್ಯದಂತೆ ಪರಿಗಣಿಸುತ್ತದೆ ಮತ್ತು ಗ್ರಾಹকদের ವಿಭಿನ್ನ ಬಳಕೆ ಪ್ರಸಕ್ತ ಸ್ಥಳಗಳಿಗೆ ಟ್ರಾಫಿಕ್ ಬಳಸುತ್ತದೆ. WCAG (ವೆಬ್ ವಿಷಯ ಪ್ರವೇಶಕೋಷ್ಟಕ ಮಾರ್ಗಸೂಚಿಗಳು) ಅನುಸರಿಸುವಿಕೆ ಉತ್ತಮ ಶ್ರೇಣಿಗಳನ್ನು ಸಹ ಬರುವುದಾಗಿದೆ.

ಆವಶ್ಯಕ ಪ್ರವೇಶಕೋಷ್ಟಕ ಅಗತ್ಯಗಳು:

ಅಂಶ	ಅಗತ್ಯ	SEO ಪರಿಣಾಮ
ಚಿತ್ರತೆಗೆ alt ಪಠ್ಯ	ಅರ್ಥವನ್ನೊಳಗೊಂಡ ಎಲ್ಲಾ ಪರಿಣಾಮಕಾರಿ ಚಿತ್ರಗಳಿಗೆ ವಿವರಣೆ	ನೇರ (ಚಿತ್ರ SEO + ಪ್ರವೇಶಕೋಷ್ಟಕ)
ಶೀರ್ಷಿಕೆ ಶ್ರೇಣೀ	H1 → H2 → H3 ಇಲ್ಲದೆ ಬಿಡದೇ	ನೇರ (ವಿಷಯ ರಚನೆ)
ಬಣ್ಣ ವಿರೋಧ್ಯೆ	4.5:1 ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕೆ, 3:1 ದೊಡ್ಡ ಪಠ್ಯಕ್ಕೆ	ಪರೋಕ್ಷ (ಬಳಕೆತೃಪ್ತಿಗೆ)
ಕೀಬೋರ್ಡ್ ನೋಟ	ಎಲ್ಲಾ ಪರಸ್ಪರ ಅಂಶಗಳು Tab ಮೂಲಕ ತಲುಪುವಂತೆ	ಪರೋಕ್ಷ (ಬಳಕೆತೃಪ್ತಿಗೆ)
ARIA ಚಿಹ್ನೆ	ಪಠ್ಯವಿಲ್ಲದ ಚಿಹ್ನೆಗಳಿಗೆ, ಬಟನ್‌ಗಳಿಗೆ ಲೇಬಲ್ಗಳು	ಪರೋಕ್ಷ (ಸ್ಕ್ರೀನ್ ಓದುಗ UX)
ಫೋಕಸ್ ಸೂಚಕಗಳು	ಕೀಬೋರ್ಡ್ ನೋಟದಲ್ಲಿ ದೃಶ್ಯ ಫೋಕಸ್ ಉಲ್ಲೇಖಗಳು	ಪರೋಕ್ಷ (ಬಳಕೆತೃಪ್ತಿಗೆ)
ಫಾರ್ಮ್ ಲೇಬಲ್ಗಳು	ಪ್ರತಿಯೊಂದು ಇನ್‌ಪುಟ್ ಗೆ ಸಂಬಂಧಿತ ಬೇಡಿಕೆ	ಪರೋಕ್ಷ (ಬಳಕೆತೃಪ್ತಿಗೆ)
ಲಿಂಕ್ ಪಠ್ಯ	ವಿವರಣೆಕೋಷ್ಟಕ (ನೋಡಿ "ಇದರ ಗೆ")	ನೇರ (ಏಶಿಯಾಧಾರಿತ ಪಠ್ಯ SEO)

ಪ್ರವೇಶಕೋಷ್ಟಕ ಪರೀಕ್ಷಾ ಪ್ರಕ್ರಿಯೆ:

ಸ್ವಯಂಚಾಲಿತ ಸ್ಕಾನ್ — ಲೈಟ್ಹೌಸ್, ಆಕ್ಸ್-ಕೋರ್ ಅಥವಾ WAVE ಕಾರ್ಯಗತಗೊಳಿಸಲು (ಸುಮಾರು 30-50% ಸಮಸ್ಯೆಗಳನ್ನು ಹಿಡಿಯುತ್ತದೆ)
ಕೀಬೋರ್ಡ್ ಪರೀಕ್ಷೆ — ಓ ವಾರ್ಥಾವೇಳನ ಎಲ್ಲ ಆಟಗಳು ಮತ್ತು ಪರರೇಖೆಗಳನ್ನು ನಾವಿಗೇಶನ್ ಮಾಡಿದಾಗ (ಕ್ಲಿಕ್)
ಸ್ಕ್ರೀನ್ ಓದುಗರ ಪರೀಕ್ಷೆ — ಮುಖ್ಯ ಪುಟಗಳಲ್ಲಿ VoiceOver (ಮ್ಯಾಕ್) ಅಥವಾ NVDA (Windows) ಬಳಸುವುದು
ಬಣ್ಣ ವಿರೋಧ್ಯೆ — ಹಿಂದಿನ ಹಾರ್ವಾನ್‌ಗಳಿಗೆ ವಿರುದ್ಧ ಎಲ್ಲಾ ಪಠ್ಯಗಳನ್ನು ಪರಿಶೀಲಿಸಲು (DevTools ವಿರೋಧಿ ಪರೀಕ್ಷಕವನ್ನು ಬಳಸುವುದು)
ಜೂಮ್ ಪರೀಕ್ಷೆ — 200% ಗೆ ಜೂಮ್ ಮಾಡುತ್ತಾ ಎಲ್ಲವೂ ಕಾರ್ಯಗತವಾಗಿದೆ?

ಸಾಮಾನ್ಯ ಪ್ರವೇಶಕೋಷ್ಟಕ ಪರಿಹಾರಗಳು:

<!-- ಚಿತ್ರಗಳಿಗೆ: ವಿವರಣೆ alt ಪಠ್ಯ -->
<img src="chart.png" alt="ಜಾನ್ ವ್ಯಹರ್ ಗತಿಯ ಅರಳದಲ್ಲಿ 40% ವೃದ್ಧಿಯು ಆರಂಭದಿಂದ ಮಾರ್ಚ್ 2026 ಗೆ ಸಾಗಿಸುತ್ತದೆ">
  
<!-- ಬಟನ್‌ಗಳಿಗೆ: ಹುಡುಕಾಟ ವಿವರಗಳು -->
<button aria-label="ನಾವಣಾ ಮೆನುವನ್ನು ಮುಚ್ಚಿರಿ">
  <svg>...</svg> <!-- ಚಿಹ್ನೆ-ಮಾತ್ರ ಬಟನ್‌ಗಾಗಿ aria-label ಅಗತ್ಯ -->
</button>

<!-- ಫಾರ್ಮ್ಗಳಿಗೆ: ಸಂಬಂಧಿತ ಲೇಬಲ್ಗಳು -->
<label for="email">ಇಮೇಲ್ ವಿಳಾಸ</label>
<input type="email" id="email" name="email" required>
  
<!-- ಲಿಂಕ್‌ಗಳಿಗೆ: ವಿವರಣೆಕೋಷ್ಟಕ -->
<a href="/guide">ಮೂರ್ತ ಮಾಪನವನ್ನು ಓದುಿರಿ</a>
<!-- NOT: <a href="/guide">ಇದರ ಗೆ</a> -->

<!-- ಕೀಬೋರ್ಡ್ ಬಳಕೆದಾರರಿಗೆ ನಾವಿಗೇಶನ್ ಎಳೆದು ಹೋಗಿ -->
<a href="#main-content" class="skip-link">ನೋಪಾಡಿ ವಿಷಯದ ದಾರಿಯಲ್ಲಿ ಸುಳ್ಳು</a>

ತರ್ನಾ ಜಯ: ನಿಮ್ಮ ಮನೆ ಪುಟದಲ್ಲಿ ಲೈಟ್ಹೌಸ್ ನಿಷ್ಕಾಷದಲ್ಲಿ ಪ್ರವೇಶಕೋಷ್ಟಕ ವಿಭಾಗವನ್ನು ನಿರ್ವಹಿಸಿ. ಮೊದಲಿಗೆ "ಫೇಲ್ಸ್" ಎಂದು ಶ್ರೇಣೀ ಬಟ್ಟುವನ್ನು ಸರಿಹೊಂದಿಸಲುಲ್ಲಾ. ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಲೋಪವಾದ alt ಪಠ್ಯ, ಲೇಬಲ್‌ಗಳ ಕೊರತೆಯಲ್ಲಿದೆ, ಮತ್ತು ಕಡಿಮೆ ವಿರೋಧಾತ್ಮಕ ಪಠ್ಯಗಳನ್ನು ಒಳಗೊಂಡಂತೆ. ಈ ಸುಧಾರಣೆಗಳನ್ನು 30 ನಿಮಿಷಗಳಲ್ಲಿ ಮಾಡಬಹುದು ಮತ್ತು ನಿಮ್ಮ ಅಂಕಗಳನ್ನು 20+ ಅಂಕಗಳಷ್ಟು ಸುಧಾರಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ.

4. ಪುಟ ಅನುಭವ সংকೇತುಗಳು

ಕೋರ್ ವೆಬ್ ವಿಟಲ್ಸ್ ಗೆ ಮೀರಿಯಾಗಿ, Google ಹಲವಾರು ಇತರ ಪುಟ ಅನುಭವ ಸಂಕೇತಗಳನ್ನು ಮೌಲ್ಯರೀತಿಯನ್ನು ವಿವೇಚಿಸುತ್ತದೆ.

ಪುಟ ಅನುಭವ ಅಂಶಗಳು:

ಸಂಕೇತ	ಅಗತ್ಯ	ಪರಿಶೀಲಿಸಿ
HTTPS	ಸಂಪೂರ್ಣವಾಗಿ HTTPS ವರ್ತಗೊಳಿಸಲು	ಮಿಶ್ರ ವಿಷಯವೆಂದರೆ ಮುರಿಯುತ್ತದೆ
ಯಾವುದೇ ಕಾದಂಬರಿಯ ಇಂಟರ್‌ಸ್ಟಿಷಿಯಲ್‌ಗಳು	ಪ್ರವೇಶದಾಗ ಸಾಮಾಜಿಕ ವಿಷಯವನ್ನು ಮುಚ್ಚಬೇಡಿ	ಮೊಬೈಲ್‌ನಲ್ಲಿ >30%ನ್ನು ಮುಚ್ಚುವ್ ಹೇಳಿಕಗಳು
ಸುರಕ್ಷಿತ ಬ್ರೌಜಿಂಗ್	ಯಾವುದೇ ಮಾಲ್ವೇರ್, ಫಿಷಿಂಗ್ ಅಥವಾ ಮೋಸದ ವಿಷಯವಿಲ್ಲ	Google Safe Browsing ಸ್ಥಿತಿ
ಮೊಬೈಲ್ ಸ್ನೇಹಿತ	ಮೊಬೈಲ್ ಸ್ನೇಹಿತ ಪರೀಕ್ಷೆನ್ನು ಪಾಸ್ ಮಾಡುತ್ತದೆ	Google Mobile-Friendly Test
ಯಾವ ಮೋಸದ ಜಾಹೀರಾತು ಇಲ್ಲ	ಜಾಹೀರಾತು ವಿಷಯವನ್ನು ನಕಲಿಸುತ್ತಿಲ್ಲ	ಮೂಲಕ್ಕೆ ನಕಲಿ ಡೌನ್ಲೋಡ್ ಬಟನ್‌ಗಳು

ಇಂಟರ್‌ಸ್ಟಿಷಿಯಲ್ ಮಾರ್ಗಸೂಚಿಗಳು (ಆಗರೆಗೆ ಅನುಮತಿಸಲಾಗಿದೆ):

ಅನುಮತಿಸಲಾಗಿದೆ	ಶಿಕ್ಷಿತವಾಗಿದೆ
ವಯಸ್ಸು ದೃಢೀಕರಣೆ (ಕಾನೂನಾತ್ಮಕವಾಗಿ ಬೇಕಾದರೆ)	ಪುಟ ಪ್ರವೇಶದೊಳಗೆ ಸಂಪೂರ್ಣ экранವಿದ್ದ ಪುಸ್ತಕವಾಗುವುದು
ಕುಕ್ಕಿ ಒಪ್ಪಿಗೆಯು (ವಿಧಿನಂತೆ ಅಗತ್ಯವೆಂದರೆ)	ಎಲ್ಲಾ ವಿಷಯವನ್ನು ಮುಚ್ಚುವ ಇಮೇಲ್ ಆವರಣ
ಪಾವತಿಸಬಹುದಾದ ವಿಷಯಕ್ಕೆ ಲಾಗಿನ್ ಗೋಡೆಗಳು	"ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ" ವಿಷಯವನ್ನು ಮುಚ್ಚುತ್ತದೆ
<30% ಪರದೆ ಬಳಸುವ ಪುಟಗಳನ್ನು	ವಿಷಯ ಪ್ರವೇಶಕ್ಕಿಂತ ಮುಂಚೆ ಸಂಖ್ಯಾ ಗ್ಯಾಪ್ಗಳ
ಬಳಕೆದಾರರು ಸ್ಥಳಾಂತರಿಸುವ ಅಥವಾ ಸಂವಹನ ಮಾಡುವಾಗ	ಬಳಕೆದಾರರು ಯಾವುದೇ ವಿಷಯವನ್ನು ನೋಡಲು ಮುಂಚೆ

HTTPS ಚೇಕ್‌ಲಿಸ್ಟ್:

[ ] SSL ಪ್ರಮಾಣಪತ್ರವು ಮಾನ್ಯ ಮತ್ತು ಕಡಿಮೆ ಆಗಿಲ್ಲ
[ ] ಎಲ್ಲಾ ಪುಟಗಳು HTTP → HTTPS (301) ಗೆ ಪುನರಾವಟಿಸುತ್ತದೆ
[ ] ಮಿಶ್ರ ವಿಷಯವಿಲ್ಲ (HTTPS ಪುಟಗಳಲ್ಲಿನ HTTP ಸಂಪತ್ತು)
[ ] HSTS ಹೆಡರ್ ಅನ್ನು ಚಾಲನೆ ಹೊಂದಿತೆಂದು ಹೊಂದಿಸಲಾಗುತ್ತದೆ (ಸೊಗೆಯನ್ನು ಒಳಗೊಂಡಂತೆ)
[ ] ಆಂತರಿಕ ಲಿಂಕ್ಸ್ HTTPS ಬಳಸುತ್ತವೆ (HTTP ಅಲ್ಲ)
[ ] Sitemap HTTPS URLs ಅನ್ನು ಬಳಸಿಸುತ್ತದೆ
[ ] ಕ್ಯಾನೋನಿಕಲ್ ಟ್ಯಾಗ್‌ಗಳು HTTPS ಅನ್ನು ಬಳಸುತ್ತವೆ

ತರ್ನಾ ಜಯ: ಮಿಶ್ರ ವಿಷಯವನ್ನು ಪರಿಶೀಲಿಸಿ - ನಿಮ್ಮ ಮುಖ್ಯ ಪುಟಗಳಲ್ಲಿ DevTools ಕಾನ್ಸೋಲ್ ಅನ್ನು ತೆರೆಯಿರಿ. ಯಾವುದೇ "ಮಿಶ್ರ ವಿಷಯ" ಎಚ್ಚರಿಕೆಗಳು ನಿಮ್ಮ HTTPS ಪುಟವನ್ನು HTTP ಸಂಪತ್ತುಗಳ ಮೂಲಕ ಮುರಿಯುತ್ತವೆ. ಆ URLs ಅನ್ನು HTTPS ಗೆ ಅಪ್ಡೇಟ್ ಮಾಡಿ. ಇದು ಪುಟ ಅನುಭವದ ಸಾಮಾಜಿಕ ಸಮಸ್ಯೆಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ.

5. ನಾವಿಗೇಶನ್ ಮಾದ್ರೆಗಳು

ಚೆನ್ನಾಗಿ ನಿರ್ವಹಿ, ನಾವಿಗೇಶನ್ ಬಳಕೆದಾರರು ಮತ್ತು ಹುಡುಕಾಟ ಎಂಜಿನ್‌ಗಳಿಗೆ ಒಳಗೊಂಡಿದೆ. ಬಳಕೆದಾರರು ಅವರು ಬೇಕಾದದ್ದನ್ನು ಶೀಘ್ರವಾಗಿ ಕಂಡುಹಿಡಿಯುತ್ತಾರೆ. Google ಕ್ರಾಲರ್‌ಗಳನ್ನು ನಿಮ್ಮ ಸೆಟ್ನ ಅಕೌಂಟ್ ತತ್ವವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತವೆ ಮತ್ತು ಪುಟದ ಸಂಖ್ಯೆಯನ್ನು ಸಮರ್ಥವಾಗಿ ವಿತರಣಾ ಮಾಡುತ್ತದೆ.

ನಾವಿಗೇಶನ್ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು:

ಮಾದರಿ	ಪ್ರಯೋಜನ	ಕಾರ್ಯಗತಗೊಳಣೆ
ಸಮತ್ವ ಸಿದ್ಧಾಂತ	ಗೃಹದಿಂದ 3 ಕ್ಲಿಕ್ ಒಳಗೊಂಡ ಪುಟಗಳು	ಹಬ್ ಪುಟಗಳು, ಬ್ರೆಡ್‌ಕ್ರಂಬ್‌ಗಳು
ಬ್ರೆಡ್‌ಕ್ರಂಬ್‌ಗಳು	ಬಳಕೆದಾರರು ಅವರು ಎಲ್ಲಿ ಇದ್ದಾರೆ ಅನ್ನು ತಿಳಿಯುತ್ತಾರೆ	Schema ಮಾರ್ಕಪ್ + ದೃಶ್ಯ ಗಮ್ಯ
ಐನಿಕ URL ಸ್ಥಿತಿ	ನಿರೀಕ್ಷಿತ ಮಾರ್ಗಗಳು	`/category/subcategory/page`
ಪಾದತಲ ನಾವಿಗೇಶನ್	ದ್ರಷ್ಟಿ ಮಾಡಿದ ಪುಟಗಳನ್ನು ನಿರೀಕ್ಷಿಸಲಾಗಿದೆ	ಕಾನೂನು, ಅಮ್ಮ ನ್ಯಾಯಾಧೀಶ, ಸಂಪರ್ಕ, ಸೈಟ್ಮ್ಯಾಪ್
ಆಂತರಿಕ ಹುಡುಕಾಟ	ಬಳಕೆದಾರರು ನಿರ್ದಿಷ್ಟ ವಿಷಯವನ್ನು ಹೊಂದಿಸುತ್ತಾರೆ	ಶೋಧ ಫೀಲುಗಳು ಸಹಾಯಗಳು
ಸಂಬಂಧಿತ ವಿಷಯ	ಬಾನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವಾಗ, ಆಳವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ	"ಸಂಬಂಧಿತ ಲೇಖನಗಳು" ವಿಭಾಗಗಳು

ನಮೂದಿಸುವ ವೆಬ್ ಪೀಠದ ಅಕೌಂಟ್:

ಹೋమ్‌ಪೇಜ್ (ಸಂಗ್ರಹದಲ್ಲಿ ಎಲ್ಲಾ ಮುಖ್ಯ ವಿಷಯಗಳಿಂದ 1 ಕ್ಲಿಕ್)
├── /ಉತ್ಪನ್ನಗಳು/ (ವರ್ಗ ವೃತ್ತ — ಎಲ್ಲಾ ಉತ್ಪನ್ನಗಳಿಗೆ ಲಿಂಕ್ಸ್)
│   ├── /ಉತ್ಪನ್ನಗಳು/ವರ್ಗ-ಗಾ/
│   │   ├── /ಉತ್ಪನ್ನಗಳು/ವರ್ಗ-ಗಾ/ಉತ್ಪನ್ನ-1
│   │   └── /ಉತ್ಪನ್ನಗಳು/ವರ್ಗ-ಗಾ/ಉತ್ಪನ್ನ-2
│   └── /ಉತ್ಪನ್ನಗಳು/ವರ್ಗ-ಬಿ/
├── /ಬ್ಲಾಗ್/ (ವಿಷಯ ವೃತ್ತ — ಎಲ್ಲಾ ಹಾಜರ್‌ಗ ಸಾಲನೆಗಳು)
│   ├── /ಬ್ಲಾಗ್/ಟಾಪಿಕ್-ಕ್ಲಸ್ಟರ್-1/ (ಕಂಡೆ)
│   │   ├── /ಬ್ಲಾಗ್/ಉಪವಿಷಯ-1ಏ
│   │   └── /ಬ್ಲಾಗ್/ಉಪವಿಷಯ-1ಬಿ
│   └── /ಬ್ಲಾಗ್/ಟಾಪಿಕ್-ಕ್ಲಸ್ಟರ್-2/
├── /ಉಪಕರಣೆ/ (ಉದ್ಘಾಟನಾ ಪುಟಗಳು)
└── /ಬಗ್ಗೆ/ (ನಂಬಿಕೆ ಪುಟಗಳು)

ಬ್ರೆಡ್‌ಕ್ರಂಬ್ ಕಾರ್ಯಗತಗೊಳಣೆ:

<!-- ದೃಶ್ಯ ಬ್ರೆಡ್‌ಕ್ರಂಬ್ -->
<nav aria-label="ಬ್ರೆಡ್‌ಕ್ರಂಬ್">
  <ol>
    <li><a href="/">ಹೋಮ್</a></li>
    <li><a href="/blog/">ಬ್ಲಾಗ್</a></li>
    <li aria-current="page">SEO ಮಾರ್ಗದರ್ಶಿ ಹೆಜ್ಜೆ 5</li>
  </ol>
</nav>

<!-- Schema ಮಾರ್ಕಪ್ (BreadcrumbList) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "ಹೋಮ್", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "ಬ್ಲಾಗ್", "item": "https://example.com/blog/" },
    { "@type": "ListItem", "position": 3, "name": "SEO ಮಾರ್ಗದರ್ಶಿ ಹೆಜ್ಜೆ 5" }
  ]
}
</script>

ನಾವಿಗೇಶನ್ ರೆಡ್ ಫ್ಲಾಗ್‌ಗಳು:

ಮುಖ್ಯ ಪುಟದಿಂದ 4 ಕ್ಲಿಕ್‌ಗಳಲ್ಲಿ ಪುಟಗಳು (ಖ ಮಾಡಿದವರು)
ಬ್ರೆಡ್‌ಕ್ರಂಬ್‌ಗಳು ಇಲ್ಲ (ಬಳಕೆದಾರರು ಮತ್ತು Google ಕಾಂಟೆಕ್ಸ್ನಲ್ಲಿ ಕಳೆದುಕೊಳ್ಳುತ್ತದೆ)
JavaScript-ಮಾತ್ರ ನಾವಿಗೇಶನ್ (ಕ್ರಾಲರ್‌ಗಳು ಸಂಪರ್ಕಗಳನ್ನು ತಪ್ಪಿಸುತ್ತವೆ)
ಎಳೆಯ ಪುಟಗಳು (ಅವರಿಗೆ ಯಾವುದೇ ಆಂತರಿಕ ಸಂಪರ್ಕವಿಲ್ಲ)
200+ ಸಂಪರ್ಕಗಳೊಂದಿಗೆ ಮೆಗಾ ಮೆನುಗಳು (ಪ್ರತಿ ಸಂಪರ್ಕದ ಮೌಲ್ಯವನ್ನು ದ್ರವಮಾಡುತ್ತದೆ)

ತರ್ನಾ ಜಯ: ನಿಮ್ಮ ಅತ್ಯಂತ ಮುಖ್ಯವಾದ ಅಂಕವಿತರಿಗೆ ಕಳೆದ ಕ್ಲಿಕ್‌ಗಳಿಂದ ಕುತಂತ್ರಗಳು - ಹೋಮ್‌ಪೇಜ್ ತೆಗೆದುಕೊಂಡರೆ ಎಷ್ಟು ಕ್ಲಿಕ್‌? 3 ಗೆ ಹೆಚ್ಚು ಇದ್ದರೆ, ನಿಮ್ಮ ಹೋಮ್‌ಪುಟ ಅಥವಾ ವರ್ಗ ಹಬ್‌ಗಳಿಂದ ನೇರ ಲಿಂಕ್ಸ್ ಸೇರಿಸಿ. ಪ್ರತಿ ಕ್ಲಿಕ್‌ಡೀಪರ್ ಬಳಕೆದಾರರ ಭೇಟಿಗಳನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ.

6. ಮೇಲ್ಭಾಗದ ಅಗತ್ಯತೆ

ಬಳಕೆದಾರರು ಕ್ಲಿಕ್ಕಿಸುವ ಮೊದಲು ಇದೋ ಸಾಧ್ಯತೆ, ಅವರು ಉಳಿಯುತ್ತಾರಾ ಇಲ್ಲದೆಯಾ ಎಂಬುದು ನಿರ್ಧಾರವಾಗುತ್ತದೆ. ಮೇಲ್ಭಾಗದ ವಿಷಯವು ತಕ್ಷಣದ ಮೌಲ್ಯವನ್ನು ಸೂಚಿಸಲು ಮತ್ತು ಅವರಿಗೆ ಆನ್‌ಮೆಟ್ರಿಕ್ ಸಾರಿಯನ್ನು ಹೊಂದಿರಬೇಕು.

ಮೇಲ್ಭಾಗದ ಅಗತ್ಯವಿದೆ:

ಅಂಶ	ಏಕೆ	ಸಾಮಾನ್ಯ ವಿಫಲ
ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ (H1)	ಶೋಧಕ್ಕೆ ಸಂಬಂಧ ಹೊಂದಿಸುತ್ತದೆ	ಸಾಮಾನ್ಯ ಅಥವಾ ಇಲ್ಲ
ಮೌಲ್ಯ ಪ್ರಸ್ತಾಪ	ಅವರು ಏಕೆ ಉಳಿಯಬೇಕು?	ಮೀ್ಮುಗಿಯ ತಾಲಾಷೆಗಳ ಅಡಿಯಲ್ಲಿ
ಪ್ರಾಥಮಿಕ CTA	ಅವರು ಮುಂದೇನನ್ನು ಮಾಡಬೇಕು?	ಕಳೆದು ಹೋಗುತ್ತದೆ ಅಥವಾ ದುರ್ಬಾಧ
ಹೀರೋ ಚಿತ್ರ/ಮಾಧ್ಯಮ	ದೃಶ್ಯ ತೋಚುವಿಕೆ	ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗುತ್ತಿದೆ, LCP ಸಮಸ್ಯೆ ಉಂಟು ಮಾಡುತ್ತಿದೆ
ನಂಬಿಕೆ ಸಂಕೇತಗಳು	ಅವರು ನಿಮ್ಮಲ್ಲಿ ಏಕೆ ನಂಬಿಕೆ ಇಟ್ಟುಕೊಳ್ಳಬೇಕು?	ಲೋಗೋಗಳು, ವಿಮರ್ಶೆ ಅಥವಾ ಪ್ರಮಾಣಪತ್ರಗಳಿಲ್ಲ

ಮೇಲ್ಭಾಗದ ಆಯಾಮದ ರೂಪರೇಖೆಗಳು:

ಡಿಸ್ಕ್‌ಟಾಪ್ (1440px ವೀಕ್ಷಣಾ ಇಪ್ಪತ್ತು):
┌──────────────────────────────────────┐
│ ನಾವಿಗೇಶನ್ ಬಾರ್                      │
├──────────────────────────────────────┤
│                                      │
│ H1: ಸ್ಪಷ್ಟ ಶೀರ್ಷಿಕೆ ಶೋಧ ಕ್ವೇರಿ ದಾಖಲೆ | 
│ ಉಪಶೀರ್ಷಿಕೆ: ಮೌಲ್ಯ ಪ್ರಸ್ತಾಪ          │ 
│                                      │
│ [ಪ್ರಾಥಮಿಕ CTA ಬಟನ್]                │
│                                      │
│ ನಂಬಿಕೆಗೆ ಸಂಬಂಧ: ಲೋಗೋಗಳು, ಸಂಖ್ಯೆಗಳು│
│                                      │ 
├──────────────────────────────────────┤
│ ↓ ವಿಷಯವು  ಕೆಳಗಿನ ಹರಿಕರದಲ್ಲಿದೆ      │
└──────────────────────────────────────┘

ಮೊಬೈಲ್ (375px ವೀಕ್ಷಣಾ ಇಪ್ಪತ್ತು):
┌────────────────────┐
│ ನಾವಿಗೇಶನ್ (ಹ್ಯಾಂಬರ್ಗರ್)│
├────────────────────┤
│                    │
│ H1: ಶೀರ್ಷಿಕೆ       │
│ (ಮೊಬೈಲ್‌ನಲ್ಲಿ ಕಡಿಮೆ)| 
│                    │
│ [CTA ಬಟನ್]       │
│ (ಪೂರ್ಣ-ವೀಡು, 44px+)│
│                    │
│ ನಂಬಿಕೆ ಚಿಹ್ನೆ      │
│                    │
├────────────────────┤
│ ↓ ಹೆಚ್ಚು ಹುಡುಕಲು     │
└────────────────────┘

ಮೂಲ ಅಗತ್ಯಗಳಿಗೆ ಕುರಿತಂತೆ ನಿಯಮಗಳು:

H1 ಅನ್ನು ಕ್ಲಿಕ್ಕಿಸಿದರು ಇಲ್ಲ, ಇರುವುದಿಲ್ಲ (ಶೋಧ ಕ್ವೇರಿ‌ನಲ್ಲಿ)
CTA ക്ലಿಕ್ಕು ಇಲ್ಲದೆ ಇಲ್ಲ (ತಳ್ಳುತ್ತದೆ)
ಮೇಲ್ಭಾಗದ ವಿಷಯದಿಂದ ಯಾವುದೇ ಲೇಔಟ್ ಬದಲಾವಣೆ ಇಲ್ಲ (CLS ಹೋರಾಯನು)
ಹೀರೋ ಚಿತ್ರವನ್ನು ವೇಗವಾಗಿ ಲೋಡ್ ಮಾಡಿ (ಇದು ಸಾಮಾನ್ಯವಾಗಿ LCP ಅಂಶ)
ಮೊಬೈಲ್: ಮೇಲ್ಭಾಗದ ವಿಷಯವನ್ನು ಕಡಿಮೆ ಮಾಡಿ (ಕಡಿಮೆ ವೀಕ್ಷಣಾ ಸ್ಥಳ)

ತರ್ನಾ ಜಯ: ನಿಮ್ಮ ಮೊಬೈಲ್‌ನಲ್ಲಿ ಹೋಮ್‌ಪೇಜ್‌ನ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ತೆಗೆದುಕೊಳ್ಳಿ (375px ಅಗಲ). H1 ಸ್ಪಷ್ಟವಿವರಿತದಿದ್ದರೆ? CTA ಬಟನ್ ಸ್ಪಷ್ಟವಾಗಿ ಕಂಡುಬರುತ್ತದೆ? ನೀವು 2 ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಏನನ್ನು ತೋರಿಸುತ್ತೀರಾ? ಏನಾದರೂ "ಯಹ್" ಎಂದು ನೀವು ಉತ್ತರಿಸಿದಲ್ಲಿ, ನೀವು ಅವರು ಈ ಪುಟಕ್ಕೆ ಹೋಗುವ ಮುನ್ನ ಮುಂಚಿತವಾಗಿ ಭೇಟಿ ನೀಡುವ ಅಂದುಕೊಳ್ಳುತ್ತಿರುವವರಿಗೆ ಮೋಸ ತರಿಸು.

UX ಕಾರ್ಯಕ್ರಮಗಳ ಚೇಕ್‌ಲಿಸ್ಟ್

ನಿಮ್ಮ ಟಾಪ್ ಪುಟಗಳನ್ನು ಓಡಿಸಲು:

[ ] LCP 2.5 ಸೆಕೆಂಡುಗಳ ಹಿಂದೆ (ಹೀರೋ ಚಿತ್ರವನ್ನು ಆಪ್ಟಿಮೈಜ್ ಮಾಡಲಾಗಿದೆ, ಕ್ರಿಟಿಕಲ್ CSS ಇನ್‌ಲೈನ್ ಮಾಡಲಾಗಿದೆ)
[ ] INP 200 ಮಿಲಿಸೆಕೆಂಡುಗಳ ಹಿಂದೆ (ದೀರ್ಘ JavaScript ಕಾರ್ಯವು ಸಂವಹನವನ್ನು ತಡೆಗಟ್ಟುವುದಿಲ್ಲ)
[ ] CLS 0.1 ಗೆ ಇಳಿಯುವುದು (ಎಲ್ಲಾ ಚಿತ್ರಗಳಿಗೆ ಗಾತ್ರ, ಅಗತ್ಯವಾಗಿ ಲೇಔಟ್ ಶಿಫ್ಟ್ ಇಲ್ಲ)
[ ] ಮೊಬೈಲ್ ಸ್ನೇಹಿತ (44px ಟಚ್ ಗುರಿಗಳು, 16px+ ಪಠ್ಯ, ಹಾರಿಜಂಟ್ ಶ್ರೇಣಿಯಿಲ್ಲ)
[ ] ಪ್ರವೇಶಕೋಷ್ಟಕ (alt ಪಠ್ಯ, ಶೀರ್ಷಿಕೆ ಶ್ರೇಣೀ, ಬಣ್ಣ ವಿರೋಧ, ಕೀಬೋರ್ಡ್ ನೋಟ)
[ ] HTTPS ಎಲ್ಲೆಡೆ (ಮಿಶ್ರ ವಿಷಯ ಇಲ್ಲ, HSTS ಸಾಮರ್ಥ್ಯ ಹೊಂದಿದೆ)
[ ] ಯಾವುದೇ ಕಾದಂಬರಿಯ ಇಂಟರ್‌ಸ್ಟಿಷಿಯಲ್‌ಗಳು ಇಲ್ಲ (ಒಪ್ಪಿಗೆಯ ಆವರಣ ಒಪ್ಪಿಸಲಾಗಿದೆ, ವಿಷಯ ಮುರೆದ ಓದುವಾಯವು ಇಲ್ಲ)
[ ] ಬ್ರೆಡ್‌ಕ್ರಂಬ್‌ಗಳು ಇದೆ (BreadcrumbList schema ಗಳೊಂದಿಗೆ)
[ ] ಯಾವುದೇ ಮುಖ್ಯ ಪುಟಕ್ಕೆ 4 ಕ್ಲಿಕ್‌ಗಳಲ್ಲಿ ನಾವಿಗೇಶನ್ ಅಳತೆಗೆ
[ ] ಮೇಲ್ಭಾಗದ ಅಗತ್ಯಗಳು (H1 ಸ್ಪಷ್ಟ ರೂಪದಲ್ಲಿ, CTA ಸ್ಕ್ರೋಲಿಂಗ್‌ನಿಲ್ಲ, ವೇಗ LCP)

LANGR ನಿಮ್ಮ UX ಅನ್ನು ಹೇಗೆ ಪರೀಕ್ಷಿಸುತ್ತದೆ

LANGR ಯ UX ಸಂಬಂಧಿತ ಸ್ಕಾನ್ ಮಾದರಿಗಳಿವೆ:

ಕೋರ್ ವೆಬ್ ವಿಟಲ್ಸ್ ಮಾದರಿ — Chrome ಉಪಯೋಗದ ಅನುಭವ ವರದಿ (ನಿಜವಾದ ಬಳಕೆದಾರ ಡೇಟಾ)
PageSpeed ಮಾದರಿ — ಮೊಬೈಲ್ ಹಾಗೂ ಡೆಸ್ಕ್‌ಟಾಪ್ ಅಂಕಗಳ ಪರಿಷ್ಕರಣೆ
ಮೊಬೈಲ್ ಮಾದರಿ — ವೀಕ್ಷಣಾ ಕಾನ್ಫಿಗರೇಶನ್, ಟಚ್ ಟಾರ್ಗೆಟ್ ಗಾತ್ರ, ಪಠ್ಯದ ಓದುವಿಕೆಯನ್ನು
ಪ್ರವೇಶಕೋಷ್ಟಕ ಮಾದರಿ — WCAG ಅನುಸರಿಸುವಿಕೆ ಪರಿಶೀಲನೆ, ARIA ಬಳಕೆ, ಬಣ್ಣ ವಿರೋಧ
ಲೇಔಟ್ ಸ್ಕಾನ್ ಮಾದರಿ — AI ಶಕ್ತಿತಾದ ಶ್ರೇಣಿತಾರಣೆಗಳಿಗೆ ಮುಕ್ತಿತಂಟು
ಪುಟ ಅನುಭವ ಮಾದರಿ — ಇಂಟರ್‌ಸ್ಟಿಷಿಯಲ್ ಪತ್ತೆ, HTTPS ಸ್ಥಿತಿಯು, ಸುರಕ್ಷಿತ ವಿಷಯಗಳಿಗಾಗಿ

ಈ ಮಾದರಿಗಳು ಪ್ರತಿಯೊಂದು ಸ್ಕಾನ್‌ನಲ್ಲಿ ಕಾರ್ಯನ್ವಯಿಸುತ್ತವೆ, ನಿಮ್ಮ ತಾಣವನ್ನು ಭೇಟೀರ್ ಟೀಕೆಯಲ್ಲಾ ಹೇಗೆ ವರ್ಗಾಯಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ಪ್ರಾತಿನಿಧಿಸುತ್ತದೆ - ಮತ್ತು ಉತ್ತಮ ಶ್ರೇಣಿಗಳಿಗೆ ದೋಷಗಳನ್ನು ಸರಿಪಡಿಸಲು.

ಸಾಮಾನ್ಯ UX ತಪ್ಪುಗಳು (ಪದವಿ ಪ್ರಭಾವದ ದ್ವಾರಾ)

ಮೊಬೈಲ್ ಅನ್ನು ನಿರ್ಲಕ್ಷಿಸುವುದು — 60% + ಶೋಧಗಳು ಮೊಬೈಲ್ ; ಒಮ್ಮೆ ವರ್ತ ಟೈಮ್ = ತಪ್ಪಿತಸ್ಥವಾದ ವರ್ಗಗಳು
ಆಪ್ಟಿಮೈಜ್ಡ್ ಚಿತ್ರಗಳು ಇಲ್ಲ — ನಿಧಾನ LCP - ಲೇಔಟ್ ಶಿಫ್ಟ್ (ಸ್ತರಿತ ಸಾಧ್ಯತೆಯ ಹೊರತಾಗಿ)
ಪ್ರತಿಷ್ಠಾ ಚಿತ್ರ ಗಾತ್ರಿಸಿದ್ದರು ಪ್ರಯೋಜನ ಇಲ್ಲ — ಲೇಔಟ್ ಶಿಫ್ಟ್–ಗಳಿಗೆ ಹೊಂದಿಸಲು ಇಲ್ಲ
ತೃತೀಯ ಪಕ್ಷದ ಸ್ಕ್ರಿಪ್ಟ್ ಬ್ಲೋಟು — ಚಾಟ್ ವಿಕೇಟ್‌ಗಳು, ವಿಶ್ಲೇಷಣೆ, ಇದವು INP ಅನ್ನು ಬಂದೀತು
ದೊಡ್ಡ ಯಾವುದೇ ಪ್ರವೇಶಕೋಷ್ಟಕ ತತ್ವಗಳು ಇಲ್ಲ — alt ಪಠ್ಯ ಇಲ್ಲ, ಶೀರ್ಷಿಕೆ ಶ್ರೇಣೀ, ಬಣ್ಣ ವಿರೋಧ ಇಲ್ಲ
ಸಾಮರ್ಥ್ಯದ ಮುಟ್ಟದಲ್ಲಿ ಪ್ರಶ್ನೆಗಳಿಗೆ ಲೋಡ್ — ಲೆಮ್ನವು ಸಂಪೂರ್ಣವಾಗಿರುವಂತೆ ಮುಂದು ಬರೆದ ಪುಟ್‌ಗಳನ್ನು ಆವರಿಸಲು ಲಕ್ಷ್ಯ ವಾಗಿರುತ್ತದೆ
ಗಂಭೀರ ತಾಣದ ದೂರವೀಣೆಗೆ — ಪ್ರಮುಖ ಪುಟಗಳು ಹೋಮ್‌ಪೇಜ್‌ಗಾಗಿ 5 + ಕ್ಲಿಕ್‌ಗಳಲ್ಲಿ ಮುಚ್ಚಲಾಗಿಲ್ಲ
ಮೇಲ್ಭಾಗದ ಬೇಡಿಕೆ ಇಲ್ಲ — ತಲುಪಿಸಲು ಅವರು ಕಂಡುಹಿಡಿಯಲು ಸಾಧ್ಯಹಾಗೆ ಇಲ್ಲ

ಮುಂದೆ ಏನು?

ಹೆಜ್ಜೆ 6: ನಿರೀಕ್ಷಣೆ ಮತ್ತು ಶ್ರೇಣಿಯಲ್ಲಿಡು — ನೀವು ಏನನ್ನು ಅಳೆಯುವುದಿಲ್ಲ ಎಂಬುದನ್ನು ಸುಧಾರಿಸುವ ಸಾಧ್ಯವಿಲ್ಲ. ಕೀವರ್ಡ್ ಅಂಕಗಳು, ಅಂಕಗಳನ್ನು ಟ್ರಾಕ್ ಮಾಡಲು, ಬದಲಾಗುವ ವರದಿಗಳು ಮತ್ತು ಸಂಕಷ್ಟವನ್ನು ನಿರೀಕ್ಷಿಸುವುದನ್ನು ಪಡೆಯಿರಿ.

ಈ ಮಾರ್ಗದರ್ಶಿ LANGR ಯ 13-ಹೆಜ್ಜೆ SEO ಸರಣಿಯ ಭಾಗವಾಗಿದೆ. ಮುಕ್ತ ಪರೀಕ್ಷೆ ನಡೆಸು ನಮ್ಮ ತಾಣವು ಎಲ್ಲ 13 ಶ್ರೇಣಿಯಲ್ಲಿರುವ ನಿಲ್ವೆಗಳಲ್ಲಿದೆ ಎಂದು ನೋಡಲು.