SEO මාර්ගෝපදේශ නියමය 5: UX / පරිශීලක අත්දැකීම්

මෙය 13-පියවර SEO මාර්ගෝපදේ හි පියවර 5 කි. පරිශීලක අත්දැකීම් දැන් සෘජු ශ්‍රේණිගත කරන මතයකි — Google ඔබේ අඩවිය සමඟ අමුත්තන් කෙසේින් සම්බන්ධ කර ගන්නේදදැයි මනාව මිනුම් කරයි සහ වේගවත්, ප්‍රවේශී, සහයෝගිතානේ අත්දැකීම් ලබාදෙන අඩවි සම්මාන කරයි.

---

අන්තර්ගත ප්‍රතිපත්ති (පියවර 3) ඔබ ඔබේ අන්තර්ගතය ප්‍රකාශයේ සාමාන්‍යයයයි. සම්බන්ධනයක් (පියවර 4) ඔබේ බලය තහවුරු කරයි. නමුත් අමුත්තන් ඔබගේ පිටුවට පැමිණිමෙන් පසු පළමුවෙන්ම පිටවී යන්නේ නමුත් පිටුව කඩ වීම හෝ ජංගමයෙන් අසහනීය නම් එය කුමක්ද යන්න වැදගත් නොවේ. Google මෙම සංකේත මනාව අන්භව් කරයි සහ විශේෂිත ශ්‍රේණි සඳහා ඒවා භාවිතා කරයි.

2021 සිට, Google හි පිටු අත්දැකීම යාවත්කාලීන කිරීම UX හි තහවුරු කළ ශ්‍රේණිගත කිරීමේ අංශයක් බවට පත්විය. 2024 වසරේ, INP (Interaction to Next Paint) FID සහ බේසික් ජාල සම්භූති ලෙස යාවත්කාලීන කරන ලදි. 2026 වසරේ, මෙම සංකේත වඩාත් පරීක්ෂණයක් සහ විශේෂණය භාවිතා කරයි, Google පරිශීලක සතුටේ මාත්‍රණ සම්බන්ධයෙන් පාරම්පාක සුන්භාවය සොයාදැනේ ය.

UX හෝ SEO අන්තර්ගතය

SEO සඳහා UX උපරිමකරණය සංග්‍රහය කරන්නෙත් 6 ක්ෂේත්‍රයන් නිසාය:

1. ප්‍රධාන ජාල සම්භූති — Google හි නිල UX මාත්‍රණ (LCP, INP, CLS)
2. ජංගම උපරිමකරණය — ප්‍රතිචාරක සැලසුම්, පකු ඉලක්ක, දර්ශකය
3. ප්‍රවේශතාව (WCAG) — ඔබගේ අඩවිය සෑම කෙනෙකුටම භාවිතා කළ හැකියාව
4. පිටු අත්දැකීම් සංකේත — HTTPS, කුමක්ද වැළදීම්, ආරක්ෂිත බBrowsing
5. යාන්ත්‍රණ රටා — පරිශීලකයින් සහ සොයන්නන්ට උපකාර කරන වෙබ් මාදිලි
6. පවත්වන වේලාව උපරිමකරණය — පරිශීලකයින් නොසෙල්ලන විට කුමක්ද සිටියි

1. ප්‍රධාන ජාල සම්භූති (CWV)

ප්‍රධාන ජාල සම්භූති Google හි තුන් අඳුනන ලාභී UX මාත්‍රණ වේ. එවක් Chrome පරිශීලක අත්දැකීම් වාර්තා (CrUX) දත්ත වලින් මනාව පරික්ෂා කරයි සහ ශ්‍රේණිගත කිරීම් වෙත සෘජු බලපායි.

තුන්ම මාත්‍රණ:

| මාත්‍රණය | මිනුම් | ඉතාම හොඳයි | පුළුල් කළ යුතුයි | නරකයි | |---------|---------|---------------|-------------------|-------| | LCP (Largest Contentful Paint) | බෝධිනු සියල්ල | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Interaction to Next Paint) | ප්‍රතිචාරකත්වය | < 200ms | 200ms - 500ms | > 500ms | | CLS (Cumulative Layout Shift) | දෘෂ්‍ය ස්ථායීතාව | < 0.1 | 0.1 - 0.25 | > 0.25 |

LCP — Largest Contentful Paint

