Web Development

ශ්‍රී ලංකාවේ ත්‍රිභාෂා වෙබ් අඩවි නිර්මාණය: පූර්ණ තාක්ෂණික මඟපෙන්වීම

කර්තෘ SafeNet Creations Team11 min කියවීම
trilingual website Sri LankaSinhala Unicode webTamil website developmentNext.js i18n

විධායක සාරාංශය: ත්‍රිභාෂා ඉංජිනේරු විද්‍යාවේ ව්‍යාපාරික අවශ්‍යතාවය\n\nශ්‍රී ලංකාවේ ඩිජිටල් වෙළඳපොළ යනු ස්වභාවයෙන්ම බහුවිධ භාෂා මත පදනම් වූ පරිසරයකි. කොළඹ 03 හෝ 07 වැනි ප්‍රධාන පෙළේ ආයතනික මූලස්ථාන තුළ ඉංග්‍රීසි බස ප්‍රධාන වුවද, දිවයිනේ සක්‍රීය පාරිභෝගික පදනමෙන් 70%කට වඩා වැඩි පිරිසක් තොරතුරු සොයන්නේ, ගනුදෙනු කරන්නේ සහ අන්තර්ගතය පරිශීලනය කරන්නේ සිංහල හෝ දෙමළ භාෂාවෙනි. විශේෂයෙන්ම ඊ-වාණිජ්‍ය (E-commerce), සෞඛ්‍ය සේවා, සිල්ලර බැංකුකරණය සහ සංචාරක ක්ෂේත්‍රය වැනි අංශ සඳහා ඉංග්‍රීසි භාෂාවට පමණක් සීමා වූ වෙබ් අඩවියක් පැවතීම, ඔබේ ව්‍යාපාරයේ ඩිජිටල් ආදායම ස්වයංක්‍රීයව සීමා කිරීමකි.\n\nඅතීතයේදී, ශ්‍රී ලංකාවේ ඩිජිටල් දේශීයකරණය (Localization) මුහුණ දුන් ප්‍රධානතම ගැටලුව වූයේ පැරණි ASCII ෆොන්ට් (FM-Abhaya හෝ Baamini වැනි), වැරදි URL ව්‍යුහයන් සහ දත්ත සමුදා (Database) එන්කෝඩින් බිඳවැටීම්ය. නමුත් අද වන විට, ආයතනික මට්ටමේ උසස් ත්‍රිභාෂා වෙබ් අඩවියක් (Trilingual Website in Sri Lanka) ගොඩනැගීමට නවීන තාක්ෂණික විසඳුම් අවශ්‍ය වේ. Next.js i18n වැනි නවීන රාමු (Frameworks) ස්වදේශීය යුනිකෝඩ් (Native Unicode) සමඟ ඒකාබද්ධ කිරීමෙන්, කොළඹ, යාපනය, මහනුවර, ගාල්ල සහ මීගමුව ඇතුළු සියලු ප්‍රදේශවල පාරිභෝගිකයින් වෙත සාර්ථකව ළඟාවිය හැකිය.\n\n---\n\n## 1. යුනිකෝඩ් ඉංජිනේරු විද්‍යාව: සිංහල සහ දෙමළ ටයිපෝග්‍රැෆි නිවැරදිව භාවිතය\n\nසිංහල සහ දෙමළ අන්තර්ගතයන් වෙබ් අඩවියක ප්‍රදර්ශනය කිරීම හුදු පරිවර්තනයකට එහා ගිය සංකීර්ණ පෙළ සැකසුම් (Complex Text Layout - CTL) ක්‍රියාවලියකි.\n\n### සිංහල සහ දෙමළ අක්ෂර ව්‍යුහය\nමෙම භාෂා ද්විත්වයම ඓතිහාසික බ්‍රාහ්මී අක්ෂර සම්ප්‍රදායෙන් පැවත එන අතර, ලතින් (ඉංග්‍රීසි) අක්ෂර මෙන් නොව පිල්ලම් සහ බැඳි අක්ෂර ස්ථානගත කිරීම මත අක්ෂරවල හැඩය ගතිකව වෙනස් වේ:\n\n* සිංහල බැඳි අක්ෂර සහ පිල්ලම්: අක්ෂර නිවැරදිව පෙන්වීමට Zero-Width Joiner (ZWJ, U+200D) භාවිතය අත්‍යවශ්‍ය වේ. නිදසුනක් ලෙස, අක්ෂරයක් + හල් ලකුණ + ZWJ + අක්ෂරය එකතු වූ විට රාකාරාංශය (උදා: ප්‍ර) සහ යන්සය (උදා: ක්‍ය) නිර්මාණය වේ. ඔබේ CSS මඟින් ZWJ ඉවත් වුවහොත් හෝ ෆොන්ට් එන්ජිමට OpenType වගු හඳුනාගත නොහැකි වුවහොත්, අක්ෂර කැඩී ප්‍රශ්නාර්ථ ලකුණු දිස්වන අතර එය වෙබ් අඩවියේ විශ්වසනීයත්වය බිඳ දමයි.\n* දෙමළ අක්ෂර විලාසය: දෙමළ වෙබ් අඩවි නිර්මාණයේදී (Tamil website development) කොම්බුව (ெ සහ ே) වැනි පිල්ලම් නිවැරදිව හැසිරවිය යුතුය. ඒවා යතුරුලියනය කරන්නේ මූල අක්ෂරයට පසුව වුවද, දෘශ්‍යමාන වන්නේ අක්ෂරයට වම් පසිනි (උදා: க் + ெ = கெ). නිවැරදි CSS වින්‍යාසයක් නොමැති විට පැරණි දුරකථන බ්‍රවුසරවල මෙම පිල්ලම් කැඩී යාමේ අවදානමක් පවතී.\n\ncss\n/* දකුණු ආසියානු සංකීර්ණ අක්ෂර සඳහා අත්‍යවශ්‍ය CSS සැකසුම */\n:root {\n --font-sinhala: 'Noto Sans Sinhala', system-ui, -apple-system, sans-serif;\n --font-tamil: 'Noto Sans Tamil', system-ui, -apple-system, sans-serif;\n --font-latin: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n:lang(si) {\n font-family: var(--font-sinhala);\n line-height: 1.75; /* ඉහළ සහ පහළ පිල්ලම් කැපී යාම වැළැක්වීමට */\n letter-spacing: 0.01em;\n}\n\n:lang(ta) {\n font-family: var(--font-tamil);\n line-height: 1.7;\n}\n\n\n---\n\n## 2. Next.js i18n තාක්ෂණය ඔස්සේ බහුභාෂා SEO ප්‍රශස්තකරණය\n\nසාර්ථක ත්‍රිභාෂා වෙබ් අඩවියක හරය වන්නේ නිවැරදි ගෘහ නිර්මාණ ශිල්පයයි (Architecture). Next.js හි Sub-path Routing (/en, /si, /ta) භාවිතය මඟින් Google සෙවුම් යන්ත්‍රවලට ඔබේ පිටු කාර්යක්ෂමව හඳුනාගැනීමේ හැකියාව ලැබේ.\n\n1. hreflang ටැග් නිවැරදිව භාවිතය: සෑම පිටුවකම අදාළ අනෙක් භාෂා පිටු පෙන්වා දෙන hreflang ටැග් (si-LK, ta-LK, en-LK) අඩංගු විය යුතුය. මෙය අන්තර්ගතයන් අනුපිටපත් (Duplicate content) ලෙස සැළකීම වළක්වයි.\n2. ස්වදේශීය පරිශීලක අත්දැකීම (UX): පාරිභෝගිකයා තෝරාගන්නා භාෂාවට අනුව ස්වයංක්‍රීයව වෙනස් වන පෝරම (Forms), WhatsApp API පණිවිඩ සහ සෙවුම් ප්‍රතිඵල සැපයීම තුළින් පරිවර්තන අනුපාතය (Conversion Rate) දෙගුණයකින් ඉහළ නංවා ගත හැකිය.\n\nඅවසාන වශයෙන්, ශ්‍රී ලංකාව තුළ සැබෑ ඩිජිටල් සාර්ථකත්වයක් අත්පත් කර ගැනීමට නම්, භාෂාව යනු හුදු අමතර අංගයක් නොව වෙබ් අඩවියේ මූලික තාක්ෂණික සැලැස්මේ ප්‍රධාන අංගයක් ලෙස සැලකිය යුතුය.

SafeNet Creations
SafeNet Creations Team

ශ්‍රී ලංකා ව්‍යාපාර වර්ධනය සඳහා AI සහ තාක්ෂණය යොදාගන්නා SafeNet කණ්ඩායම.

ප්‍රකාශකයා ගැන

අදාළ ලිපි