nOpen Graph ဆိုတာ...
Open Graph Open Graph ဆိုတာကတော့ The Open Graph protocol လို ခေါ် ပြီး website ကို social media ပေါ် ကို share တဲ့ အခါ အစီအစဥ် တကျလှလှပပလေး ပြနိုင်အောင် လုပ်ဆောင်ပေးတာဖြစ်ပါတယ်။ တစ်ခါ တလေ့ social media facebook စဖြင့်မှာ linkတွေ share တဲ့ အခါ မလှမပ ဖြစ်နေရတာတွေမိပါလိုက်မယ်ဒါကတော့ og table တွေ မထည့်ထားလို့ဖြစ်ပါတယ်။ ဟုတ်ပါပြီး နညး်နည်း ပိုနားလည်လွယ်အောင်ရှင်းပြပါမယ်။ Og tag တွေက metadata tag တွေနဲ့ ရေးရတာဖြစ်ပါတယ်။ Metadata ဆို တာကတော့ website ရဲ့ <head> <meta …. /> </head> Head tag ထဲမှာရေးတဲ tagမျိုးဖြစ်ပြီး seo purposeနဲ့ရေးတာဖြစ်ပါတယ်. Google Search result မှာဘယ်လိုပြမလဲဆိုပြီးပေါ့ ။ OGP ကလဲအဲလိုပါပဲ Web page ကို facebook, twitter, linkedin စသဖြင့်နေရာအမျိုး မျိုးမှာ ဘယ်လိုပေါ် မလဲဆိုတာကိုပြသနိုင်ဖိုရေးရတာပေါ့ ။ <html prefix="og: https://callmedevbypeter.carrd.co/"> <head> <title>Call Me Dev by Peter</title> <meta property="og:title" content="Call Me Dev by Peter" /> <meta property="og:type" content="blog.article" /> <meta property="og:url" content="https://callmedevbypeter.carrd.co/" /> <meta property="og:image" content="https://ia.media-imdb.com/images/cmd.jpg" /> ... </head> … </html> ဒီ sample web page codeမှာဆိုရင်ရှင်းပါတယ်။ og:title မှာပါတဲ့စာသားက web pageကို social ထဲ share တဲ့အခါ titleအနေနဲ့ပြမယ်။ og: url ကို clickရင်သွားမယ်။ og:image ကို ပြပေးမယ်။ og:type, prefix, စတာတွေ ကို social platformက analysis လုပ်ဖိုသုံးမယ်။ tag အမျိုးမျိုးရှိပါတယ်။ Og:audio, og:description, og: determiner, ag:locale (language အတွက်သုံးမယ်), og:site_name, og:video, စဖြင့်အမျိုးမျိုးရှိပါတယ်။ Meta og tag အပြင် သူ့ social platformတွေမှာသူအလိုက်ကိုပိုင်keywordတွေ ရှိပါတယ်။ ဥပမာ twitter အတွက် ဆိုရင် twitter:card ဆိုရင် cardအနေနဲပြတာမျိုးလေးပေါ့ ။ Twitter ရဲ့ og sample codeလေးပါ။ <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@nytimesbits" /> <meta name="twitter:creator" content="@nickbilton" /> <meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" /> <meta property="og:title" content="A Twitter for My Sister" /> <meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." /> <meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" /> ဟုတ်ပါပြီ အာဆိုရင်တော့ Open Graph အကြောင်းလဲ သိလောက်ပြီထင်ပါတယ်။ကိုယ်တိုက် စမ်းကြည့်လို့ရအောင် documentation link လေးတွေစုပေးထားပါတယ်နော် ရေးလက်စwebsite ရှိတယ်ဆိုရင်လဲ ထည့်စမ်းကြည့်ဖိုကောင်းပါတယ်. ဒါမှသာကိုယ့် web page က social platform တစ်ခုခု ကိုshareရင်လှနေမှာပေါ့။ OGP https://ogp.me/ Facebook https://developers.facebook.com/docs/sharing/webmasters/#markup Twitter https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#started LinkedIn https://www.linkedin.com/help/linkedin/answer/a521928/making-your-website-shareable-on-linkedin?lang=en PinInterest https://developers.pinterest.com/docs/rich-pins/rich-pins/ Facebook မှာရော Telegramမှာပါ ဝင်ရောက်ဆွေးနွေးပေးကြပါဗျ။Facebook page ၊ telegram channel နဲ့ Youtube Channel ကို follow subscribe လုပ်သွားနိုင်ပါတယ်ဗျ။ Facebook - @callmedevbypeter Telegram - @callmedevbypeter Youtube - Call Me Dev by Peter သိချင်တဲ့အကြောင်းအရာရှိရင် comment မှာရေးသွားပါဗျ။ Thanks you ပါ။ #callmedevbypeter #open_graph #web_development
nOpen Graph ဆိုတာ...
Open Graph Open Graph ဆိုတာကတော့ The Open Graph protocol လို ခေါ် ပြီး website ကို social media ပေါ် ကို share တဲ့ အခါ အစီအစဥ် တကျလှလှပပလေး ပြနိုင်အောင် လုပ်ဆောင်ပေးတာဖြစ်ပါတယ်။ တစ်ခါ တလေ့ social media facebook စဖြင့်မှာ linkတွေ share တဲ့ အခါ မလှမပ ဖြစ်နေရတာတွေမိပါလိုက်မယ်ဒါကတော့ og table တွေ မထည့်ထားလို့ဖြစ်ပါတယ်။ ဟုတ်ပါပြီး နညး်နည်း ပိုနားလည်လွယ်အောင်ရှင်းပြပါမယ်။ Og tag တွေက metadata tag တွေနဲ့ ရေးရတာဖြစ်ပါတယ်။ Metadata ဆို တာကတော့ website ရဲ့ <head> <meta …. /> </head> Head tag ထဲမှာရေးတဲ tagမျိုးဖြစ်ပြီး seo purposeနဲ့ရေးတာဖြစ်ပါတယ်. Google Search result မှာဘယ်လိုပြမလဲဆိုပြီးပေါ့ ။ OGP ကလဲအဲလိုပါပဲ Web page ကို facebook, twitter, linkedin စသဖြင့်နေရာအမျိုး မျိုးမှာ ဘယ်လိုပေါ် မလဲဆိုတာကိုပြသနိုင်ဖိုရေးရတာပေါ့ ။ <html prefix="og: https://callmedevbypeter.carrd.co/"> <head> <title>Call Me Dev by Peter</title> <meta property="og:title" content="Call Me Dev by Peter" /> <meta property="og:type" content="blog.article" /> <meta property="og:url" content="https://callmedevbypeter.carrd.co/" /> <meta property="og:image" content="https://ia.media-imdb.com/images/cmd.jpg" /> ... </head> … </html> ဒီ sample web page codeမှာဆိုရင်ရှင်းပါတယ်။ og:title မှာပါတဲ့စာသားက web pageကို social ထဲ share တဲ့အခါ titleအနေနဲ့ပြမယ်။ og: url ကို clickရင်သွားမယ်။ og:image ကို ပြပေးမယ်။ og:type, prefix, စတာတွေ ကို social platformက analysis လုပ်ဖိုသုံးမယ်။ tag အမျိုးမျိုးရှိပါတယ်။ Og:audio, og:description, og: determiner, ag:locale (language အတွက်သုံးမယ်), og:site_name, og:video, စဖြင့်အမျိုးမျိုးရှိပါတယ်။ Meta og tag အပြင် သူ့ social platformတွေမှာသူအလိုက်ကိုပိုင်keywordတွေ ရှိပါတယ်။ ဥပမာ twitter အတွက် ဆိုရင် twitter:card ဆိုရင် cardအနေနဲပြတာမျိုးလေးပေါ့ ။ Twitter ရဲ့ og sample codeလေးပါ။ <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@nytimesbits" /> <meta name="twitter:creator" content="@nickbilton" /> <meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" /> <meta property="og:title" content="A Twitter for My Sister" /> <meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." /> <meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" /> ဟုတ်ပါပြီ အာဆိုရင်တော့ Open Graph အကြောင်းလဲ သိလောက်ပြီထင်ပါတယ်။ကိုယ်တိုက် စမ်းကြည့်လို့ရအောင် documentation link လေးတွေစုပေးထားပါတယ်နော် ရေးလက်စwebsite ရှိတယ်ဆိုရင်လဲ ထည့်စမ်းကြည့်ဖိုကောင်းပါတယ်. ဒါမှသာကိုယ့် web page က social platform တစ်ခုခု ကိုshareရင်လှနေမှာပေါ့။ OGP https://ogp.me/ Facebook https://developers.facebook.com/docs/sharing/webmasters/#markup Twitter https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#started LinkedIn https://www.linkedin.com/help/linkedin/answer/a521928/making-your-website-shareable-on-linkedin?lang=en PinInterest https://developers.pinterest.com/docs/rich-pins/rich-pins/ Facebook မှာရော Telegramမှာပါ ဝင်ရောက်ဆွေးနွေးပေးကြပါဗျ။Facebook page ၊ telegram channel နဲ့ Youtube Channel ကို follow subscribe လုပ်သွားနိုင်ပါတယ်ဗျ။ Facebook - @callmedevbypeter Telegram - @callmedevbypeter Youtube - Call Me Dev by Peter သိချင်တဲ့အကြောင်းအရာရှိရင် comment မှာရေးသွားပါဗျ။ Thanks you ပါ။ #callmedevbypeter #open_graph #web_development
CallMeDevbyPeter
Since 2022