WebWorks LogoSIA Behind
Izstrādātājiem

Latviešu Diakritisko Zīmju Pilnīgā Rokasgrāmata

Kā apstrādāt ā, č, ē, ģ, ī, ķ, ļ, ņ, š, ū, ž web izstrādē

Latvijas speciālās rakstzīmes rada reālas problēmas - salauzti URL, bojātas datubāzes, nepareizi ielādēti fonti. Šajā ceļvedī atradīsiet visas atbildes vienā vietā.

Latviešu Rakstzīmju Tabula

Visi 33 latviešu alfabēta burti ar Unicode vērtībām, HTML entītijām un klaviatūras saīsnēm. Noklikšķiniet, lai kopētu.

BurtsUnicodeHTML
U+0100/U+0101Ā/ā
U+010C/U+010DČ/č
U+0112/U+0113Ē/ē
U+0122/U+0123Ģ/ģ
U+012A/U+012BĪ/ī
U+0136/U+0137Ķ/ķ
U+013B/U+013CĻ/ļ
U+0145/U+0146Ņ/ņ
U+0160/U+0161Š/š
U+016A/U+016BŪ/ū
U+017D/U+017EŽ/ž

URL Slug Apstrāde

Tas ir biežākais sāpju punkts. Latvieši meklē ar diakritiskajām zīmēm, bet URL nevar saturēt ā, č utt. Kā pareizi transliterēt vai kodēt?

URL Slug Pārveidotājs

Rezultāts:maja-ar-darzu
TypeScript
// next.config.js - no special config needed for Latvian
// Use this utility function in your project:

export function lvToSlug(text: string): string {
  const map: Record<string, string> = {
    ā: 'a', č: 'c', ē: 'e', ģ: 'g', ī: 'i',
    ķ: 'k', ļ: 'l', ņ: 'n', š: 's', ū: 'u', ž: 'z',
    Ā: 'A', Č: 'C', Ē: 'E', Ģ: 'G', Ī: 'I',
    Ķ: 'K', Ļ: 'L', Ņ: 'N', Š: 'S', Ū: 'U', Ž: 'Z',
  };
  return text
    .split('').map(c => map[c] ?? c).join('')
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')
    .replace(/^-+|-+$/, '');
}

// Usage: lvToSlug('Māja ar dārzu') => 'maja-ar-darzu'

Datubāzes konfigurācija

Nepareiza datubāzes kodēšana noved pie jucekļa: ā kļūst par Ã, č par č. Risinājums ir vienkāršs.

SQL
-- MySQL: ensure UTF-8 support for Latvian
ALTER DATABASE yourdb CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
ALTER TABLE yourtable CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

-- For new tables, always specify:
CREATE TABLE posts (
  id INT PRIMARY KEY,
  title VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci
);

-- Check current table encoding:
SHOW CREATE TABLE yourtable;

Fontu Atbalsts Latviešu Valodai

Ne visi Google Fonts atbalsta latviešu diakritiskās zīmes. Šeit ir tie, kas atbalsta.

Inter

100–900

Pilns latviešu atbalsts. Lielisks UI fontam.

Āčēģīķļņšūž - Māja, čūska, ēdiens

Roboto

100–900

Pilns atbalsts. Populārākais Google Fonts fonts.

Āčēģīķļņšūž - Māja, čūska, ēdiens

Lato

100–900

Elegants, labi lasāms. Atbalsta visas LV zīmes.

Āčēģīķļņšūž - Māja, čūska, ēdiens

Open Sans

300–800

Universāls, labi lasāms. Pilns atbalsts.

Āčēģīķļņšūž - Māja, čūska, ēdiens

Raleway

100–900

Modernam dizainam. Atbalsta LV diakritiku.

Āčēģīķļņšūž - Māja, čūska, ēdiens

Source Sans 3

200–900

Adobe fonts projekts. Pilns LV atbalsts.

Āčēģīķļņšūž - Māja, čūska, ēdiens

Formu Validācija

Standarta `[a-z]+` regex nedarbojas ar latviešu vārdiem. Izmantojiet šos gatavus piemērus.

TypeScript
// Regex for Latvian names (first name / last name)
const LV_NAME_REGEX = /^[A-ZĀČĒĢĪĶĻŅŠŪŽa-zāčēģīķļņšūž\s-]+$/;

// Latvian phone number (local format)
const LV_PHONE_REGEX = /^(\+371|00371)?[2678]\d{7}$/;

// Allow Latvian characters in a general text field
const LV_TEXT_REGEX = /^[A-ZĀČĒĢĪĶĻŅŠŪŽa-zāčēģīķļņšūž0-9\s.,!?;:'"()-]+$/;

// React example:
function validateName(value: string): boolean {
  return LV_NAME_REGEX.test(value.trim());
}

SEO un latviešu diakritiskās zīmes

Google meklē gan ar, gan bez diakritiskajām zīmēm. Kā pareizi iestatīt hreflang un URL struktūru?

HTML / Next.js
<!-- Correct hreflang for Latvian + English pages -->
<link rel="alternate" hreflang="lv" href="https://yoursite.lv/par-mums" />
<link rel="alternate" hreflang="en" href="https://yoursite.lv/en/about-us" />
<link rel="alternate" hreflang="x-default" href="https://yoursite.lv/par-mums" />

<!-- Next.js 14+ App Router (layout.tsx): -->
export async function generateMetadata() {
  return {
    alternates: {
      canonical: 'https://yoursite.lv/par-mums',
      languages: {
        lv: 'https://yoursite.lv/par-mums',
        en: 'https://yoursite.lv/en/about-us',
      },
    },
  };
}
Dalīties

Vajag palīdzību ar Latvijas web projektu?

WebWorks izstrādā mājas lapas un aplikācijas ar pilnu latviešu valodas atbalstu.

Sazināties