Web Development

இலங்கையில் மும்மொழி இணையதளங்களை உருவாக்குதல்: முழுமையான தொழில்நுட்ப வழிகாட்டி

எழுதியவர் SafeNet Creations Team11 min வாசிப்பு
trilingual website Sri LankaSinhala Unicode webTamil website developmentNext.js i18nSri Lanka Web Design

நிர்வாக சுருக்கம்: மும்மொழி மென்பொருள் பொறியியலின் வணிக முக்கியத்துவம்

இலங்கையின் டிஜிட்டல் சந்தை இயல்பாகவே பன்மொழித் தன்மையைக் கொண்டது. கொழும்பு 03 அல்லது கொழும்பு 07 போன்ற பெருநிறுவன மேல்தட்டு வட்டாரங்களில் ஆங்கிலம் பிரதானமாகப் பயன்படுத்தப்பட்டாலும், நாட்டின் 70 சதவீதத்திற்கும் அதிகமான நுகர்வோர் சிங்களம் அல்லது தமிழ் மொழிகளிலேயே தேடுதல்களைச் செய்கிறார்கள், தகவல்களைப் பெறுகிறார்கள், ஆன்லைன் பரிவர்த்தனைகளிலும் ஈடுபடுகிறார்கள். ஈ-காமர்ஸ் (E-commerce), சுகாதாரம், வங்கிச் சேவைகள் மற்றும் சுற்றுலாத் துறை போன்ற துறைகளில் இயங்கும் நிறுவனங்கள் ஆங்கிலத்தில் மட்டுமே இணையதளத்தை வைத்திருப்பது, அவர்களின் விற்பனை வளர்ச்சியை (Conversion Rate) செயற்கையாகக் கட்டுப்படுத்துகிறது.

கடந்த காலங்களில், இலங்கையில் டிஜிட்டல் மொழியாக்கம் என்பது Baamini அல்லது FM-Abhaya போன்ற பழைய ASCII எழுத்துருக்கள் மூலமாகவே மேற்கொள்ளப்பட்டது. இதனால் உடைந்த வலைப்பக்க முகவரிகள் (Broken URLs), தரவுத்தள எழுத்துக்குழப்பங்கள் (Database encoding issues) மற்றும் ஒழுங்கற்ற எழுத்துரு தோற்றங்கள் போன்ற பாரிய சிக்கல்கள் எழுந்தன. இன்று, கொழும்பு, யாழ்ப்பாணம், கண்டி, காலி மற்றும் மட்டக்களப்பு என நாடெங்கிலும் உள்ள நுகர்வோரை சென்றடைய, நவீன Next.js i18n மற்றும் நேட்டிவ் யூனிகோட் (Native Unicode) கட்டமைப்பைப் பயன்படுத்தி நவீன மும்மொழி இணையதளங்களை (Trilingual Websites) உருவாக்குவது அவசியமாகியுள்ளது.


1. யூனிகோட் பொறியியல்: தமிழ் மற்றும் சிங்கள எழுத்துருக்களின் நுட்பங்கள்

நவீன இணைய சூழலில் சிங்களம் மற்றும் தமிழ் மொழிகளை சரியாகக் காட்சிப்படுத்துவது என்பது வெறும் மொழிபெயர்ப்பு வேலை மட்டுமல்ல; இது சிக்கலான எழுத்து வடிவமைப்பு முறைமைகளை (Complex Text Layout - CTL Engines) கையாளும் ஒரு தொழில்நுட்ப சவாலாகும்.

தமிழ் மற்றும் சிங்கள எழுத்துக்களின் கட்டமைப்பு

பிராமி எழுத்துமுறையிலிருந்து உருவான இவ்விரு மொழிகளும் ஆங்கில லத்தீன் எழுத்துக்களைப் போல சீரான உயர எல்லைகளுக்குள் (Baseline grids) அடங்குவதில்லை:

  • தமிழ் கூட்டெழுத்துக்கள் மற்றும் வரிசை மாற்றங்கள்: தமிழ் இணையதள உருவாக்கத்தில் கொம்புகள் (ஒற்றைக் கொம்பு ெ, இரட்டைக் கொம்பு ே) தட்டச்சு செய்யும் போது மெய்யெழுத்துக்குப் பின் அமைந்தாலும், திரையில் தோன்றும் போது எழுத்தின் இடதுபுறம் தோன்றும் (எ.கா: க் + ெ = கெ). தகுந்த CSS Web Fonts மற்றும் சரியான ரெண்டரிங் இல்லையெனில், பழைய உலாவிகளில் இந்த குறியீடுகள் விலகிவிடும்.
  • சிங்கள எழுத்துருக்களின் இணைப்பு (ZWJ): சிங்களத்தில் Rakaransaya (எ.கா: ප්‍ර) மற்றும் Yansaya (எ.கா: ක්‍ය) போன்ற வடிவங்களை உருவாக்க Zero-Width Joiner (U+200D) அவசியமாகும். தளத்தின் எழுத்துரு இதை ஆதரிக்காவிட்டால் கேள்விக்குறிகளாகத் தோன்றி பயனர் நம்பிக்கையைக் குலைக்கும்.
/* தமிழ் மற்றும் சிங்கள எழுத்துக்களுக்கான CSS மாதிரி */
:root {
  --font-tamil: 'Noto Sans Tamil', system-ui, sans-serif;
  --font-sinhala: 'Noto Sans Sinhala', system-ui, sans-serif;
  --font-latin: 'Inter', system-ui, sans-serif;
}

:lang(ta) {
  font-family: var(--font-tamil);
  line-height: 1.8; /* மேல் மற்றும் கீழ் மாத்திரைகள் வெட்டுப்படாமல் இருக்க */
  letter-spacing: 0.01em;
}

:lang(si) {
  font-family: var(--font-sinhala);
  line-height: 1.75;
}

2. Next.js App Router உடன் Subpath Routing மற்றும் சர்வதேசமயமாக்கல் (i18n)

இலங்கையில் SEO தரவரிசையை வலுப்படுத்த, சரியான URL கட்டமைப்பைத் திட்டமிடுவது இன்றியமையாதது. டொமைன் அதிகாரத்தை (Domain Authority) சிதறடிக்கும் துணை டொமைன்களுக்குப் பதிலாக, Subpath அடிப்படையிலான அணுகுமுறையே சிறந்தது:

  • ஆங்கிலம்: example.lk/en/services
  • தமிழ்: example.lk/ta/services
  • சிங்களம்: example.lk/si/services

Next.js App Router மூலம் Middleware பயன்படுத்தி பயனரின் உலாவி மொழியைத் தானாகக் கண்டறிந்து, உரிய மொழிக்கு வழிநடத்தலாம். அத்துடன் hreflang மெட்டாடேக்குகளைச் சரியாகப் பொருத்துவதன் மூலம் கூகுள் தேடுபொறிக்கு ஒவ்வொரு மொழியின் பக்கமும் சுட்டிக்காட்டப்பட்டு, உள்நாட்டு தேடுதல்களில் உங்களது தளம் முதலிடத்தைப் பிடிக்கிறது.

SafeNet Creations
SafeNet Creations Team

இலங்கை வணிக வளர்ச்சி மற்றும் AI தொழில்நுட்பத்தில் நிபுணத்துவம் பெற்ற SafeNet குழு.

வெளியீட்டாளர் பற்றி

தொடர்புடைய கட்டுரைகள்