NextJS တွင် အဓိက site layout အတွင်း Metadata များ

ထို့ကြောင့်၊ ယခင်သင်ခန်းစာတွင် metadata များထည့်သွင်းရန် နည်းလမ်းအမျိုးမျိုးရှိကြောင်း ကျွန်ုပ်တို့တွေ့ရှိခဲ့သည်။ အရှင်းဆုံးနည်းလမ်းမှာ အောက်ပါတည်ဆောက်ပုံကို အသုံးပြု၍ layout ဖိုင်တွင် သတ်မှတ်ပေးရန်ဖြစ်သည်:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

ဤကိစ္စတွင်၊ ခေါင်းစဉ်နှင့် meta description သည် ကျွန်ုပ်တို့သတ်မှတ်ထားသည့်အတိုင်း ပြောင်းလဲသွားမည်ဖြစ်သည်။ သို့ရာတွင်၊ ဤနည်းလမ်းတွင် ပြဿနာတစ်ရပ်ရှိသည်။ ၎င်းမှာ metadata များကို အဓိက site layout ထဲတွင် တင်းကျပ်စွာ ထည့်သွင်းထားခြင်းပင်ဖြစ်သည်။ ဆိုလိုသည်မှာ URL တိုင်းအတွက် ၎င်းတို့သည် တူညီနေမည်ဖြစ်သည်။ ၎င်းသည် SEO ရှုထောင့်မှလည်းကောင်း၊ site အသုံးပြုမှု သက်တောင့်သက်သာရှိရေးရှုထောင့်မှလည်းကောင်း မမှန်ကန်ပါ။

Задание 1

သင့်အဓိက site layout ထဲရှိ ခေါင်းစဉ်ကို ပြောင်းလဲပါ။ ၎င်းပြောင်းလဲသွားကြောင်း စစ်ဆေးပါ။

Задание 2

သင့်အဓိက site layout ထဲရှိ meta description ကို ပြောင်းလဲပါ။ ထို့နောက် site ၏ source code ကို ဖွင့်ပြီး ၎င်းပြောင်းလဲသွားကြောင်း စစ်ဆေးပါ။