🖥️ SERP & snippet ကို preview

SERP Snippet ကို Preview

သင့်ရဲ့စာမျက်နှာခေါင်းစဉ်ကိုရိုက်ထည့်ပါ, meta description နှင့် desktop နှင့်မိုဘိုင်းပေါ်တွင်သင်၏ Google ရလဒ် snippet ၏တစ်ဦးအသက်ရှင်, pixel-တိကျတဲ့ preview ကိုကြည့်ရှုရန် URL ကို, truncation သတိပေးချက်များနှင့်အတူသူတို့ကသင်ကလစ်များကုန်ကျစရိတ်မတိုင်မီ.

0 အက္ခရာများ · 0px
0 အက္ခရာများ · 0px
e
example.com
https://example.com

SERP preview ကိုအသုံးပြုရန်မည်သို့

ပြီးပြည့်စုံသောပြသခြင်းနှင့်ကလစ်အနိုင်ရသော snippet တစ်ခုသို့လေးချက်မြန်နှုန်းမြင့်ခြေလှမ်းများ။

1

စာမျက်နှာခေါင်းစဉ် ထည့်ပါ

သင်အသုံးပြုရန်စီစဉ်ထား title tag ကိုရိုက်ထည့်ပါ. သငျသညျ Google ရဲ့ ~600px desktop ကနုတ်လက္ခဏာဘယ်လောက်နီးကပ်ကြည့်ရှုနိုင်အောင် character နဲ့ pixel ကကိန်းဂဏန်းများအသက်ရှင် update ကို.

2

သင့်ရဲ့ URL ကိုနှင့် meta ဖော်ပြချက်ကိုထည့်သွင်း

ဤစာမျက်နှာ URL ကို paste လုပ်ပြီး meta ဖော်ပြချက်ရေးသား. အဆိုပါ preview ကို breadcrumb renders, အနက်ရောင်ခေါင်းစဉ်နှင့်အနက်ရောင် snippet အမှန်တကယ်ရလဒ်တစ်ခုလိုပဲ.

3

Desktop နှင့် မိုဘိုင်းကြားတွင် ပြောင်းပါ

Toggle the Desktop and Mobile tabs to check both layouts, since mobile usesanarrower column and wraps titles onto more lines.

4

ဖြတ်တောက်ခြင်း သတိပေးချက်ကို ပြင်ဆင်ပါ

သတိပေးချက် chip ကိုအဝါရောင်ပြောင်းအောင်အထိ Edit. Trim တစ်ခုခုကို Google ကတစ် ellipsis အစားသင်၏အပြည့်အဝခေါင်းစဉ်နှင့်ဖော်ပြချက်ကိုပြသသောကြောင့်လွန်စွာကျယ်ပြန့်အဖြစ် flagged.

SERP snippet မေးခွန်းများ

Google ကအနည်းငယ်မှာ desktop ကိုခေါင်းစဉ်လင့်များ truncates 600 pixels, တစ်ခု fixed character count မဟုတ်, W နှင့် M ကဲ့သို့ကျယ်ပြန့်စာလုံးများငါနှင့်လကဲ့သို့ကျဉ်းမြောင်းသောသူတို့ထက်ပိုပြီးနေရာယူသောကြောင့်. ဒီ tool ကိုသင်သည်သင်၏ခေါင်းစဉ်ဖြတ်တောက်ခံရမည်နေရာကိုတိကျစွာမြင်နိုင်အောင်အမှန်တကယ် rendered pixel အကျယ်ကိုတိုင်းတာ.
Google ကပုံမှန်အားဖြင့် desktop ပေါ်မှာ meta ဖော်ပြချက်၏ပတ်လည် 920 pixels ကိုပြသ (အကြောင်းကို 155 160 characters) နှင့်မိုဘိုင်းအပေါ်နည်းနည်း. တစ်ခုခုပိုရှည်တစ် ellipsis နှင့်အတူ truncated ဖြစ်ပါတယ်။ သငျသညျရိုက်ထည့်အဖြစ် preview ကို desktop နှင့်မိုဘိုင်း truncation နှစ်ဦးစလုံးအသက်ရှင်ပြသ.
မိုဘိုင်းရလဒ်များကိုသေးငယ်တဲ့ကော်လံနှင့်ကွဲပြားခြားနားသောဖောင့်အရွယ်အစားကိုအသုံးပြု, ဒါကြောင့်ခေါင်းစဉ်ပိုမိုလိုင်းများပေါ်သို့ wrap နှင့်ဖော်ပြချက်တိုတောင်း cut နေကြသည်. ဒီ tool ကိုသင်တစ်ဦးချင်းစီအတွက် optimizing နိုင်အောင်ဘေးချင်းယှဉ်နှစ်ဦးစလုံး layouts renders.
ဟုတ်ကဲ့. အဆိုပါ preview ကို Canvas စာသား-တိုင်းတာ API ကိုအသုံးပြုပြီးသင်၏ browser ထဲမှာလုံးဝ runs. သင်ရိုက်ထည့်သည်အရာအားလုံး uploaded ခံရ, log သို့မဟုတ်သိမ်းဆည်းထား, သငျသညျလုံခြုံစွာ unpublished စာမျက်နှာများနှင့်အတွင်းပိုင်း URL များကိုစမ်းသပ်နိုင်ပါတယ်ဒါကြောင့်.

ဖန်တီးသူများ

ဒီ SERP preview ကို runs 100% client-side - အဆိုပါ pixel ကိုတိုင်းတာခြင်းသင့်ရဲ့ browser မှာဖြစ်ပျက်, ဒါကြောင့်သင်ကစာလုံးပေါင်းဘာမှမ upload လုပ်ထားသည်.

✓ ဒီဇိုင်းအားဖြင့်ပုဂ္ဂလိက - server ကို round-trip မရှိ

truncation ဟာ browser ကိုစာသားဆွဲအလားတူနည်းလမ်းကိုတိုင်းတာသည် - Canvas measureText API ကိုနှင့်အတူ. ဒီမှာသင်သည်သင်၏ကိုယ်ပိုင်တည်ဆောက် pipeline ကို drop နိုင်သောအခြေခံအယူအဆဖြစ်ပါသည်:

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

သင့်ရဲ့ CMS သို့မဟုတ် CI မှခေါင်းစဉ်များ၏ထောင်ပေါင်းများစွာ၏ batch-စစ်ဆေးခြင်း - ကြီးမားတဲ့ scale မှာဒီလိုလိုအပ်ပါသလား? ကျွန်တော်တို့ရဲ့ SEO tools များအတွက်တစ်ဦး hosting REST API ကိုပေးဆောင်အစီအစဉ်များပေါ်တွင်ရရှိနိုင်သည်။ စီမံကိန်းများကြည့်ပါ →