အခမဲ့ Slug ထုတ်လုပ်စက်
မည်သည့် ခေါင်းစဉ် သို့မဟုတ် စာသားကိုမဆို URL-friendly slug သို့ ပြောင်းပါ။ blog post, CMS page နှင့် SEO-optimized URL များအတွက် အသင့်တော်ဆုံး。
မြန်ဆန်သောဥပမာများ
အသုံးများသော အသုံးပြုမှုများ
- ဘလော့ဂ် ကျမ်းများအတွက် URL Slugs ဖန်တီးပါဘလော့ဂ် ကျမ်း ခေါင်းစီးများကို သန့်စင်သော SEO-အလျှောက် URL slugs သို့ ပြောင်းလဲပါ WordPress၊ Ghost နှင့် မည်သည့် CMS မဆို။
- ခေါင်းစီးများမှ လုံခြုံသောဖိုင်အမည်များကို ဖန်တီးပါစာရွက်စာတမ်းခေါင်းစဉ်၊ ဓာတ်ပုံအမည် သို့မဟုတ် asset အမည်များကို space နှင့် အထူးစာလုံးမပါသော ဖိုင်စနစ်လုံခြုံသည့် ဖိုင်အမည်များအဖြစ် ပြောင်းပါ။
- SEO အတွက် URL slug များကို အကောင်းဆုံးဖြစ်အောင်ပြင်ပါသော့ချက်ကလုံ၊ တဝိုင်းသည် URL slugs များကို ဖန်တီးပါ ရှာဖွေမှုအင်ဂျင်များကို ကျွန်ုပ်၏ စာမျက်နှာများကို နားလည်ပြီး မြန်းလိုက်တည်သည့်ကြောင်း ကူညီပါ။
- CMS နှင့် Headless စနစ်များအတွက် Slugs ဖန်တီးပါContentful၊ Sanity၊ Strapi နှင့် အခြား headless CMS အကြောင်းအရာ ထည့်သွင်းမှုများအတွက် သယ္ယာဆိုင်ရာ slugs များကို ဖန်တီးပါ။
- အီကုမမတ်စ်အတွက် ကုန်ပစ္စည်း URL Slugs ကို ဖန်တီးပါShopify၊ WooCommerce နှင့် အီကုမမတ်စ်စတိုးများအတွက် သန့်စင်သော၊ သော့ချက်ကလုံ ကုန်ပစ္စည်း စာမျက်နှာ slugs များကို ဖန်တီးပါ။
မည်သို့ အလုပ်လုပ်သည်
Slug generator သည် ပြင်ပ library လုံးဝမပါဘဲ သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည်။ ၎င်းသည် Cyrillic, Greek, and Latin special character များအတွက် ကိုယ်တိုင်ရေးထားသော transliteration table ကို browser ၏ built-in Unicode normalization (NFKD) (accent ဖယ်ရှားရန်) နှင့် ပေါင်းစပ်ကာ စာသားကို URL-safe slug များသို့ ပြောင်းလဲသည်။
- 1စာလုံးပြောင်းရေးခြင်း အဆင့်Character တစ်ခုစီကို ASCII မဟုတ်သော script များကို Latin ညီမျှတန်ဖိုးများသို့ map လုပ်ထားသော built-in CHARMAP table တွင် ရှာဖွေသည် — Cyrillic (а→a, ж→zh, ш→sh), Greek (θ→th, ψ→ps), and Latin special (æ→ae, ß→ss, ð→d)။ ё→yo ကဲ့သို့ dedicated mapping ပါသော character များကို ဆက်လက်လုပ်ဆောင်မှု မတိုင်ခင် ဒီနေရာတွင် ကိုင်တွယ်သည်။
- 2Unicode normalization နှင့် accent ဖယ်ရှားခြင်းBrowser ၏ native String.normalize('NFKD') သည် precomposed character များကို decompose လုပ်သည် — ထို့ကြောင့် á သည် a + combining acute accent ဖြစ်လာသည်။ Regex တစ်ခုသည် combining mark အားလုံး (Unicode range U+0300–U+036F) ကို ထို့နောက် ဖယ်ရှားသည်၊ é, ñ, and ț ကဲ့သို့ accent ပါသော Latin စာလုံးများကို ၎င်းတို့၏ ရိုးရိုး ASCII base သို့ ချုံ့သည်။
- 3စကားလုံးခွဲခြားခြင်းနှင့် stop-word filteringကျန်ရှိသော alphanumeric မဟုတ်သော character များကို space များဖြင့် အစားထိုးပြီး စာသားကို စကားလုံးများအဖြစ် ခွဲသည်။ Stop-word ဖယ်ရှားခြင်း ဖွင့်ထားပါက ရိုးရိုး အင်္ဂလိပ် function word များ (the, and, of, in, …) ကို စကားလုံးစာရင်းမှ ဖယ်ရှားသည်။ စကားလုံးများကို ထို့နောက် သင်ရွေးချယ်ထားသော separator (hyphen, underscore, or dot) ဖြင့် ချိတ်ဆက်သည်။
- 4အရှည် ဖြတ်တောက်ခြင်းနှင့် outputအများဆုံးအရှည် ကန့်သတ်ချက် သတ်မှတ်ထားပါက slug ကို ကန့်သတ်ချက်မတိုင်ခင် အနီးဆုံး word boundary တွင် ဖြတ်တောက်သည် — ဘယ်တော့မှ စကားလုံးတစ်ဝက်မှာ မဖြတ်ပါ — နောက်ဆုံး separator သို့ ပြန်ကြည့်ခြင်းဖြင့်။ နောက်ဆုံး slug ကို သင်ရိုက်နေစဉ် ချက်ချင်း ပြသပြီး character နှင့် word count များကို အောက်တွင် ပြသည်။
ဆက်နွှယ်သော ကိရိယာများ
URL Encoder နှင့် Decoder
URL များနှင့် query strings များကို စာဝှက်ပြီး ကုဒ်လုပ်ပါ။ ကုဒ်URIComponent၊ decodeURIComponent နှင့် query string parsing ကို ပံ့ပိုးပေးသည်။
ဒိုင်လက်စီဖတ်ရှုရလွယ်ကူအောင်ပြင်ဆင်စက်
မည်သည့် စာသားကိုမဆို ဖတ်ရှုရန် ပိုလွယ်အောင် ပြုပြင်ပါ: ကျယ်ဝန်းသော အက္ခရာ နှင့် စကားလုံး spacing, မြင့်မားသော ကြောင်းများ၊ ကန့်သတ် ကြောင်းအကျယ်၊ ဖတ်ရနိုင်သော font၊ နူးညံ့သော နောက်ခံ tint နှင့် ရွေးချယ်နိုင်သော bold word-start ။ browser တွင်သာ ဆောင်ရွက်သည်。
Meta Tag & Open Graph ထုတ်လုပ်စက်
live Google နှင့် social-share preview ဖြင့် SEO meta tag, Open Graph နှင့် Twitter Card markup ဖန်တီးပါ။ သင့် page head ထဲ ဖြောင့်တန်းကူးထည့်ပါ。