LCP ඔබගේ පිටුවේ ප්‍රධාන අන්තර්ගතය කීර්තිමත් වේලාවෙන් යුක්ත කරයි. "ප්‍රධාන අන්තර්ගතය" යනු බොහොම විශාල සජීවී වෙළදපලය, ප්‍රධාන ශීර්ෂය, හෝ උත්තර මට්ටමක් මනාපයෙන් ඇති පිළිබඳව ප්‍රමුඛයි.

සාමාන්‍ය LCP ගැටළු සහ විසදුම්:

| ගැටලුව | බලපෑම | විසදුම් | |---------|--------|----| | අඛණ්ඩිත වීඩියෝ සංවත්ස කිරීම | +2-5s | WebP ආකෘතිය, නිවැරදි කලින් ප්‍රමාණය, fetchpriority="high" | | පැති-වීන CSS/JS | +1-3s | ඉස්සර CSS ආකාරයකින්, අවශ්‍ය CSS අයිතම ශීර්ෂන් වලින් ගේන්ඩිරා | | මඳ සර්වර් ප්‍රතිචාර (TTFB) | +1-4s | CDN, සර්වර් කෑෂින්, ආදයෝගී මංකාමීකරණය | | වෙබ් අක්ෂර විලාසිතා වීම | +0.5-2s | font-display: swap, ප්‍රාධාන ව්‍යාපාර අක්ෂර ප්‍රලාභ කරයි | | තුන්වන පාර්ශව අණකාරක | +1-3s | විශ්ලේෂණ/කතා කිරීම් විශේෂිතයෙන් කල් තැබිය යුතුය, දැන් ලයින් ads |

LCP උපරිමකරණ ප්‍රමුඛතා:

<!-- 1. LCP ආකාරය යටතින් අනුනාශ |
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- 2. ප්‍රාධාන CSS (මුල් 14KB) -->
<style>/* Above-the-fold styles only */</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-1000ms | කුඩා කාර්යයේ බදාත්මක ආකාරයක් බවට වශය කරන්න, requestIdleCallback භාවිතා කරන්න | | බර ප්‍රස්ථාවතා පළපුරුදු | +100-500ms | Debounce, throttle, requestAnimationFrame භාවිතා කරන්න | | ආකාර පිරික්සුම් සංසරණය | +50-300ms | DOM කියවීම්/ලියපැමිලි සමීකරණය, will-change භාවිතා කරන්න | | තුන්වන පාර්ශව අණතීන් | +100-500ms | කල් තබන්න, ක්‍රියාත්මක කිරීමෙන් පසුව ගෙන එන්න, Web Workers භාවිතා කරන්න | | සමන්විත API ඇමතුම් | +200-2000ms | Async/await, සාක්ෂිය, ප්‍රතිශක්ති UI |

INP උපරිමකරණ ක්‍රමය:

// නරකයි: ප්‍රධාන ධාරාව හිර කරයි
button.addEventListener('click', () => {
  const data = heavyComputation(); // 400ms කාලයක් බෝධිත වෙයි
  updateDOM(data);
});

// හොඳ එක: ප්‍රධාන ධාරාවට පමණක් වෙයි
button.addEventListener('click', async () => {
  // දිවකාලික ප්‍රතිචාරයක් පෙන්වයි
  button.textContent = 'Loading...';

  // බර වැඩ කුඩා කුටියන් ලෙස බේදා දෙන්න
  await scheduler.yield();
  const data = heavyComputation();

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

කෙටි ජයග්‍රහණයක්: Chrome DevTools > Performance පුවරුව විවෘත කරන්න. ඔබගේ අඩවිය හරහා ක්ලික් කරන්න සහ "දිගු කාර්ය" (රතු ත්‍රිකෝණ) සොයා ගන්න. මේවා ප්‍රධාන ධාරාව බෝධකරයි. වැඩිම දිගු කාර්‍යය ප්‍රමාණය සාමාන්‍යයෙන් තුන්වන පාර්ශව අණකාරකකි - ඊට ප්‍රථමයෙන් කල් තබන්න හෝ පළමු සම්බන්ධයෙන් පසුව ඇතුළත් කරන්න.

CLS — Cumulative Layout Shift

CLS පෙන්වා දෙනුයේ දෘෂ්‍ය ස්ථායීතාවයයි - පිටු අන්තර්ගතය කෙසේ දැක්මට යනුස්සෙනීවේ. පරිශීලකයින් වෙත බොහෝ කටුක හා ශීර්ෂම සහරාදීමක් වන නිසා එකවර කුමක්ද දැක ගැනීමට ඇතෙහියයන් කරන ලබන විශාලයක් වේ.

සාමාන්‍ය CLS ගැටළු සහ විසදුම්:

| ගැටලුව | CLS බලපෑම | විසදුම් | |---------|-----------|----| | ප්‍රමාණයෙන් රහිත ඡායාරූප | 0.1-0.5 | සියල්ලම width සහ height සකසා ගන්න | | ඇඩ්සන් කාලයට පසුව බිඳේ | 0.1-0.3 | එහි ඇති අදිලනයක් අවස්ථාවන් හුරුකම් | | වෙබ් අක්ෂර යාමන් හේතුවෙන් සම්ප්‍රත | 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 attributes එක්කරන්න. මෙම එක් වෙනස්කමින්ම සාමාන්‍ය CLS නිරූපණය අවසන් වේ - ඡායාරූප කාලයටත් පසු අන්තර්ගතය ඉහළ යයි.

2. ජංගම උපරිමකරණය

Google ජංගම ප්‍රථම ශ්‍රේණිගත කිරීමේ යනාත්මක වීදිය භාවිතා කරන අතර එම කණ්ඩායම අගමැතිවරුනි — ඔබේ ජංගම අත්දැකීම් යනු කැමැත්තකි. ඔබේ අඩවිය ජංගමයේ කඩ වුවහොත්, එය ඔබේ ඌර්ජිත ශ්‍රේණිගතය එය සංක්‍රමණය කරන්න පරිපුර්ණ පිටුවකින් නොවනවා.

ජංගම උපරිමකරණ පරීක්ෂාව:

| අංගය | අවශ්‍යතා | සාමාන්‍ය කල්හිනය | |---------|-------------|---------------------| | දර්ශක මැටාව | width=device-width, initial-scale=1 | මුළු ගලා | | පකු ඉලක්ක | වැදගත් 44x44px | කුඩා සබැඳි, පිහිටි බොත්තම් | | අක්ෂරාංකය | වැදගත් 16px ශරීර පෙළ | ජංගමය සඳහා 12px හුරුපාද ආකාරයක් | | අන්තර්ගත පළල | අන්තර්ගතයාගේ කාර්යාලකය නැවැත්මක් නැත | ස්ථාවර වේලාවේ අංග | | ටැප් දිග | ඉලක්ක වලින් 8px වැදගත්යි | පිහිටී සබැඳි අමුණයේ පසු යුධය | | ප්‍රතිචාරක ඡායාරූප | නිවැරදි ප්‍රමාණය ලබා නොගත් srcset | Desktop හේතුවේ ජංගම වශය පින්තූර |

ප්‍රතිචාර පරිසරය:

/* ජංගම-ප්‍රථම ආකාරය */
.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;
}

ජංගම SEO සංකේත Google පරික්ෂා කරන්න:

• Zoom කිරීමේදී readable වීමට පෙළ වටිනාකම නිවැරිදි
• සබැඳි/බොත්තම් කිව්වයේ දුරෙන් එකක් නැත
• අන්තර්ගතය දර්ශකයේ පළල වලට (ඉතිරිකාර පමණක්) යොගා පැරදි මිරිසෙන් නැත
• Flash හෝ අනුකූල තාක්ෂණ නැත
• අන්තර්ගතය අඩු නොකළ මාලකරණය පහසුයි
• පිටුවේ 4G/3G සබඳතා කෙටි වේලාවේ යාවත්කාලීන වෙයි

කෙටි ජයග්‍රහණයක්: ඔබේ දුරකථන මත ඔබේ අඩවිය විවෘත කරන්න. සෑම බොත්තමක් සහ සබැඳියක් ක්ලික් කරන්න උත්සාහ කරන්න. यदि आप गलती से उस कारण छड़ी उठाते हैं, जिससे लक्ष्य තද නැති වී වෙළඳ කර්තුවන් අඹයක් දී කළ හැකි නම්, එය ඔබේ ප්‍රමුඛතා තත්වය වේ.

3. ප්‍රවේශතාව (WCAG)

ප්‍රවේශතාවය සිරිසන්මයක් නොවේ — එය SEO සංකේතයක් විදානයි. Google හි යාන්ත්‍රණ සමාන්ධකය තමන්ගේ අඩවිය භාවිතා විය යුතුයි, ඇතුළත්ව හාස්කෘතියන් පීඩා අභියෝගයන් ඇති සමහරුන්ට පහසු විය යුතු ය. WCAG (Web Content Accessibility Guidelines) අනුමැද කියන්නේ හොඳම ප්‍රමාණයන් වලින් පහසුකම් ලබා ගැනීමට සහ හැමදේකට උපරිම නැති කිරීමයි.

මූලික ප්‍රවේශිතාව අවශ්‍යතා:

| අංගය | අවශ්‍යතා | SEO බලපෑම | |---------|-------------|------------| | ඡායාරූප සඳහා අල්ට් පෙළ | සියල්ල සඳහා අර්ථවත් විකල්ප සහිත වශයෙන් අර්ථවත් ඡායාරූප | සෘජුව (ලෙහි SEO + ප්‍රවේශිතාව) | | ශීර්ෂ මාධ්‍යය | H1 → H2 → H3 ෙරාජවහන්ඹය | සෘජු (අන්තර්ගත ව්‍යුහය) | | පාඨ සහ පාට පද්ධතිය | සාම ආarked වලට මැදෑදූම | අධානම (භාවිතා පද්ධතිය) | | යාන්ත්‍රණ වැඩිහිටි | සම්බන්ධ සංඛ්යාතයෙන් වැඩි පරිඝණක | අධානම (භාවිතාව) | | ARIA ව්‍යුහය | අකුණුන් සහ පරිගණක පහසුකම් | අධානම (ස්කීන් පරිශීලක අත්දැකීම්) | | ප්‍රධාන ඉහළ එක්වීම | යාන්ත්‍රණ මථොල්කාරයාගේ පරවාසයක් | අධානම (භාවිතා පද්ධතිය) | | පෝරු ලේබල් | සියලු ක්‍රියාවලින් එකට සම්බන්ධ ඇනුම | අධානම (භාවිතා පද්ධතිය) | | සබැඳිබඳ පෙළ | අර්ථවත් (කිහිපයක් නොවේ) | සෘජු (ආශ්‍රිත පෙළ SEO) |

ප්‍රසූත සමායක විමසීම ක්‍රියාවලිය:

1. අවශ්‍ය පරික්ෂණ ක්‍රියාවලිය — Lighthouse, axe-core, හෝ WAVE ආදරයෙන්, ක්‍රියාවලියෙන් (~30-50% ගැටළු සොයා ගන්න)
2. කීබෝර්ඩ් පරීක්ෂණය — එක්ම කීබෝර්ඩයක් භාවිතා කරමින් ඔබේ සියලු අඩවිය හරහා අමුත්තන් ලැහිල් කරන්න
3. ස්කීන් අත්දැකීම් පරීක්ෂණය — VoiceOver (Mac) හෝ NVDA (Windows) භාවිතා කරන විශේෂිත පිටුහවස්
4. පාට සහ ශීළා කරන්න — සැම පාඨය හරහා පසුබැසීමේ තොරතුරු (DevTools මැසින සිට විතූර් ඉටිසරයේ)
5. සෑහැදිළි පියවරක් — 200% දක්හා ආරක්ෂා කරන්න - කුමක්ද ඉල්ලයිද?

සාමාන්‍ය ප්‍රවේශිතතාව නිවාරණයන්:

<!-- ඡායාරූපස්සන්: විශ්ලේෂනමිනු ඇති අල්ට් පැහැදිලි කරන්න -->
<img src="chart.png" alt="ජනවාර් 2026 සිට මාර්තු 2026 දක්වා සාමාන්‍ය විශාලකම් 40% කාණාව">

<!-- බොත්තම්: පැහැදිලි ලේබල් -->
<button aria-label="නාව ගේනුව පහත දැමුර">
  <svg>...</svg> <!-- කාටාවක සජීවී බොත්තමේ ආරක්ෂාවන් අවශ්‍ය වේ aria-label -->
</button>

<!-- පෝරු: සම්බන්ධ පැවැත්ම -->
<label for="email">ඊ-ෙමේළ් ලිපිනය</label>
<input type="email" id="email" name="email" required>

<!-- සබැඳියන්: විශාල විගේඩ පේළි -->
<a href="/guide">දුරිකැටි SEO මාර්ගෝපදේ කර ගැනීම</a>
<!-- NOT: <a href="/guide">මෙහි ක්ලික් කරන්න</a> -->

<!-- අඩු කීබෝර්ඩ් පරිශීලකයින්ට කුමක්ද පමණක් නොවේ -->
<a href="#main-content" class="skip-link">ප්‍රධාන අන්තර්ගතයට දිගහීවන්න</a>

කෙටි ජයග්‍රහණයක්: ඔබේ ප්‍රධාන පණිවිඩය සඳහා Lighthouse ක්‍රියාත්මක කරන්න. පාර්ශවයේ "අසම්මත" යන හිටියේ සකසන්න — මෙය ඇතුළුව කූරළැ ස්ථුතිය, අභියෝග, සහ අඩංගු වශයෙන් අඩංගු කිරීම්යි. මෙම ප්‍රතිසම්පන්න කිරීම් මනාපව ලබා ගැනීමට යාවත්කාලීන කිරීමට යළීය සක්‍රීයකරන්න.

4. පිටු අත්දැකීම් සංකේත

ප්‍රධාන ජාල සම්භූති වලින් පසු, Google කුමක්ද ගණනාවක පිටි බැලීම අත්බැදීම් සම්බන්ධයෙන් ඒවායෙන් ප්‍රාදාන කරයි.

පිටු අත්දැකීම් සාතුලන්:

| සංකේතය | අවශ්‍යතා | පරීක්ෂාව | |--------|-------------|-------| | HTTPS | පූර්ණ අඩවිය HTTPS හරහා ඇදෙන්න | මිශ්‍ර අන්තර්ගතය ලබා දෙනු | | අවන්දිත නොවන නිපුණතා | ෆන්ඩ්ටකාසේ කුමක්ද පෙන්වා නොදෙන්න | ජංගලයේ >30% ආරක්ශන වීමට | | ආරක්ෂිත බBrowsing | කිසිදු මල්වේ යුග්මය, පොයන ආදරභාගීය | Google ආරක්ෂිත ගැනුතුව | | ජංගම-මිතිබඳය | ජංගම-මිතියන් පරීක්ෂාවේ නිවැරදි | Google Mobile-Friendly Test | | වලංගු ads | ads මම නිපුණතාව | ආකාරකරණයේ සඟරා නොවී |

අදාල විරාම තොරමු (විස්තර කුමක්ද ෙලක් සොයන්න):

| අවසරද | වම් කළා | |---------|-----------| | වයස් ඔත්සප් අයුරැ — වද්ධිය ප්‍රමාණ වේ | | කුකී ඇති බැනර් (නීතිමය ලෙස අවශ්‍යයි) | ටී වී | | ජනතා කලාවන්දනය වහලේ ජාත්‍යන්තරයක් | "අදාල භාගී විශාල වෙනමොන්න නොමැති වේ" | | ලයින් නිදුනිට උපන්මඩුන | කුඩා හන්කාරයන් <30% පිටුවේ සඹන්දව | | පරික්ෂා කරන්න පමණය කැමැත්තේ සමිබන්ධ කියුෆ්පූරව | מענטשן [උදෑ] ගජමා භාවිතාකර බලන්න |

HTTPS පරික්ෂණය:

• [ ] SSL සහතිකය වලංගුවන් සහ කාලාප දිනයක් අවාසනාවක් නොමැත
• [ ] සියල්ල HTTP → HTTPS (301) කරයි
• [ ] කිසිදු මිශ්‍ර අන්තර්ගතයක් නැත (HTTP සම්පත් HTTPS පිටු වෙහි)
• [ ] HSTS පරික්ෂණය සක්‍රීය වූන්න (මීළග ඉක්මනේ අදාල)
• [ ] අභියෝග HTTPS භාවිතයෙන් වේ (HTTP වර්ගම කරන්න)
• [ ] Sitemap HTTPS URL භාවිතා කරයි
• [ ] Canonical සන්නිවේදනය HTTPS භාවිතා කරයි

කෙටි ජයග්‍රහණයක්: මිශ්‍ර මූල්‍යතා සඳහා සොයා බලන්න - ඔබේ ප්‍රධාන පිටුවේ DevTools Консоль විවෘත කරන්න. කිසිදු "මිශ්‍ර අන්තර්ගත" යන්න ඇත්නම් කුමක්ද පැමිණීම් උනන්සයි. HTTPS වල වාර්තා පද්ධතියත් එක්ක එය යාවත්කාලීන් ගන්න. මෙය සාමාන්‍යයෙන් පිටු අත්දැකීම් අර්ථයකින් එක් කොටසක් වේ.

5. යාන්ත්‍රණ රටාවන්

හොඳ යාන්ත්‍රණයක් පරිශීලකයින් සහ සොයන්නන් දෙපාර්ශවය හා උපකාරී වේ. පරිශීලකයින් දැකගන්නා සතුට අස්සේදී අයන්ගේ දුරම කර්තූ භාණ්ඩයයි.

යාන්ත්‍රණයේ හොඳම සිතුවිලි:

| ආකාරය | ප්‍රයෝජනය | නිර්මාණය | |---------|---------|----------------| | බෙහෙවින් කාර්‍යඵන්දීම | සියලුම පිටුව ලබන තුනකින් | Hub පිටු, Breadcrumbs | | Breadcrumbs | පරිශීලකයින් තැනැත්තා | Schema markup + නිවසේ කුමක්ද | | වියොජිත URL ව්‍යුහය | ප්‍රයෝජනවත් ඉඩකඩ | /category/subcategory/page | | පයිඩර් සාන්තය | අමතර පිටු ලබා ගැනීම | නීතිය, මහා, සම්බන්ධ | | අභියෝග සෙවුම් | පරිශීලකයින් විශේෂිත අන්තර්ගතය සොයා ගැනීමට | සෙවුම් පෙළ යෝජනාවන්ත කරන්න | | සම්බන්ධ අන්තර්ගතය | පුටික්‍යක්‍ය අනුමැමුවේ සෑහීම | "සම්බන්ධ ලිපි" කොටස් |

ආදර්ශ අඩවිය හැර මහළට:

ප්‍රධාන පිටුව (සියලුම වැදගත් දෙකකින් 1 ක්)
├── /ආරක්ෂාවක්/ (හබය — සියලුම නිෂ්පාදන දැක්වීම)
│   ├── /ආරක්ෂා කිරීම කාණ්ඩයක්/
│   │   ├── /ආරක්ෂා කිරීම/නිෂ්පාදන 1
│   │   └──  /ආරක්ෂා කිරීම/නිෂ්පාදනය 2
│   └── /ආරක්ෂා පැති කළමනාකරන/
├── /ბයෝපින්  (අන්තර්ගතය — සියලුම ලිපි දැක්වීම)
│   ├── /blog වෙသာයක |
│   │   ├── /blog/ ඖෂධ 1  (හිටි සුදුපත්)
│   │   └── /blog/ ඖෂධ 1  (හදබය සංයිෘෂනේ |
│   └── /blog/ කරමින් යුතුයි |
├── /tools/ (සේවාවන්)
└── /about/ (අවස්ථා)

Breadcrumb ක්‍රියාත්මක කිරීම:

<!-- දර්ශන බලන්නේ - Breadcrumb -->
<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">පිටුව</a></li>
    <li><a href="/blog/">බ්ලොග්</a></li>
    <li aria-current="page">SEO මාර්ගෝපදේශ මස 5 හැර යන්න</li>
  </ol>
</nav>

<!-- Schema markup (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 ක් ඉතා මහමැදක පැමිනිම (නිවැරිදි ප්‍රකාරය)
• කිසිම breadcrumb නැත (පරිශීලකයින් සහ Google පරිස්සින්න ලස්සනේ)
• JavaScript කාර්ය කළින් පමණක් පත්තු තොරන්න (කාර්යාල මුවයෙන් බැලිය නොහැක)
• එකකිණ්ය පොතක් (මේ ඒයින් නොමැත)
• මගුල මෙහෙයුම් ඇති ස්ථානයක් (විශාලයෙන් යාන්ත්‍රණයේ වටිනාකමක අන්ත්වය)

කෙටි ජයග්‍රහණයක්: ඔබේ එම ඉහළටම පරිශීලක ප්‍රථම මාරු කරන පිටු - කුමක්ද කුමක්ද අරින්නා දසවාරු කිරීමෙන් මාර්ග සංකේත කොටසක් දුරගෙන සිටින්නේ කුමක්ද? නැවත ඇතුළත් කිරීම් සලසන්න.

6. පවත්වන වේලාව උපරිමකරණය

පරිශීලකයින් අසල දුඹුරු ඉහළ යන්න මනින් නම් කුමක්ද ව විග්නීත වීම ඇහා මීහුරු ජනප්රාස්ථී දිගා කල්තෑල්ලට අධිබලයේදී මුලින්ම ප්‍රතිසක්‍රිය යුතුයි.

පවත්වන වේලාව ඉල්ලාහැරුම:

| අංගය | ඇයි | සාමාන්‍ය ක්ෂේමයන් | |---------|-----|-----------------| | පැතුරු කලවුවී ඇපليشන් | කිරුනු වසන් | නිවැරදි සහ මයින්කින්නය | | වියළි ප්‍රතිර්ල | ඔවුන් රැගෙල්ල කරන්නේ ඇත්තේ කුමක්ද | ප්‍රමිත සුබ | | ප්‍රමාණකර හැරනේ | පවත්වන වේලාවෙන් සුවදානු වේ | diagram | | කොන්දේශයන් | කුමක්ද and අනුව ප්‍රතිකිස | | කොමුලකරමාවෑන් | ඔවුන් බද සම්බන්ධ හෝ අනාගත බවට පත්වී ඇතුලත් වී ඇති ළඟ යෙදුම් වලින් වෙන්න යොමු වන්න | | අංකනමය තත්වයේ | නැවත හෝ අකියුව නත්තා භාවිත කිරීමට හැකියා | යාන්ත්‍රණ‍යන් පවත්වන කුමක් ද |

පවත්වන වේලාව ඉල්ලාහැරුම අචචා වශයෙන් රීපිබුල්ඔන්:

ඩෙසක්ට් (1440px විවෘත):
┌───────────────────────────────────────────────────────┐
│ වාණිජ කණ්ඩය | 
├───────────────────────────────────────────────────────┤
│ H1: වැදනු රැකී වෙනුවට හැකියාව | 
│  සාකකල වාස පුළුල් තැනක් | 
│ [පවත්වන්න ]   |
│ ආයානරී |
│   කිරිවරයන් | 
│  සභාගේ |
├─────────────────────────────────────────────────────────┤
├───────────────────────────────────────┤
│ ↓ සටහනක්ස සාරා තොරතුරු | 
└─────────────────────────────────────────────────────

ජංගම (375px)
┌─────────────────────────────┐
│  කහඩමක | 
├─────────────────────────────┤
│  H1: නවීනਤਾ |
│ [පවත්වන්න] |
│ (පළළින් තෝරන සංවිධානය) |
└─────────────────────────────┘

ප්‍රධානම පවත්වන වේලාව සුදුසු නම් නීති:

• H1 සහිත වන්න — වැඩිම කිරීමක් ගැන අසල් නීතිවේවා
• CTA දකින සඳහා නැත — සොයායා නිවසේ සදී කරයි
• ප්‍රති පවත්වන වේලාව කොඳලක් නිවැරදි නොවේ (CLS සංම්භාවීරය)
• ප්‍රධාන කෑමැල් වීන සාර්ථකයෙන් හමුවේ (හරිපාස් රවුම ඇත)
• ජංගම: අසල් භාණ්ඩනින්න කලාවක් දෙනා | |

කෙටි ජයග්‍රහණීයයි: ජංගම පරීක්ෂණයකින් ආසන්න කාලයක් ශීර්ෂය සෙසික්-සේ පවත්වා කීරිනා හිටියේදැයි පද්ධතියෙන් යන්න ඔබවර්තා වෙමින් ගන්න කොමට යුතුය? "නැතිද?" සමබයෙන් නොමැතියි?

UX කැමැත්ත පරීක්ෂණ කාර්යය

ඔබගේ ඉහලම පිටු සඳහා සහ කැමැත්තම:

• [ ] LCP 2.5 තත්ත්වය පහළින් (ප්‍රධාන චාමඩය ඡායාරූප ඕනෑම කාලයකි, ප්‍රධාන CSS තාවකාලිකයි)
• [ ] INP 200ms පහළ (ජාතින් ප්‍රධාන සඳහා කිසිම දිග JavaScript ක්‍රියාවීල්ව සහිත නොවේ)
• [ ] CLS 0.1 0.1 (සියලුම ඡායාර්ති ගුණාංග සිසුකිරිම්, හෝ ලේසිය ගිය සම්ප්‍රති)
• [ ] ජංගම-මිතිය (44px පකු ඉලක්ක, 16px + පමණක් පෙළ, අන්තර්ගතයේ බහලා)
• [ ] ප්‍රවේශයක් (අල්ට් пон text, Word країна, පාට, දුම් වින්)
• [ ] HTTPS සම්පූර්ණ (මිශ්‍ර අන්තර්ගතයක් නැත, HSTS සක්‍රීයයි)
• [ ] කිසිම වෙළඳ නොවන හෝසත්මය නැත (පහසුකම් ප්‍රයෝජනයෙන් හා අන්තර්ගතක විකල්පව හා කලින් අඩු කරෝ)
• [ ] Breadcrumbs දැක්වීම (BreadcrumbList schema එකකින්)
• [ ] විශේෂිත පිටු සටහන් 4 ක්තුවු කියා ඇතුළුණු නීති රාශි කරයි
• [ ] පවත්වන වේලාව සම්පූර්ණ වන්න (H1 සපයනකල, CTA visible, පිටු ලිපි වේ)

LANGR ඔබේ UX විමැසිමේ ඉස්සුවේ

LANGR හි UX සම්බන්ධ විමසුම් යටතේ රහසක් සඳහා සහත්වුකරු:

• ප්‍රධාන ජාල සම්භූතිම.Module — LCP, INP, CLS පන්නු පෙළන් මාවපාසු කරන්න (සත්‍ය පාරිශුද්ධයේ)
• පිටු වේලාවේද ඉලක්ෂණ සේමල් වනු — සම්පූර්ණ Lighthouse කාර්ය වාර්ථා ක්ෂේත‍් ගණනෙවී පැනය ගණනය holiday car;
• ජංගම නම් මාධූපඅත් වලින් නිවැරදිවේවි — දර්ශක ධාරා කිලෝව ලේග් පිටිමුණුකලය පසළි වැනි ගියි
• ප්‍රභීත ව්‍යුහය වෙතින් ටෙක්නෝලෝජිකමාලේ — WCAG අනුගමනය අපනයන තෝවීම් සියලුම යොමිනි
• සේවා සකසුම තනස්යී — AI සංකේතත අර්ථක්‍රියාව පිරික්සුම් |
• පිටු අත්දැකීම් ජාලයනයේ පෙළමීමින් — අණකාරක ලියන්නක්, HTTPS තත්වය, ආරක්ෂිත Browsing |

මෙම ආකාරවලින් විමසුම් අපන චාමේශයේ පැහැදිලි දෙන්න — සහ නිරතුරුව අලුත් කරන්නට ඔබට විශාසංගිතක් සඳහා ක්ෂේම දීර්ඝකාලය කාර්‍යයකි.

සුළු UX කාර්ය (කාර්යයක්ගේ බලපෑම යටතේ)

1. ජංගම අඩු වනවා — 60%+ සෙවුම ජංගමයි; කඩ ජංගම = කඩ ප්‍රථමය
2. අභිප‍්‍රේෂිත ඡායාරූපය — LCP හි සෑම තත්ත්වය සහ පහසුව පෙරවීම (සමහරක් කරන්න)
3. නිහැකියාව ලැබේ වැලිකාලයි — වාසි පිළුව සැම විසදා බස්වේදය කොන්දැවීම
4. මහපන් ශ්‍රේෂ්ඨතා ක්‍රමය — වැඩපිළි වියෝජන වලා කිසිම INP ක්‍රමගතයෙන් ලබට්ලි
5. ප්‍රවාරය ගැනලා යුග්මයට වඩා සිදුකිරීමට සිද්ධාන් — කිසිම අල්ට් අරක්
6. අන්තර්ගතය හා තට්ටූන් නොවීම — පද පෙරයෙන් ඇතුළුව වාරුවා
7. වේලාව බහුතර වැළඳීම — වැදගත් පිටු ඩිකියසරින් 5+ මීටර්
8. පවත්වන වේශය නොමැතිභාවයට යහළුවාවෑ — පරිශීලකයෝ භාවිතා කිරීමට කළඹා නොවේ

ඊළඟ කුමක්ද?

පියවර 6: අධියොග හා ශ්‍රේණි — ඔබතරමේ වර්ධනය කිරීමට ක්‍රම @ නොමැත. නාමය ආශ්‍රිතව ඇතුළු කළ හැකි ප්‍රාදේශීයත්වය, විශ්ලේශණ බැලීම්ය එවක් මංද්‍රා මහසක් වුයයි.

---

මෙම මාර්ගෝපදේ LANGR හි 13-පියවර SEO ටෝක ද ෙවැන්නා වේ. නොමිලේ විමසීමක් කරන්න දැක්වීමේදී ඔබේ අඩවිය කොතැනදී පවතින් සේරා ලියා පෙන්විය හැකිය.